@charset "UTF-8";
.clearfix {
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.mask-fix {
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: default!important
}

.page-header .links-wrap>li>a {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

.overthrow-enabled .overthrow {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: none;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.overthrow>.mask-fix {
    display: none
}

.overthrow.scrolling>.mask-fix {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

input[type=radio].custom:checked~.fake-input:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

[contenteditable=true] {
    -webkit-touch-callout: auto;
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    -ms-user-select: auto!important;
    -o-user-select: auto!important;
    user-select: auto!important
}

.valign-middle-container:before,
.page-header .logo-wrap:before {
    content: "";
    vertical-align: middle;
    width: 0;
    height: 100%;
    overflow: hidden;
    display: inline-block
}

.valign-middle-container>*,
.page-header .logo-wrap>* {
    display: inline-block;
    vertical-align: middle
}

.balloon {
    position: absolute;
    width: 1.7em;
    height: 1.7em;
    background: #C83D28;
    border-radius: .3em;
    color: white;
    line-height: 1.7em;
    text-align: center;
    font-size: 1.1em;
    font-style: normal;
    left: 0;
    top: 0
}

.balloon.success {
    background: #aee747
}

.icon-rounded {
    color: #666!important;
    font-size: 14px;
    border: 2px solid #999!important;
    border-radius: 50%;
    background: white;
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    line-height: 25px!important;
    text-align: center;
    opacity: .8;
    cursor: pointer
}

.icon-rounded.highlight {
    color: #ff941e!important;
    border-color: #ff941e!important
}

.icon-rounded:hover {
    opacity: 1
}

.icon-rounded.disabled {
    color: #999;
    border-color: #999;
    cursor: default
}

input[type=checkbox].custom {
    display: none
}

input[type=checkbox].custom~.fake-input {
    position: relative;
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: .3em;
    width: 2em;
    height: 2em;
    vertical-align: middle;
    background: #fff
}

input[type=checkbox].custom~.fake-input:hover {
    border-color: #666
}

input[type=checkbox].custom:checked~.fake-input:before {
    font-family: ten-lua;
    content: "N";
    color: #8ac71a;
    font-size: 1.7391304348em;
    line-height: 1.2;
    position: absolute;
    left: 0;
    top: -1px;
    font-weight: 400;
    width: 100%;
    text-align: center
}

input[type=radio].custom {
    display: none
}

input[type=radio].custom~.fake-input {
    position: relative;
    display: inline-block;
    border: .2em solid #aaa;
    border-radius: .3em;
    width: 2em;
    height: 2em;
    vertical-align: middle;
    background: #fff
}

input[type=radio].custom~.fake-input:hover {
    border-color: #666
}

input[type=radio].custom~.fake-input {
    border-radius: 50%;
    text-align: center
}

input[type=radio].custom:checked~.fake-input:before {
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    content: "";
    display: inline-block;
    background-color: #8ac71a;
    border-radius: 50%
}

html {
    font-size: 10px;
    overflow-y: scroll
}

html.focus-area-shown {
    overflow: hidden
}

body {
    -ms-content-zooming: none;
    background: black
}

* {
    -ms-scroll-chaining: none
}

*:focus {
    outline: none!important
}

a {
    text-decoration: none!important;
    color: #e31837
}

a:hover,
a:visited {
    color: #e31837
}

img {
    border: none;
    max-width: 100%
}

h1,
h2 {
    font-family: EurostileLTStd, Arial, Tahoma
}

h1 {
    font-size: 3.5em
}

h2 {
    font-size: 2.25em
}

li {
    line-height: normal
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
    -webkit-border-radius: 0;
    border-radius: 0;
    font-family: inherit;
    border: 1px solid #ddd;
    color: rgba(0, 0, 0, .75);
    width: 100%;
    height: 25px;
    background: #fafafa
}

input.error,
select.error,
textarea.error {
    background-color: #ffc0c0
}

input.valid,
select.valid,
textarea.valid {
    border-color: #8ac71a;
    background-color: #edfad7
}

label>* {
    pointer-events: none
}

[class^="m-icon-"],
[class*=" m-icon-"] {
    opacity: 0;
    vertical-align: middle;
    line-height: 1
}

[class^="m-icon-"]:before,
[class*=" m-icon-"]:before {
    content: "a";
    vertical-align: middle
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

.clearer {
    clear: both
}

.btn-primary {
    background-color: #e31837;
    border: 1px solid #e31837;
    font-family: "EurostileLTStd";
    font-size: 13px;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    color: #ffffff!important
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #222;
    border: 1px solid #222
}

.page-content {
    padding-top: 40px
}

.page-content .inner {
    background-color: #fff
}

.breadcrumb {
    display: none;
    position: absolute;
    z-index: 11!important;
    left: 0;
    right: 0;
    margin: 0;
    min-height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    font-size: 11px
}

.breadcrumb.bg {
    display: none
}

.breadcrumb>.bg {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    opacity: .5
}

.breadcrumb a {
    color: white
}

.breadcrumb .fa-close {
    position: absolute;
    z-index: 99;
    right: 15px;
    top: 50%;
    margin-top: -9px;
    font-size: 18px;
    cursor: pointer;
    opacity: .8
}

.breadcrumb .fa-close:hover {
    opacity: 1
}

.breadcrumb.news-flash {
    display: block
}

.breadcrumb.news-flash .fa-bell-o {
    position: absolute;
    font-size: 13px;
    top: 50%;
    margin-top: -7px
}

.breadcrumb.news-flash h3 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 11px;
    line-height: normal;
    font-weight: 400;
    margin-left: 25px;
    margin-right: 25px
}

.breadcrumb.news-flash h3 .fa-caret-right {
    font-size: 85%;
    margin-top: 2px;
    margin-left: 2px
}

.breadcrumb.news-flash .news-title {
    font-family: "EurostileLTStd"
}

.breadcrumb .breadcrumb-inner ol {
    list-style: none;
    padding: 0;
    margin: 0
}

.breadcrumb .breadcrumb-inner ol li {
    float: left
}

.breadcrumb .breadcrumb-inner a:hover {
    text-decoration: underline!important
}

.breadcrumb .breadcrumb-inner .fa-caret-right {
    font-size: 80%;
    margin: 0 7px
}

.breadcrumb .breadcrumb-inner .current {
    font-weight: 700;
    text-decoration: none!important
}

.breadcrumb .breadcrumb-inner .current:hover {
    text-decoration: none!important
}

.font-cheddar {
    font-family: "cheddar_jackregular"
}

.text-capitalize {
    text-transform: capitalize!important
}

.noscroll {
    position: fixed;
    width: 100%;
    height: 100%
}

.tar {
    text-align: right
}

.tal {
    text-align: left
}

.tac {
    text-align: center
}

.rfloat {
    float: right
}

.lfloat {
    float: left
}

.no-pb {
    padding-bottom: 0!important
}

.no-pt {
    padding-top: 0!important
}

.no-mt {
    margin-top: 0!important
}

.no-mb {
    margin-bottom: 0!important
}

.no-padding {
    padding: 0!important
}

.no-margin {
    margin: 0!important
}

.no-border {
    border: none!important
}

.pb {
    padding-bottom: 10px!important
}

.pb-2 {
    padding-bottom: 20px!important
}

.pb-3 {
    padding-bottom: 30px!important
}

.pb-4 {
    padding-bottom: 40px!important
}

.pt {
    padding-top: 10px!important
}

.pt-2 {
    padding-top: 20px!important
}

.pt-3 {
    padding-top: 30px!important
}

.pt-4 {
    padding-top: 40px!important
}

.mb {
    margin-bottom: 10px!important
}

.mb-2 {
    margin-bottom: 20px!important
}

.mb-3 {
    margin-bottom: 30px!important
}

.mb-4 {
    margin-bottom: 40px!important
}

.mt {
    margin-top: 10px!important
}

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

.mt-3 {
    margin-top: 30px!important
}

.mt-4 {
    margin-top: 40px!important
}

.sec-pt {
    padding-top: 70px!important
}

.bg-lt {
    background-position: left top!important
}

.bg-lc {
    background-position: left center!important
}

.bg-lb {
    background-position: left bottom!important
}

.bg-rt {
    background-position: right top!important
}

.bg-rc {
    background-position: right center!important
}

.bg-rb {
    background-position: right bottom!important
}

.bg-ct {
    background-position: center top!important
}

.bg-cc {
    background-position: center center!important
}

.bg-cb {
    background-position: center bottom!important
}

@media only screen and (max-width:991px) {
    .sec-pt {
        padding-top: 40px!important
    }
}

@media (min-width:992px) {
    .page-header {
        position: relative;
        z-index: 12
    }
    .page-content {
        padding-top: 90px;
        -webkit-transition: padding-top 0.2s;
        -moz-transition: padding-top 0.2s;
        transition: padding-top 0.2s
    }
    .page-header-pinned .page-content {
        padding-top: 52px
    }
    .breadcrumb {
        display: block;
        z-index: 100!important;
        font-size: 12px;
        min-height: 0;
        padding: 0;
        margin-top: 9px;
        height: 0
    }
    .focus-area-has-dropdown-shown .breadcrumb {
        display: none
    }
    .breadcrumb.bg {
        display: block;
        z-index: 1!important;
        background: rgba(0, 0, 0, .5);
        min-height: 40px;
        margin-top: 0
    }
    .breadcrumb>.bg {
        display: none
    }
    .breadcrumb.news-flash .fa-bell-o {
        font-size: 14px;
        margin-right: 10px
    }
    .breadcrumb.news-flash h3 {
        font-size: 12px;
        margin-left: 35px
    }
    .breadcrumb .fa-close {
        top: 8px
    }
    .breadcrumb>.col-md-11 {
        width: 68%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .breadcrumb {
        font-size: 14px
    }
}

.page-header {
    height: 40px;
    color: #fff;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    font-family: "EurostileLTStd";
    box-shadow: 10px 0 20px #404040
}

.page-header .dropdown-backdrop {
    display: none
}

.page-header .container-fluid {
    height: 100%;
    padding: 0
}

.page-header .container-fluid>.inner {
    position: relative;
    height: 100%;
    background-color: #e31837
}

.page-header a {
    color: white
}

.page-header a:hover {
    text-decoration: underline
}

.page-header .logo-wrap {
    background: white;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 90px;
    text-align: center;
    font-size: 0
}

.page-header .logo-wrap>a {
    width: 80%
}

.page-header .links-wrap {
    padding-left: 0;
    margin: 0;
    font-size: 15px
}

.page-header .links-wrap>li {
    float: left;
    height: 100%;
    list-style: none
}

.page-header .links-wrap>li>a {
    display: block;
    height: 100%
}

.page-header #SecondaryLinks {
    display: none
}

.page-header #FocusArea {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #535353;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all .3s, visibility 0s
}

.focus-area-shown .page-header #FocusArea {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.page-header #FocusArea>h3 {
    margin: 0;
    height: 40px;
    line-height: 44px;
    background: #e31837;
    padding: 0 20px;
    font-weight: 400;
    cursor: pointer
}

.page-header #FocusArea>h3 .fa-close {
    font-size: 25px;
    position: absolute;
    right: 20px;
    line-height: 40px;
    opacity: .8;
    @Include transition(opacity .2s)
}

.page-header #FocusArea>h3:hover .fa-close {
    opacity: 1
}

.page-header #FocusArea .links-wrap {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden
}

.page-header #FocusArea .links-wrap>li {
    display: block;
    float: none;
    clear: both;
    height: auto
}

.page-header #FocusArea .links-wrap>li>a {
    display: block;
    font-size: 11px;
    padding: 15px 20px;
    border-bottom: 1px solid #656565
}

.page-header #FocusArea .links-wrap>li>a:hover,
.page-header #FocusArea .links-wrap>li>a:focus {
    background-color: #666
}

@media only screen and (max-width:767px) {
    .page-header #FocusArea .links-wrap>li>a {
        font-size: 12px!important;
        font-weight: 700
    }
}

.page-header #FocusArea .dropdown .caret {
    border-top-color: white;
    border-bottom-color: transparent;
    border-bottom: 4px solid transparent;
    margin-left: 7px
}

.page-header #FocusArea .dropdown>.dropdown-menu {
    display: block;
    position: static;
    background: #222;
    box-shadow: none;
    border-radius: 0;
    border: none;
    width: 100%;
    padding: 0;
    margin-top: 0;
    right: 0!important;
    left: auto!important;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s
}

.page-header #FocusArea .dropdown>.dropdown-menu li {
    float: none;
    clear: both;
    display: block;
    height: auto
}

.page-header #FocusArea .dropdown>.dropdown-menu a {
    color: white;
    padding: 0 20px;
    height: 0;
    line-height: 30px;
    overflow: hidden;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s
}

.page-header #FocusArea .dropdown>.dropdown-menu a:hover,
.page-header #FocusArea .dropdown>.dropdown-menu a:focus {
    background-color: #333!important;
    color: white
}

.page-header #FocusArea .dropdown.open {
    z-index: 10
}

.page-header #FocusArea .dropdown.open>a {
    background-color: #222!important;
    border-bottom-color: #222!important
}

@media only screen and (max-width:991px) {
    .page-header #FocusArea .dropdown.open>a {
        color: #e31837
    }
}

.page-header #FocusArea .dropdown.open .caret {
    border-top-color: transparent;
    border-top: none;
    right: 8px;
    margin-top: -2px;
    border-bottom-color: #e31837
}

.page-header #FocusArea .dropdown.open>.dropdown-menu {
    padding: 0 0 10px
}

.page-header #FocusArea .dropdown.open>.dropdown-menu a {
    height: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .page-header #FocusArea {
        font-size: 12px;
        font-weight: 700
    }
}

.page-header #PrimaryLinks {
    position: absolute;
    right: 0;
    left: 90px;
    text-align: right;
    white-space: nowrap
}

.page-header #PrimaryLinks .links-wrap {
    font-size: 0
}

.page-header #PrimaryLinks .links-wrap>li {
    font-size: 15px;
    float: none;
    display: inline-block;
    border-right: 1px solid #ea3a55
}

.page-header #PrimaryLinks .links-wrap>li.hamburger {
    border-right-color: #e31837;
    width: 43px
}

.page-header #PrimaryLinks .links-wrap>li:first-child {
    border-left: none
}

.page-header #PrimaryLinks .links-wrap>li:first-child+li {
    border-left: 1px solid #ea3a55
}

.page-header #PrimaryLinks .links-wrap>li>a {
    padding: 0 12px;
    line-height: 44px
}

.page-header #PrimaryLinks .links-wrap>li .fa-search-thin {
    background: url(../img/icon-search-thin.png) center center no-repeat;
    width: 18px;
    height: 14px;
    display: block
}

.page-header #PrimaryLinks .focus-area {
    position: absolute;
    left: 0;
    border-right: none!important
}

.page-header #PrimaryLinks .focus-area>a {
    padding: 0 0 0 15px!important
}

.page-header #PrimaryLinks .fa-search-thin {
    background: url(../img/icon-search-thin.png) center center no-repeat;
    width: 18px;
    height: 14px;
    position: relative;
    top: 3px
}

.page-header #PrimaryLinks .fa-reorder,
.page-header #PrimaryLinks .fa-close {
    font-size: 22px
}

.page-header #PrimaryLinks .fa-search,
.page-header #PrimaryLinks .fa-reorder,
.page-header #PrimaryLinks .fa-close {
    position: relative;
    top: 3px
}

.page-header #PrimaryLinks .hamburger {
    position: static
}

.page-header #PrimaryLinks .hamburger.open {
    border-right-color: #535353!important
}

.page-header #PrimaryLinks .hamburger.open #HamburgerMenuButton {
    background-color: #535353
}

.page-header #PrimaryLinks .hamburger.open #HamburgerMenuButton .fa-close {
    display: inline-block
}

.page-header #PrimaryLinks .hamburger.open #HamburgerMenuButton .fa-reorder {
    display: none
}

.page-header #PrimaryLinks .hamburger.open #HamburgerMenu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.page-header #PrimaryLinks #HamburgerMenuButton .fa-close {
    display: none
}

.page-header #PrimaryLinks #HamburgerMenu {
    border: none;
    display: block;
    background: #535353;
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0;
    padding: 0!important;
    font-family: "EurostileLTStd";
    font-weight: 400;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all .3s, visibility 0s
}

.page-header #PrimaryLinks #HamburgerMenu>li {
    display: block;
    float: none;
    clear: both;
    height: auto
}

.page-header #PrimaryLinks #HamburgerMenu>li>a {
    color: white;
    display: block;
    font-size: 12px;
    padding: 11px 20px;
    font-weight: 700;
    letter-spacing: .4px;
    border-bottom: 1px solid #656565;
    -webkit-transition: background-color 0.1s;
    -moz-transition: background-color 0.1s;
    transition: background-color 0.1s;
    background-color: transparent!important
}

.page-header #PrimaryLinks #HamburgerMenu>li>a:hover {
    background-color: #595959!important;
    color: #e31837
}

.page-header #PrimaryLinks #HamburgerMenu>li>a:hover .caret {
    border-top-color: #e31837
}

.page-header #PrimaryLinks #HamburgerMenu .dropdown .caret {
    border-top-color: white;
    border-bottom-color: transparent;
    border-bottom: 4px solid transparent;
    margin-left: 7px;
    margin-top: 1px
}

.page-header #PrimaryLinks #HamburgerMenu .dropdown>.dropdown-menu {
    display: block;
    position: static;
    background: #222;
    box-shadow: none;
    border-radius: 0;
    border: none;
    width: 100%;
    padding: 0;
    margin-top: 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s
}

.page-header #PrimaryLinks #HamburgerMenu .dropdown>.dropdown-menu li {
    float: none;
    clear: both;
    display: block;
    height: auto
}

.page-header #PrimaryLinks #HamburgerMenu .dropdown>.dropdown-menu a {
    color: white;
    padding: 0 20px;
    height: 0;
    line-height: 30px;
    overflow: hidden;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s
}

.page-header #PrimaryLinks #HamburgerMenu .dropdown>.dropdown-menu a:hover,
.page-header #PrimaryLinks #HamburgerMenu .dropdown>.dropdown-menu a:focus {
    background-color: #333!important;
    color: white
}

.page-header #PrimaryLinks #HamburgerMenu .dropdown.open>a {
    color: #e31837;
    background-color: #222!important;
    border-bottom-color: #222!important
}

.page-header #PrimaryLinks #HamburgerMenu .dropdown.open>a:hover .caret,
.page-header #PrimaryLinks #HamburgerMenu .dropdown.open>a:focus .caret {
    border-bottom-color: #e31837
}

.page-header #PrimaryLinks #HamburgerMenu .dropdown.open .caret {
    border-left-color: transparent;
    border-bottom-color: white;
    border-top: none
}

.page-header #PrimaryLinks #HamburgerMenu .dropdown.open>.dropdown-menu {
    font-family: "EurostileLTStd";
    font-size: 12px
}

.page-header #PrimaryLinks #HamburgerMenu .dropdown.open>.dropdown-menu a {
    height: 30px
}

.page-header #PrimaryLinks #HamburgerMenu .dropdown.open>.dropdown-menu.media-wrap {
    font-family: "EurostileLTStd"
}

.page-header #PrimaryLinks #HamburgerMenu .dropdown.open>.dropdown-menu.media-wrap a {
    height: 40px
}

.page-header #PrimaryLinks #HamburgerMenu .media-wrap>li a {
    color: #ccc
}

.page-header #PrimaryLinks #HamburgerMenu .media-wrap>li a>span {
    font-size: 12px
}

.page-header #PrimaryLinks #HamburgerMenu .media-wrap .fa {
    font-size: 28px;
    vertical-align: middle;
    margin: 5px 10px 5px 0
}

@media (min-width:992px) {
    .page-header {
        height: 90px;
        position: fixed
    }
    .page-header .dropdown-backdrop {
        display: block
    }
    .page-header .inner:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 0;
        right: 72.5%;
        top: 100%;
        margin-top: -52px;
        height: 52px;
        background: transparent;
        border-top: 1px solid #ea3a55
    }
    .first-focus-area-has-dropdown-shown .page-header .inner:before {
        background: #535353
    }
    .page-header .logo-wrap {
        background: transparent;
        width: auto
    }
    .page-header .logo-wrap:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 350px;
        height: 130px;
        background: url(../img/logo-bg-shape.png) no-repeat;
        background-size: contain;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s
    }
    .lt-ie9 .page-header .logo-wrap:before {
        background-image: url(../img/logo-bg-shape-small.png)
    }
    .page-header .logo-wrap .logo {
        position: absolute;
        width: 100px;
        left: 40px;
        top: 15px;
        max-width: none
    }
    .page-header #SecondaryLinks {
        display: block;
        position: absolute;
        right: 2.7142857143%;
        top: 0;
        height: 38px;
        font-size: 11px
    }
    .page-header #SecondaryLinks .links-wrap {
        height: 38px;
        font-size: 11px
    }
    .page-header #SecondaryLinks .links-wrap>li>a {
        line-height: 35px;
        padding: 3px 17px;
        position: relative
    }
    .page-header #SecondaryLinks .links-wrap>li>a:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 15px;
        width: 1px;
        height: 9px;
        background-color: #ee5a70
    }
    .page-header #SecondaryLinks .links-wrap>li>a.link-icon-global {
        padding: 0 15px
    }
    .page-header #SecondaryLinks .links-wrap>li>a .fa-global {
        background: url(../img/icon-global.png) center center no-repeat;
        width: 18px;
        height: 20px;
        display: block;
        padding-top: 40px
    }
    .page-header #SecondaryLinks .links-wrap>li>a .fa-search-thin {
        background: url(../img/icon-search-thin.png) center center no-repeat;
        width: 18px;
        height: 14px;
        display: block;
        padding-top: 32px
    }
    .page-header #SecondaryLinks .links-wrap>li>a:hover,
    .page-header #SecondaryLinks .links-wrap>li>a:focus {
        background-color: #535353
    }
    .page-header #SecondaryLinks .links-wrap>li>a:hover:after,
    .page-header #SecondaryLinks .links-wrap>li>a:focus:after {
        display: none
    }
    .page-header #SecondaryLinks .links-wrap>li:first-child>a:after {
        display: none
    }
    .page-header #SecondaryLinks .links-wrap>li .fa-globe,
    .page-header #SecondaryLinks .links-wrap>li .fa-search {
        font-size: 14px
    }
    .page-header #SecondaryLinks .links-wrap>li.dropdown {
        cursor: pointer
    }
    .page-header #SecondaryLinks .links-wrap>li.dropdown .dropdown-menu {
        left: auto;
        right: -2px;
        min-width: 87px;
        margin-top: -2px
    }
    .page-header #FocusArea {
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        top: auto;
        bottom: 0;
        background: transparent;
        height: 52px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
    .page-header #FocusArea>h3 {
        display: none
    }
    .page-header #FocusArea .links-wrap {
        overflow: visible;
        position: static!important;
        font-size: 0;
        text-align: right
    }
    .page-header #FocusArea .links-wrap:after {
        content: "";
        width: 9.5%;
        display: inline-block;
        margin-left: -1px
    }
    .page-header #FocusArea .links-wrap>li {
        display: inline-block;
        width: 9%;
        float: none;
        clear: none;
        height: 52px;
        border: 1px solid #ea3a55;
        border-left: none;
        border-bottom: none;
        vertical-align: top
    }
    .page-header #FocusArea .links-wrap>li>a {
        display: inline-block;
        width: 100%;
        height: 100%;
        overflow: visible;
        line-height: 16px;
        text-align: center;
        padding: 0 5px;
        border: none;
        text-transform: none;
        font-size: 13px;
        position: relative
    }
    .page-header #FocusArea .links-wrap>li>a:hover {
        background-color: #535353
    }
    .page-header #FocusArea .links-wrap>li>a span {
        vertical-align: middle;
        display: inline-block;
        width: 95%;
        word-spacing: 300px
    }
    .page-header #FocusArea .links-wrap>li>a .caret {
        border-top-color: white;
        border-bottom-color: transparent;
        position: absolute;
        top: 50%;
        margin-top: -2px;
        right: 7px;
        width: 9px
    }
    .page-header #FocusArea .links-wrap>li>a:before {
        content: '';
        width: 0;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        display: inline-block
    }
    .page-header #FocusArea .links-wrap>li:first-child {
        background-color: transparent!important;
        border-left-color: transparent!important;
        border-top-color: transparent!important
    }
    .page-header #FocusArea .links-wrap>li:first-child>a {
        background-color: transparent!important
    }
    .page-header #FocusArea .links-wrap>.dropdown.open>a {
        background: #535353!important
    }
    .page-header #FocusArea .links-wrap>.dropdown.open>a .caret {
        border-left-color: transparent;
        border-bottom-color: white
    }
    .page-header #FocusArea .links-wrap>.dropdown.open:first-child>a {
        background: transparent!important
    }
    .page-header #FocusArea .dropdown {
        position: relative!important
    }
    .page-header #FocusArea .dropdown>a {
        padding-right: 13px!important
    }
    .page-header #FocusArea .dropdown.open {
        border-color: #ea3a55;
        background: #535353
    }
    .page-header #FocusArea .dropdown.open .nav-item {
        background: none
    }
    .page-header #FocusArea .dropdown.open .mega-dropdown {
        height: auto;
        opacity: 1;
        display: block
    }
    .page-header #FocusArea .dropdown .mega-dropdown {
        display: none;
        background-color: #535353!important;
        position: absolute!important;
        top: 100%;
        bottom: auto;
        padding: 0!important;
        left: 0!important;
        width: auto;
        opacity: 0;
        margin-top: 0;
        z-index: 0;
        padding: 0!important;
        font-size: 0;
        border: none;
        border-radius: 0;
        text-align: left;
        white-space: nowrap;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s
    }
    .page-header #FocusArea .dropdown .mega-dropdown>li {
        background-color: #535353!important;
        float: none;
        clear: none;
        height: 40px
    }
    .page-header #FocusArea .dropdown .mega-dropdown>li>a {
        overflow: hidden;
        font-size: 12px;
        font-weight: 700;
        display: block;
        height: 100%!important;
        line-height: 14px;
        padding: 0 20px;
        white-space: normal
    }
    .page-header #FocusArea .dropdown .mega-dropdown>li>a:before {
        content: "";
        width: 0;
        height: 100%;
        display: inline-block;
        vertical-align: middle
    }
    .page-header #FocusArea .dropdown .mega-dropdown>li>a span {
        vertical-align: middle;
        display: inline-block
    }
    .page-header #FocusArea .dropdown .mega-dropdown>li>a:hover {
        background: #444
    }
    .page-header #FocusArea .dropdown .mega-dropdown>li.active>a {
        background: #444
    }
}

@media only screen and (min-width:992px) and (min-width:992px) {
    .page-header #FocusArea .dropdown .mega-dropdown.mobility-menu {
        width: 360px
    }
    .page-header #FocusArea .dropdown .mega-dropdown.mobility-menu li {
        width: 180px;
        float: left!important
    }
    .page-header #FocusArea .dropdown .mega-dropdown.information-menu {
        min-width: 180px
    }
    .page-header #FocusArea .dropdown .mega-dropdown.business-menu {
        right: 0!important;
        left: auto!important;
        width: 360px
    }
    .page-header #FocusArea .dropdown .mega-dropdown.business-menu li {
        width: 180px;
        float: left!important
    }
    .page-header #FocusArea .dropdown .mega-dropdown.defence-menu {
        right: 0!important;
        left: auto!important
    }
}

@media (min-width:992px) {
    .page-header #PrimaryLinks {
        bottom: 0;
        top: auto;
        left: auto;
        z-index: 999;
        width: 9.5%;
        text-align: center
    }
    .page-header #PrimaryLinks .links-wrap>li {
        border-top: 1px solid #ea3a55
    }
    .page-header #PrimaryLinks .links-wrap>li>a {
        line-height: 51px;
        padding: 0 15px
    }
    .page-header #PrimaryLinks .focus-area,
    .page-header #PrimaryLinks .focus-area+li {
        display: none!important
    }
    .page-header #PrimaryLinks .hamburger {
        width: 100%!important
    }
    .page-header #PrimaryLinks .hamburger>a {
        padding: 0
    }
    .page-header #PrimaryLinks .hamburger.open #HamburgerMenuButton {
        background-color: #535353
    }
    .page-header #PrimaryLinks #HamburgerMenu {
        width: 230px;
        background: #535353;
        position: absolute;
        top: 100%;
        left: auto;
        right: 0;
        bottom: auto
    }
    .page-header #PrimaryLinks #HamburgerMenu .dropdown>a .caret {
        border-left-color: white;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-bottom: 4px solid transparent;
        margin-top: -2px
    }
    .page-header #PrimaryLinks #HamburgerMenu .dropdown>a:hover .caret {
        border-left-color: #e31837;
        border-top-color: transparent
    }
    .page-header #PrimaryLinks #HamburgerMenu .dropdown.open>a .caret {
        border-bottom-color: white;
        border-left-color: transparent
    }
    .page-header-pinned .page-header {
        top: -39px
    }
    .page-header-pinned .page-header .logo-wrap {
        z-index: 1;
        background: white;
        width: 19.5%;
        top: auto;
        bottom: 0;
        height: 52px
    }
    .page-header-pinned .page-header .logo-wrap>a {
        width: 50%;
        max-width: 135px;
        margin-top: 15px
    }
    .page-header-pinned .page-header .logo-wrap .logo {
        position: static;
        max-width: 100%;
        width: auto
    }
    .page-header-pinned .page-header .logo-wrap:before {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        -webkit-transform: translateY(-105%);
        -moz-transform: translateY(-105%);
        -ms-transform: translateY(-105%);
        -o-transform: translateY(-105%);
        transform: translateY(-105%)
    }
    .page-header-pinned .page-header #SecondaryLinks {
        display: none
    }
    .page-header-pinned .page-header #FocusArea {
        z-index: 0
    }
    .page-header-pinned.lt-ie9 .page-header .logo-wrap:before {
        display: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    .page-header .dropdown-backdrop {
        display: none
    }
    .page-header #FocusArea .links-wrap>li>a {
        font-size: 15px
    }
    .page-header #PrimaryLinks .links-wrap>li {
        font-size: 18px
    }
    .page-header #PrimaryLinks #HamburgerMenu>li>a {
        font-size: 15px
    }
    .page-header #PrimaryLinks #HamburgerMenu .dropdown.open>.dropdown-menu {
        font-size: 15px
    }
    .page-header #PrimaryLinks #HamburgerMenu .media-wrap>li a>span {
        font-size: 15px
    }
    .page-header #PrimaryLinks #HamburgerMenu .media-wrap .fa {
        font-size: 31px
    }
}

@media only screen and (min-width:992px) and (max-width:1219px) {
    .page-header #FocusArea .links-wrap>li>a {
        font-size: 10px
    }
}

.carousel-wrap {
    position: relative
}

.carousel-wrap:before {
    content: "";
    display: block;
    padding-top: 112.5%
}

#carousel-hero {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.carousel-inner {
    height: 100%
}

.carousel-inner>.item {
    position: absolute;
    top: 0;
    left: 0!important;
    right: 0!important;
    bottom: 0;
    background: no-repeat top center;
    background-size: cover;
    -webkit-transition: all 0.8s, left 0s, right 0s, width 0s;
    -moz-transition: all 0.8s, left 0s, right 0s, width 0s;
    transition: all 0.8s, left 0s, right 0s, width 0s
}

.carousel-inner>.item.next,
.carousel-inner>.item.active.right {
    -webkit-transform: translate3d(100%, 0, 0) scale(.8);
    -moz-transform: translate3d(100%, 0, 0) scale(.8);
    -ms-transform: translate3d(100%, 0, 0) scale(.8);
    -o-transform: translate3d(100%, 0, 0) scale(.8);
    transform: translate3d(100%, 0, 0) scale(.8)
}

.carousel-inner>.item.prev,
.carousel-inner>.item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.8);
    -moz-transform: translate3d(-100%, 0, 0) scale(.8);
    -ms-transform: translate3d(-100%, 0, 0) scale(.8);
    -o-transform: translate3d(-100%, 0, 0) scale(.8);
    transform: translate3d(-100%, 0, 0) scale(.8)
}

.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right,
.carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.carousel-inner>.item:after {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: 45%
}

.carousel-inner>.item>img {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.lt-ie9 .carousel-inner>.item {
    background-image: none!important
}

.lt-ie9 .carousel-inner>.item>img {
    display: block;
    width: 100%;
    max-width: none;
    margin-left: 0
}

.carousel-inner>.item.caption-right {
    background-position: left center!important
}

.carousel-caption {
    top: auto;
    left: 7%;
    right: 6%;
    bottom: 10%;
    text-align: left;
    text-shadow: none;
    padding-bottom: 15px
}

.carousel-caption .hero-title {
    color: #e31837;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    font-weight: 700;
    line-height: 30px;
    margin: 0;
    font-size: 35px;
    font-family: "EurostileLTStdBold"
}

.carousel-caption .hero-title.normal-case {
    text-transform: none
}

.carousel-caption .hero-title .font-cheddar {
    color: #fff;
    font-weight: 400;
    display: inline-block;
    text-transform: none;
    text-shadow: none;
    font-size: 25px
}

.carousel-caption .hero-title .font-cheddar i {
    position: relative;
    left: 5px;
    font-style: normal
}

.carousel-caption .hero-title>span:first-child {
    margin-right: 10px
}

.carousel-caption .hero-des {
    margin: 0 0;
    font-size: 12px;
    line-height: 17px
}

.carousel-caption .hero-des+.hero-des {
    margin: 8px 0
}

.carousel-caption .btn {
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    margin-top: 10px;
    border-radius: 6px
}

.no-indicators .carousel-caption {
    padding-bottom: 0
}

.carousel-caption .hero-sup {
    color: #e31837;
    font-family: EurostileLTStdBold;
    margin-bottom: 10px
}

.carousel-control {
    background: none!important;
    filter: none!important;
    z-index: 1;
    color: #fff!important
}

.carousel-control.left>.fa {
    left: 45%;
    top: 40%
}

.carousel-control.right>.fa {
    right: 25%;
    top: 40%
}

.carousel-control .fa {
    display: inline-block;
    position: absolute;
    top: 50%!important;
    margin-top: -25px;
    font-size: 35px;
    box-shadow: none;
    text-shadow: none
}

.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
    font-size: 72%!important
}

.carousel-control .fa-angle-right {
    top: 29px!important;
    font-size: 28px;
    box-shadow: none;
    text-shadow: none;
    color: #888;
    left: 12px;
    font-weight: 700
}

.carousel-control .fa-angle-left {
    top: 29px!important;
    font-size: 28px;
    box-shadow: none;
    text-shadow: none;
    color: #888;
    right: 12px;
    font-weight: 700
}

.carousel-indicators {
    bottom: 7px;
    left: 0;
    right: 0;
    width: auto;
    margin-left: 0
}

.carousel-indicators>li {
    bottom: 10px;
    background-color: #fff;
    margin-right: 5px!important;
    margin-left: 5px!important
}

.carousel-indicators>li.active {
    background-color: #e31837;
    border-color: #e31837;
    width: 10px;
    height: 10px;
    position: relative;
    top: -1px
}

.scroll-down-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    background: #222;
    border: none;
    border-radius: 0;
    color: #fff!important;
    padding: 3px 7px;
    font-size: 10px;
    font-family: "EurostileLTStd";
    text-transform: uppercase
}

.scroll-down-btn:hover,
.scroll-down-btn:focus {
    background: #333!important
}

.scroll-down-btn .fa {
    margin-left: 5px
}

@media (min-width:768px) {
    .carousel-control.left>.fa {
        top: 50%
    }
    .carousel-control.right>.fa {
        top: 50%
    }
}

@media (min-width:992px) {
    .hero {
        min-height: 450px
    }
    .hero:before {
        display: none
    }
    .carousel-inner>.item {
        white-space: nowrap
    }
    .carousel-inner>.item:before {
        content: "";
        vertical-align: middle;
        width: 0;
        height: 100%;
        overflow: hidden;
        display: inline-block
    }
    .carousel-inner>.item:after {
        display: none
    }
    .carousel-caption {
        display: inline-block;
        vertical-align: middle;
        position: static;
        white-space: normal;
        width: 48%;
        margin-left: 11%;
        margin-top: 2%;
        max-width: 600px;
        text-align: left
    }
    .carousel-caption .hero-title {
        color: #e31837;
        font-size: 56px;
        line-height: 56px;
        margin: 0;
        text-transform: uppercase;
        text-shadow: 0 0 3px rgba(0, 0, 0, .4)
    }
    .carousel-caption .hero-title.hero-sub-title {
        font-size: 13px;
        height: 18px;
        line-height: 18px
    }
    .carousel-caption .hero-title .font-cheddar {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
        color: #fff;
        font-size: 42px;
        padding-left: 2px;
        font-weight: 400;
        text-shadow: 0 0 3px rgba(0, 0, 0, .4)
    }
    .carousel-caption .hero-title .font-cheddar i {
        position: relative;
        left: 10px;
        font-style: normal
    }
    .carousel-caption .hero-title .font-cheddar.md-black-color {
        color: #000;
        text-shadow: none
    }
    .carousel-caption .hero-title .font-cheddar.md-gray-color {
        color: #666;
        text-shadow: none
    }
    .carousel-caption .hero-title .uppercase {
        text-transform: uppercase
    }
    .carousel-caption .hero-title.no-text-shadow {
        text-shadow: none
    }
    .carousel-caption .hero-des {
        line-height: 20px;
        font-size: 15px;
        margin: 2px 0;
        width: 80%;
        text-shadow: 0 0 3px rgba(0, 0, 0, .5)
    }
    .carousel-caption .hero-des.md-black-color {
        color: #000;
        text-shadow: none
    }
    .carousel-caption .hero-des.md-gray-color {
        color: #666;
        text-shadow: none
    }
    .carousel-caption .btn {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        padding: 0 30px;
        border-radius: 6px;
        margin-top: 15px;
        font-size: 15px
    }
    .carousel-control {
        width: 11%
    }
    .carousel-control.left>.fa {
        top: 45%;
        left: 31%
    }
    .carousel-control.right>.fa {
        top: 45%;
        left: auto;
        right: 31%
    }
    .carousel-control .fa {
        font-size: 45px
    }
    .carousel-control .fa-angle-right {
        top: 30px;
        left: 15px
    }
    .carousel-control .fa-angle-left {
        top: 30px;
        right: 15px
    }
    .carousel-indicators {
        bottom: 30px
    }
    .scroll-down-btn {
        padding: 7px 15px;
        font-size: 11px;
        margin-left: -63px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .carousel-caption .hero-title {
        line-height: 33px;
        font-size: 38px
    }
    .carousel-caption .hero-title .font-cheddar {
        font-size: 28px
    }
    .carousel-caption .hero-des {
        font-size: 15px;
        line-height: 20px
    }
    .scroll-down-btn {
        margin-left: -65px;
        font-size: 13px
    }
}

.section {
    padding-bottom: 60px;
    position: relative
}

.section .section-header {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    padding-top: 30px;
    display: block
}

.section .section-header h2 {
    color: #e31837;
    margin: 0;
    font-family: "EurostileLTStdBold";
    line-height: 1;
    font-size: 33px
}

.section .section-header h2 span {
    font-family: "cheddar_jackregular";
    font-size: 28px;
    color: #000;
    font-weight: 400;
    text-transform: none;
    display: inline-block
}

.section .section-header h4 {
    font-weight: 400;
    color: #000;
    margin: 10px 0 20px
}

.section .section-footer {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px
}

.section.bottom-prev-next {
    padding: 20px 20px 40px;
    background: #f1f1f1
}

.section.bottom-prev-next .btn {
    width: 48.3%;
    max-width: 210px;
    line-height: 1;
    min-height: 40px;
    padding: 0 10px;
    position: relative;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.section.bottom-prev-next .btn:before {
    content: "";
    width: 0;
    min-height: 40px;
    height: 100%;
    vertical-align: middle;
    display: inline-block
}

.section.bottom-prev-next .btn>span {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 100%
}

.section.bottom-prev-next .btn>span span {
    display: block
}

.section.bottom-prev-next .btn.left {
    text-align: center;
    margin-right: 8px
}

.section.bottom-prev-next .btn.right {
    float: right;
    text-align: center
}

.section.bottom-prev-next .btn.right .fa {
    left: auto
}

.section.bottom-prev-next .btn .fa {
    position: static;
    left: 5px;
    top: 50%;
    margin-top: -7px
}

.section.bottom-prev-next .btn .fa.fa-caret-left {
    margin-right: 8px
}

.section.bottom-prev-next .btn .fa.fa-caret-right {
    margin-left: 8px
}

.section.bottom-prev-next.btn-style-2 .btn {
    padding: 0 20px
}

@media only screen and (max-width:767px) {
    .section.bottom-prev-next.btn-style-2 .btn {
        height: 50px;
        line-height: 1.2
    }
    .section.bottom-prev-next.btn-style-2 .btn .fa {
        position: absolute;
        top: 50%;
        margin-top: -7px
    }
    .section.bottom-prev-next.btn-style-2 .btn .fa.fa-caret-left {
        left: 10px
    }
    .section.bottom-prev-next.btn-style-2 .btn .fa.fa-caret-right {
        right: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section.bottom-prev-next.btn-style-2 .btn {
        height: 50px;
        line-height: 1.2;
        padding-top: 3px
    }
    .section.bottom-prev-next.btn-style-2 .btn .fa {
        position: absolute;
        top: 50%;
        margin-top: -7px
    }
    .section.bottom-prev-next.btn-style-2 .btn .fa.fa-caret-left {
        left: 10%
    }
    .section.bottom-prev-next.btn-style-2 .btn .fa.fa-caret-right {
        right: 10%
    }
}

@media only screen and (max-width:767px) and (orientation:portrait) {
    .section.bottom-prev-next.btn-style-3 .btn {
        height: 50px;
        line-height: 1.2
    }
    .section.bottom-prev-next.btn-style-3 .btn .fa {
        position: absolute;
        top: 50%;
        margin-top: -7px
    }
    .section.bottom-prev-next.btn-style-3 .btn .fa.fa-caret-left {
        left: 12%
    }
    .section.bottom-prev-next.btn-style-3 .btn .fa.fa-caret-right {
        right: 12%
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .section.bottom-prev-next.btn-style-3 .btn {
        height: 30px;
        line-height: 1.2
    }
    .section.bottom-prev-next.btn-style-3 .btn .fa {
        position: absolute;
        top: 50%;
        margin-top: -7px
    }
    .section.bottom-prev-next.btn-style-3 .btn .fa.fa-caret-left {
        left: 28%
    }
    .section.bottom-prev-next.btn-style-3 .btn .fa.fa-caret-right {
        right: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section.bottom-prev-next.btn-style-3 .btn {
        height: 50px;
        line-height: 1.2
    }
    .section.bottom-prev-next.btn-style-3 .btn .fa {
        position: absolute;
        top: 50%;
        margin-top: -7px
    }
    .section.bottom-prev-next.btn-style-3 .btn .fa.fa-caret-left {
        left: 20%
    }
    .section.bottom-prev-next.btn-style-3 .btn .fa.fa-caret-right {
        right: 20%
    }
}

@media (min-width:992px) {
    .section .section-header {
        width: 55%;
        margin: 0 auto;
        padding-top: 40px
    }
    .section .section-header h2 {
        text-transform: uppercase;
        font-size: 46px
    }
    .section .section-header h2 span {
        font-size: 37px
    }
    .section .section-header h4 {
        font-size: 17px;
        margin: 20px 0 30px
    }
    .section .section-content {
        padding: 0 40px
    }
    .section .section-content .des {
        line-height: normal
    }
    .section.bottom-prev-next {
        margin-top: -1px;
        padding: 20px 40px 40px;
        background: white
    }
    .section.bottom-prev-next .btn {
        max-width: none;
        width: auto;
        padding: 0 30px;
        height: 40px;
        line-height: 40px;
        white-space: nowrap;
        min-height: 0
    }
    .section.bottom-prev-next .btn:before {
        display: none
    }
    .section.bottom-prev-next .btn span {
        display: inline!important;
        vertical-align: top
    }
    .section.bottom-prev-next .btn .fa {
        position: static
    }
}

@media (min-width:768px) and (max-width:991px) {
    .section .section-header h4 {
        font-size: 16px
    }
    .section.bottom-prev-next .btn {
        font-size: 16px;
        padding: 0 20px
    }
    .section.bottom-prev-next .btn>span {
        display: inline-block
    }
    .section.bottom-prev-next .btn>span span {
        display: block
    }
}

.rise-in-action-section {
    background: #fff
}

.rise-in-action-section .rise-in-action-des {
    text-align: center;
    padding: 40px 15px;
    font-size: 13px;
    color: black;
    font-family: "Arial";
    background: #fff url(../img/footer-bg.jpg) left top repeat
}

.rise-in-action-section .rise-in-action-group {
    padding: 0
}

.rise-in-action-section .rise-in-action-group .rise-in-action-image {
    position: relative;
    overflow: hidden;
    display: block
}

.rise-in-action-section .rise-in-action-group .rise-in-action-image:before {
    content: '';
    display: block;
    padding-top: 33.59375%
}

.rise-in-action-section .rise-in-action-group .rise-in-action-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.rise-in-action-section .rise-in-action-group .caption-panel {
    background: #fff;
    position: relative
}

.rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner {
    padding: 20px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    transition: background 0.4s
}

.rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .title {
    color: #e31837;
    font-size: 15px;
    font-family: "EurostileLTStdBold";
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .des {
    margin: 5px 0;
    font-size: 12px
}

.rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .more {
    color: #e31837;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .more:hover {
    text-decoration: underline!important
}

.rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner:hover {
    background-color: #e31837;
    cursor: pointer
}

.rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner:hover .title {
    color: #fff
}

.rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner:hover .des {
    color: #fff
}

.rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner:hover .more {
    color: #fff
}

@media (min-width:992px) {
    .rise-in-action-section .rise-in-action-des {
        padding: 40px;
        font-size: 15px
    }
    .rise-in-action-section .rise-in-action-group {
        position: relative;
        margin-bottom: 30px
    }
    .rise-in-action-section .rise-in-action-group .rise-in-action-image {
        position: relative;
        width: 91%
    }
    .rise-in-action-section .rise-in-action-group .caption-panel {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        width: 300px;
        background: none;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap
    }
    .rise-in-action-section .rise-in-action-group .caption-panel:before {
        content: '';
        vertical-align: middle;
        display: inline-block;
        height: 100%;
        line-height: 100%;
        width: 0;
        padding-top: 0
    }
    .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner {
        white-space: normal;
        display: inline-block;
        vertical-align: middle;
        background: #e8e8e8;
        padding: 30px
    }
    .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .title {
        font-size: 17px
    }
    .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .more {
        font-size: 15px
    }
    .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .des {
        font-size: 15px
    }
    .rise-in-action-section .rise-in-action-group:first-child .rise-in-action-image:before {
        padding-top: 42.2535211268%
    }
    .rise-in-action-section .rise-in-action-group:first-child+.rise-in-action-group .rise-in-action-image {
        text-align: right;
        float: right;
        margin-top: 30px;
        width: 83.333333%
    }
    .rise-in-action-section .rise-in-action-group:first-child+.rise-in-action-group .rise-in-action-image:before {
        padding-top: 62.8834355828%
    }
    .rise-in-action-section .rise-in-action-group:first-child+.rise-in-action-group .caption-panel {
        position: absolute;
        left: 0;
        right: auto
    }
    .rise-in-action-section .rise-in-action-group:first-child+.rise-in-action-group .caption-panel .caption-panel-inner {
        top: 0;
        position: absolute
    }
    .rise-in-action-section .rise-in-action-group:first-child+.rise-in-action-group+.rise-in-action-group .rise-in-action-image:before {
        padding-top: 39.3258426966%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .rise-in-action-section .rise-in-action-des {
        font-size: 16px
    }
    .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .title {
        font-size: 18px
    }
    .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .des {
        font-size: 15px
    }
    .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .more {
        font-size: 15px
    }
}

.section-style02 {
    background: #fff url(../img/footer-bg.jpg) left top repeat;
    padding-bottom: 0
}

.section-style02 .news-bar {
    position: relative;
    background-color: #222;
    padding: 30px 0
}

.section-style02 .news-bar .section-title {
    color: #e31837;
    font-size: 30px;
    margin: 0;
    padding-left: 30px;
    text-transform: uppercase;
    font-family: "EurostileLTStdBold"
}

.section-style02 .news-bar .carousel-news {
    margin-left: -30px
}

.section-style02 .news-bar .carousel-news .carousel-inner {
    height: 85px
}

.section-style02 .news-bar .carousel-news .carousel-inner .carousel-caption {
    margin: 0;
    padding: 0;
    left: 45px;
    right: 45px;
    top: 30px;
    bottom: auto;
    text-align: left
}

.section-style02 .news-bar .carousel-news .carousel-inner .item {
    height: 100%;
    line-height: normal
}

.section-style02 .news-bar .carousel-news .carousel-inner .item:after {
    display: none
}

.section-style02 .news-bar .carousel-news .carousel-inner .item .news-title {
    font-size: 15px;
    font-weight: 700;
    color: #ccc
}

.section-style02 .news-bar .carousel-news .carousel-inner .item .news-title:hover {
    color: #fff
}

.section-style02 .news-bar .carousel-news .carousel-inner .item .news-title .fa {
    position: relative;
    top: 1px
}

.section-style02 .news-bar .carousel-news .carousel-control {
    width: auto;
    top: -35px;
    right: 50px;
    left: auto;
    padding: 0 20px;
    background: none!important
}

.section-style02 .news-bar .carousel-news .carousel-control.right {
    left: auto;
    right: 10px
}

.section-style02 .news-bar .carousel-news .carousel-control .fa {
    display: inline-block;
    margin-top: -10px;
    font-size: 24px;
    top: 0
}

.section-style02 .news-bar .today {
    line-height: normal;
    color: #fff;
    position: absolute;
    top: 0;
    left: 45px
}

.section-style02 .news-bar .today .month-part {
    display: inline-block;
    font-size: 15px
}

.section-style02 .news-bar .today .day-part {
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    margin: 3px 0 1px
}

.section-style02 .news-bar .today .day-part sup {
    margin-left: 3px;
    font-size: 14px
}

.section-style02 .news-bar .today .year-part {
    display: inline-block;
    font-size: 15px
}

.section-style02 .news-bar .today .comma {
    display: inline-block;
    font-size: 18px;
    margin-right: 10px
}

.section-style02 .block-item {
    padding: 0
}

.section-style02 .block-item .spotlight-image {
    position: relative;
    overflow: hidden;
    display: block
}

.section-style02 .block-item .spotlight-image:before {
    content: '';
    display: block;
    padding-top: 33.59375%
}

.section-style02 .block-item .spotlight-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.section-style02 .block-item .caption-panel {
    background: transparent;
    position: relative
}

.section-style02 .block-item .caption-panel .caption-panel-inner {
    padding: 30px
}

.section-style02 .block-item .caption-panel .caption-panel-inner:hover {
    cursor: pointer
}

.section-style02 .block-item .caption-panel .title {
    color: #e31837;
    font-size: 16px;
    line-height: normal;
    font-family: "EurostileLTStdBold";
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.section-style02 .block-item .caption-panel .des {
    margin: 5px 0;
    font-size: 15px
}

.section-style02 .block-item .caption-panel .more {
    color: #e31837;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.section-style02 .block-item .caption-panel .more:hover {
    text-decoration: underline!important;
    color: #f07184
}

@media (min-width:992px) {
    .section-style02 {
        padding-bottom: 60px
    }
    .section-style02 .news-bar {
        position: relative;
        height: 85px;
        line-height: 90px;
        background-color: #222;
        padding: 0
    }
    .section-style02 .news-bar .section-title {
        color: #e31837;
        font-size: 24px;
        margin: 0;
        padding-left: 40px
    }
    .section-style02 .news-bar .carousel-news {
        margin-left: -30px
    }
    .section-style02 .news-bar .carousel-news .carousel-inner {
        height: 85px
    }
    .section-style02 .news-bar .carousel-news .carousel-inner .carousel-caption {
        position: absolute;
        margin: 0;
        padding: 0;
        left: 15%;
        right: 10%;
        top: 50%;
        bottom: auto;
        text-align: left;
        max-width: none!important;
        width: auto;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
    .section-style02 .news-bar .carousel-news .carousel-inner .item {
        height: 100%;
        line-height: normal
    }
    .section-style02 .news-bar .carousel-news .carousel-inner .item .news-title {
        font-size: 15px;
        font-weight: 700;
        color: #ccc
    }
    .section-style02 .news-bar .carousel-news .carousel-inner .item .news-title:hover {
        color: #fff
    }
    .section-style02 .news-bar .carousel-news .carousel-inner .item .news-title .fa {
        position: relative;
        top: 1px
    }
    .section-style02 .news-bar .carousel-news .carousel-control {
        width: auto;
        top: 2px;
        left: 20px;
        right: auto;
        padding: 0 20px;
        background: none!important
    }
    .section-style02 .news-bar .carousel-news .carousel-control.right {
        left: 55px;
        right: auto
    }
    .section-style02 .news-bar .today {
        line-height: normal;
        color: #fff;
        display: inline-block;
        margin-top: 18px;
        float: right;
        position: absolute;
        right: 0;
        left: auto
    }
    .section-style02 .news-bar .today .month-part {
        display: block;
        font-size: 12px;
        color: rgba(255, 255, 255, .7)
    }
    .section-style02 .news-bar .today .day-part {
        display: block;
        font-size: 22px;
        line-height: 18px;
        margin: 3px 0 1px
    }
    .section-style02 .news-bar .today .day-part sup {
        margin-left: 3px;
        font-size: 14px;
        color: rgba(255, 255, 255, .7)
    }
    .section-style02 .news-bar .today .year-part {
        display: block;
        font-size: 10px;
        letter-spacing: 6px;
        color: rgba(255, 255, 255, .7)
    }
    .section-style02 .news-bar .today .comma {
        display: none
    }
    .section-style02 .block-item {
        height: 340px
    }
    .section-style02 .block-item .spotlight-image {
        position: relative;
        height: 170px;
        width: 100%
    }
    .section-style02 .block-item .spotlight-image:before {
        content: '';
        display: block;
        padding-top: 0
    }
    .section-style02 .block-item .spotlight-image img {
        position: relative;
        width: 140%;
        max-width: none;
        margin-left: -20%
    }
    .section-style02 .block-item .caption-panel {
        background: #fff;
        height: 170px
    }
    .section-style02 .block-item .caption-panel .caption-panel-inner {
        padding: 25px 30px;
        top: 0;
        height: 100%;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .section-style02 .block-item .caption-panel:after {
        content: '';
        position: absolute;
        top: -19px;
        left: 50%;
        margin-left: -10px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-bottom-color: #fff
    }
    .section-style02 .block-item:first-child+.block-item .spotlight-image,
    .section-style02 .block-item.even .spotlight-image {
        position: absolute;
        bottom: 0
    }
    .section-style02 .block-item:first-child+.block-item .caption-panel,
    .section-style02 .block-item.even .caption-panel {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
    .section-style02 .block-item:first-child+.block-item .caption-panel:after,
    .section-style02 .block-item.even .caption-panel:after {
        content: '';
        position: absolute;
        top: auto;
        bottom: -19px;
        left: 50%;
        margin-left: -10px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-top-color: #fff
    }
}

@media only screen and (min-width:320px) and (max-width:991px) {
    .section-style02 .carousel-news .carousel-control .fa {
        margin-top: 0px!important
    }
}

.section-style03 {
    padding-bottom: 0
}

.section-style03 .block-item {
    padding: 0;
    overflow: hidden;
    position: relative
}

.section-style03 .block-item:before {
    content: "";
    display: block;
    padding-top: 47.8125%;
    background: black;
    opacity: .4;
    position: relative;
    z-index: 1
}

.section-style03 .block-item:hover:before {
    opacity: .5
}

.section-style03 .block-item>img {
    display: none
}

.section-style03 .block-item>.img {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: no-repeat center center;
    background-size: cover;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

@media only screen and (max-width:767px) {
    .section-style03 .block-item>.img {
        left: 80px;
        -webkit-transform: scale(1.7);
        -moz-transform: scale(1.7);
        -ms-transform: scale(1.7);
        -o-transform: scale(1.7);
        transform: scale(1.7)
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-style03 .block-item>.img {
        left: 80px;
        -webkit-transform: scale(1.7);
        -moz-transform: scale(1.7);
        -ms-transform: scale(1.7);
        -o-transform: scale(1.7);
        transform: scale(1.7)
    }
}

.lt-ie9 .section-style03 .block-item {
    background: none!important
}

.lt-ie9 .section-style03 .block-item>img {
    display: block;
    width: 180%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: -40%;
    max-width: none
}

.lt-ie9 .section-style03 .block-item>.img {
    display: none
}

.section-style03 .block-item .overlay {
    color: #fff;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    white-space: nowrap
}

.section-style03 .block-item .overlay:before {
    content: '';
    height: 100%;
    line-height: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 0
}

.section-style03 .block-item .overlay>* {
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.section-style03 .block-item .overlay .overlay-inner {
    margin-top: 10px
}

.section-style03 .block-item .overlay .fa {
    font-size: 42px;
    margin: 10px
}

.section-style03 .block-item .overlay .icon-play {
    margin: 10px;
    background: url(../img/icon-play-white-big.png) left top no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    display: inline-block;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2)
}

.lt-ie9 .section-style03 .block-item .overlay .icon-play {
    background: url(../img/icon-play-white.png) left top no-repeat
}

.section-style03 .block-item .overlay .icon-book-thin {
    background: url(../img/icon-book-white-big.png) left top no-repeat;
    background-size: contain;
    width: 22px;
    height: 20px;
    display: inline-block;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.lt-ie9 .section-style03 .block-item .overlay .icon-book-thin {
    background: url(../img/icon-book-white.png) left top no-repeat
}

.section-style03 .block-item .overlay .des {
    width: 70%;
    font-size: 13px;
    margin: 15px 15% 0;
    font-weight: 700
}

@media (min-width:992px) {
    .section-style03 {
        padding-bottom: 30px
    }
    .section-style03 .section-content {
        padding: 0 25px
    }
    .section-style03.leaders-section .block-item:first-child>.img {
        background-size: auto 100%;
        background-position: 89% center
    }
    .section-style03.leaders-section .block-item:first-child+div>.img {
        background-position: 70% center
    }
    .section-style03.leaders-section .block-item:first-child+div+div>.img {
        background-size: auto 100%;
        background-position: 75% center
    }
    .section-style03 .block-item {
        margin: 1.6%;
        width: 30.13%;
        border: 0
    }
    .section-style03 .block-item:before {
        visibility: hidden
    }
    .section-style03 .block-item>.img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    .section-style03 .block-item:before {
        padding-top: 100%
    }
    .section-style03 .block-item .overlay {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
        display: block;
        width: 120px;
        height: 120px;
        text-align: center;
        background: #f1f1f1;
        color: #e31837;
        position: absolute;
        right: 0;
        bottom: 0;
        left: auto;
        top: auto;
        padding: 5px;
        font-size: 11px;
        font-weight: 700;
        font-family: "Arial";
        pointer-events: none
    }
    .section-style03 .block-item .overlay * {
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        transition: all 0.1s
    }
    .section-style03 .block-item .overlay:hover {
        background-color: #e31837;
        color: #fff
    }
    .section-style03 .block-item .overlay:hover .icon-play {
        background: url(../img/icon-play-white.png) left top no-repeat
    }
    .section-style03 .block-item .overlay:hover .icon-book-thin {
        background: url(../img/icon-book-white.jpg) left top no-repeat
    }
    .section-style03 .block-item .overlay .overly-inner {
        margin-top: 0
    }
    .section-style03 .block-item .overlay .fa {
        font-size: 28px;
        margin: 10px
    }
    .section-style03 .block-item .overlay .icon-play,
    .section-style03 .block-item .overlay .icon-book-thin {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    .section-style03 .block-item .overlay .icon-play {
        margin: 10px;
        background: url(../img/icon-play.png) left top no-repeat;
        width: 22px;
        height: 22px;
        display: inline-block
    }
    .section-style03 .block-item .overlay .icon-book-thin {
        margin: 10px;
        background: url(../img/icon-book.jpg) left top no-repeat;
        width: 22px;
        height: 20px;
        display: inline-block
    }
    .section-style03 .block-item .overlay .des {
        font-size: 11px;
        margin: 0;
        width: 100%;
        font-weight: 400
    }
}

@media (min-width:768px) and (max-width:991px) {
    .section-style03 .block-item .overlay .des {
        font-size: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-style03 .section-header.no-caption {
        padding-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .section-style03 .section-header.no-caption {
        padding-bottom: 20px
    }
}

.scale-effect>img {
    width: 100%
}

@media (min-width:992px) {
    .scale-effect {
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        transition: all 0.35s;
        background-size: auto 130%!important
    }
    .scale-effect img,
    .scale-effect .img {
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        transition: all 0.35s;
        -moz-transform: scale(1.12);
        -ms-transform: scale(1.12);
        -o-transform: scale(1.12);
        -webkit-transform: scale(1.12);
        transform: scale(1.12)
    }
    .scale-effect .caption-panel {
        pointer-events: none;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        transition: background 0.4s
    }
    .scale-effect .caption-panel .caption-panel-inner {
        -webkit-transition: opacity 0.35s, background 0.4s;
        -moz-transition: opacity 0.35s, background 0.4s;
        transition: opacity 0.35s, background 0.4s;
        pointer-events: auto
    }
    .scale-effect .overlay {
        -webkit-transition: opacity 0.35s, background 0.4s;
        -moz-transition: opacity 0.35s, background 0.4s;
        transition: opacity 0.35s, background 0.4s;
        pointer-events: auto
    }
    .scale-effect.enter {
        background-size: auto 120%!important
    }
    .scale-effect.enter img,
    .scale-effect.enter .img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    .scale-effect.enter .caption-panel .caption-panel-inner {
        opacity: 1;
        background-color: #e31837
    }
    .scale-effect.enter .caption-panel .caption-panel-inner .title {
        color: #fff
    }
    .scale-effect.enter .caption-panel .caption-panel-inner .des {
        color: #fff
    }
    .scale-effect.enter .caption-panel .caption-panel-inner .more {
        color: #fff
    }
    .scale-effect.enter .overlay {
        background-color: #e31837!important
    }
    .scale-effect.enter .overlay .overlay-inner {
        color: #fff
    }
    .scale-effect.enter .overlay .overlay-inner .icon-play {
        background: url(../img/icon-play-white.png) left top no-repeat
    }
    .scale-effect.enter .overlay .overlay-inner .icon-book-thin {
        background: url(../img/icon-book-white.png) left top no-repeat
    }
    .scale-effect.enter .overlay .overlay-inner .des {
        color: #fff!important
    }
    .section-style02 .scale-effect.block-item.enter .caption-panel:after {
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-bottom-color: #e31837
    }
    .section-style02 .scale-effect.block-item:first-child+.section-style02 .scale-effect.block-item.enter .caption-panel:after,
    .section-style02 .scale-effect.block-item.even.enter .caption-panel:after {
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-top-color: #e31837
    }
    .section-style02 .block-item:first-child+.block-item.enter .caption-panel:after {
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-top-color: #e31837
    }
}

.home-page .section-style02 .caption-panel {
    box-shadow: inset 0 0 0 1px #e0e0e0;
    display: table;
    text-align: center
}

.home-page .section-style02 .caption-panel .caption-panel-inner {
    display: table-cell;
    vertical-align: middle
}

.home-page .section-style02 .caption-panel:hover {
    box-shadow: inset 0 0 0 1px #e31837
}

.home-page .section-style02 .scale-effect:hover .caption-panel {
    box-shadow: inset 0 0 0 1px #e31837
}

.home-page .section-style02 .block-item .spotlight-image img {
    width: 120%;
    margin-left: -10%
}

.home-page .section-style02 .block-item.item-alignment {
    margin-left: 12.46%
}

@media only screen and (max-width:767px) {
    .home-page .section-style02 .container {
        padding: 0
    }
    .home-page .section-style02 .container .mt-2 {
        margin-top: 0!important
    }
    .home-page .section-style02 .block-item.item-alignment {
        margin-left: 0
    }
    .home-page .section-style02 .spotlight-image {
        height: 170px
    }
    .home-page .section-style02 .block-item .spotlight-image img {
        margin-left: 0
    }
    .home-page .section-style02 .caption-panel {
        box-shadow: none;
        background-color: #f1f1f1
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .home-page .section-style02 {
        padding-bottom: 40px
    }
    .home-page .section-style02 .section-header h4 {
        margin-bottom: 50px
    }
    .home-page .section-style02 .block-item {
        height: 340px
    }
    .home-page .section-style02 .block-item .spotlight-image {
        position: relative;
        height: 170px;
        width: 100%
    }
    .home-page .section-style02 .block-item .spotlight-image:before {
        content: '';
        display: block;
        padding-top: 0
    }
    .home-page .section-style02 .block-item .spotlight-image img {
        position: relative;
        width: 110%;
        max-width: none;
        margin-left: -7px
    }
    .home-page .section-style02 .block-item .caption-panel {
        background: #fff;
        height: 170px
    }
    .home-page .section-style02 .block-item .caption-panel .caption-panel-inner {
        padding: 25px 30px;
        top: 0;
        height: 100%;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .home-page .section-style02 .block-item .caption-panel .caption-panel-inner .title {
        font-size: 12px
    }
    .home-page .section-style02 .block-item .caption-panel .caption-panel-inner .des {
        font-size: 12px
    }
    .home-page .section-style02 .block-item .caption-panel:after {
        content: '';
        position: absolute;
        top: -19px;
        left: 50%;
        margin-left: -10px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-bottom-color: #fff
    }
    .home-page .section-style02 .block-item:first-child+.block-item .spotlight-image,
    .home-page .section-style02 .block-item.even .spotlight-image {
        position: absolute;
        bottom: 0
    }
    .home-page .section-style02 .block-item:first-child+.block-item .caption-panel,
    .home-page .section-style02 .block-item.even .caption-panel {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
    .home-page .section-style02 .block-item:first-child+.block-item .caption-panel:after,
    .home-page .section-style02 .block-item.even .caption-panel:after {
        content: '';
        position: absolute;
        top: auto;
        bottom: -19px;
        left: 50%;
        margin-left: -10px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-top-color: #fff
    }
    .home-page .section-style02 .scale-effect:hover .caption-panel {
        box-shadow: inset 0 0 0 1px #e0e0e0
    }
}

@media only screen and (min-width:993px) and (max-width:1199px) {
    .home-page .section-style02 .block-item .spotlight-image img {
        width: 150%;
        margin-left: -20%
    }
}

.tabletImg,
.mobileImg {
    display: none
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .deskImg {
        display: none
    }
    .tabletImg {
        display: block
    }
    .tabletImg.disNone {
        display: none!important
    }
    .rise-in-action-section .rise-in-action-group.box-1 .rise-in-action-image::before {
        padding-top: 42.594%
    }
    .rise-in-action-section .rise-in-action-group.box-2 .rise-in-action-image::before {
        padding-top: 62.594%
    }
    .rise-in-action-section .rise-in-action-group.box-3 .rise-in-action-image::before {
        padding-top: 38.594%
    }
    .section-style03 .block-item>.img.tabletImg {
        background-size: 75% 75%
    }
}

@media only screen and (max-width:767px) {
    .tabletImg {
        display: none
    }
    .deskImg {
        display: none
    }
    .mobileImg {
        display: block
    }
    .home-page .section-style02 .spotlight-image {
        height: auto
    }
    .mobileImg.disNone {
        display: none!important
    }
    .section-style03 .block-item>.img.mobileImg {
        left: 0;
        background-size: 65% 60%
    }
}

.back2 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 999;
    text-align: left;
    width: 100%;
    height: 100%
}

.hero_popupbx {
    width: 100%;
    height: auto;
    z-index: 999;
    position: absolute;
    display: none;
    overflow: hidden;
    top: 0!important
}

.hero_popupbx .topbar {
    padding: 10px
}

.hero_popupbx .topbar2 {
    position: absolute;
    z-index: 99;
    right: 10px;
    top: 10px
}

.hero_popupbx .closeBtn {
    font: 14px Arial, Helvetica, sans-serif;
    color: #FFF;
    float: right
}

.vidiobox {
    padding: 10px;
    position: relative
}

.vidiobox img {
    width: 100%;
    height: auto
}

.hero_popupbx .wrapper {
    width: 100%!important;
    margin: 0 auto
}

.vidiobox .play-white-41 {
    background: transparent url(img/icon-play-white-41.png) no-repeat scroll left top;
    position: absolute;
    left: 50%;
    top: 45%;
    margin: -20px 0 0 -20px!important;
    height: 41px;
    margin: 10px;
    width: 41px;
    z-index: 2
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .vidiobox {
        height: 500px!important
    }
}

@media only screen and (max-width:767px) {
    .vidiobox {
        height: 300px!important
    }
}

.about-us-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    background: #222;
    font-size: 0;
    font-family: "EurostileLTStd"
}

.about-us-menu>li {
    display: inline-block;
    border-bottom: 5px solid transparent;
    height: 70px;
    white-space: nowrap;
    width: 12.5%
}

.about-us-menu>li>a {
    font-size: 13px;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff
}

.about-us-menu>li>a:before {
    content: '';
    height: 100%;
    display: inline-block;
    width: 0;
    vertical-align: middle
}

.about-us-menu>li>a span {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.about-us-menu>li:hover {
    border-bottom-color: #e31837
}

.about-us-menu>li.active {
    border-bottom-color: #e31837
}

.about-us-menu>li.active a {
    color: #e31837;
    font-family: "EurostileLTStdBold"
}

@media (min-width:992px) {
    .about-us-menu {
        overflow-x: hidden;
        text-align: center
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .about-us-menu {
        padding-right: 40px!important
    }
}

@media only screen and (max-width:767px) {
    .about-us-menu {
        padding-right: 40px!important
    }
}

.about-us-section {
    padding-top: 20px
}

.about-us-section .page-title {
    color: #e31837;
    margin: 0;
    font-family: "EurostileLTStdBold";
    font-size: 33px;
    line-height: normal
}

.about-us-section .page-title .font-cheddar {
    color: #000;
    font-size: 30px;
    font-weight: 400;
    margin-right: 10px
}

.about-us-section .article {
    font-size: 13px
}

.about-us-section .about-us-article {
    padding: 0 20px
}

.about-us-section .about-us-article p {
    line-height: 1.8
}

.about-us-section .about-us-article .more {
    margin-top: 20px;
    display: inline-block
}

.about-us-section .about-us-article .more .fa {
    margin-left: 8px
}

.about-us-section .about-us-right-side-empty {
    display: none
}

.about-us-section .caption-panel {
    background: #fff;
    position: relative
}

.about-us-section .caption-panel .caption-panel-inner {
    padding: 20px 0
}

.about-us-section .caption-panel .title {
    color: #e31837;
    font-family: "EurostileLTStd";
    font-size: 17px;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.about-us-section .caption-panel .des {
    margin: 15px 0;
    line-height: 1.8
}

.about-us-section .more {
    color: #e31837;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.about-us-section .more:hover {
    text-decoration: underline!important
}

.about-us-section .more .fa {
    margin-left: 8px
}

.about-us-section .links {
    border-top: 1px solid #ddd;
    padding-top: 15px
}

.about-us-section .links ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.about-us-section .links ul>li {
    margin-bottom: 15px
}

.about-us-section .links ul>li>a {
    font-family: "Arial";
    font-size: 15px;
    font-weight: 700;
    color: #e31837;
    line-height: normal
}

.about-us-section .links ul>li>a:hover {
    text-decoration: underline!important;
    color: #f07184
}

.about-us-section .links ul>li>a .falink {
    background: url(../img/icon-pdf.png) left top no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle
}

.about-us-section .links ul>li>a .weblink {
    background: url(../img/icon-web.png) left top no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle
}

.about-us-section .links ul>li>a>span {
    display: inline-block;
    vertical-align: middle;
    width: 85%;
    position: relative
}

.about-us-section .links ul>li>a .fa-caret-right {
    margin-left: 8px;
    position: absolute;
    top: 2px;
    left: 100%
}

.about-us-section .carousel-wrap {
    z-index: 0;
    margin: 20px -20px 5px
}

.about-us-section .carousel-wrap:before {
    padding-top: 70.3125%
}

.about-us-section .carousel-about-us-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.about-us-section .carousel-about-us-video .carousel-control.right .fa,
.about-us-section .carousel-about-us-video .carousel-control.left .fa {
    top: 50%
}

.about-us-section .carousel-caption {
    text-align: center;
    max-width: none;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding-left: 10%;
    padding-right: 10%
}

.about-us-section .carousel-caption .hero-title {
    font-size: 27px;
    text-transform: none;
    font-family: "EurostileLTStd";
    line-height: normal
}

@media (min-width:992px) {
    .about-us-section {
        padding-top: 70px
    }
    .about-us-section .page-title {
        font-size: 42px;
        height: 50px
    }
    .about-us-section .page-title .font-cheddar {
        margin-right: 10px
    }
    .about-us-section .article {
        font-size: 17px
    }
    .about-us-section .about-us-article {
        padding: 0 40px;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px
    }
    .about-us-section .carousel-wrap {
        margin: 10px 0 0;
        display: inline-block;
        width: 64%
    }
    .about-us-section .carousel-wrap:before {
        padding-top: 58.064516129%
    }
    .about-us-section .about-us-right-side-empty {
        display: block;
        float: right;
        margin-left: 30px;
        margin-bottom: 30px;
        padding-right: 40px
    }
    .about-us-section .carousel-caption {
        padding-left: 20%;
        padding-right: 20%
    }
    .about-us-section .more {
        font-size: 15px
    }
    .about-us-section .about-us-right-side {
        position: absolute;
        top: 70px;
        right: 0;
        padding-right: 40px
    }
    .about-us-section .about-us-right-side .about-us-chart {
        padding: 0 30px;
        overflow: hidden
    }
    .about-us-section .about-us-right-side .about-us-chart img {
        max-width: none;
        margin-top: -20px
    }
    .about-us-section .about-us-right-side .caption-panel {
        text-align: left
    }
    .about-us-section .about-us-right-side .caption-panel .caption-panel-inner {
        padding: 20px 0;
        top: 0;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .about-us-section .about-us-right-side .caption-panel .title {
        text-transform: none;
        font-size: 20px
    }
    .about-us-section .about-us-right-side .caption-panel .des {
        font-size: 17px
    }
    .about-us-section .about-us-right-side .caption-panel:after {
        content: '';
        position: absolute;
        top: -19px;
        left: 50%;
        margin-left: -10px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-bottom-color: #fff
    }
    .about-us-section .links {
        text-align: left
    }
    .about-us-section .links ul>li {
        margin-bottom: 20px
    }
    .about-us-section .links ul>li>a {
        font-size: 17px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-us-section .caption-panel .des {
        font-size: 17px
    }
    .about-us-section .more {
        font-size: 16px
    }
    .about-us-section .article {
        font-size: 16px
    }
    .about-us-section .links ul>li>a {
        font-size: 18px
    }
}

.video-about-us-section .section-header {
    padding-top: 0
}

.video-about-us-section .section-footer {
    text-align: center
}

.video-about-us-section .section-footer .btn-primary {
    padding: 0 25px
}

.video-about-us-section .section-footer .btn-primary .fa-caret-right {
    margin-left: 8px
}

.video-about-us-section .section-content {
    padding-top: 30px
}

@media only screen and (max-width:767px) {
    .about-us-page .about-us-section {
        padding-bottom: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .about-us-page .about-us-section {
        padding-bottom: 20px
    }
}

.about-us-page .about-us-right-side .about-us-chart {
    text-align: center
}

@media only screen and (max-width:767px) {
    .about-us-page .fancybox-wrap {
        padding: 0 15px
    }
}

.about-us-page .fancybox-wrap .fancybox-inner {
    height: 100%!important
}

.about-us-page .fancybox-wrap .fancybox-close {
    right: -10px!important;
    top: -40px!important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #carousel-about-us-video .carousel-inner>.item {
        background-position: center center!important;
        background-size: 100% 100%!important
    }
    .about-us-section .carousel-wrap::before {
        padding-top: 60.313%
    }
    .hero.carousel-wrap:before {
        padding-top: 65.5%
    }
}

@media only screen and (max-width:767px) {
    #carousel-about-us-video .carousel-inner>.item {
        background-position: center center!important;
        background-size: 100% 100%!important
    }
    .about-us-nav-bar {
        overflow-x: scroll
    }
    .about-us-nav-bar .about-us-menu {
        width: 1000px
    }
}

.products-services .section-style02 .block-item .caption-panel::after {
    top: -18px
}

.products-services .section-style02 .block-item:first-child+.block-item .caption-panel::after,
.products-services .section-style02 .block-item.even .caption-panel::after {
    bottom: -18px
}

.mahindra-industries-section.section-style03 .section-header {
    padding-top: 25px
}

.mahindra-industries-section.section-style03 .section-header h4 {
    margin-bottom: 30px
}

.mahindra-industries-section.section-style03 .section-content {
    font-size: 0
}

.mahindra-industries-section.section-style03 .block-item {
    width: 50%;
    display: inline-block
}

.mahindra-industries-section.section-style03 .block-item:before {
    padding-top: 100%
}

.mahindra-industries-section.section-style03 .block-item .overlay {
    background-color: #f1f1f1
}

.mahindra-industries-section.section-style03 .block-item .overlay .des {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    margin: 0!important;
    width: auto
}

.mahindra-industries-section.section-style03 .block-item .overlay .des.service-name {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 3px!important
}

@media (min-width:992px) {
    .mahindra-industries-section.section-style03 .block-item {
        width: 30.13%;
        margin: 1.6%!important;
        border: 0!important
    }
    .mahindra-industries-section.section-style03 .block-item .overlay .overlay-inner {
        margin-top: 0!important
    }
    .mahindra-industries-section.section-style03 .block-item .overlay:hover .des {
        color: #fff!important
    }
    .mahindra-industries-section.section-style03 .block-item .overlay .des {
        margin: 0;
        width: 100%;
        font-size: 13px;
        font-weight: 700;
        color: #e31837
    }
    .mahindra-industries-section.section-style03 .block-item .overlay .des.service-name {
        font-size: 11px;
        color: #222;
        margin-bottom: 5px;
        font-weight: 700
    }
}

@media (min-width:768px) and (max-width:991px) {
    .mahindra-industries-section.section-style03 .block-item .overlay .des {
        font-size: 23px
    }
    .mahindra-industries-section.section-style03 .block-item .overlay .des.service-name {
        font-size: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mahindra-industries-section.section-style03 .block-item .overlay {
        background-color: transparent!important
    }
}

@media only screen and (max-width:767px) {
    .mahindra-industries-section.section-style03 .block-item .overlay {
        background-color: transparent!important
    }
}

@media only screen and (max-width:991px) {
    .products-services .section-footer {
        padding-top: 0px!important
    }
}

.products-services .section-style02 {
    padding-bottom: 0px!important
}

.products-services .section-style02 .caption-panel {
    box-shadow: inset 0 0 0 1px #e0e0e0;
    display: table;
    text-align: center
}

.products-services .section-style02 .caption-panel .caption-panel-inner {
    display: table-cell;
    vertical-align: middle
}

.products-services .section-style02 .caption-panel:hover {
    box-shadow: inset 0 0 0 1px #e31837
}

.products-services .section-style02 .scale-effect:hover .caption-panel {
    box-shadow: inset 0 0 0 1px #e31837
}

.products-services .section-style02 .block-item .spotlight-image img {
    width: 120%;
    margin-left: -10%
}

.products-services .section-style02 .block-item.item-alignment {
    margin-left: 12.46%
}

@media only screen and (max-width:767px) {
    .products-services .section-style03 .block-item .img {
        left: 0
    }
    .products-services .section-style02 .container {
        padding: 0;
        padding-bottom: 30px
    }
    .products-services .section-style02 .container .mt-2 {
        margin-top: 0!important
    }
    .products-services .section-style02 .block-item.item-alignment {
        margin-left: 0
    }
    .products-services .section-style02 .spotlight-image {
        height: 170px
    }
    .products-services .section-style02 .block-item .spotlight-image img {
        margin-left: 0
    }
    .products-services .section-style02 .caption-panel {
        box-shadow: none;
        background-color: #f1f1f1
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .products-services .section-style02 {
        padding-bottom: 40px
    }
    .products-services .section-style02 .section-header h4 {
        margin-bottom: 50px
    }
    .products-services .section-style02 .block-item {
        height: 340px
    }
    .products-services .section-style02 .block-item .spotlight-image {
        position: relative;
        height: 170px;
        width: 100%
    }
    .products-services .section-style02 .block-item .spotlight-image:before {
        content: '';
        display: block;
        padding-top: 0
    }
    .products-services .section-style02 .block-item .spotlight-image img {
        position: relative;
        width: 110%;
        max-width: none;
        margin-left: -7px
    }
    .products-services .section-style02 .block-item .caption-panel {
        background: #fff;
        height: 170px
    }
    .products-services .section-style02 .block-item .caption-panel .caption-panel-inner {
        padding: 25px 30px;
        top: 0;
        height: 100%;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .products-services .section-style02 .block-item .caption-panel .caption-panel-inner .title {
        font-size: 12px
    }
    .products-services .section-style02 .block-item .caption-panel .caption-panel-inner .des {
        font-size: 12px
    }
    .products-services .section-style02 .block-item .caption-panel:after {
        content: '';
        position: absolute;
        top: -19px;
        left: 50%;
        margin-left: -10px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-bottom-color: #fff
    }
    .products-services .section-style02 .block-item:first-child+.block-item .spotlight-image,
    .products-services .section-style02 .block-item.even .spotlight-image {
        position: absolute;
        bottom: 0
    }
    .products-services .section-style02 .block-item:first-child+.block-item .caption-panel,
    .products-services .section-style02 .block-item.even .caption-panel {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
    .products-services .section-style02 .block-item:first-child+.block-item .caption-panel:after,
    .products-services .section-style02 .block-item.even .caption-panel:after {
        content: '';
        position: absolute;
        top: auto;
        bottom: -19px;
        left: 50%;
        margin-left: -10px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-top-color: #fff
    }
    .products-services .section-style02 .scale-effect:hover .caption-panel {
        box-shadow: inset 0 0 0 1px #e0e0e0
    }
    .products-services .section-style02 .container {
        padding-bottom: 30px
    }
}

@media only screen and (min-width:993px) and (max-width:1199px) {
    .products-services .section-style02 .block-item .spotlight-image img {
        width: 150%;
        margin-left: -20%
    }
}

.tabletImg,
.mobileImg {
    display: none
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .deskImg {
        display: none
    }
    .tabletImg {
        display: block
    }
    .tabletImg.disNone {
        display: none!important
    }
    .section-style03 .block-item>.img.tabletImg {
        background-size: 60% 60%;
        left: 0
    }
}

@media only screen and (max-width:767px) {
    .tabletImg {
        display: none
    }
    .deskImg {
        display: none
    }
    .mobileImg {
        display: block
    }
    .mobileImg.disNone {
        display: none!important
    }
    .section-style03 .block-item>.img.tabletImg {
        background-size: 60% 60%;
        left: 0
    }
    .products-services .section-style02 .spotlight-image {
        height: auto
    }
}

.product-details {
    background: #343434;
    margin: 0 -15px;
    padding: 80px 0 10px;
    position: relative
}

.product-details .product-details-image {
    display: block;
    overflow: hidden;
    position: relative;
    width: 91%
}

.product-details .product-details-inner {
    min-height: 364px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-details {
        height: 100%;
        padding-bottom: 80px
    }
}

.product-details .list-carousel-btn {
    background: #fff;
    color: #222;
    display: block;
    height: 28px;
    margin-top: -14px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 30px
}

.product-details .list-carousel-btn.chevron-left {
    left: 0
}

.product-details .list-carousel-btn.chevron-right {
    right: 0
}

.product-details.product-details-thumb {
    background: transparent;
    margin-bottom: 60px;
    padding: 0
}

.product-details.product-details-thumb h4.title {
    font-size: 17px!important;
    margin: 0 0 10px;
    text-transform: uppercase
}

.product-details.product-details-thumb .product-details-inner {
    min-height: 394px
}

.product-details.product-details-thumb .product-details-image {
    margin-top: 30px
}

.product-details.product-details-thumb .psd-caption-panel {
    top: 0
}

.product-details.product-details-thumb .more {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.product-details.product-details-thumb .list-carousel-btn {
    background: transparent;
    height: auto;
    margin-top: -20px;
    padding: 0;
    width: auto
}

.product-details.product-details-thumb .list-carousel-btn i {
    color: #fff;
    font-size: 40px
}

.product-details.product-details-thumb .list-carousel-btn.chevron-left {
    left: 8%
}

.product-details.product-details-thumb .list-carousel-btn.chevron-right {
    right: 8%
}

.product-details.product-details-thumb .caroufredsel_wrapper .pager-thumbs a {
    display: inline-block;
    float: left;
    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    width: 186px
}

.product-details.product-details-thumb .caroufredsel_wrapper .pager-thumbs a.selected {
    filter: none;
    filter: grayscale(0);
    -webkit-filter: grayscale(0)
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-details.product-details-thumb .list-carousel,
    .product-details.product-details-thumb .product-details-inner {
        height: 285px;
        min-height: 285px
    }
    .product-details.product-details-thumb .list-carousel-btn.chevron-left {
        left: 2%
    }
    .product-details.product-details-thumb .list-carousel-btn.chevron-right {
        right: 2%
    }
    .product-details.product-details-thumb .caroufredsel_wrapper .pager-thumbs a {
        width: 118px
    }
    .product-details.product-details-thumb .pager-thumbs {
        display: none!important
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-details.product-details-thumb .caroufredsel_wrapper .pager-thumbs a {
        width: 155px
    }
    .product-details.product-details-thumb .list-carousel,
    .product-details.product-details-thumb .product-details-inner {
        height: 335px;
        min-height: 335px
    }
    .product-details.product-details-thumb .list-carousel-btn.chevron-left {
        left: 5%
    }
    .product-details.product-details-thumb .list-carousel-btn.chevron-right {
        right: 5%
    }
}

@media only screen and (max-width:767px) {
    .product-details {
        padding: 0
    }
    .product-details .list-carousel,
    .product-details .product-details-inner {
        height: auto;
        min-height: 0
    }
    .product-details .product-details-inner {
        padding: 0
    }
    .product-details .product-details-image {
        width: 100%!important;
        margin-left: 0px!important;
        height: 250px!important
    }
    .product-details .product-details-image img {
        max-width: none!important;
        height: 250px
    }
    .product-details .psd-caption-panel {
        position: static;
        width: 100%!important
    }
    .product-details .psd-caption-panel .psd-caption-panel-inner {
        background: #343434;
        color: #fff
    }
    .product-details .list-carousel-btn {
        top: 20%
    }
    .product-details.product-details-thumb {
        background: #343434;
        margin: 0
    }
    .product-details.product-details-thumb .product-details-inner {
        min-height: 0
    }
    .product-details.product-details-thumb .product-details-image {
        margin-top: 0
    }
    .product-details.product-details-thumb .list-carousel-btn {
        margin-top: -15px;
        top: 17%
    }
    .product-details.product-details-thumb .list-carousel-btn i {
        color: #fff;
        font-size: 30px
    }
    .product-details.product-details-thumb .list-carousel-btn.chevron-left {
        left: 5%
    }
    .product-details.product-details-thumb .list-carousel-btn.chevron-right {
        right: 5%
    }
    .product-details.product-details-thumb .caroufredsel_wrapper .pager-thumbs a {
        width: 20%;
        max-width: 58px
    }
    .product-details.product-details-thumb .caroufredsel_wrapper .pager-thumbs {
        display: none!important
    }
    .product-details.product-details-thumb .pager-thumb-content {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:415px) and (max-width:767px) {
    .product-details .list-carousel-btn {
        top: 24%
    }
    .product-details.product-details-thumb .list-carousel-btn {
        top: 24%
    }
}

.product-details:hover {
    cursor: auto
}

.product-details .psd-caption-panel {
    top: 30px;
    width: 360px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-details .psd-caption-panel {
        top: 30px;
        width: 260px
    }
    .product-details .product-details-image {
        width: 100%
    }
}

#ps-details-history .psd-caption-panel-inner {
    width: 360px!important;
    height: 329px!important;
    overflow-y: scroll!important;
    overflow-x: hidden;
    word-wrap: break-word;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width:767px) {
    #ps-details-history .psd-caption-panel-inner {
        width: 100%!important
    }
}

#ps-details-history .psd-caption-panel-inner:hover {
    cursor: auto
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #ps-details-history .psd-caption-panel {
        position: relative;
        top: 0;
        width: 100%
    }
    #ps-details-history .psd-caption-panel-inner {
        width: 100%!important;
        height: 252px!important;
        background: none;
        color: #fff
    }
}

.psd-caption-panel {
    background: none;
    bottom: 0;
    display: inline-block;
    left: auto;
    position: absolute;
    right: 0;
    vertical-align: middle;
    width: 500px;
    height: 100%;
    white-space: nowrap
}

.psd-caption-panel .psd-caption-panel-inner {
    background: #FFF;
    display: inline-block;
    padding: 30px;
    vertical-align: middle;
    white-space: normal
}

.psd-caption-panel .psd-caption-panel-inner .subtitle {
    font-weight: 700;
    margin: 0 0 5px
}

.psd-caption-panel .psd-caption-panel-inner .title {
    color: #e31837;
    font-family: 'EurostileLTStdBold';
    font-size: 42px;
    line-height: 1!important;
    margin: 0;
    padding: 10px 0
}

.psd-caption-panel .psd-caption-panel-inner .des {
    margin: 0 0 20px
}

.psd-caption-panel .psd-caption-panel-inner .social {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}

.psd-caption-panel .psd-caption-panel-inner .social li {
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    width: auto
}

.psd-caption-panel .psd-caption-panel-inner .social li a {
    background: #e31837;
    color: #FFF;
    display: block;
    padding: 4px 0;
    text-align: center;
    width: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .psd-caption-panel .psd-caption-panel-inner {
        padding: 25px
    }
    .psd-caption-panel .psd-caption-panel-inner .subtitle {
        margin: 0
    }
    .psd-caption-panel .psd-caption-panel-inner .title {
        margin: 0!important;
        padding-bottom: 5px;
        padding-top: 5px
    }
    .psd-caption-panel .psd-caption-panel-inner .des {
        margin-bottom: 10px
    }
}

.list-carousel {
    height: 450px;
    margin: 0;
    position: relative;
    width: 100%
}

.list-carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block
}

.list-carousel ul li {
    display: inline-block;
    float: left;
    padding: 0;
    width: 100%
}

.list-carousel.gallery-carousel {
    height: 400px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .list-carousel {
        height: 100%
    }
}

@media only screen and (max-width:767px) {
    .list-carousel.gallery-carousel {
        height: auto
    }
}

.product-details-title {
    padding: 0
}

.product-details-title .section-header {
    padding: 50px 0 0
}

.product-details-title .section-header h2 span,
.product-details-title .section-header h4 {
    color: #fff
}

.product-details-tab {
    background: transparent;
    border: 0;
    margin: 0 -15px -4px;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.product-details-tabs {
    background: #292929;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.product-details-tabs ul {
    background: transparent;
    border: 0;
    padding: 0!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.product-details-tabs ul li {
    background: none!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    text-align: center;
    width: 33.33%
}

.product-details-tabs ul li a {
    color: #fff!important;
    display: block;
    font-family: 'EurostileLTStdBold';
    font-size: 15px;
    letter-spacing: 1px;
    padding: 30px 0!important;
    text-align: center;
    width: 100%
}

.product-details-tabs ul li.ui-tabs-active a {
    background: url(../img/bg-line-tabs.jpg) center bottom repeat-x;
    color: #e31837!important
}

@media only screen and (max-width:767px) {
    .product-details-tabs {
        margin-top: 20px
    }
    .product-details-tabs ul li a {
        font-size: 12px
    }
}

.product-details-tab-content {
    background: #343434!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.product-details-tab-content .section-header {
    padding: 40px 0
}

.product-details-tab-content .section-header h2 {
    text-transform: none
}

.product-details-tab-content .product-details-scale {
    height: auto;
    margin: 0 0 40px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.product-details-tab-content .product-details-scale img {
    position: relative;
    z-index: 1
}

.product-details-tab-content .product-details-scale .overlay {
    background: #f1f1f1;
    bottom: 0;
    color: #e31837;
    display: table;
    font-family: Arial;
    font-weight: 700;
    height: 120px;
    left: auto;
    padding: 5px;
    position: absolute;
    right: 0;
    top: auto;
    width: 120px;
    z-index: 2;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.product-details-tab-content .product-details-scale .overlay .overlay-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    white-space: normal
}

.product-details-tab-content .product-details-scale .overlay .overlay-inner .des {
    word-break: break-word
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-details-tab-content {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .product-details-tab-content .product-details-scale {
        height: auto
    }
    .product-details-tab-content .product-details-scale .overlay {
        height: 80px;
        width: 80px
    }
}

@media only screen and (max-width:767px) {
    .product-details-tab-content .vehicle-content {
        padding: 0
    }
    .product-details-tab-content .vehicle-content .row .col-xs-6 {
        padding: 0
    }
    .product-details-tab-content .product-details-scale {
        height: auto;
        margin: 0
    }
    .product-details-tab-content .product-details-scale .overlay {
        position: absolute;
        display: block;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        color: #fff;
        padding: 0;
        width: 100%
    }
    .product-details-tab-content .product-details-scale .overlay-inner {
        position: absolute;
        height: 100%;
        width: 100%
    }
    .product-details-tab-content .product-details-scale .overlay-inner .des {
        margin-top: 45%
    }
}

.lbox-inner {
    height: 760px;
    position: relative;
    width: 100%
}

.lbox-inner .lbox-image {
    display: block;
    height: 500px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 650px
}

.lbox-inner .psd-caption-panel {
    width: 650px
}

.lbox-inner .psd-caption-panel .psd-caption-panel-inner {
    background: #fff;
    display: inline-block;
    padding: 30px 10px 30px 30px;
    position: absolute;
    right: 0;
    bottom: 20px;
    vertical-align: middle;
    white-space: normal;
    width: 650px;
    z-index: 2
}

.lbox-inner .psd-caption-panel .psd-caption-panel-inner .more {
    font-weight: 700;
    text-transform: uppercase
}

.lbox-inner .psd-caption-panel .psd-caption-panel-inner .psd-caption-panel-content {
    padding: 0 20px 20px 0
}

.fancybox-wrap .fancybox-nav {
    width: 10%
}

.fancybox-wrap .fancybox-nav span {
    visibility: visible
}

.fancybox-wrap .fancybox-prev {
    left: -80px
}

.fancybox-wrap .fancybox-next {
    right: -80px
}

.fancybox-wrap .fancybox-close {
    background: url(../img/btn-lbox-close.png) 10px 7px no-repeat!important;
    display: block;
    height: 40px!important;
    right: -20px!important;
    top: -20px!important;
    width: 40px!important
}

.fancybox-wrap .fancybox-skin {
    background: transparent!important;
    padding: 0!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.fancybox-wrap .fancybox-inner {
    overflow: hidden!important
}

@media only screen and (max-width:767px) {
    .fancybox-wrap {
        left: 0!important;
        width: 100%!important
    }
    .fancybox-wrap .fancybox-inner {
        width: 100%!important
    }
    .fancybox-wrap .lbox-content {
        width: 100%!important
    }
    .fancybox-wrap .lbox-content .lbox-inner {
        height: auto
    }
    .fancybox-wrap .lbox-content .lbox-inner .lbox-image {
        height: auto;
        max-height: 300px;
        width: 100%
    }
    .fancybox-wrap .lbox-content .lbox-inner .psd-caption-panel {
        position: static;
        top: auto;
        width: 100%
    }
    .fancybox-wrap .lbox-content .lbox-inner .psd-caption-panel .psd-caption-panel-inner {
        height: auto;
        max-height: 300px;
        padding: 20px;
        position: static;
        top: 0;
        width: 100%;
        padding-bottom: 150px
    }
    .fancybox-wrap .lbox-content .lbox-inner .psd-caption-panel .psd-caption-panel-inner .title {
        font-size: 22px
    }
    .fancybox-wrap .fancybox-prev {
        left: -10px
    }
    .fancybox-wrap .fancybox-next {
        right: -10px
    }
    .fancybox-wrap .fancybox-nav span {
        top: 130px
    }
    .fancybox-wrap .fancybox-close {
        right: 0!important;
        top: 0!important
    }
}

.fancybox-lock,
.fancybox-lock body,
.fancybox-lock .page-content {
    overflow: hidden!important
}

.fancybox-lock .page-header {
    z-index: 2
}

.fancybox-lock .page-content {
    z-index: 1
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: hidden!important;
    overflow-x: hidden!important;
    z-index: 9999!important
}

@media only screen and (max-width:767px) {
    .fancybox-lock .fancybox-overlay {
        background-image: none;
        background-color: rgba(0, 0, 0, .99)
    }
}

.services-tab-content {
    color: #fff
}

.services-tab-content .row {
    border-bottom: 1px solid #444;
    padding-bottom: 40px;
    margin-bottom: 40px
}

.services-tab-content h3 {
    color: #e31837;
    font-family: 'EurostileLTStdBold';
    margin-top: 0
}

.services-tab-content h2 {
	font-size: 1.17em;
    color: #e31837;
    font-family: 'EurostileLTStdBold';
    margin-top: 0
}

.services-tab-content a {
    color: #e31837
}

.product-details-inner .scale-effect.enter .psd-caption-panel-inner {
    background-color: #e31837;
    opacity: 1
}

.product-details-inner .scale-effect.enter .psd-caption-panel-inner .subtitle,
.product-details-inner .scale-effect.enter .psd-caption-panel-inner .title,
.product-details-inner .scale-effect.enter .psd-caption-panel-inner .des,
.product-details-inner .scale-effect.enter .psd-caption-panel-inner .more {
    color: #fff
}

body.ps-details-page .lbox-content {
    display: none
}

body.ps-details-page .lbox-inner {
    height: 620px;
    position: relative;
    width: 100%
}

body.ps-details-page .lbox-inner .lbox-image {
    display: block;
    height: 310px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%
}

body.ps-details-page .lbox-inner .lbox-image img {
    width: 100%
}

body.ps-details-page .lbox-inner .psd-caption-panel {
    width: 100%
}

body.ps-details-page .lbox-inner .psd-caption-panel .psd-caption-panel-inner {
    width: 100%;
    background: #f1f1f1;
    display: inline-block;
    height: 310px;
    bottom: 0;
    z-index: 2
}

@media only screen and (max-width:767px) {
    body.ps-details-page .lbox-inner .psd-caption-panel .psd-caption-panel-inner {
        height: 300px
    }
}

body.ps-details-page .lbox-inner .psd-caption-panel .psd-caption-panel-inner .more {
    font-weight: 700;
    text-transform: uppercase
}

body.ps-details-page .lbox-inner .psd-caption-panel .psd-caption-panel-inner .psd-caption-panel-content {
    height: 270px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 20px 20px 0
}

body.ps-details-page .lbox-inner .psd-caption-panel .psd-caption-panel-inner .psd-caption-panel-content .more {
    float: left;
    margin-top: 5px
}

body.ps-details-page .lbox-inner .psd-caption-panel .psd-caption-panel-inner .psd-caption-panel-content .social {
    width: auto;
    margin: 0;
    float: right
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.ps-details-page .lbox-inner .psd-caption-panel .psd-caption-panel-inner .psd-caption-panel-content .social {
        float: left
    }
}

body.ps-details-page .lbox-inner .psd-caption-panel .psd-caption-panel-inner .psd-caption-panel-content .social .label {
    line-height: 24px
}

@media only screen and (max-width:767px) {
    body.ps-details-page .lbox-inner .psd-caption-panel .psd-caption-panel-inner .psd-caption-panel-content .social .label {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.ps-details-page .lbox-inner .psd-caption-panel .psd-caption-panel-inner .psd-caption-panel-content .social .label {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.ps-details-page .lbox-inner {
        height: 504px
    }
    body.ps-details-page .lbox-inner .lbox-image {
        height: 194px;
        width: 500px;
        margin: 0 auto!important
    }
    body.ps-details-page .lbox-inner .psd-caption-panel {
        width: 500px
    }
    body.ps-details-page .lbox-inner .psd-caption-panel .psd-caption-panel-inner {
        padding: 20px
    }
    body.ps-details-page .lbox-inner .psd-caption-panel .psd-caption-panel-inner .title {
        font-size: 32px
    }
    body.ps-details-page .lbox-inner .psd-caption-panel .psd-caption-panel-inner .psd-caption-panel-content {
        padding: 0 10px 0 0
    }
}

body.ps-details-page .fancybox-close {
    right: -50px!important
}

@media only screen and (max-width:767px) {
    body.ps-details-page .fancybox-close {
        right: 0!important;
        top: -50px!important
    }
}

@media only screen and (min-width:768px) and (max-height:700px) {
    body.ps-details-page .lbox-content .lbox-inner {
        height: 510px
    }
    body.ps-details-page .lbox-content .lbox-inner .psd-caption-panel {
        height: 200px!important
    }
    body.ps-details-page .lbox-content .lbox-inner .psd-caption-panel .psd-caption-panel-inner {
        height: 200px!important
    }
    body.ps-details-page .lbox-content .lbox-inner .psd-caption-panel .psd-caption-panel-inner .psd-caption-panel-content {
        height: 160px!important
    }
}

.our-history-section .carousel-wrap {
    display: block!important;
    width: auto!important
}

.our-history-section .about-us-right-side {
    position: static!important
}

.our-history-section .about-us-right-side .more {
    display: inline
}

.our-history-section .about-us-right-side .links ul>li>a span {
    width: 88%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .our-history-section .about-us-right-side .links ul>li {
        margin-bottom: 10px
    }
}

@media (min-width:992px) {
    .our-history-section .about-us-right-side {
        margin-right: -25px;
        float: right;
        width: 34%;
        padding-top: 5px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .our-history-section {
        padding-bottom: 0
    }
    .our-history-section .about-us-right-side .links {
        padding-bottom: 15px
    }
}

@media only screen and (max-width:767px) {
    .our-history-section {
        padding-bottom: 0
    }
}

.our-history-founders .section-header h2,
.our-history-leaders .section-header h2 {
    line-height: 28px;
    text-align: left;
    margin-bottom: 15px
}

.our-history-founders .section-header h2 span,
.our-history-leaders .section-header h2 span {
    display: inline-block;
    line-height: normal
}

.our-history-founders .section-header h4,
.our-history-leaders .section-header h4 {
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 40px
}

@media (min-width:992px) {
    .our-history-founders .section-header,
    .our-history-leaders .section-header {
        padding-top: 70px;
        width: 80%;
        max-width: 1000px
    }
    .our-history-founders .section-header h2,
    .our-history-leaders .section-header h2 {
        text-align: center;
        text-transform: none
    }
    .our-history-founders .section-header h4,
    .our-history-leaders .section-header h4 {
        text-align: center;
        font-size: 16px;
        line-height: 28px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-history-founders .section-header h4,
    .our-history-leaders .section-header h4 {
        font-size: 17px;
        line-height: 25px
    }
}

.our-history-founders .founder {
    font-size: 13px
}

.our-history-founders .founder .img-wrap {
    position: relative
}

.our-history-founders .founder .img-wrap img {
    width: 100%
}

.our-history-founders .founder .img-wrap .img-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    color: white;
    padding: 20px
}

.our-history-founders .founder .img-wrap .img-caption .caption-inner {
    position: relative;
    z-index: 1
}

.our-history-founders .founder .img-wrap .img-caption:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: black;
    opacity: .6
}

.our-history-founders .founder .founder-content {
    padding: 20px
}

.our-history-founders .founder h3 {
    color: #e31837;
    font-size: 30px;
    font-family: "EurostileLTStdBold";
    margin: 5px 0 0;
    line-height: normal
}

.our-history-founders .founder h5 {
    margin: 0;
    font-weight: 700;
    font-size: 13px;
    color: black
}

@media (min-width:992px) {
    .our-history-founders {
        padding-bottom: 0
    }
    .our-history-founders .founder {
        position: relative;
        border-top: 1px solid transparent;
        max-width: 1000px;
        margin: 0 auto 80px
    }
    .our-history-founders .founder .img-wrap {
        position: absolute;
        top: 0;
        left: 0;
        right: 20%;
        overflow: hidden
    }
    .our-history-founders .founder .img-wrap:before {
        content: "";
        display: block;
        padding-top: 80%
    }
    .our-history-founders .founder .img-wrap img {
        position: absolute;
        top: 0;
        left: 0
    }
    .our-history-founders .founder .img-wrap .img-caption {
        padding: 30px;
        padding-right: 46%
    }
    .our-history-founders .founder .founder-content {
        position: relative;
        margin: 30px 0 0 45%;
        padding: 30px;
        background: white;
        font-size: 15px;
        line-height: 22px;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
        -webkit-transition: opacity 0.35s, background 0.35s;
        -moz-transition: opacity 0.35s, background 0.35s;
        transition: opacity 0.35s, background 0.35s
    }
    .our-history-founders .founder .founder-content h3,
    .our-history-founders .founder .founder-content h5,
    .our-history-founders .founder .founder-content p {
        -webkit-transition: color 0.35s;
        -moz-transition: color 0.35s;
        transition: color 0.35s
    }
    .our-history-founders .founder+.founder .img-wrap {
        left: 20%;
        right: 0
    }
    .our-history-founders .founder+.founder .img-wrap .img-caption {
        padding-right: 30px;
        padding-left: 46%
    }
    .our-history-founders .founder+.founder .founder-content {
        margin-right: 45%;
        margin-left: 0
    }
    .our-history-founders .founder.enter .founder-content {
        opacity: .95;
        background-color: #e31837
    }
    .our-history-founders .founder.enter .founder-content h3,
    .our-history-founders .founder.enter .founder-content h5,
    .our-history-founders .founder.enter .founder-content p {
        color: #fff
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-history-founders .founder {
        font-size: 16px
    }
    .our-history-founders .founder h3 {
        font-size: 33px
    }
    .our-history-founders .founder h5 {
        font-size: 16px
    }
}

.our-history-leaders {
    padding-bottom: 0
}

.our-history-leaders .leader {
    padding: 0;
    max-height: 500px;
    overflow: hidden;
    border-bottom: 2px solid transparent;
    -webkit-transition: max-height 0.3s;
    -moz-transition: max-height 0.3s;
    transition: max-height 0.3s
}

.our-history-leaders .leader .img-wrap {
    overflow: hidden;
    position: relative
}

.our-history-leaders .leader .img-wrap:before {
    content: "";
    display: block;
    padding-top: 40%;
    -webkit-transition: padding-top 0.3s;
    -moz-transition: padding-top 0.3s;
    transition: padding-top 0.3s
}

.our-history-leaders .leader .img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.our-history-leaders .leader .leader-content {
    font-size: 14px
}

.our-history-leaders .leader .leader-content .caption-panel-inner {
    background: #f1f1f1;
    padding: 30px 20px;
    position: relative;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s
}

.our-history-leaders .leader .leader-content .caption-panel-inner:after {
    content: '';
    position: absolute;
    top: -19px;
    left: 20px;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-bottom-color: #f1f1f1
}

.our-history-leaders .leader .leader-content h3 {
    color: #e31837;
    font-size: 17px;
    font-family: "EurostileLTStdBold";
    margin: 0;
    line-height: normal;
    cursor: pointer
}

.our-history-leaders .leader .leader-content h3 .fa {
    font-size: 18px;
    position: absolute;
    right: 15px
}

.our-history-leaders .leader .leader-content h5 {
    font-weight: 700;
    color: black;
    margin: 0;
    font-size: 16px;
    height: 30px;
    overflow: hidden;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s
}

.our-history-leaders .leader.closed {
    max-height: 55px;
    border-bottom-color: white
}

.our-history-leaders .leader.closed .img-wrap:before {
    padding-top: 0
}

.our-history-leaders .leader.closed .leader-content .caption-panel-inner {
    padding-top: 15px;
    padding-bottom: 10px
}

.our-history-leaders .leader.closed .leader-content h3 .fa {
    visibility: visible
}

.our-history-leaders .leader.closed .leader-content h5 {
    height: 0
}

@media (min-width:992px) {
    .our-history-leaders {
        font-size: 0
    }
    .our-history-leaders .section-content {
        padding: 0 25px
    }
    .our-history-leaders .leader {
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
        display: inline-block;
        vertical-align: top;
        float: none;
        border-bottom: none!important;
        max-height: none!important
    }
    .our-history-leaders .leader .img-wrap:before {
        padding-top: 40%!important
    }
    .our-history-leaders .leader .leader-content .caption-panel-inner {
        padding: 20px!important
    }
    .our-history-leaders .leader .leader-content h3 .fa {
        display: none!important
    }
    .our-history-leaders .leader .leader-content h5 {
        height: auto!important
    }
    .our-history-leaders .leader .caption-panel {
        pointer-events: none;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        transition: background 0.4s
    }
    .our-history-leaders .leader .caption-panel .caption-panel-inner {
        -webkit-transition: opacity 0.35s, background 0.4s;
        -moz-transition: opacity 0.35s, background 0.4s;
        transition: opacity 0.35s, background 0.4s;
        pointer-events: auto
    }
    .our-history-leaders .leader.enter .caption-panel .caption-panel-inner {
        opacity: 1;
        background-color: #e31837
    }
    .our-history-leaders .leader.enter .caption-panel .caption-panel-inner:after {
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-bottom-color: #e31837
    }
    .our-history-leaders .leader.enter .caption-panel .caption-panel-inner h3 {
        color: #fff
    }
    .our-history-leaders .leader.enter .caption-panel .caption-panel-inner h5 {
        color: #fff
    }
    .our-history-leaders .leader.enter .caption-panel .caption-panel-inner p {
        color: #fff
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-history-leaders .leader .leader-content {
        font-size: 17px
    }
    .our-history-leaders .leader .leader-content h3 {
        font-size: 20px
    }
    .our-history-leaders .leader .leader-content h5 {
        font-size: 19px
    }
}

@media only screen and (max-width:767px) {
    .our-history-leaders .leader {
        max-height: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .our-history-leaders .leader {
        max-height: 100%
    }
}

.our-brand-page .introduction-of-core-purpose .section-header {
    width: 90%;
    text-align: left
}

.our-brand-page .introduction-of-core-purpose .section-header h4 {
    font-size: 14px;
    line-height: 22px
}

.our-brand-page .introduction-of-core-purpose .row {
    margin: 0;
    background-color: #f1f1f1
}

.our-brand-page .introduction-of-core-purpose .row>div[class^='col-'] {
    padding: 0
}

.our-brand-page .introduction-of-core-purpose .intro-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    border-right-width: 0;
    border-top: none;
    border-left: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

.our-brand-page .introduction-of-core-purpose .intro-image:before {
    content: '';
    display: block;
    padding-top: 50%
}

.our-brand-page .introduction-of-core-purpose .intro-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    display: block;
    max-width: none
}

.our-brand-page .introduction-of-core-purpose .intro-image .overlay {
    background: rgba(0, 0, 0, .4);
    color: #fff;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.our-brand-page .introduction-of-core-purpose .intro-image .overlay:after {
    content: '';
    height: 100%;
    line-height: 100%;
    display: inline-block;
    vertical-align: middle
}

.our-brand-page .introduction-of-core-purpose .intro-image .overlay>* {
    display: inline-block;
    vertical-align: middle
}

.our-brand-page .introduction-of-core-purpose .intro-image .overlay:hover {
    background: rgba(0, 0, 0, .4)
}

.our-brand-page .introduction-of-core-purpose .intro-image .overlay .fa {
    font-size: 42px;
    margin: 10px
}

.our-brand-page .introduction-of-core-purpose .intro-image .overlay .icon-play {
    margin: 10px;
    background: url(../img/icon-play-white.png) left top no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block
}

.our-brand-page .introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
    margin: 10px;
    background: url(../img/icon-play-white-41.png) left top no-repeat;
    width: 41px;
    height: 41px;
    display: inline-block
}

.our-brand-page .introduction-of-core-purpose .intro-image .overlay .des {
    width: 100%;
    font-size: 18px;
    margin: 0 auto
}

.our-brand-page .introduction-of-core-purpose .row-des {
    text-align: center
}

.our-brand-page .introduction-of-core-purpose .row-des .row-des-inner {
    padding: 0;
    margin: 20px auto;
    display: inline-block;
    width: 85%;
    text-align: left
}

.our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-above {
    min-height: 90px;
    position: relative
}

.our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .num {
    font-size: 115px;
    display: inline-block;
    height: 90px;
    line-height: 90px;
    color: #9d9d9d;
    font-family: "EurostileLTStdBold";
    position: absolute;
    top: 0;
    left: -5px
}

.our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-title {
    padding-left: 90px;
    font-family: "EurostileLTStd";
    font-size: 24px;
    line-height: 34px;
    max-width: 270px;
    display: inline-block;
    position: relative;
    margin-top: -7px;
    color: #e31837
}

.our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-exception .num {
    left: -35px
}

.our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-exception .row-title {
    padding-left: 50px
}

.our-brand-page .introduction-of-core-purpose .row-des .row-content {
    display: inline-block;
    padding: 10px 0 0;
    font-size: 14px;
    line-height: 22px
}

@media (min-width:992px) {
    .our-brand-page .introduction-of-core-purpose {
        padding-top: 35px
    }
    .our-brand-page .introduction-of-core-purpose .section-header {
        text-align: center
    }
    .our-brand-page .introduction-of-core-purpose .section-header h4 {
        font-size: 17px;
        line-height: 30px
    }
    .our-brand-page .introduction-of-core-purpose .intro-image {
        border-right-width: 1px
    }
    .our-brand-page .introduction-of-core-purpose .intro-image .overlay {
        background: rgba(0, 0, 0, .2);
        opacity: 1;
        -webkit-transition: opacity 0.35s;
        -moz-transition: opacity 0.35s;
        transition: opacity 0.35s
    }
    .our-brand-page .introduction-of-core-purpose .intro-image:hover .overlay {
        background: rgba(0, 0, 0, .4);
        opacity: 1;
        visibility: visible
    }
    .our-brand-page .introduction-of-core-purpose .section-content .col-md-4:before {
        content: "";
        display: block;
        padding-top: 100%
    }
    .our-brand-page .introduction-of-core-purpose .section-content .row-des {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 0;
        white-space: nowrap
    }
    .our-brand-page .introduction-of-core-purpose .section-content .row-des:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 0
    }
    .our-brand-page .introduction-of-core-purpose .section-content .row-des-inner {
        vertical-align: middle;
        margin: 0 auto;
        white-space: normal;
        width: 75%
    }
    .our-brand-page .introduction-of-core-purpose .section-content .row-des-inner .row-title {
        font-family: "EurostileLTStdBold"
    }
    .our-brand-page .introduction-of-core-purpose .section-content .row-content {
        font-size: 15px;
        line-height: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-brand-page .introduction-of-core-purpose .section-header h4 {
        font-size: 17px;
        line-height: 25px
    }
    .our-brand-page .introduction-of-core-purpose .intro-image .overlay .des {
        font-size: 21px
    }
    .our-brand-page .introduction-of-core-purpose .row-des .row-content {
        font-size: 17px;
        line-height: 25px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .our-brand-page .introduction-of-core-purpose {
        padding-bottom: 0
    }
    .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner {
        padding-top: 20px
    }
    .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-exception .num {
        left: -10px;
        line-height: 115px
    }
    .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-exception .row-title {
        padding-left: 70px
    }
    .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-above .num {
        line-height: 115px
    }
}

@media only screen and (max-width:767px) {
    .our-brand-page .introduction-of-core-purpose {
        padding-bottom: 0
    }
    .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner {
        padding-top: 20px
    }
    .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-exception .num {
        left: -10px;
        line-height: 115px
    }
    .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-exception .row-title {
        padding-left: 70px
    }
    .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-above .num {
        line-height: 115px
    }
}

.our-brand-page .rise-in-action-section {
    background-color: #f1f1f1;
    padding-bottom: 0
}

.our-brand-page .rise-in-action-section .section-footer {
    padding-top: 10px;
    padding-bottom: 40px
}

@media only screen and (max-width:991px) {
    .our-brand-page .rise-in-action-section .section-footer {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (min-width:992px) {
    .our-brand-page .rise-in-action-section .section-header h4 {
        font-size: 17px;
        line-height: 30px
    }
}

.our-brand-page .our-values-section {
    padding-bottom: 20px
}

.our-brand-page .our-values-section div[class^='col-'] {
    padding: 0
}

.our-brand-page .our-values-section .row {
    margin: 0
}

.our-brand-page .our-values-section .our-values-image .icon-play-41 {
    background: url(../img/icon-play-41.png) left top no-repeat;
    width: 41px;
    height: 41px
}

.our-brand-page .our-values-section .our-values-image.full-size {
    position: relative;
    overflow: hidden;
    margin-bottom: 12px
}

.our-brand-page .our-values-section .our-values-image.full-size:before {
    content: '';
    display: block;
    padding-top: 60%
}

.our-brand-page .our-values-section .our-values-image.full-size img {
    position: absolute;
    top: 0;
    left: 0;
    width: 145%;
    margin-left: -40%;
    display: block;
    max-width: none
}

.our-brand-page .our-values-section .our-values-image.full-size .overlay {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    white-space: nowrap
}

.our-brand-page .our-values-section .our-values-image.full-size .overlay:after {
    content: '';
    height: 100%;
    line-height: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 0
}

.our-brand-page .our-values-section .our-values-image.full-size .overlay>* {
    display: inline-block;
    vertical-align: middle
}

.our-brand-page .our-values-section .our-values-image.full-size .overlay .overlay-inner {
    white-space: normal
}

.our-brand-page .our-values-section .our-values-image.full-size .overlay:hover {
    background: rgba(0, 0, 0, .4)
}

.our-brand-page .our-values-section .our-values-image.full-size .overlay:hover .des {
    color: white
}

.our-brand-page .our-values-section .our-values-image.full-size .overlay:hover .icon-play-41 {
    background-image: url(../img/icon-play-white-41.png)
}

.our-brand-page .our-values-section .our-values-image.full-size .overlay .fa {
    font-size: 42px;
    margin: 10px
}

.our-brand-page .our-values-section .our-values-image.full-size .overlay .icon-play {
    margin: 10px;
    background: url(../img/icon-play-white.png) left top no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block
}

.our-brand-page .our-values-section .our-values-image.full-size .overlay .icon-play-white-41 {
    margin: 10px;
    background: url(../img/icon-play-white-41.png) left top no-repeat;
    width: 41px;
    height: 41px;
    display: inline-block
}

.our-brand-page .our-values-section .our-values-image.full-size .overlay .icon-play-41 {
    margin: 10px;
    display: inline-block;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s
}

.our-brand-page .our-values-section .our-values-image.full-size .overlay .des {
    width: 85%;
    font-size: 19px;
    line-height: 27px;
    font-family: "EurostileLTStdBold";
    margin: 0 auto;
    color: #e31837;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s
}

@media (max-width:991px) {
    .our-brand-page .our-values-section {
        padding-bottom: 0
    }
    .our-brand-page .our-values-section .our-values-image.full-size {
        margin-bottom: 0
    }
    .our-brand-page .our-values-section .our-value {
        padding: 0;
        max-height: 1000px;
        overflow: hidden;
        border-bottom: 2px solid transparent;
        -webkit-transition: max-height 0.3s;
        -moz-transition: max-height 0.3s;
        transition: max-height 0.3s
    }
    .our-brand-page .our-values-section .our-value .img-wrap {
        display: block;
        overflow: hidden;
        position: relative
    }
    .our-brand-page .our-values-section .our-value .img-wrap:before {
        content: "";
        display: block;
        padding-top: 40%;
        -webkit-transition: padding-top 0.3s;
        -moz-transition: padding-top 0.3s;
        transition: padding-top 0.3s
    }
    .our-brand-page .our-values-section .our-value .img-wrap img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
    .our-brand-page .our-values-section .our-value .caption-panel {
        font-size: 14px
    }
    .our-brand-page .our-values-section .our-value .caption-panel .caption-panel-inner {
        background: #f1f1f1;
        padding: 30px 20px;
        position: relative;
        -webkit-transition: padding 0.3s;
        -moz-transition: padding 0.3s;
        transition: padding 0.3s
    }
    .our-brand-page .our-values-section .our-value .caption-panel .caption-panel-inner:after {
        content: '';
        position: absolute;
        top: -19px;
        left: 20px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-bottom-color: #f1f1f1
    }
    .our-brand-page .our-values-section .our-value .caption-panel h3 {
        color: #e31837;
        font-size: 17px;
        font-family: "EurostileLTStdBold";
        margin: 0;
        line-height: normal;
        cursor: pointer
    }
    .our-brand-page .our-values-section .our-value .caption-panel h3 .fa {
        display: none
    }
    .our-brand-page .our-values-section .our-value .caption-panel h3 .fa-chevron-down,
    .our-brand-page .our-values-section .our-value .caption-panel h3 .fa-chevron-up {
        display: block;
        font-size: 18px;
        position: absolute;
        right: 15px;
        top: 17px
    }
    .our-brand-page .our-values-section .our-value .caption-panel p {
        color: #333;
        margin-top: 20px
    }
    .our-brand-page .our-values-section .our-value.closed {
        max-height: 55px;
        border-bottom-color: white
    }
    .our-brand-page .our-values-section .our-value.closed .img-wrap:before {
        padding-top: 0
    }
    .our-brand-page .our-values-section .our-value.closed .caption-panel .caption-panel-inner {
        padding-top: 15px;
        padding-bottom: 10px
    }
    .our-brand-page .our-values-section .our-value.closed .caption-panel h3 .fa {
        visibility: visible
    }
}

@media (min-width:992px) {
    .our-brand-page .our-values-section {
        padding-bottom: 30px
    }
    .our-brand-page .our-values-section .our-values-image {
        position: relative;
        overflow: hidden
    }
    .our-brand-page .our-values-section .our-values-image.full-size {
        margin-bottom: 0
    }
    .our-brand-page .our-values-section .our-values-image.full-size img {
        width: 105%;
        margin-left: -2.5%
    }
    .our-brand-page .our-values-section .our-values-image.full-size:before {
        padding-top: 41.9896640827%
    }
    .our-brand-page .our-values-section .our-values-image.full-size .overlay .des {
        width: 50%;
        font-size: 24px;
        line-height: normal
    }
    .our-brand-page .our-values-section .our-values-image:before {
        content: "";
        display: block;
        padding-top: 92.3566878981%
    }
    .our-brand-page .our-values-section .our-values-image img {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 105%;
        margin-left: -2.5%;
        max-width: none
    }
    .our-brand-page .our-values-section .our-values-image .caption-panel {
        height: 50px;
        overflow: hidden;
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        transition: all 0.35s;
        padding: 20px 25px;
        background-color: rgba(255, 255, 255, .9);
        width: 100%;
        margin: 0;
        border-radius: 0;
        text-align: left
    }
    .our-brand-page .our-values-section .our-values-image .caption-panel.active {
        height: 100%
    }
    .our-brand-page .our-values-section .our-values-image .caption-panel h3 {
        color: #e31837;
        font-size: 16px;
        font-family: "EurostileLTStd";
        font-weight: 700;
        padding: 0;
        margin: 0;
        margin-top: -20px;
        height: 45px;
        line-height: 45px;
        text-transform: capitalize;
        cursor: pointer
    }
    .our-brand-page .our-values-section .our-values-image .caption-panel h3 .fa {
        display: inline-block;
        margin-left: 5px
    }
    .our-brand-page .our-values-section .our-values-image .caption-panel h3 .fa-chevron-down,
    .our-brand-page .our-values-section .our-values-image .caption-panel h3 .fa-chevron-up {
        display: none!important
    }
    .our-brand-page .our-values-section .our-values-image .caption-panel .des {
        display: block;
        color: #000!important;
        font-size: 15px;
        line-height: 22px;
        opacity: 1;
        visibility: visible;
        clear: both
    }
    .our-brand-page .our-values-section .our-values-image .caption-panel .des p {
        margin: 0 0 12px
    }
    .our-brand-page .our-values-section .our-values-image.hover .caption-panel {
        padding-top: 35px;
        height: 100%
    }
    .our-brand-page .our-values-section .our-values-image.hover .caption-panel .fa-caret-up:before {
        content: ""
    }
}

@media (min-width:768px) and (max-width:991px) {
    .our-brand-page .our-values-section .our-value .caption-panel {
        font-size: 17px
    }
    .our-brand-page .our-values-section .our-value .caption-panel h3 {
        font-size: 20px
    }
}

.tabletImg,
.mobileImg {
    display: none!important
}

.our-brand-page .introduction-of-core-purpose .intro-image img {
    width: 103%!important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .deskImg {
        display: none!important
    }
    .tabletImg {
        display: block!important
    }
    .our-brand-page .our-values-section .our-value .img-wrap:before {
        padding-top: 37%
    }
}

@media only screen and (max-width:767px) {
    .tabletImg {
        display: none!important
    }
    .deskImg {
        display: none!important
    }
    .mobileImg {
        display: block!important
    }
    .our-brand-page .introduction-of-core-purpose .intro-image::before {
        padding-top: 34%
    }
    .our-brand-page .our-values-section .our-value .img-wrap:before {
        padding-top: 64%
    }
}

.carousel-hero-mobility .item {
    background-position: left center
}

@media (min-width:992px) {
    .carousel-hero-mobility .item {
        background-position: center
    }
    .carousel-hero-mobility .carousel-caption {
        left: 0%!important;
        width: 47%
    }
    .carousel-hero-mobility .carousel-caption .hero-title {
        text-transform: none;
        line-height: 56px
    }
    .carousel-hero-mobility .carousel-caption .hero-des {
        font-size: 17px;
        line-height: 25px;
        width: 90%
    }
}

.side-dots-nav {
    display: none
}

@media (min-width:992px) {
    .side-dots-nav {
        font-family: "EurostileLTStd";
        display: block;
        position: absolute;
        z-index: 2;
        right: 33px;
        top: 15px;
        list-style: none;
        margin: 0;
        padding: 0;
        background: rgba(0, 0, 0, .2);
        border-radius: 100px
    }
    .lt-ie9 .side-dots-nav {
        margin-top: 60px
    }
    .side-dots-nav li {
        display: block;
        width: 10px;
        height: 10px;
        background: white;
        border-radius: 50%;
        margin: 10px 10px;
        color: white;
        font-weight: 700;
        text-align: center;
        cursor: pointer;
        font-size: 0;
        vertical-align: middle;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s
    }
    .side-dots-nav li:hover,
    .side-dots-nav li.active {
        font-size: 5px;
        font-weight: 700;
        -webkit-transform: scale(2.2);
        -moz-transform: scale(2.2);
        -ms-transform: scale(2.2);
        -o-transform: scale(2.2);
        transform: scale(2.2)
    }
    .side-dots-nav li:hover {
        background: black
    }
    .side-dots-nav li.active {
        background: #e31837!important;
        cursor: default
    }
    .lt-ie9 .side-dots-nav li.active {
        width: 20px;
        height: 20px;
        margin: -5px 0 -5px 5px;
        font-size: 11px;
        line-height: 20px
    }
    .lt-ie9 .side-dots-nav li.active:first-child {
        margin-top: 5px
    }
    .side-dots-nav li>span {
        display: inline-block;
        vertical-align: middle
    }
    .side-dots-nav li:before {
        display: inline-block;
        content: '';
        vertical-align: middle;
        height: 100%;
        width: 0
    }
    .side-dots-nav.fixed {
        position: fixed;
        top: 67px
    }
}

.focus-area-intro {
    text-align: center;
    background: #f9f7f8!important;
    padding: 40px 6%
}

.focus-area-intro h2 {
    font-size: 21px;
    font-weight: 700;
    line-height: normal;
    color: #e31837;
    margin: 0
}

.focus-area-intro p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    color: black
}

@media (min-width:992px) {
    .focus-area-intro {
        padding: 70px 9%
    }
    .focus-area-intro h2 {
        font-size: 34px
    }
    .focus-area-intro p {
        font-size: 17px;
        line-height: 30px;
        margin-top: 5px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .focus-area-intro h2 {
        font-size: 24px
    }
    .focus-area-intro p {
        font-size: 17px;
        line-height: 23px
    }
}

.focus-area-heros {
    padding-bottom: 0
}

.focus-area-heros .carousel-wrap:before {
    padding-top: 129.6875%
}

.focus-area-heros .carousel-wrap.square:before {
    padding-top: 64.84375%
}

.focus-area-heros .carousel-wrap.square .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4)!important;
    z-index: 0;
    display: block
}

.focus-area-heros .junior-hero .carousel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.focus-area-heros .junior-hero .carousel .item {
    background-position: center center
}

.focus-area-heros .junior-hero .carousel .carousel-caption .btn {
    display: inline-block
}

@media (max-width:991px) {
    .focus-area-heros .junior-hero .carousel .mobility-airvan-10 {
        background-size: auto 140%;
        background-position: left bottom!important
    }
    .focus-area-heros .junior-hero .carousel .mobility-electric-scooters {
        background-position: 14% center!important
    }
    .focus-area-heros .junior-hero .carousel .mobility-two-wheelers {
        background-position: 75% center!important
    }
    .focus-area-heros .junior-hero .carousel .carousel-caption {
        bottom: 7%
    }
    .focus-area-heros .junior-hero .carousel .carousel-caption .hero-title {
        font-size: 35px
    }
    .focus-area-heros .junior-hero .carousel .carousel-caption .hero-title .font-cheddar {
        font-size: 27px
    }
    .focus-area-heros .junior-hero .carousel .carousel-caption .hero-title.genze .font-cheddar {
        font-size: 24px
    }
    .focus-area-heros .junior-hero .carousel .carousel-caption .hero-des {
        margin: 5px 0 10px
    }
    .focus-area-heros .junior-hero .carousel .carousel-caption .btn {
        padding: 0 15px;
        line-height: 38px;
        height: 38px
    }
    .lt-ie9 .focus-area-heros .junior-hero .carousel {
        background: black
    }
    .lt-ie9 .focus-area-heros .junior-hero .carousel .item>img {
        z-index: 0
    }
    .lt-ie9 .focus-area-heros .junior-hero .carousel .carousel-caption {
        position: absolute;
        bottom: 7%;
        z-index: 1
    }
}

@media (min-width:992px) {
    .focus-area-heros .carousel-wrap:before {
        padding-top: 49.0196078431%
    }
    .focus-area-heros .carousel-wrap.square:before {
        padding-top: 100%
    }
    .focus-area-heros .carousel-wrap .carousel-caption.right {
        margin-left: 60%!important;
        width: 38%
    }
    .focus-area-heros .carousel-wrap .carousel-caption.right .hero-title {
        width: 75%;
        line-height: 48px
    }
    .focus-area-heros .carousel-wrap .carousel-caption.right .hero-title .font-cheddar {
        margin-left: 0
    }
    .focus-area-heros .junior-hero .carousel .mobility-racing-formula-e {
        background-size: 117% auto;
        background-position: left 65%
    }
    .focus-area-heros .junior-hero .carousel .mobility-racing-formula-e .carousel-caption {
        vertical-align: top;
        margin-top: 60px;
        width: 54%;
        position: relative;
        left: 0;
        right: 0;
        top: 0
    }
    .focus-area-heros .junior-hero .carousel .mobility-racing-formula-e .carousel-caption .font-cheddar {
        letter-spacing: -1px;
        word-spacing: -7px
    }
    .focus-area-heros .junior-hero .carousel .mobility-racing-formula-e:after {
        display: block;
        top: 0;
        bottom: 0;
        right: 50%;
        background: -moz-linear-gradient(left, rgba(0, 0, 0, .7) 0%, transparent 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, .7)), color-stop(100%, transparent));
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, .7) 0%, transparent 100%);
        background: -o-linear-gradient(left, rgba(0, 0, 0, .7) 0%, transparent 100%);
        background: -ms-linear-gradient(left, rgba(0, 0, 0, .7) 0%, transparent 100%);
        background: linear, to right, rgba(0, 0, 0, .7) 0%, transparent 100%
    }
    .focus-area-heros .junior-hero .carousel .mobility-airvan-10 .carousel-caption .hero-des {
        width: auto
    }
    .focus-area-heros .junior-hero .carousel .mobility-electric-scooters .carousel-caption .hero-des {
        width: auto
    }
    .focus-area-heros .junior-hero .carousel .mobility-two-wheelers .carousel-caption {
        width: 55%
    }
    .focus-area-heros .junior-hero .carousel .carousel-caption {
        margin-left: 5%;
        padding-top: 0
    }
    .focus-area-heros .junior-hero .carousel .carousel-caption .hero-title {
        text-transform: none
    }
    .focus-area-heros .junior-hero .carousel .carousel-caption .hero-des {
        font-size: 17px;
        line-height: 25px;
        width: 88%
    }
    .lt-ie9 .focus-area-heros .junior-hero .carousel .item>img {
        z-index: 0
    }
    .lt-ie9 .focus-area-heros .junior-hero .carousel .carousel-caption {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        z-index: 1
    }
    .focus-area-heros .junior-hero.two-col {
        white-space: nowrap;
        font-size: 0
    }
    .focus-area-heros .junior-hero.two-col .carousel-wrap {
        width: 50%;
        display: inline-block
    }
    .focus-area-heros .junior-hero.two-col .carousel-caption {
        width: 80%;
        margin-left: 3%;
        padding: 0;
        z-index: 2;
        position: relative
    }
    .focus-area-heros .junior-hero .hero-title.genze {
        width: 50%;
        line-height: 40px;
        text-shadow: none
    }
    .focus-area-heros .junior-hero .hero-title.genze .font-cheddar {
        color: black;
        margin-left: 0;
        text-shadow: none
    }
}

.hero-carousel-animated .hero-animated-overlay {
    height: 100%;
    width: 100%;
    background: transparent url(../img/hero-animated-overlay.png) repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.hero-carousel-animated video#carousel-cinemagraph {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    margin: 0 auto;
    display: none
}

.hero-carousel-animated .carousel-caption {
    position: relative;
    z-index: 2
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-carousel-animated .carousel-caption {
        position: absolute;
        bottom: 60px
    }
}

@media only screen and (max-width:767px) {
    .hero-carousel-animated .carousel-caption {
        position: absolute;
        bottom: 60px
    }
}

@media (min-width:992px) {
    .focus-area-page .carousel-hero-mobility .carousel-caption {
        margin-left: 5%;
        width: 47%;
        margin-right: 0;
        left: 0
    }
    .focus-area-page .carousel-hero-mobility .carousel-caption .hero-title {
        text-transform: none;
        line-height: 45px
    }
    .focus-area-page .carousel-hero-mobility .carousel-caption .hero-des {
        font-size: 17px;
        line-height: 25px;
        width: 90%
    }
}

.focus-area-heros .carousel-wrap::before {
    padding-top: 55.02%
}

.focus-area-page .visible-lg {
    width: 100%;
    height: 100%
}

.focus-area-page .focus-area-heros .carousel-wrap.square::before {
    padding-top: 97%
}

@media only screen and (max-width:767px) {
    .carousel-caption.mobile-top {
        top: 20px
    }
    .focus-area-page .visible-xs {
        width: 100%;
        height: 100%
    }
    .focus-area-page .focus-area-heros .carousel-wrap::before,
    .focus-area-page .focus-area-heros .carousel-wrap.square::before {
        padding-top: 112.02%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .carousel-caption.mobile-top {
        top: 50px
    }
    .focus-area-page .visible-sm {
        width: 100%;
        height: 100%
    }
    .focus-area-page .focus-area-heros .carousel-wrap::before,
    .focus-area-page .focus-area-heros .carousel-wrap.square::before {
        padding-top: 54.02%
    }
}

.innovation-stories-heros {
    padding-bottom: 0
}

.innovation-stories-heros .carousel-wrap:before {
    padding-top: 129.6875%
}

.innovation-stories-heros .carousel-wrap.square:before {
    padding-top: 64.84375%
}

.innovation-stories-heros .carousel-wrap.square .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4)!important;
    z-index: 0;
    display: block
}

.innovation-stories-heros .junior-hero .carousel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.innovation-stories-heros .junior-hero .carousel .item {
    background-position: center center
}

.innovation-stories-heros .junior-hero .carousel .carousel-caption .btn {
    display: inline-block
}

@media (max-width:991px) {
    .innovation-stories-heros .junior-hero .carousel .mobility-airvan-10 {
        background-size: auto 140%
    }
    .innovation-stories-heros .junior-hero .carousel .carousel-caption {
        bottom: 7%
    }
    .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-title {
        font-size: 35px
    }
    .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-title .font-cheddar {
        font-size: 27px
    }
    .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-title.genze .font-cheddar {
        font-size: 24px
    }
    .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-des {
        margin: 5px 0 10px
    }
    .innovation-stories-heros .junior-hero .carousel .carousel-caption .btn {
        padding: 0 15px;
        line-height: 38px;
        height: 38px
    }
    .innovation-stories-heros .junior-hero .carousel .video-carousel:after {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .5) url(../img/icon-play-41.png) center 25% no-repeat;
        display: block
    }
    .innovation-stories-heros .junior-hero .carousel .video-carousel:hover:after {
        background-color: rgba(0, 0, 0, .6)
    }
    .lt-ie9 .innovation-stories-heros .junior-hero .carousel {
        background: black
    }
    .lt-ie9 .innovation-stories-heros .junior-hero .carousel .item>img {
        z-index: 0
    }
    .lt-ie9 .innovation-stories-heros .junior-hero .carousel .carousel-caption {
        position: absolute;
        bottom: 7%;
        z-index: 1
    }
}

@media (min-width:992px) {
    .innovation-stories-heros .carousel-wrap:before {
        padding-top: 49.0196078431%
    }
    .innovation-stories-heros .carousel-wrap.square:before {
        padding-top: 100%
    }
    .innovation-stories-heros .carousel-wrap .carousel-caption.right {
        margin-left: 60%!important;
        width: 38%
    }
    .innovation-stories-heros .carousel-wrap .carousel-caption.right .hero-title {
        width: 75%;
        line-height: 48px
    }
    .innovation-stories-heros .carousel-wrap .carousel-caption.right .hero-title .font-cheddar {
        margin-left: 0
    }
    .innovation-stories-heros .junior-hero .carousel .video-carousel:after {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .5) url(../img/icon-play-41.png) center center no-repeat;
        display: block
    }
    .innovation-stories-heros .junior-hero .carousel .video-carousel:hover:after {
        background-color: rgba(0, 0, 0, .6)
    }
    .innovation-stories-heros .junior-hero .carousel .video-carousel .carousel-caption {
        z-index: 1;
        position: relative;
        margin-left: 0;
        left: 9%
    }
    .innovation-stories-heros .junior-hero .carousel .video-carousel .carousel-caption .hero-des {
        width: 80%
    }
    .innovation-stories-heros .junior-hero .carousel .carousel-caption {
        margin-left: 9%;
        padding-top: 0
    }
    .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-title {
        text-transform: none
    }
    .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-des {
        font-size: 17px;
        line-height: 25px;
        width: 88%
    }
    .lt-ie9 .innovation-stories-heros .junior-hero .carousel .item>img {
        z-index: 0
    }
    .lt-ie9 .innovation-stories-heros .junior-hero .carousel .carousel-caption {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        z-index: 1
    }
}

.innovation-stories-page .section-footer {
    padding: 15px 0 0 0
}

.innovation-stories-page .carousel-wrap::before {
    padding-top: 55.02%
}

.innovation-stories-page .visible-lg {
    width: 100%;
    height: 100%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-stories-page .rise-in-action-section {
        padding-bottom: 30px
    }
    .innovation-stories-page .innovation-stories-heros .junior-hero .carousel .video-carousel:after {
        background: rgba(0, 0, 0, .5) url(../img/icon-play-100.png) center 45% no-repeat
    }
}

@media only screen and (max-width:767px) {
    .innovation-stories-page .carousel-caption.mobile-top {
        top: 20px
    }
    .innovation-stories-page .visible-xs {
        width: 100%;
        height: 100%
    }
    .innovation-stories-page .innovation-stories-heros .carousel-wrap::before,
    .innovation-stories-page .innovation-stories-heros .carousel-wrap::before,
    .innovation-stories-page .carousel-wrap.square::before {
        padding-top: 112.02%
    }
    .innovation-stories-page .carousel-wrap::before {
        padding-top: 112.5%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-stories-page .carousel-caption.mobile-top {
        top: 50px
    }
    .innovation-stories-page .visible-sm {
        width: 100%;
        height: 100%
    }
    .innovation-stories-page .innovation-stories-heros .carousel-wrap::before,
    .innovation-stories-page .innovation-stories-heros .carousel-wrap.square::before {
        padding-top: 54.02%
    }
}

.search-page .search-section {
    padding-top: 80px;
    min-height: 600px
}

.search-page .search-section h2 {
    font-family: EurostileLTStdBold;
    font-size: 45px
}

.search-page .search-section h3 {
    line-height: 1.2
}

.search-page .search-section .page-title,
.search-page .search-section .url {
    color: #e31837
}

.search-page .search-section .page-title .font-cheddar,
.search-page .search-section .url .font-cheddar {
    color: #000
}

.search-page .search-section .search-box {
    font-size: 17px;
    height: 50px;
    background: #fff url(../img/icon-search.png) no-repeat;
    background-position: right 15px top 13px;
    padding-left: 15px;
    padding-right: 40px
}

.search-page .search-section .search-submit {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    right: 13px
}

.search-page .search-section .search-submit:hover {
    cursor: pointer
}

.search-page .search-section .result {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-left: 0;
    border-right: 0
}

.search-page .search-section .result:last-of-type {
    border-bottom: 1px solid #e7e7e7
}

.search-page .search-section .result .result-details {
    line-height: 1.5
}

.search-page .search-section .result .result-details h3 {
    color: #e31837;
    font-weight: 400;
    margin-top: 0
}

.search-page .search-section .result .result-details span.keyword {
    font-weight: 700
}

.search-page .search-section .result .result-details .blurb {
    height: 65px;
    overflow: hidden
}

.search-page .search-section .result .result-details a:hover {
    text-decoration: underline!important
}

.search-page .search-section .pagination {
    height: 30px;
    margin-bottom: 20px
}

.search-page .search-section .pagination span {
    display: inline-block
}

.search-page .search-section .pagination .text {
    color: #d4d4d4;
    font-style: italic;
    font-size: 14px;
    margin-right: 20px
}

.search-page .search-section .pagination .label {
    margin-right: 5px
}

.search-page .search-section .pagination .page {
    border: 1px solid #ebebeb;
    padding: 5px 10px
}

.search-page .search-section .pagination .page.active,
.search-page .search-section .pagination .page:hover {
    background-color: #e31837;
    color: #fff
}

.search-page .search-section .pagination .spacer {
    color: #bcbcbc;
    margin: 0 5px
}

.search-page .search-section .pagination-btm {
    margin-top: 20px
}

.search-page .search-section .no-results {
    border-top: 1px solid #e7e7e7;
    padding-top: 30px;
    font-size: 17px
}

.search-page .search-section .no-results .headline {
    color: #e31837;
    font-size: 23px;
    font-weight: 700;
    display: block;
    padding-bottom: 5px
}

@media only screen and (min-width:1200px) {
    .search-page .search-section .result-details {
        line-height: 1.8
    }
    .search-page .search-section .result-details .blurb {
        height: 80px
    }
}

@media only screen and (min-width:992px) {
    .search-page .search-section .result-image .result-details {
        margin-left: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .search-page .search-section {
        padding-top: 20px!important
    }
    .search-page .search-section .page-title {
        padding-top: 20px;
        font-size: 27px
    }
    .search-page .blurb {
        line-height: 1.4;
        height: 60px!important
    }
}

@media only screen and (max-width:767px) {
    .search-page .search-section {
        padding-top: 0;
        min-height: 400px
    }
    .search-page .search-section .page-title {
        padding-top: 20px;
        font-size: 27px
    }
    .search-page .search-section .result {
        padding: 30px 0
    }
    .search-page .search-section .pagination {
        height: 20px;
        margin-bottom: 10px
    }
    .search-page .search-section .pagination .text {
        font-size: 12px;
        margin: 0
    }
}

.generic-section .page-subheader {
    font-size: 20px;
    color: #e31837;
    font-family: "EurostileLTStdBold"
}

.generic-section .more {
    margin-bottom: 0px!important
}

.generic-section .tags {
    margin-top: 10px;
    color: #000
}

.generic-section .tags .title {
    font-weight: 700
}

.generic-section .tags a {
    color: #e31837
}

.generic-section .tags a:hover {
    text-decoration: underline!important
}

.generic-section .img-left {
    float: left;
    margin-right: 15px;
    margin-top: 10px
}

.generic-aside {
    padding: 0;
    list-style-type: none
}

.generic-aside h3 {
    font-size: 16px;
    margin-top: 0
}

.generic-aside h3.title {
    color: #e31837;
    font-size: 18px;
    margin-bottom: 0
}

.generic-aside li:first-of-type {
    border-bottom: none
}

.generic-aside li {
    border-bottom: 1px solid #ccc;
    padding: 15px 0
}

.generic-carousel {
    background: #ffffff!important;
    margin-bottom: 0px!important
}

.generic-carousel .product-details-image {
    width: 98%;
    margin-top: 0px!important;
    margin-left: 3px
}

.generic-carousel .list-carousel-btn i {
    color: #b2b2b2!important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .generic-carousel {
        padding-top: 20px!important
    }
}

@media only screen and (max-width:767px) {
    .generic-carousel {
        padding-top: 20px!important
    }
}

.accordion-section {
    background: #ffffff!important;
    padding: 70px 40px
}

.accordion-section a {
    display: block
}

.accordion-section .panel-heading {
    background: #e5e5e5
}

.accordion-section .panel-body {
    background: #d7d7d7
}

.accordion-section i {
    color: #e31837;
    float: right;
    margin-top: 3px;
    font-size: 18px
}

.two-col-section h2 {
    font-size: 30px;
    font-family: 'EurostileLTStdBold', arial, sans-serif;
    line-height: 1.2;
    color: #e31837
}

.two-col-section hr {
    border-color: #e31837
}

.two-col-section p {
    font-weight: 700
}

.two-col-section .author .name {
    font-weight: 700
}

.caption-panel {
    width: 100%;
    top: 0
}

.caption-panel .caption-panel-inner {
    width: 100%
}

.generic-map-section {
    padding-bottom: 0px!important
}

.generic-map-section #map-canvas {
    width: 100%;
    height: 500px;
    margin-top: 50px
}

.generic-map-section #map-canvas img {
    max-width: none
}

.profile-section .page-title {
    font-size: 46px;
    margin-bottom: 30px
}

.profile-section .profile-container {
    margin-top: 50px;
    display: block
}

.profile-section .profile-container .name {
    font-family: 'EurostileLTStdBold';
    font-size: 30px;
    color: #e31837
}

.profile-section .profile-container .socials {
    font-size: 20px;
    margin-top: 5px
}

.profile-section .profile-container .position {
    font-size: 18px;
    font-weight: 700;
    line-height: 1
}

.profile-section .profile-container .writeup {
    margin-top: 5px;
    font-size: 12px
}

.profile-section .profile-container hr {
    margin-top: 10px;
    margin-bottom: 10px
}

.profile-section .profile-container .footer-details .detail {
    display: inline-block;
    width: 60px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #e31837
}

.profile-section .profile-container .footer-details .detail img {
    display: block;
    margin: 0 auto 3px auto
}

.profile-section .profile-container .footer-details a:hover {
    color: #b0001b
}

.generic-5col-section h2.text-center {
    text-align: center
}

.generic-5col-section h3 {
    color: #e31837;
    margin-bottom: 5px;
    line-height: 1.2
}

.generic-5col-section ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.generic-5col-section ul h3 {
    margin: 0
}

.generic-5col-section a {
    color: #000
}

.generic-5col-section a:hover {
    color: #e31837
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .generic-5col-section {
        padding-bottom: 40px
    }
}

@media only screen and (max-width:767px) {
    .generic-5col-section {
        padding-bottom: 40px
    }
}

.sitemap-block h3 {
    text-transform: uppercase
}

.generic-table-title {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    padding: 20px 0
}

.generic-table th,
.generic-table td {
    padding: 15px;
    vertical-align: top
}

.generic-table th {
    font-size: 17px;
    font-weight: 700;
    border-bottom: 1px solid #b2b2b2
}

.generic-table td {
    font-size: 15px
}

.generic-table tr.gryrow td {
    background: #e5e5e5
}

.generic-table td:first-child {
    font-size: 15px;
    font-weight: 700
}

.generic-table th,
.generic-table td {
    text-align: center
}

.generic-table th:first-child,
.generic-table td:first-child {
    text-align: left
}

.error-404-section {
    background: #000 url(../img/bg-404.jpg) no-repeat;
    background-size: cover;
    height: 100vh;
    font-size: 17px;
    color: #fff
}

.error-404-section .section-header {
    margin: 80px 0 0 0;
    text-align: left
}

.error-404-section h2 span {
    color: #fff!important;
    margin-top: 20px
}

.error-404-section a {
    font-weight: 700
}

.error-404-section ul {
    margin: 0;
    padding-left: 20px;
    list-style-position: outside
}

.contact-section .page-subheader {
    color: #000;
    font-family: arial
}

.contact-section .options-box {
    height: 45px;
    line-height: 45px
}

.contact-section .options-box .label {
    margin-right: 10px
}

.contact-section .options-box .dropdown {
    margin: 0 5px
}

.com-content-iconL-text {
    background-position: center middle;
    overflow: auto;
    line-height: 20px;
    margin: 20px 0
}

.com-content-iconL-text .text {
    padding-left: 40px
}

.com-content-iconL-text a {
    color: #000
}

.com-content-iconL-text.icon-office {
    background: transparent url(../img/icon-office.png) no-repeat left center
}

.com-content-iconL-text.icon-phone {
    background: transparent url(../img/icon-phone.png) no-repeat left center
}

.com-content-iconL-text.icon-message {
    background: transparent url(../img/icon-message.png) no-repeat left center;
    line-height: 40px
}

.striped-gray {
    background-color: #f1f1f1!important
}

.striped-white {
    background-color: #fff!important
}

.list-carousel-awards-thumbs {
    background-color: #292929
}

.awards-section {
    background: #343434;
    color: #fff;
    padding: 20px;
    position: relative
}

.awards-section .block-award {
    text-align: center;
    padding: 20px 0;
    position: relative
}

.awards-section .block-award .award-title h3 {
    margin: 0 0 10px 0;
    color: #e31837
}

.awards-section .block-award .award-img {
    margin-right: -15px
}

.awards-section .block-award .award-category {
    margin-top: 10px;
    font-weight: 700
}

.awards-section .block-award .award-location {
    font-size: 12px;
    margin-top: 5px
}

.awards-section .list-carousel-btn {
    color: #fff;
    font-size: 30px;
    position: absolute
}

.awards-section .chevron-left {
    top: 45%;
    left: 20px
}

.awards-section .chevron-right {
    top: 45%;
    right: 20px
}

@media only screen and (max-width:767px) {
    .awards-section .caroufredsel_wrapper {
        height: 100%!important
    }
}

@media only screen and (min-width:992px) {
    .awards-section .caroufredsel_wrapper {
        height: 100%!important
    }
}

.carousel-year-wrapper {
    position: relative;
    background-color: #292929;
    height: 54px
}

.carousel-year-wrapper .caroufredsel_wrapper {
    padding: 0!important;
    margin: 0!important
}

.carousel-year-wrapper .caroufredsel_wrapper .carousel-year {
    padding: 0;
    list-style: none
}

.carousel-year-wrapper .carouselControls {
    position: absolute;
    top: 17px;
    color: #fff
}

@media only screen and (max-width:767px) {
    .carousel-year-wrapper .carouselControls {
        display: none!important
    }
}

.carousel-year-wrapper .carouselControls:hover {
    color: #e31837
}

.carousel-year-wrapper a#prevYear {
    left: 15px!important;
    width: 20px!important
}

.carousel-year-wrapper a#nextYear {
    right: 15px!important;
    width: 20px!important
}

.myTab>li {
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.myTab {
    border: 0;
    padding: 0;
    background-color: #292929;
    text-align: center;
    position: relative
}

.myTab a {
    color: #fff
}

.myTab li {
    margin: 0 40px;
    width: 15%
}

.myTab li a {
    padding: 15px
}

.myTab li a:hover,
.myTab li a:focus {
    background-color: inherit;
    border-color: #292929;
    font-weight: inherit;
    color: #e31837
}

.myTab li.active a,
.myTab li.active a:focus,
.myTab li.active a:hover {
    color: #e31837;
    background-color: inherit;
    border: none;
    border-bottom: 3px solid #e31837
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .myTab li {
        width: 10%
    }
}

@media only screen and (max-width:767px) {
    .myTab li {
        width: 30%;
        padding: 0;
        margin: 0
    }
}

.tab-section .filters {
    margin-top: 15px
}

.tab-section .filters .dropdown {
    display: inline-block;
    padding: 0 5px
}

.generic-tabs {
    background: #292929;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.generic-tabs ul {
    background: transparent;
    border: 0;
    padding: 0!important;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0 auto!important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.generic-tabs ul li {
    background: none!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    text-align: center;
    width: 200px;
    display: inline-block
}

.generic-tabs ul li a {
    color: #fff!important;
    display: block;
    font-family: 'EurostileLTStdBold';
    font-size: 15px;
    letter-spacing: 1px;
    padding: 30px 0!important;
    text-align: center;
    width: 100%
}

.generic-tabs ul li.ui-tabs-active a {
    background: url(../img/bg-line-tabs.jpg) center bottom repeat-x;
    color: #e31837!important
}

@media only screen and (max-width:767px) {
    .generic-tabs ul li {
        width: 130px!important
    }
}

@media only screen and (max-width:767px) {
    .generic-tabs ul li a {
        font-size: 12px
    }
}

.generic-tab {
    margin: 0 -15px;
    background-color: #e5e5e5;
    padding: 0
}

.generic-tab .container,
.generic-tab .container-fluid {
    background-color: #e5e5e5
}

.generic-tab .generic-tabs {
    background-color: #aaa
}

.generic-tab .generic-tabs .container {
    background-color: #f1f1f1
}

.generic-tab .generic-tabs .container-fluid {
    background-color: #ccc
}

.generic-tab .generic-tabs ul li a {
    color: #000!important
}

.generic-tab .generic-tabs ul li.ui-tabs-active a {
    color: #e31837!important
}

.generic-tab .generic-tab-content {
    color: #000
}

.generic-tab .generic-tab-content .heading {
    padding: 30px 0;
    border-bottom: 1px solid #494949
}

.generic-tab .generic-tab-content .btn-add {
    background-color: #e31837;
    display: inline-block;
    padding: 2px 6px;
    border-radius: 5px;
    color: #fff;
    margin-right: 8px
}

.generic-tab .generic-tab-content .btn-add:hover {
    background-color: #c60d29
}

.generic-tab .generic-tab-content .entry-wrapper {
    display: table;
    padding: 20px 0
}

.generic-tab .generic-tab-content .date,
.generic-tab .generic-tab-content .details,
.generic-tab .generic-tab-content .action {
    display: inline-block;
    border: 0;
    padding: 0
}

.generic-tab .generic-tab-content .date {
    display: table-cell;
    width: 8%;
    vertical-align: top;
    font-size: 11px
}

.generic-tab .generic-tab-content .date .day {
    font-size: 35px;
    line-height: 1
}

.generic-tab .generic-tab-content .date .day sup {
    font-size: 13px;
    vertical-align: super
}

.generic-tab .generic-tab-content .details {
    width: 75%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px
}

.generic-tab .generic-tab-content .details .details-date {
    font-size: 14px;
    font-weight: 400
}

.generic-tab .generic-tab-content .details .details-main {
    color: #e31837;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 15px
}

.generic-tab .generic-tab-content .details .details-desc {
    font-size: 15px
}

.generic-tab .generic-tab-content .action {
    display: table-cell;
    vertical-align: middle;
    width: 15%;
    font-size: 12px
}

.generic-tab .generic-tab-content .action a {
    float: left
}

.generic-tab .generic-tab-content .action.visible-xs {
    width: 100%;
    margin-top: 10px
}

.generic-tab hr {
    border-color: #494949
}

#lbox-generic .lbox-image {
    top: 30px
}

#lbox-generic .caption-panel-inner.top {
    top: 0!important;
    width: 400px
}

.chart-wrapper {
    padding: 40px 0;
    display: inline-block;
    clear: both;
    text-align: center
}

.chart-wrapper .title {
    color: #e31837;
    font-size: 20px;
    font-weight: 700
}

.chart-wrapper img {
    margin: 20px 0
}

.chart-wrapper hr {
    width: 50px;
    border-color: #a4a4a4
}

.form-login {
    margin-top: 40px
}

.form-login input.form-control {
    height: 35px
}

.form-login .btn-primary {
    width: 100%
}

.form-login::-webkit-input-placeholder {
    font-style: italic
}

.form-login::-moz-placeholder {
    font-style: italic
}

.form-login:-ms-input-placeholder {
    font-style: italic
}

.form-login input:-moz-placeholder {
    font-style: italic
}

.register-wrapper {
    text-align: center;
    background-color: #f1f1f1;
    padding: 20px;
    margin-top: 20px
}

.register-wrapper a {
    margin-top: 10px
}

.register-wrapper h3 {
    font-size: 20px;
    margin-top: 0
}

.generic-list li {
    padding: 8px
}

.generic-boxed-section .row-title {
    padding-left: 0!important;
    max-width: 100%!important
}

.generic-boxed-section .row-above {
    min-height: 0!important
}

.generic-boxed-section .filter {
    padding: 40px 20px 20px 20px
}

.generic-boxed-section .filter .title {
    display: inline;
    margin-right: 10px
}

.generic-boxed-section .filter .dropdown {
    display: inline;
    margin: 0 3px
}

.generic-boxed-section .filter .page-view {
    float: right
}

.atw-section {
    background-color: #f1f1f1!important
}

.atw-section .world-map {
    position: relative;
    text-align: center;
    width: 940px;
    margin: 0 auto
}

.atw-section .world-map .atw-pin {
    position: absolute;
    display: block;
    width: 27px;
    height: 40px;
    background: url(../img/icon-map-pin.png);
    background-size: contain
}

.atw-section .world-map .pin-modal {
    width: 200px;
    background-color: #292929;
    padding: 20px;
    color: #fff;
    position: absolute;
    display: none
}

.atw-section .world-map .pin-modal .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    padding: 5px 10px;
    margin: 0
}

.atw-section .world-map .pin-modal .location {
    color: #e31837;
    font-weight: 700;
    font-size: 15px
}

.atw-section .world-map .pin-modal a {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 10px
}

.atw-section .world-map .pin-modal a:hover {
    color: inherit
}

.atw-section .world-map .pin-modal .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #292929;
    position: absolute;
    top: -10px;
    left: 30px
}

.atw-section-2 {
    padding-bottom: 30px
}

.atw-section-2 .container {
    max-width: 970px
}

.atw-section-2 img {
    width: 100%
}

.atw-section-2 .details-wrapper {
    position: relative;
    height: 160px;
    background-color: #fff;
    padding: 15px 20px 20px 20px;
    overflow: hidden;
    margin-bottom: 30px
}

.atw-section-2 .details-wrapper a {
    font-size: 17px;
    display: block
}

.atw-section-2 .details-wrapper .fa {
    margin-left: 5px;
    font-size: 12px
}

.atw-section-2 .details-wrapper .arrow-up {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -10px;
    left: 20px
}

.atw-section-2 .details-wrapper .blurb {
    margin-top: 5px;
    height: 140px;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .atw-section-2 .details-wrapper {
        margin-bottom: 0;
        padding: 10px;
        height: 140px
    }
    .atw-section-2 .details-wrapper .fa {
        margin-left: 5px;
        font-size: 10px
    }
    .atw-section-2 .details-wrapper .blurb {
        height: 90px
    }
    .atw-section-2 .details-wrapper a {
        font-size: 15px;
        display: block
    }
}

@media only screen and (max-width:320px) {
    .atw-section-2 .details-wrapper .blurb {
        height: 70px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .atw-section-2 .details-wrapper {
        height: 215px
    }
    .atw-section-2 a {
        font-size: 18px
    }
    .atw-section-2 .blurb {
        font-size: 15px
    }
}

@media only screen and (max-width:767px) {
    .atw-section-2 .col-xs-6 {
        padding: 0!important
    }
    .atw-section-2 a {
        font-size: 15px
    }
    .atw-section-2 .blurb {
        font-size: 13px
    }
}

.toggle-currency-section .toggle-conversion {
    *zoom: 1;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    width: 200px
}

.toggle-currency-section .toggle-conversion:before,
.toggle-currency-section .toggle-conversion:after {
    content: " ";
    display: table
}

.toggle-currency-section .toggle-conversion:after {
    clear: both
}

.toggle-currency-section .toggle-conversion li {
    display: inline-block;
    background-color: #c5c5c5;
    width: 100px;
    height: 80px;
    float: left
}

.toggle-currency-section .toggle-conversion li a {
    display: table-cell;
    height: 80px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
    color: #fff
}

.toggle-currency-section .toggle-conversion li a.active {
    background-color: #e31837
}

.toggle-currency-section .toggle-conversion li a img {
    display: block;
    margin: 0 auto 5px auto
}

.rhs-gallery-wrapper {
    position: relative
}

.rhs-gallery-wrapper .rhs-gallery-title {
    color: #e31837;
    font-family: 'EurostileLTStdBold';
    font-size: 23px;
    text-align: center
}

.rhs-gallery-wrapper .gallery-controls {
    position: absolute;
    top: 150px;
    z-index: 3;
    color: #fff;
    font-size: 30px;
    opacity: .5
}

.rhs-gallery-wrapper .gallery-controls:hover {
    opacity: 1
}

.rhs-gallery-wrapper .gallery-controls.next {
    right: 10px
}

.rhs-gallery-wrapper .gallery-controls.prev {
    left: 10px
}

@media (min-width:992px) {
    .rhs-gallery-wrapper .gallery-controls {
        top: 133px
    }
}

@media (min-width:1200px) {
    .rhs-gallery-wrapper .gallery-controls {
        top: 150px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .rhs-gallery-wrapper .gallery-controls {
        top: 108px
    }
}

@media only screen and (max-width:414px) {
    .rhs-gallery-wrapper .gallery-controls {
        top: 140px
    }
}

@media only screen and (max-width:384px) {
    .rhs-gallery-wrapper .gallery-controls {
        top: 137px
    }
}

@media only screen and (max-width:375px) {
    .rhs-gallery-wrapper .gallery-controls {
        top: 133px
    }
}

@media only screen and (max-width:360px) {
    .rhs-gallery-wrapper .gallery-controls {
        top: 122px
    }
}

@media only screen and (max-width:320px) {
    .rhs-gallery-wrapper .gallery-controls {
        top: 113px
    }
}

.rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper {
    height: 100%
}

.rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper .rhs-video-carousel {
    height: 100%!important
}

@media only screen and (max-width:767px) {
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper {
        height: 147px!important
    }
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper .rhs-video-carousel {
        height: 147px!important
    }
}

@media (min-width:992px) {
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper {
        height: 195px!important
    }
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper .rhs-video-carousel {
        height: 195px!important
    }
}

@media (min-width:1200px) {
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper {
        height: 240px!important
    }
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper .rhs-video-carousel {
        height: 240px!important
    }
}

@media only screen and (max-width:414px) {
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper {
        height: 256px!important
    }
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper .rhs-video-carousel {
        height: 256px!important
    }
}

@media only screen and (max-width:384px) {
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper {
        height: 236px!important
    }
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper .rhs-video-carousel {
        height: 236px!important
    }
}

@media only screen and (max-width:375px) {
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper {
        height: 230px!important
    }
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper .rhs-video-carousel {
        height: 230px!important
    }
}

@media only screen and (max-width:360px) {
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper {
        height: 220px!important
    }
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper .rhs-video-carousel {
        height: 220px!important
    }
}

@media only screen and (max-width:320px) {
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper {
        height: 193px!important
    }
    .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper .rhs-video-carousel {
        height: 193px!important
    }
}

.rhs-gallery-wrapper .video-entry {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center
}

.rhs-gallery-wrapper .video-entry img {
    position: relative;
    width: 100%;
    z-index: 1
}

.rhs-gallery-wrapper .video-entry .overlay {
    position: absolute;
    display: table;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    background: rgba(0, 0, 0, .6)
}

.rhs-gallery-wrapper .video-entry .overlay:hover {
    background: rgba(0, 0, 0, .4)
}

.rhs-gallery-wrapper .video-entry .overlay .overlay-inner {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px
}

.rhs-gallery-wrapper .video-entry .overlay .overlay-inner .icon-play-white-41 {
    margin: 10px;
    background: url(../img/icon-play-white-41.png) left top no-repeat;
    width: 41px;
    height: 41px;
    display: inline-block
}

@media only screen and (max-width:767px) {
    .rhs-gallery-wrapper .video-entry .overlay .overlay-inner {
        font-size: 14px
    }
}

.rhs-gallery-wrapper .photo-entry img {
    width: 100%
}

.rhs-gallery-wrapper .photo-entry .photo-caption {
    position: relative;
    background-color: #f1f1f1;
    padding: 20px;
    font-size: 15px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .rhs-gallery-wrapper .photo-entry .photo-caption {
        font-size: 15px
    }
}

@media only screen and (max-width:767px) {
    .rhs-gallery-wrapper .photo-entry .photo-caption {
        font-size: 13px
    }
}

.rhs-gallery-wrapper .photo-entry .photo-caption .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f1f1f1;
    position: absolute;
    top: -10px
}

@media only screen and (max-width:767px) {
    .rhs-gallery-wrapper .rhs-gallery-title {
        font-size: 15px
    }
}

.photogallery-section {
    background: #343434!important;
    color: #ffffff!important;
    margin-bottom: 0px!important
}

@media only screen and (max-width:767px) {
    .photogallery-section {
        margin-left: -15px!important;
        margin-right: -15px!important
    }
    .photogallery-section .list-carousel-btn {
        top: 21%!important
    }
}

.photogallery-section .section-header h2 span,
.photogallery-section .section-header h4 {
    color: #fff
}

@media (min-width:992px) {
    .photogallery-section .list-carousel {
        height: 445px!important
    }
}

@media (min-width:1200px) {
    .photogallery-section .list-carousel {
        height: 520px!important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .photogallery-section .list-carousel {
        height: 360px!important
    }
}

.photogallery-section .product-details-image {
    margin-top: 0!important;
    width: 100%
}

.photogallery-section .product-details-image img {
    width: 100%
}

@media only screen and (max-width:767px) {
    .photogallery-section .product-details-image {
        height: 100%!important
    }
    .photogallery-section .product-details-image img {
        width: 60%;
        height: auto;
        margin: 0 auto
    }
}

.photogallery-section .details-container {
    height: 70px;
    margin: 20px 0;
    font-size: 17px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .photogallery-section .details-container {
        font-size: 13px
    }
}

@media only screen and (max-width:767px) {
    .photogallery-section .details-container {
        font-size: 13px
    }
}

.photogallery-section .details-container .photo-caption {
    width: 70%;
    line-height: 1.5;
    height: 100%;
    overflow-y: hidden
}

.photogallery-section .details-container .photo-download {
    width: 30%;
    height: 100%;
    padding-left: 20px;
    color: #e31837;
    text-transform: uppercase;
    text-align: center;
    border-left: 1px solid #717171
}

.photogallery-section .details-container .photo-download a {
    display: block;
    margin-top: 10px
}

.photogallery-section .details-container .photo-download .fa {
    font-size: 30px
}

.photogallery-section .details-container .photo-download .fa-download {
    display: block
}

.photogallery-section .details-container .photo-download .fa-caret-right {
    font-size: 19px
}

.photogallery-section .details-container .photo-download a:hover {
    text-decoration: underline
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .photogallery-section .details-container .photo-download {
        padding-left: 10px
    }
    .photogallery-section .details-container .photo-download .fa-caret-right {
        font-size: 14px
    }
}

@media only screen and (max-width:767px) {
    .photogallery-section .details-container {
        height: 100%
    }
    .photogallery-section .details-container .photo-caption {
        width: 80%;
        margin: 0 10%;
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px solid #717171;
        text-align: center
    }
    .photogallery-section .details-container .photo-download {
        width: 80%;
        margin: 0 10%;
        border-left: none
    }
    .photogallery-section .details-container .photo-download .fa-download {
        display: inline-block;
        font-size: 15px;
        margin-right: 5px
    }
    .photogallery-section .details-container .photo-download a {
        display: inline-block;
        margin-top: none
    }
    .photogallery-section .details-container .photo-download .fa-caret-right {
        font-size: 14px
    }
}

@media only screen and (max-width:767px) {
    .generic-section .about-us-article img {
        width: 100%;
        margin: 10px 0
    }
    .generic-section .article {
        padding-bottom: 20px
    }
    .accordion-section {
        padding: 30px 5px
    }
    .error-404-section {
        font-size: 12px
    }
    .contact-section .options-box .pull-left {
        float: none!important;
        text-align: center
    }
    .contact-section .options-box .pull-left .dropdown .btn {
        width: 100%
    }
    .contact-section .dropdown-menu {
        min-width: auto;
        width: 100%
    }
    .contact-section hr {
        margin-top: 100px
    }
    .table-wrapper {
        width: 100%;
        overflow: scroll
    }
    .tab-section .filters .dropdown {
        display: block!important;
        margin-top: 10px
    }
    .tab-section .dropdown .btn {
        width: 100%
    }
    .tab-section .dropdown-menu {
        min-width: auto;
        width: 100%
    }
    .generic-tab .generic-tab-content .details {
        width: 90%
    }
    .generic-map-section #map-canvas {
        margin-top: 20px;
        height: 300px
    }
    .profile-section .profile-container .profile-details .name {
        font-size: 24px;
        line-height: 1.2;
        margin-top: 10px
    }
    .profile-section .profile-container .profile-details .footer-details .detail {
        margin: 10px 15px
    }
    .generic-carousel {
        margin: 0 -15px!important;
        background: #fff
    }
    .generic-carousel .list-carousel-btn.chevron-right,
    .generic-carousel .list-carousel-btn.chevron-left {
        top: 50%
    }
    #lbox-generic .caption-panel-inner.top {
        height: 320px;
        padding: 50px 20px 20px 20px;
        overflow-y: scroll;
        position: static;
        top: 0;
        width: 100%!important
    }
    .generic-boxed-section .filter {
        text-align: center
    }
    .generic-boxed-section .filter .dropdown {
        display: block!important;
        margin-top: 10px
    }
    .generic-boxed-section .filter .dropdown .btn {
        width: 100%
    }
    .generic-boxed-section .filter .dropdown-menu {
        min-width: auto;
        width: 100%
    }
    .generic-boxed-section .filter .page-view {
        float: none;
        display: block;
        padding-top: 30px
    }
    .atw-section .world-map {
        width: 300px!important;
        margin: 0 auto
    }
    .atw-section .world-map .atw-pin {
        width: 15px;
        height: 22px
    }
    .atw-section .world-map .pin-modal {
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .generic-carousel .list-carousel {
        height: 250px!important
    }
    .caption-panel-inner {
        width: 100%
    }
    .atw-section .world-map {
        width: auto!important;
        margin: 0
    }
}

@media only screen and (max-width:991px) {
    .generic-ria {
        padding-bottom: 0px!important
    }
}

@media (min-width:992px) {
    .carousel-caption.right {
        margin-left: 52%!important;
        width: 47%;
        margin-right: 0!important
    }
    .carousel-caption.right .hero-title {
        line-height: 56px
    }
    .carousel-caption.right .hero-des {
        font-size: inherit;
        line-height: inherit;
        width: 90%
    }
    .carousel-caption.top-left {
        margin-top: -30%
    }
}

@media (max-width:991px) {
    .carousel-caption.top-left {
        top: 10%
    }
}

.fancybox-video-lbox .fancybox-close {
    right: -10px!important;
    top: -40px!important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .fancybox-video-lbox {
        padding: 0 15px!important;
        width: 100%!important;
        left: 0!important
    }
    .fancybox-video-lbox .fancybox-inner {
        width: 100%!important
    }
}

@media only screen and (max-width:767px) {
    .fancybox-video-lbox {
        padding: 0 15px!important
    }
}

.generic-page .section-style02 .caption-panel {
    box-shadow: inset 0 0 0 1px #e0e0e0;
    display: table;
    text-align: center
}

.generic-page .section-style02 .caption-panel .caption-panel-inner {
    display: table-cell;
    vertical-align: middle
}

.generic-page .section-style02 .caption-panel:hover {
    box-shadow: inset 0 0 0 1px #e31837
}

.generic-page .section-style02 .scale-effect:hover .caption-panel {
    box-shadow: inset 0 0 0 1px #e31837
}

.generic-page .section-style02 .block-item .spotlight-image img {
    width: 120%;
    margin-left: -10%
}

.generic-page .section-style02 .block-item.item-alignment {
    margin-left: 12.46%
}

@media only screen and (min-width:993px) and (max-width:1199px) {
    .generic-page .section-style02 .block-item .spotlight-image img {
        width: 150%;
        margin-left: -20%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .generic-page .section-style02 {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .generic-page .section-style02 .section-header h4 {
        margin-bottom: 50px
    }
    .generic-page .section-style02 .news-bar {
        position: relative;
        height: 85px;
        line-height: 90px;
        background-color: #222;
        padding: 0
    }
    .generic-page .section-style02 .news-bar .section-title {
        color: #e31837;
        font-size: 24px;
        margin: 0;
        padding-left: 40px
    }
    .generic-page .section-style02 .news-bar .carousel-news {
        margin-left: -30px
    }
    .generic-page .section-style02 .news-bar .carousel-news .carousel-inner {
        height: 85px
    }
    .generic-page .section-style02 .news-bar .carousel-news .carousel-inner .carousel-caption {
        position: absolute;
        margin: 0;
        padding: 0;
        left: 15%;
        right: 10%;
        top: 50%;
        bottom: auto;
        text-align: left;
        max-width: none!important;
        width: auto;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
    .generic-page .section-style02 .news-bar .carousel-news .carousel-inner .item {
        height: 100%;
        line-height: normal
    }
    .generic-page .section-style02 .news-bar .carousel-news .carousel-inner .item .news-title {
        font-size: 15px;
        font-weight: 700;
        color: #ccc
    }
    .generic-page .section-style02 .news-bar .carousel-news .carousel-inner .item .news-title:hover {
        color: #fff
    }
    .generic-page .section-style02 .news-bar .carousel-news .carousel-inner .item .news-title .fa {
        position: relative;
        top: 1px
    }
    .generic-page .section-style02 .news-bar .carousel-news .carousel-control {
        width: auto;
        top: 2px;
        left: 20px;
        right: auto;
        padding: 0 20px;
        background: none!important
    }
    .generic-page .section-style02 .news-bar .carousel-news .carousel-control.right {
        left: 55px;
        right: auto
    }
    .generic-page .section-style02 .news-bar .today {
        line-height: normal;
        color: #fff;
        display: inline-block;
        margin-top: 18px;
        float: right;
        position: absolute;
        right: 0;
        left: auto
    }
    .generic-page .section-style02 .news-bar .today .month-part {
        display: block;
        font-size: 12px;
        color: rgba(255, 255, 255, .7)
    }
    .generic-page .section-style02 .news-bar .today .day-part {
        display: block;
        font-size: 22px;
        line-height: 18px;
        margin: 3px 0 1px
    }
    .generic-page .section-style02 .news-bar .today .day-part sup {
        margin-left: 3px;
        font-size: 14px;
        color: rgba(255, 255, 255, .7)
    }
    .generic-page .section-style02 .news-bar .today .year-part {
        display: block;
        font-size: 10px;
        letter-spacing: 6px;
        color: rgba(255, 255, 255, .7)
    }
    .generic-page .section-style02 .news-bar .today .comma {
        display: none
    }
    .generic-page .section-style02 .block-item {
        height: 340px
    }
    .generic-page .section-style02 .block-item .spotlight-image {
        position: relative;
        height: 170px;
        width: 100%
    }
    .generic-page .section-style02 .block-item .spotlight-image:before {
        content: '';
        display: block;
        padding-top: 0
    }
    .generic-page .section-style02 .block-item .spotlight-image img {
        position: relative;
        width: 180%;
        max-width: none;
        margin-left: -40%
    }
    .generic-page .section-style02 .block-item .caption-panel {
        background: #fff;
        height: 170px
    }
    .generic-page .section-style02 .block-item .caption-panel .caption-panel-inner {
        padding: 25px 30px;
        top: 0;
        height: 100%;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .generic-page .section-style02 .block-item .caption-panel .caption-panel-inner .title {
        font-size: 12px
    }
    .generic-page .section-style02 .block-item .caption-panel .caption-panel-inner .des {
        font-size: 12px
    }
    .generic-page .section-style02 .block-item .caption-panel:after {
        content: '';
        position: absolute;
        top: -19px;
        left: 50%;
        margin-left: -10px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-bottom-color: #fff
    }
    .generic-page .section-style02 .block-item:first-child+.block-item .spotlight-image,
    .generic-page .section-style02 .block-item.even .spotlight-image {
        position: absolute;
        bottom: 0
    }
    .generic-page .section-style02 .block-item:first-child+.block-item .caption-panel,
    .generic-page .section-style02 .block-item.even .caption-panel {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
    .generic-page .section-style02 .block-item:first-child+.block-item .caption-panel:after,
    .generic-page .section-style02 .block-item.even .caption-panel:after {
        content: '';
        position: absolute;
        top: auto;
        bottom: -19px;
        left: 50%;
        margin-left: -10px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-top-color: #fff
    }
    .generic-page .section-style02 .scale-effect:hover .caption-panel {
        box-shadow: inset 0 0 0 1px #e0e0e0
    }
}

@media only screen and (max-width:767px) {
    .generic-page .section-style02 .container {
        padding: 0
    }
    .generic-page .section-style02 .container .mt-2 {
        margin-top: 0!important
    }
    .generic-page .section-style02 .block-item.item-alignment {
        margin-left: 0
    }
    .generic-page .section-style02 .spotlight-image {
        height: 170px
    }
    .generic-page .section-style02 .block-item .spotlight-image img {
        margin-left: 0
    }
    .generic-page .section-style02 .caption-panel {
        box-shadow: none;
        background-color: #f1f1f1
    }
}

.table-wrapper {
    overflow-x: auto
}

table {
    width: 100%;
    table-layout: fixed;
    overflow-x: auto
}

table th,
table td {
    padding: 15px;
    vertical-align: top
}

table th {
    font-size: 17px;
    font-weight: 700;
    border-bottom: 1px solid #b2b2b2
}

table td {
    font-size: 15px
}

table tr:nth-child(odd) td {
    background: #e5e5e5
}

table td:first-child {
    font-size: 15px;
    font-weight: 700
}

table th,
table td {
    text-align: center
}

table th:first-child,
table td:first-child {
    text-align: left
}

.story-boxed-content {
    background-color: #e5e5e5;
    max-height: 315px;
    overflow: hidden;
    font-size: 15px
}

.story-boxed-content [class*="col-"] {
    padding: 0;
    overflow: hidden
}

.story-boxed-content .col-md-4 {
    padding: 16px;
    overflow: hidden
}

.story-boxed-content .col-md-4 h2 {
    color: #e31837;
    margin-bottom: 10px
}

.story-boxed-content .img-fluid {
    width: 100%
}

.story-boxed-content .img-cover {
    height: 315px;
    max-height: 315px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center;
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    transition: all 1s
}

.story-boxed-content.enter {
    background-color: #e31837;
    color: #fff
}

.story-boxed-content.enter h2 {
    color: #fff
}

.story-boxed-content.enter .img-cover {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.btn-center {
    text-align: center;
    margin: 20px
}

.across-sm-section {
    padding-bottom: 50px!important
}

.across-sm-section .social-wrapper {
    margin-top: 20px
}

.across-sm-section .social-wrapper .header {
    height: 30px
}

.across-sm-section .social-wrapper .header span {
    font-weight: 700;
    margin-left: 10px;
    font-size: 17px;
    display: inline-block;
    line-height: 30px;
    float: left
}

.across-sm-section .social-wrapper .header i {
    color: #e31837;
    font-size: 30px;
    float: left
}

.across-sm-section .social-wrapper .fb-like-box {
    border: 1px solid #acacac
}

.across-sm-section .social-wrapper .tw-box,
.across-sm-section .social-wrapper .linkedin-box {
    height: 285px;
    width: 100%;
    margin-top: 10px;
    border: 1px solid #acacac;
    background-color: #fefefe;
    padding: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
    font-size: 15px
}

.across-sm-section .social-wrapper .tw-box ul,
.across-sm-section .social-wrapper .linkedin-box ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.across-sm-section .social-wrapper .tw-box ul li,
.across-sm-section .social-wrapper .linkedin-box ul li {
    padding: 20px 0;
    border-bottom: 1px solid #acacac
}

.across-sm-section .social-wrapper .tw-box ul li:last-child,
.across-sm-section .social-wrapper .linkedin-box ul li:last-child {
    border-bottom: none
}

.across-sm-section .social-wrapper .tw-box ul li a:hover,
.across-sm-section .social-wrapper .linkedin-box ul li a:hover {
    color: #ee5a70
}

.across-sm-section .social-wrapper #fb-root {
    display: none
}

.across-sm-section .social-wrapper .fb_iframe_widget,
.across-sm-section .social-wrapper .fb_iframe_widget span,
.across-sm-section .social-wrapper .fb_iframe_widget span iframe[style] {
    width: 100%!important;
    background-color: #fefefe
}

.job-posting-wrapper {
    font-weight: 700;
    margin: 20px 0
}

.job-posting-wrapper .job-title {
    font-family: 'EurostileLTStdBold';
    font-size: 2em;
    color: #e31837;
    line-height: 1.2;
    margin-bottom: 10px
}

@media only screen and (max-width:767px) {
    .job-posting-wrapper {
        text-align: center
    }
}

.page-stories h1.hero-title {
    text-transform: none
}

.page-stories .text-white {
    color: #fff
}

.page-stories .text-black {
    color: #000
}

.page-stories .side-dots-nav {
    z-index: 4
}

.page-stories .side-dots-nav .tooltip {
    width: 120px;
    position: absolute;
    left: -120px!important
}

.page-stories .side-dots-nav .tooltip>.tooltip-inner {
    background-color: #e31837
}

.page-stories .side-dots-nav .tooltip>.tooltip-arrow {
    border-left-color: #e31837
}

.page-stories .section {
    padding-bottom: 0
}

.genze-story {
    position: relative;
    line-height: 1.5;
    font-size: 16px
}

.genze-story .time-wrapper {
    position: absolute;
    left: 20px;
    top: 20px
}

.genze-story .time-wrapper .time {
    font-family: 'EurostileLTStd';
    font-weight: 700;
    font-size: 22px;
    color: #e31837;
    line-height: 1
}

.genze-story .time-wrapper .desc {
    font-weight: 700
}

.genze-story p.emphasis {
    font-family: 'EurostileLTStd';
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5
}

.genze-story p.red {
    color: #e31837
}

.genze-story .revealOnScroll {
    opacity: 0
}

.genze-story .animated-item {
    position: absolute;
    z-index: 2
}

.genze-story .animated-item.coffee-cup {
    right: 0;
    top: -25%
}

.genze-story .animated-item.pencil {
    left: 15%;
    top: -10%
}

.genze-story .animated-item.shoes {
    left: 0;
    bottom: 0
}

.genze-story .animated-item.notebook {
    right: 0;
    bottom: -10%
}

.genze-story .animated-item.motorbike {
    left: 0;
    bottom: 0
}

.genze-story .animated-item.polaroid-1 {
    right: 230px;
    bottom: -5%
}

.genze-story .animated-item.polaroid-2 {
    right: 0;
    bottom: -15%
}

.genze-story .animated-item.polaroid-3 {
    right: 0;
    bottom: 20%
}

.genze-story-1 .content {
    padding: 100px 0 100px 300px
}

.genze-story-1 .section-header {
    margin: 0;
    text-align: left
}

@media only screen and (max-width:767px) {
    .genze-story-1 .content {
        padding: 50px 20px 50px 20px!important
    }
}

.genze-story-2 {
    background: url(../img/genze-bg-2.jpg);
    background-size: cover
}

.genze-story-2 .content {
    padding: 100px 20px 70px 20px
}

.genze-story-3 {
    height: 665px
}

.genze-story-3 .content {
    padding: 80px 0 100px 400px
}

.genze-story-4 {
    background: url(../img/genze-bg-3.jpg);
    background-size: cover
}

.genze-story-4 .content {
    padding-top: 100px;
    padding-bottom: 70px
}

.genze-story-5 .content {
    padding: 30% 0 70px 5px
}

.genze-story-6 {
    background: url(../img/genze-bg-5.jpg) bottom no-repeat;
    background-size: cover;
    height: 910px
}

.genze-story-6 .content {
    padding: 100px 0 70px 0
}

.genze-story-7 {
    background-color: #e9e9e9
}

.genze-story-7 .content {
    padding: 80px 0 24px 0;
    text-align: center
}

.genze-story-7 .content hr {
    border-color: #000;
    width: 80px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .story-boxed-content .col-sm-4 h2 {
        line-height: 1.2;
        margin-top: 0
    }
    .genze-story-2 .animated-item.notebook {
        bottom: -10%;
        width: 250px
    }
    .side-dots-nav {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .story-boxed-content {
        max-height: 100%
    }
    .story-boxed-content .col-md-4 {
        font-size: 15px;
        line-height: 1.2
    }
    .story-boxed-content .col-md-4 h2 {
        margin: 0 0 10px 0;
        font-size: 18px;
        line-height: 1.2
    }
    .genze-story-1 .animated-item.shoes {
        bottom: 30%;
        width: 120px
    }
    .genze-story-1 .content {
        padding-left: 150px
    }
    .genze-story-2 .animated-item.notebook {
        bottom: -20%;
        width: 200px
    }
    .genze-story-2 .animated-item.coffee-cup {
        top: -16%;
        width: 150px
    }
    .genze-story-3 .animated-item.motorbike {
        width: 350px
    }
    .genze-story-3 .animated-item.polaroid-1 {
        width: 25%
    }
    .genze-story-3 .animated-item.polaroid-2 {
        width: 25%;
        right: 10%;
        bottom: 0
    }
    .genze-story-3 .animated-item.polaroid-3 {
        width: 20%;
        right: 0;
        bottom: 20%
    }
    .genze-story-3 .content {
        padding-left: 200px
    }
    .genze-story-5 img {
        padding-top: 20%
    }
    .genze-story-6 {
        background: url(../img/genze-bg-5-small.jpg) bottom no-repeat
    }
    .genze-story-2 .animated-item.notebook {
        bottom: -10%;
        width: 200px
    }
}

@media only screen and (max-width:767px) {
    .genze-story {
        font-size: 13px
    }
    .story-boxed-content {
        max-height: 100%
    }
    .story-boxed-content .img-cover {
        height: 180px
    }
    .genze-story-1 .content {
        padding-left: 10px;
        padding-right: 10px
    }
    .genze-story-1 .animated-item.shoes {
        bottom: 25%;
        width: 110px
    }
    .genze-story-1 .emphasis {
        width: 65%;
        margin-left: 35%;
        min-height: 230px
    }
    .genze-story-2 .content {
        padding-bottom: 130px
    }
    .genze-story-2 .animated-item.pencil {
        width: 150px;
        left: 33%;
        top: -30px
    }
    .genze-story-2 .animated-item.coffee-cup {
        width: 80px;
        top: -5%
    }
    .genze-story-2 .animated-item.notebook {
        width: 160px;
        bottom: -5%
    }
    .genze-story-3 {
        height: auto
    }
    .genze-story-3 .animated-item.motorbike {
        width: 320px;
        top: 80px
    }
    .genze-story-3 .animated-item.polaroid-1 {
        width: 35%;
        right: 40%;
        bottom: 0
    }
    .genze-story-3 .animated-item.polaroid-2 {
        width: 35%;
        right: 15%;
        bottom: 0
    }
    .genze-story-3 .animated-item.polaroid-3 {
        width: 20%;
        right: 0;
        bottom: 2%
    }
    .genze-story-3 .content {
        padding: 450px 10px 150px 10px
    }
    .genze-story-4 {
        background-position: 70% 0
    }
    .genze-story-4 .col-sm-6 {
        margin-bottom: 20px
    }
    .genze-story-5 .content {
        padding-left: 0;
        padding-bottom: 20px
    }
    .genze-story-6 {
        background-size: 100%;
        height: 100%
    }
    .genze-story-6 .content {
        padding-bottom: 150px
    }
    .story-boxed-content h2 {
        margin-top: 10px
    }
    .story-boxed-content .img-cover {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: all 1s
    }
    .story-boxed-content.enter {
        background-color: #e5e5e5;
        color: #000
    }
    .story-boxed-content.enter h2 {
        color: #e31837
    }
    .story-boxed-content.enter .img-cover {
        -webkit-transform: none;
        transform: none
    }
}

@media (min-width:992px) {
    .story-boxed-content .col-md-4 h2 {
        font-size: 25px;
        line-height: 1.2
    }
    .genze-story-2 .content .emphasis {
        padding: 30px 0
    }
}

.temp-white {
    background: url(../img/footer-bg.jpg) repeat
}

.temp-white .page-stories {
    background-color: #fff
}

.our-brand-page.rise-in-action-page .introduction-of-core-purpose .section-content .row-des-inner.rise-actionimgbox {
    vertical-align: top;
    width: 100%
}

.our-brand-page.rise-in-action-page .introduction-of-core-purpose .section-content .row-des-inner.rise-actionimgbox .intro-image:before {
    padding-top: 100%
}

.rise-action-banner.carousel-caption .hero-title {
    text-transform: capitalize;
    font-size: 60px;
    line-height: 45px
}

.rise-action-banner.carousel-caption .hero-title .font-cheddar {
    font-size: 45px
}

.rise-action-banner.carousel-caption .hero-des {
    font-size: 17px
}

.rise-action-banner.carousel-caption {
    margin-top: 20%
}

.rise-action-container.introduction-of-core-purpose {
    padding-top: 0
}

.rise-action-container.section .section-header h2 {
    font-size: 50px;
    text-transform: capitalize
}

.rise-action-container.section .section-header h2 span {
    font-size: 43px
}

.loading-more-stories {
    text-align: center;
    padding: 50px;
    font-size: 13px;
    font-weight: 700;
    font-family: "Arial";
    color: #e31837
}

.loading-more-stories p {
    margin-top: 3px
}

.rise-action-container.section.introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
    background-size: 100% auto
}

.press-release .carousel-caption .hero-title {
    text-transform: capitalize;
    font-size: 60px
}

.press-release .carousel-caption .hero-title .font-cheddar {
    font-size: 45px
}

.press-release .carousel-caption .carousel-caption .hero-des {
    font-size: 17px
}

.press-release .press-article {
    padding: 0 40px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

.press-release .page-title {
    text-align: center
}

.press-release-fill-box {
    padding: 40px 0;
    border-bottom: 1px solid #CCC
}

.dis_press_release {
    color: #a3a3a3;
    font: italic 14px 'Arial';
    text-align: right;
    padding-top: 10px
}

.fromList li {
    float: left;
    margin-right: 10px;
    font: 13px arial;
    color: #555;
    font-size: 14px
}

.drop-down-listbox {
    padding-top: 10px
}

.drop-down-listbox li {
    float: left;
    margin-right: 10px;
    position: relative;
    list-style: none
}

.custom-drop-down-box {
    background: url(../img/drop-down-arw.png) no-repeat 95% center;
    display: block;
    border: 1px solid #ebebeb;
    padding: 6px 10px;
    font-size: 14px;
    color: #666
}

.custom-drop-down-box:hover,
.custom-drop-down-box.active {
    background: url(../img/drop-down-arw-hover.png) no-repeat 95% center;
    color: #333;
    border-color: #b8b8b8
}

.custom-drop-down-box.active {
    background: url(../img/drop-down-arw-active.png) no-repeat 95% center
}

.custom-drop-down-box.w120 {
    width: 120px
}

.custom-drop-down-box.w130 {
    width: 292px
}

.custom-drop-down-box.w160 {
    width: 160px
}

.custom-list-box {
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px;
    position: absolute;
    width: 540px;
    display: none;
    z-index: 5
}

.custom-list-box-close-btn {
    position: absolute;
    right: 5px;
    top: 5;
    font: 14px Arial;
    color: #e31837;
    display: block;
    z-index: 1
}

.custom-list-box-close-btn a {
    color: #e31837
}

.custom-list-box ul.check_list {
    list-style: none;
    margin: 0;
    padding: 0
}

.custom-list-box .check_list li {
    background: url(../img/custome-checkbox.png) 0 0 no-repeat;
    cursor: pointer;
    float: left;
    margin-right: 0;
    font: 13px arial;
    color: #000;
    margin: 5px 10px;
    width: 45%
}

.custom-list-box .check_list li input {
    visibility: hidden;
    width: 18px;
    margin: 0
}

.custom-list-box .check_list li.checked {
    background: url(../img/custome-checkbox.png) 0 -81px no-repeat;
    font-weight: 700
}

ul.page-listing {
    float: right;
    margin: 0;
    padding: 0
}

.page-listing li {
    list-style: none;
    float: left;
    margin-left: 5px
}

.page-listing li a {
    display: block;
    font-size: 14px;
    color: #e31837;
    border: 1px solid #ebebeb;
    height: 27px;
    width: 27px;
    background: #FFF;
    text-align: center;
    line-height: 25px
}

.page-listing li a:hover,
.page-listing li a.active {
    background: #e31837;
    border-color: #e31837;
    color: #FFF
}

.page-listing li a.next-prev {
    width: 56px
}

.press-release .article {
    font-size: 17px
}

.listing-title {
    color: #e31837;
    font-size: 22px;
    font-weight: 400;
    margin: 40px 0 20px 0
}

.listing-title a {
    color: #e31837
}

.listing-title a:hover {
    color: #e31837
}

.press-release .datebox {
    margin: 0 0 10px 0
}

.listing-box {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 40px
}

.press-release .listing-box:last-child {
    border-bottom: none
}

.news-section {
    background: #f1f1f1;
    margin-top: 40px;
    padding: 5%
}

.news-title {
    font-family: "EurostileLTStdBold";
    color: #e31837;
    font-size: 17px;
    margin: 0
}

.news-listing-box {
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb
}

.news-section .datebox {
    margin: 15px 0 7px 0
}

.news-section .news-list-title {
    font-size: 17px;
    font-weight: 700;
    margin: 0
}

.news-section .news-list-title a {
    color: #000
}

.news-list-desc {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin-top: 4px
}

.news-from {
    font: bold 14px Arial;
    color: #999;
    margin-top: 7px;
    text-transform: uppercase
}

.news-section .more {
    margin-bottom: 10px!important
}

.press-release-bottom-paging {
    border-top: 1px solid #e7e7e7;
    padding: 10px 0
}

.bottom-pagging {
    float: right
}

.morelink {
    color: #e31837
}

.morelink:hover {
    color: #e31837!important
}

img.tcalIcon {
    cursor: pointer;
    margin-left: 1px;
    vertical-align: middle
}

div#tcal {
    position: absolute;
    visibility: hidden;
    z-index: 100;
    width: 180px;
    padding: 2px 0 0 0;
    margin-left: 8px
}

div#tcal table {
    width: 100%;
    border: 1px solid silver;
    border-collapse: collapse;
    background-color: white
}

div#tcal table.ctrl {
    border-bottom: 0
}

div#tcal table.ctrl td {
    background: #000;
    width: 30px;
    height: 20px;
    padding: 5px 0;
    border: 0
}

div#tcal table.ctrl th {
    background-color: #000;
    color: #FFF;
    border: 0
}

div#tcal th {
    border-collapse: collapse;
    text-align: center;
    padding: 3px 0;
    font-family: tahoma, verdana, arial;
    font-size: 10px;
    background-color: none;
    color: b8b8b8
}

div#tcal td {
    border: 0;
    border-collapse: collapse;
    text-align: center;
    padding: 2px 0;
    font-family: tahoma, verdana, arial;
    font-size: 11px;
    width: 22px;
    cursor: pointer;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb
}

div#tcal td.othermonth {
    color: #b8b8b8
}

div#tcal td.weekend {
    background-color: #FFF
}

div#tcal td.today {
    border: 1px solid red
}

div#tcal td.selected {
    background-color: #e31837;
    color: #FFF
}

iframe#tcalIF {
    position: absolute;
    visibility: hidden;
    z-index: 98;
    border: 0
}

div#tcalShade {
    position: absolute;
    visibility: hidden;
    z-index: 99
}

div#tcalShade table {
    border: 0;
    border-collapse: collapse;
    width: 100%
}

div#tcalShade table td {
    border: 0;
    border-collapse: collapse;
    padding: 0
}

ul.fromList {
    list-style: none;
    margin: 0;
    padding: 0
}

.datetextbox {
    border: 1px solid #d9d9d9;
    padding: 1%
}

.datetextbox input {
    border: 0;
    width: 85%;
    background: none
}

.rise-action-banner.carousel-caption.details {
    margin-top: 0
}

.rise-action-banner.carousel-caption.details .hero-title {
    line-height: 60px
}

.red-line {
    height: auto;
    margin: 35px 0;
    text-align: center
}

.details-hight-light {
    font-size: 17px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    margin: 0
}

.person-details {
    font-size: 15px;
    text-align: center;
    margin-bottom: 80px
}

.highlights-main-box {
    border-top: 1px solid #ddd;
    padding-top: 30px
}

.highlights-main-title {
    font-family: "EurostileLTStdBold";
    font-size: 23px;
    color: #e31837;
    margin: 0
}

.highlights-box {
    margin-top: 15px;
    border-bottom: 1px solid #CCC
}

.hightlights-title {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    margin: 0
}

.hightlights-title a {
    color: #000
}

.hightlights-des {
    font-size: 17px;
    margin: 0;
    padding-bottom: 20px
}

.rd30eu {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837
}

.sale-summ-table th,
.sale-summ-table td {
    padding: 15px;
    vertical-align: top
}

.sale-summ-table th {
    font-size: 17px;
    font-weight: 700;
    border-bottom: 1px solid #b2b2b2
}

.sale-summ-table td {
    font-size: 15px
}

.sale-summ-table tr.gryrow td {
    background: #e5e5e5
}

.sale-summ-table td:first-child {
    font-size: 15px;
    font-weight: 700
}

.sale-summ-table th,
.sale-summ-table td {
    text-align: center
}

.sale-summ-table th:first-child,
.sale-summ-table td:first-child {
    text-align: left
}

.tags {
    font-size: 17px;
    font-weight: 700;
    color: #000
}

.tags a {
    color: #e31837
}

.tags a:hover {
    text-decoration: underline!important
}

.press-release-details {
    padding-bottom: 20px;
    text-align: center
}

.press-release-details .page-title {
    color: #e31837;
    margin: 0;
    font-family: "EurostileLTStdBold";
    font-size: 50px;
    line-height: normal
}

.press-release-details .page-title .font-cheddar {
    color: #000;
    font-size: 43px
}

.page-content .inner.grybg {
    background: #f1f1f1
}

.page-content .inner.grybg.section .section-header {
    padding: 50px 0 30px 0
}

.page-content .inner.grybg.section .section-header h2 {
    text-transform: capitalize
}

.nobor {
    border: none!important
}

.PR {
    position: relative
}

.play-icon-41-white {
    background: url(../img/icon-play-white-41.png) no-repeat 0 0;
    width: 41px;
    height: 41px;
    position: absolute;
    top: 35%;
    left: 50%;
    margin: -20px 0 0 -20px;
    z-index: 1
}

.biabubble-box {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 1
}

.biabubble-box p {
    margin: 0
}

.biabubble {
    position: relative;
    background: rgba(0, 0, 0, .7);
    padding: 15px 20px;
    color: #FFF;
    font: 15px/22px Arial
}

.biabubble:after {
    content: "";
    position: absolute;
    top: -11px;
    left: 47%;
    border-style: solid;
    border-width: 0 8px 11px;
    border-color: #000 transparent;
    display: block;
    width: 0;
    z-index: 1
}

.biabubble .title {
    font: bold 20px/30px Arial;
    color: #FFF
}

.our-brand-page.rise-in-action-page .introduction-of-core-purpose .intro-image {
    border-width: 10px
}

.our-brand-page.rise-in-action-page .introduction-of-core-purpose .intro-image::before {
    padding-top: 49.4%
}

.band-dec-mob {
    display: none
}

.pr-listing-page .about-us-menu li {
    width: 14%
}

.pr-listing-page .about-us-menu li+li {
    width: 18%
}

.pr-listing-page .about-us-menu li+li+li {
    width: 20%
}

.pr-listing-page .about-us-menu li+li+li+li {
    width: 18%
}

.pr-listing-page .about-us-menu li+li+li+li+li {
    width: 18%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pr-listing-page .about-us-menu {
        padding-right: 0px!important
    }
}

@media only screen and (max-width:980px) {
    .our-brand-page.rise-in-action-page .introduction-of-core-purpose .section-content .row-des-inner.rise-actionimgbox .intro-image:before {
        padding-top: 50%
    }
    .our-brand-page.rise-in-action-page .introduction-of-core-purpose .section-content .row-des-inner.rise-actionimgbox {
        margin: 0;
        padding: 0
    }
    .rise-action-container.section .col-md-6 {
        width: 50%;
        float: left
    }
    .rise-action-container.section.introduction-of-core-purpose .intro-image {
        border-width: medium 0 0 medium
    }
    .section.rise-action-container .section-header.press-release-title {
        width: 98%;
        text-align: left
    }
    .section.rise-action-container.about-us-section .about-us-article {
        padding: 0 40px
    }
    .dis_press_release {
        padding-top: 15px
    }
    .datetextbox {
        width: 154px
    }
    .datetextbox input {
        width: 83%
    }
    .press-release-fill-box .col-md-8 {
        float: left;
        padding: 0
    }
    .press-release-fill-box .col-md-4 {
        float: right;
        padding: 0
    }
    .custom-drop-down-box.w120 {
        width: 110px
    }
    .custom-drop-down-box.w130 {
        width: 120px
    }
    .custom-drop-down-box.w160 {
        width: 150px
    }
    .page-listing li a {
        width: 26px
    }
    div#tcal {
        width: 150px;
        margin-left: 3px
    }
    .about-us-menu {
        text-align: center
    }
    .drop-down-listbox li:last-child .custom-list-box {
        margin-left: -80px
    }
    .drop-down-listbox li.first .custom-list-box {
        margin-left: 0
    }
    .band-dec-des .biabubble-box {
        display: none
    }
    .band-dec-mob {
        display: block
    }
    .band-dec-mob .biabubble-box {
        position: static
    }
    .band-dec-mob .biabubble {
        background: rgba(0, 0, 0, .9)
    }
    .play-icon-41-white {
        top: 50%
    }
    .common-brand-dec .band-dec-des .biabubble-box {
        display: block
    }
    .common-brand-dec .band-dec-des .play-icon-41-white {
        top: 35%
    }
    .rise-in-action-page.our-brand-page .introduction-of-core-purpose .section-header {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .our-brand-page.rise-in-action-page .introduction-of-core-purpose .section-content .row-des-inner.rise-actionimgbox .intro-image:before {
        padding-top: 50%
    }
    .our-brand-page.rise-in-action-page .introduction-of-core-purpose .section-content .row-des-inner.rise-actionimgbox {
        margin: 0
    }
    .rise-action-banner.carousel-caption .hero-title {
        font-size: 35px;
        line-height: 30px
    }
    .rise-action-banner.carousel-caption .hero-title .font-cheddar {
        font-size: 25px
    }
    .rise-action-container.section .section-header h2 {
        font-size: 33px
    }
    .rise-action-container.section .section-header h2 span {
        font-size: 28px
    }
    .rise-action-banner.carousel-caption .hero-des {
        font-size: 14px
    }
    .rise-action-container.section .col-md-6 {
        width: 50%;
        float: left
    }
    .rise-action-container.section.introduction-of-core-purpose .intro-image {
        border-width: medium 0 0 medium
    }
    .rise-action-container.section.introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
        width: 30px;
        height: 30px;
        margin: 0
    }
    .rise-action-container.section.introduction-of-core-purpose .intro-image .overlay .des {
        font-size: 14px
    }
    .section.rise-action-container .section-header.press-release-title {
        text-align: center
    }
    .section.rise-action-container.about-us-section .about-us-article {
        padding: 0 20px
    }
    .fromList li:first-child {
        display: none
    }
    .datetextbox {
        width: 135px
    }
    .datetextbox input {
        width: 80%;
        font-size: 12px
    }
    .drop-down-listbox {
        padding-left: 0
    }
    .drop-down-listbox ul {
        margin: 0;
        padding: 0
    }
    .custom-drop-down-box.w120,
    .custom-drop-down-box.w130 {
        width: 135px
    }
    .drop-down-listbox li:last-child {
        width: 100%;
        margin-right: 0;
        margin-top: 10px
    }
    .drop-down-listbox li:last-child .custom-list-box {
        margin-left: 0
    }
    .drop-down-listbox li:nth-child(2) .custom-list-box {
        margin-left: -146px
    }
    .custom-drop-down-box.w160 {
        width: 280px
    }
    .press-release .col-md-8 {
        float: none
    }
    .press-release .col-md-4 {
        float: none
    }
    .custom-list-box {
        width: 280px
    }
    .custom-list-box .check_list li {
        width: 100%;
        float: none
    }
    .press-release-fill-box .page-listing {
        display: none
    }
    .press-release-fill-box {
        padding: 20px 0 0 20px
    }
    .news-section {
        padding: 3%
    }
    .press-release-fill-box {
        margin: 0 auto
    }
    .news-section .news-list-title {
        font-size: 15px
    }
    .news-list-desc,
    .news-section .datebox {
        font-size: 12px
    }
    .fill-box-center {
        width: 280px;
        margin: 0 auto
    }
    .page-listing li a {
        display: none
    }
    .press-release-bottom-paging {
        border-top: none
    }
    .page-listing li a.next-prev {
        display: block
    }
    .sale-summ-table th,
    .sale-summ-table td {
        padding: 3px
    }
    .sale-summ-table th {
        font-size: 12px;
        font-weight: 700;
        border-bottom: 1px solid #b2b2b2
    }
    .sale-summ-table td {
        font-size: 10px
    }
    .sale-summ-table tr.gryrow td {
        background: #e5e5e5
    }
    .sale-summ-table td:first-child {
        font-size: 10px;
        font-weight: 700
    }
    div#tcal {
        width: 145px;
        margin-left: 7px
    }
    .rise-action-banner.carousel-caption.details .hero-title {
        line-height: 40px
    }
    .highlights-main-title {
        margin-top: 30px
    }
    .biabubble {
        padding: 10px;
        font-size: 13px;
        line-height: 15px
    }
    .biabubble .title {
        font-size: 16px;
        line-height: 20px
    }
    .band-dec-des .biabubble-box {
        display: none
    }
    .band-dec-mob {
        display: block
    }
    .band-dec-mob .biabubble-box {
        position: static
    }
    .band-dec-mob .biabubble {
        background: rgba(0, 0, 0, .9)
    }
    .play-icon-41-white {
        top: 50%
    }
    .common-brand-dec .band-dec-des .biabubble-box {
        display: block
    }
    .common-brand-dec .band-dec-des .play-icon-41-white {
        top: 35%
    }
}

@media only screen and (max-width:992px) {
    .datetextbox input {
        width: 80%;
        font-size: 11px
    }
}

@media only screen and (min-width:992px) {
    .drop-down-listbox {
        padding-top: 0
    }
    .drop-down-listbox ul {
        padding-left: 44px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .drop-down-listbox {
        padding-top: 5px
    }
    .drop-down-listbox ul {
        padding-left: 44px
    }
}

.our-brand-page .introduction-of-core-purpose .intro-image img {
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .our-brand-page.rise-in-action-page .introduction-of-core-purpose .section-content .row-des-inner.rise-actionimgbox .intro-image::before {
        padding-top: 49%
    }
}

@media only screen and (max-width:767px) {
    .biabubble-box {
        position: static;
        margin-top: -17%
    }
    .biabubble:after {
        border: none
    }
}

.gen_story .carousel-hero-mobility .carousel-caption {
    margin-left: 11%
}

.rise-and-shine .carousel-caption .hero-title .font-cheddar.md-gray-color {
    color: #FFF
}

.rise-and-shine .carousel-caption .hero-des.md-black-color {
    color: #FFF
}

.rise-and-shine.carousel-wrap:before {
    padding-top: 55.02%
}

.dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, .7);
    border-bottom: 1px solid rgba(255, 255, 255, .7);
    padding: 2% 0;
    margin-top: 2%
}

.innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
    margin: 0 5%;
    width: 90%;
    max-width: none
}

.timebox {
    color: #e31837;
    font-family: "EurostileLTStdBold";
    font-size: 25px;
    margin: 0
}

.innovation-stories-heros .junior-hero.rise-and-shine .intro-image {
    border: 0
}

.ras-col-1 {
    width: 48%;
    float: left;
    padding: 0 15px 0 0
}

.ras-col-2 {
    width: 52%;
    float: left;
    padding: 0 0 0 15px;
    margin-top: 5%
}

.vid-box {
    margin-top: 30%
}

.vid-box2 {
    display: none
}

.our-brand-page.vid-box .introduction-of-core-purpose .intro-image::before {
    padding-top: 60%
}

.innovation-stories-heros .miss-brain-time.carousel-wrap:before {
    padding-top: 80.02%
}

.innovation-stories-heros .junior-hero.miss-brain-time .carousel .carousel-caption {
    margin-left: 5%
}

.miss-brain-time .carousel-caption .hero-title .font-cheddar {
    color: #000
}

.innovation-stories-heros .miss-brain-time.junior-hero .carousel .carousel-caption .hero-des {
    color: #000
}

.miss-brain-time .dec-imp {
    border-color: rgba(0, 0, 0, .3);
    margin: 20px 0
}

.miss-brain-imgbox {
    display: none
}

.innovation-stories-heros .gs-panel.carousel-wrap:before {
    padding-top: 66.6875%
}

.innovation-stories-heros .ricos.carousel-wrap:before {
    padding-top: 0
}

.generic-story-intro {
    background: #FFF!important
}

.gsi-contbox {
    padding: 40px 5%
}

.generic-story-intro.section {
    padding-bottom: 0
}

.generic-story-intro .hero-title,
.infographics .hero-title {
    color: #e31837;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    font-weight: 700;
    line-height: 55px;
    margin: 0;
    font-size: 60px;
    font-family: "EurostileLTStdBold";
    margin-top: 20px
}

.generic-story-intro .hero-title.normal-case {
    text-transform: none
}

.generic-story-intro .hero-title .font-cheddar,
.infographics .hero-title .font-cheddar {
    color: #000;
    font-weight: 400;
    display: inline-block;
    text-transform: none;
    text-shadow: none;
    font-size: 45px
}

.generic-story-intro .dec-imp {
    border-color: rgba(0, 0, 0, .3)
}

.junior-hero.carousel-wrap.gs-panel .carousel-caption.generic-box-library {
    margin-left: 5%
}

.innovation-stories-heros .infographics.carousel-wrap::before {
    padding-top: 5.02%
}

.infographics {
    background: none repeat scroll 0 0 #e5e5e5;
    padding: 1% 0 3% 0
}

.infographics-box {
    text-align: center
}

.rd30euro-bold {
    color: #e31837;
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    line-height: 30px;
    margin: 0
}

.infographics .b17 {
    color: #000;
    font: 17px Arial
}

.innovation-stories-heros .nighters.infographics.carousel-wrap::before {
    padding-top: 0!important
}

.innovation-stories-heros .allmost-done.carousel-wrap::before {
    padding-top: 65.02%
}

.allmost-done .hero-title {
    margin-top: 20px
}

.allmost-done .hero-title .font-cheddar {
    color: #000
}

.allmost-done .hero-des {
    color: #000
}

.allmost-done .dec-imp {
    border-color: rgba(0, 0, 0, .4)
}

.allmost-done.carousel-wrap .carousel-caption.right {
    width: 50%;
    margin-left: 45%!important
}

.allmost-done .carousel-wrap .carousel-caption.right {
    width: 50%
}

.generic-story .our-brand-page .row-above {
    min-height: 1px!important;
    height: auto
}

.generic-story .our-brand-page .row-title {
    padding-left: 0!important
}

.our-brand-page.generic-story-why-GenZe .row {
    margin: 0
}

.our-brand-page.generic-story-why-GenZe .introduction-of-core-purpose .intro-image:before {
    padding-top: 50%
}

.why-genze-mobile {
    display: none
}

.across-social {
    background: #e5e5e5;
    padding: 3%
}

.across-social-bar {
    padding-top: 40px
}

.across-social .social a {
    background: #e31837;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    padding: 4px 0;
    text-align: center;
    width: 25px
}

.b17b {
    font: bold 17px arial;
    color: #000
}

.social-box {
    background: #FFF;
    border: 1px solid #acacac;
    height: 285px;
    padding: 3%;
    overflow: auto;
    margin-top: 10px
}

.social-box ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.social-box ul li {
    font: 15px Arial;
    color: #000;
    padding: 18px 0;
    border-bottom: 1px solid #acacac
}

.work-with-us {
    padding: 3%
}

.work-with-us ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.work-with-us ul li {
    padding: 25px 0;
    font: bold 17px Arial;
    color: #000
}

.work-with-us ul li a {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    line-height: 30px
}

@media only screen and (max-width:980px) {
    .dec-imp {
        font-size: 25px
    }
    .innovation-stories-heros .hero-des {
        font-size: 14px!important;
        line-height: 20px!important
    }
    .ras-col-1 {
        width: 100%;
        float: none
    }
    .ras-col-2 {
        width: 100%;
        float: none;
        margin-top: 25%;
        padding-left: 0
    }
    .innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
        left: 0;
        top: 0
    }
    .rise-and-shine.carousel-wrap:before {
        padding-top: 125.6875%
    }
    .vid-box {
        display: none
    }
    .vid-box2 {
        display: block;
        margin-top: 10%
    }
    .rise-and-shine .carousel-caption .dec-imp {
        font-size: 25px
    }
    .innovation-stories-heros .junior-hero.rise-and-shine .carousel .item {
        background-position: -260px 0
    }
    .innovation-stories-heros .junior-hero.miss-brain-time .carousel .carousel-caption {
        margin: 0;
        width: 100%;
        position: static;
        padding: 0
    }
    .innovation-stories-heros .miss-brain-time.carousel-wrap:before {
        padding-top: 113.02%
    }
    .miss-brain-time .carousel-caption {
        left: 0
    }
    .innovation-stories-heros .junior-hero.miss-brain-time .carousel .item {
        background: #d4d4d4!important
    }
    .miss-brain-time .carousel-caption .dec-imp {
        font-size: 25px
    }
    .miss-brain-time .carousel-inner>.item:after {
        background: none
    }
    .miss-brain-imgbox {
        display: block;
        text-align: center
    }
    .miss-brain-imgbox img {
        width: 100%
    }
    .miss-brain-contbox {
        margin: 5%
    }
    .generic-story-intro .hero-title,
    .infographics .hero-title {
        font-size: 35px;
        line-height: 35px
    }
    .generic-story-intro .hero-title .font-cheddar,
    .infographics .hero-title .font-cheddar {
        font-size: 27px;
        line-height: 35px
    }
    .generic-story-intro .dec-imp {
        font-size: 25px
    }
    .innovation-stories-heros .gs-panel.carousel-wrap:before {
        padding-top: 70.6875%
    }
    .rd30euro-bold {
        font-size: 25px;
        margin-top: 25px
    }
    .junior-hero.carousel-wrap.gs-panel .carousel-caption.generic-box-library {
        left: 0
    }
    .innovation-stories-heros .allmost-done.carousel-wrap::before {
        padding-top: 80.6875%
    }
    .allmost-done.carousel-wrap .carousel-caption.right {
        margin-left: 0!important;
        width: 89%;
        left: 5%
    }
    .our-brand-page.generic-story-why-GenZe .introduction-of-core-purpose .section-header {
        text-align: center
    }
    .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-above {
        min-height: inherit
    }
    .our-brand-page.generic-story-why-GenZe .introduction-of-core-purpose .row-des .row-des-inner {
        width: 90%
    }
    .why-genze-desktop {
        display: none
    }
    .why-genze-mobile {
        display: block
    }
    .our-brand-page.generic-story-why-GenZe .introduction-of-core-purpose .intro-image img {
        left: -41px
    }
    .social-box {
        margin-bottom: 40px
    }
    .work-with-us ul li {
        text-align: center
    }
    .miss-brain-time {
        height: 900px
    }
}

@media only screen and (max-width:767px) {
    .gen_story .carousel-hero-mobility .carousel-caption {
        margin-left: 0
    }
    .dec-imp {
        font-size: 25px
    }
    .innovation-stories-heros .hero-des {
        font-size: 14px!important;
        line-height: 20px!important
    }
    .ras-col-1 {
        width: 100%;
        float: none
    }
    .ras-col-2 {
        width: 100%;
        float: none;
        margin-top: 25%;
        padding-left: 0
    }
    .innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
        left: 0;
        top: 0
    }
    .rise-and-shine.carousel-wrap:before {
        padding-top: 195.6875%
    }
    .vid-box {
        display: none
    }
    .vid-box2 {
        display: block;
        margin-top: 10%
    }
    .rise-and-shine .carousel-caption .dec-imp {
        font-size: 25px
    }
    .innovation-stories-heros .junior-hero.rise-and-shine .carousel .item {
        background-position: -260px 0
    }
    .innovation-stories-heros .junior-hero.miss-brain-time .carousel .carousel-caption {
        margin: 0;
        width: 100%;
        position: static;
        padding: 0
    }
    .innovation-stories-heros .miss-brain-time.carousel-wrap:before {
        padding-top: 242.02%
    }
    .miss-brain-time .carousel-caption {
        left: 0
    }
    .innovation-stories-heros .junior-hero.miss-brain-time .carousel .item {
        background: #d4d4d4!important
    }
    .miss-brain-time .carousel-caption .dec-imp {
        font-size: 25px
    }
    .miss-brain-imgbox {
        display: block
    }
    .miss-brain-contbox {
        margin: 5% 5% 0 5%
    }
    .generic-story-intro .hero-title,
    .infographics .hero-title {
        font-size: 35px;
        line-height: 35px
    }
    .generic-story-intro .hero-title .font-cheddar,
    .infographics .hero-title .font-cheddar {
        font-size: 27px;
        line-height: 35px
    }
    .generic-story-intro .dec-imp {
        font-size: 25px
    }
    .innovation-stories-heros .gs-panel.carousel-wrap:before {
        padding-top: 172.6875%
    }
    .innovation-stories-heros .gs-panel.junior-hero .carousel .carousel-caption {
        left: 0
    }
    .rd30euro-bold {
        font-size: 25px;
        margin-top: 25px
    }
    .innovation-stories-heros .allmost-done.carousel-wrap::before {
        padding-top: 180.02%
    }
    .allmost-done.carousel-wrap .carousel-caption.right {
        margin-left: 0!important;
        width: 89%
    }
    .our-brand-page.generic-story-why-GenZe .introduction-of-core-purpose .section-header {
        text-align: center
    }
    .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-above {
        min-height: inherit
    }
    .our-brand-page.generic-story-why-GenZe .introduction-of-core-purpose .intro-image img {
        left: -17px
    }
    .why-genze-desktop {
        display: none
    }
    .why-genze-mobile {
        display: block
    }
    .social-box {
        margin-bottom: 40px
    }
    .across-social .row,
    .work-with-us .row {
        padding: 0;
        margin: 0
    }
    .work-with-us ul li {
        text-align: center
    }
}

@media only screen and (max-width:320px) {
    .dec-imp {
        font-size: 25px
    }
    .innovation-stories-heros .hero-des {
        font-size: 14px!important;
        line-height: 20px!important
    }
    .ras-col-1 {
        width: 100%;
        float: none
    }
    .ras-col-2 {
        width: 100%;
        float: none;
        margin-top: 25%;
        padding-left: 0
    }
    .innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
        left: 0;
        top: 0
    }
    .innovation-stories-heros .miss-brain-time.carousel-wrap:before {
        padding-top: 297.02%
    }
    .innovation-stories-heros .allmost-done.carousel-wrap::before {
        padding-top: 215.02%
    }
    .rise-and-shine.carousel-wrap:before {
        padding-top: 214.6875%
    }
    .innovation-stories-heros .gs-panel.carousel-wrap:before {
        padding-top: 208.6875%
    }
    .miss-brain-time {
        height: 955px
    }
}

.bod .TAR {
    text-align: right
}

.bod .container-fluid.board-of-directors .carousel-caption .hero-title {
    font-size: 60px
}

.bod .container-fluid.board-of-directors .carousel-caption .hero-title .font-cheddar {
    font-size: 45px
}

.bod .container-fluid.board-of-directors .section .section-header h2 {
    font-size: 50px
}

.bod .container-fluid.board-of-directors .section .section-header h2 span {
    font-size: 43px
}

.bod .container-fluid.board-of-directors .our-history-leaders .section-header h4 {
    font-size: 17px;
    margin-bottom: 35px
}

.bod .container-fluid.board-of-directors .our-history-leaders .leader .img-wrap:before {
    padding-top: 98%!important
}

.bod .fancybox-wrap .fancybox-close {
    background: url(../img/btn-lbox-close.png) repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    right: 35px!important;
    top: 0px!important;
    width: 24px
}

.bod .lbox-content {
    width: 800px;
    display: none
}

.bod .lbox-content .caption-panel .caption-panel-inner {
    width: 395px;
    background: #FFF;
    display: inline-block;
    padding: 30px;
    vertical-align: middle;
    white-space: normal;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.bod .fancybox-nav {
    width: 10%;
    height: 555px
}

.bod .lbox-content .caption-panel .caption-panel-inner .subtitle {
    font-weight: 700;
    margin: 0 0 5px
}

.bod .lbox-content .caption-panel .caption-panel-inner .title {
    color: #e31837;
    font-family: 'EurostileLTStdBold';
    font-size: 40px;
    line-height: 1!important;
    margin: 0
}

.bod .lbox-content .caption-panel .caption-panel-inner .des {
    margin: 0 0 20px
}

.bod .lbox-content .caption-panel .caption-panel-inner .social {
    list-style: none;
    margin: 0;
    padding: 0
}

.bod .lbox-content .caption-panel .caption-panel-inner .social li {
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    width: auto
}

.bod .lbox-content .caption-panel .caption-panel-inner .social li a {
    background: #e31837;
    color: #FFF;
    display: block;
    padding: 4px 0;
    text-align: center;
    width: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.bod .lbox-content a .falink {
    background: url(../img/icon-pdf.png) left top no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle
}

.bod .lbox-content .scale-effect.enter .caption-panel .caption-panel-inner a .falink {
    background: url(../img/icon-pdf-white.png) left top no-repeat
}

.bod .code_of {
    position: relative;
    padding-top: 40px;
    background: #FFF;
    height: 500px
}

.bod .code_of img {
    width: 100%
}

.bod .code_of .carousel-caption {
    position: absolute;
    top: 20%
}

.bod .Lorem {
    background: #f1f1f1
}

.bod .container-fluid.board-of-directors .rise-in-action-section .rise-in-action-group:first-child .rise-in-action-image:before {
    padding-top: 70%
}

.bod .container-fluid.board-of-directors .rise-in-action-section .rise-in-action-group:first-child+.rise-in-action-group+.rise-in-action-group .rise-in-action-image:before {
    padding-top: 50%
}

.bod .lbox-inner .thm-dark .timeline-footer,
.bod .standalone-tweet.thm-dark .conversation {
    display: none
}

.bod .lbox-inner .twitter-box {
    position: absolute;
    width: 375px;
    padding: 15px;
    background: #f1f1f1;
    height: 270px;
    top: 284px;
    z-index: 999999
}

.bod .titlebox {
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px
}

.bod .twitter-box .title {
    color: #e31837;
    font-family: 'EurostileLTStd';
    font-size: 22px;
    line-height: 29px;
    float: left;
    margin: 0
}

.bod .follow-btn {
    background: #e31837;
    font-size: 15px;
    line-height: 12px;
    color: #fff;
    float: right;
    padding: 9px 20px;
    border-radius: 4px;
    text-transform: uppercase
}

.bod .follow-btn:hover {
    color: #FFF
}

.bod .twitter-box ul.twitlist {
    padding: 0;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #dedede;
    height: 145px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.bod .twitter-box ul.twitlist li {
    margin-bottom: 30px
}

.bod .twitter-box ul.twitlist li .twiimgbox {
    float: left;
    margin-right: 10px
}

.bod .twitter-box ul.twitlist li .imgcntbox {
    display: block;
    overflow: hidden;
    font-size: 12px;
    color: #000
}

.bod .twitter-box ul.twitlist li .imgcntbox span {
    color: #999;
    font-style: italic
}

.bod .twitter-box ul.twitlist li .imgcntbox a {
    color: #e31837
}

.bod .twitter-box ul.twitlist li .imgcntbox a:hover {
    color: #e31837;
    text-decoration: underline
}

.bod .twitter-box ul.twitlist li p {
    margin: 0
}

.bod .twitter-box ul.social {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-top: 15px
}

.bod .twitter-box ul.social li {
    float: left;
    margin: 0 8px 0 0;
    width: auto;
    font-family: 'EurostileLTStd';
    font-size: 16px;
    color: #e31837
}

.bod .twitter-box ul.social li a {
    background: #e31837;
    border-radius: 4px;
    color: #fff;
    display: block;
    padding: 4px 0;
    text-align: center;
    width: 25px
}

.bod .twitter-box ul.social li:first-child {
    margin-top: 6px
}

.bod .lorem-ipsum {
    background: #f1f1f1!important
}

.bod .code-of-banner-mobile {
    display: none
}

.bod .mobile-lbox {
    display: none
}

.bod .quote_text {
    font-size: 23.5px;
    color: #e31837;
    font-family: "EurostileLTStd";
    margin: 0;
    padding: 0;
    line-height: 40px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 0
}

.bod .lbox-inner .caption-panel .caption-panel-inner {
    top: 0
}

.bod .lbox-content .caption-panel .caption-panel-inner {
    height: 555px
}

.bod .container-fluid.board-of-directors .rise-in-action-section .rise-in-action-group:first-child .rise-in-action-image::before {
    padding-top: 50%
}

.bod .rise-in-action-section .rise-in-action-group:first-child+.rise-in-action-group .rise-in-action-image::before {
    padding-top: 50%
}

.bod .boar-scale-effect .caption-panel .caption-panel-inner {
    opacity: 1;
    background-color: #e31837
}

.bod .boar-scale-effect .caption-panel .caption-panel-inner .title {
    color: #fff
}

.bod .boar-scale-effect .caption-panel .caption-panel-inner .des {
    color: #fff
}

.bod .boar-scale-effect .caption-panel .caption-panel-inner .more {
    color: #fff
}

.bod .lbox-inner .TAR {
    padding-bottom: 10px
}

@media only screen and (max-width:1024px) {
    .bod .fancybox-wrap .fancybox-close {
        top: 7px!important;
        right: 22px!important
    }
}

@media only screen and (max-width:980px) {
    .bod {}
    .bod .container-fluid.board-of-directors .our-history-leaders .leader {
        float: left;
        width: 49%;
        margin: 0 .2% 20px .1%;
        max-height: 407px
    }
    .bod .container-fluid.board-of-directors .our-history-leaders .leader .leader-content h3 {
        font-size: 13px
    }
    .bod .container-fluid.board-of-directors .our-history-leaders .leader .leader-content .caption-panel-inner {
        padding: 10px
    }
    .bod .container-fluid.board-of-directors .our-history-leaders .leader .leader-content h3 .fa {
        display: none
    }
    .bod .fancybox-wrap .lbox-content .lbox-inner .twitter-box {
        width: 100%;
        position: static;
        top: auto
    }
    .bod .lbox-inner .lbox-image {
        height: 290px;
        margin-left: 0
    }
    .bod .fancybox-wrap .lbox-content .lbox-inner .twitter-box {
        width: 350px
    }
    .bod .twitter-box ul.social li {
        margin: 0 5px 2px 0;
        font-size: 15px
    }
    .bod .code-of-banner-desktop {
        display: none
    }
    .bod .code-of-banner-mobile {
        display: block
    }
    .bod .code_of .btn {
        display: inline-block
    }
    .bod .code_of {
        height: auto;
        height: 500px
    }
    .bod .code_of .carousel-caption {
        top: 60%
    }
    .bod .container-fluid.board-of-directors .rise-in-action-section .rise-in-action-group:first-child .rise-in-action-image::before {
        padding-top: 35%
    }
    .bod .rise-in-action-section .rise-in-action-group:first-child+.rise-in-action-group .rise-in-action-image::before {
        padding-top: 35%
    }
    .bod .container-fluid.board-of-directors .rise-in-action-section .rise-in-action-group:first-child+.rise-in-action-group+.rise-in-action-group .rise-in-action-image:before {
        padding-top: 35%
    }
    .bod .lbox-content .caption-panel .caption-panel-inner {
        height: 561px
    }
    .bod .fancybox-wrap .fancybox-close {
        top: 7px!important;
        right: 7px!important
    }
}

@media only screen and (max-width:767px) {
    .bod {}
    .bod .container-fluid.board-of-directors .carousel-caption .hero-title {
        font-size: 35px;
        line-height: 30px
    }
    .bod .container-fluid.board-of-directors .carousel-caption .hero-title .font-cheddar {
        font-size: 25px
    }
    .bod .container-fluid.board-of-directors .carousel-caption .hero-title .font-cheddar {
        font-size: 25px
    }
    .bod .container-fluid.board-of-directors .carousel-caption .section-header h2 {
        font-size: 33px
    }
    .bod .container-fluid.board-of-directors .section .section-header h2 {
        font-size: 33px
    }
    .bod .container-fluid.board-of-directors .section .section-header h2 span {
        font-size: 28px
    }
    .bod .container-fluid.board-of-directors .our-history-leaders .section-header h4 {
        font-size: 14px
    }
    .bod .container-fluid.board-of-directors .our-history-leaders .leader {
        float: left;
        width: 49%;
        margin: 0 .2% 20px .1%;
        max-height: 237px
    }
    .bod .container-fluid.board-of-directors .our-history-leaders .leader .leader-content h3 {
        font-size: 13px
    }
    .bod .container-fluid.board-of-directors .our-history-leaders .leader .leader-content .caption-panel-inner {
        padding: 10px
    }
    .bod .container-fluid.board-of-directors .our-history-leaders .leader .leader-content h3 .fa {
        display: none
    }
    .bod .fancybox-wrap .lbox-content .lbox-inner .twitter-box {
        display: none
    }
    .bod .desktop-lbox {
        display: none
    }
    .bod .mobile-lbox {
        display: block;
        width: 100%
    }
    .bod .twitter-box ul.social li {
        margin: 0 8px 2px 0;
        font-size: 15px
    }
    .bod .code-of-banner-desktop {
        display: none
    }
    .bod .code-of-banner-mobile {
        display: block
    }
    .bod .code_of .btn {
        display: inline-block
    }
    .bod .code_of .carousel-caption {
        top: 60%
    }
    .bod .container-fluid.board-of-directors .our-history-leaders .section-header h2 {
        text-align: center
    }
}

.bod .lbox-content .caption-panel .caption-panel-inner.board-of-directors {
    position: absolute;
    z-index: 1;
    right: 0;
    opacity: 1
}

@media only screen and (max-width:980px) {
    .bod .fancybox-wrap .lbox-content .lbox-inner .twitter-box {
        width: 100%;
        position: static;
        top: auto
    }
    .bod .lbox-inner.lbox-boi .lbox-image {
        height: 290px;
        margin-left: 0!important
    }
    .bod .lbox-content .caption-panel .caption-panel-inner.board-of-directors {
        height: 561px;
        right: 25px
    }
    .bod .lbox-content .caption-panel .caption-panel-inner.board-of-directors .des {
        width: 95%
    }
    .bod .lbox-content .caption-panel .caption-panel-inner.board-of-directors .TAR {
        margin-right: 10px
    }
    .bod .fancybox-wrap .lbox-content .lbox-inner .twitter-box {
        width: 350px
    }
    .bod .twitter-box ul.social li {
        margin: 0 5px 2px 0;
        font-size: 15px
    }
    .bod .container-fluid.board-of-directors .our-history-leaders .section-header h2 {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .bod .lbox-content .caption-panel .caption-panel-inner.board-of-directors {
        position: static;
        width: 290px;
        height: 290px
    }
    .bod .lbox-content .caption-panel .caption-panel-inner.board-of-directors .title {
        font-size: 22px
    }
}

@media only screen and (max-width:320px) {
    .bod .lbox-content .caption-panel .caption-panel-inner.board-of-directors {
        position: static;
        width: 250px;
        height: 200px;
        padding: 15px
    }
}

@media only screen and (max-width:767px) {
    .bod .lbox-content .caption-panel .caption-panel-inner.board-of-directors {
        position: static;
        height: 200px;
        padding: 15px;
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
    .bod .fancybox-wrap .fancybox-close {
        right: 20px!important
    }
    .bod .fancybox-next span {
        right: 30px
    }
    .bod .fancybox-prev span {
        left: 30px
    }
    .bod .section-footer {
        padding-top: 40px!important;
        padding-bottom: 0px!important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .bod .fancybox-prev {
        left: -20px
    }
    .bod .fancybox-next {
        right: -20px
    }
    .bod .lbox-inner {
        margin-left: -15px
    }
    .bod .section-footer {
        padding-top: 40px!important;
        padding-bottom: 0px!important
    }
    .bod .container-fluid.board-of-directors .carousel-caption .hero-title {
        font-size: 35px;
        line-height: 30px
    }
    .bod .container-fluid.board-of-directors .carousel-caption .hero-title .font-cheddar {
        font-size: 25px
    }
    .bod .container-fluid.board-of-directors .carousel-caption .hero-title .font-cheddar {
        font-size: 25px
    }
}

@media only screen and (min-width:993px) and (max-width:1199px) {
    .bod .container-fluid.board-of-directors .rise-in-action-section .rise-in-action-group .caption-panel {
        width: 430px
    }
}

.investors-overview-page .about-us-menu>li {
    width: 16.6%
}

.investors-overview-page .inner.introduction-of-core-purpose.section.row {
    padding-bottom: 0
}

.investors-overview-page #myAnchor2 {
    padding-top: 40px
}

.investors-overview-page #myAnchor3 {
    padding-top: 40px
}

.investors-overview-page #myAnchor4 {
    padding-top: 40px
}

.investors-overview-page .section-header {
    padding-top: 0!important
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .about-group .row-des .row-des-inner .row-exception .row-title {
    padding-left: 0
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .about-group .row-des .row-des-inner .row-above {
    min-height: 30px
}

.investors-overview-page .about-group .row-des .more {
    color: #e31837;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px;
    display: inline-block
}

.investors-overview-page .about-us-menu.investor_nav {
    background: #f1f1f1
}

.investors-overview-page .about-us-menu.investor_nav>li {
    height: 50px
}

.investors-overview-page .about-us-menu.investor_nav>li>a {
    color: #000
}

.investors-overview-page .about-us-menu.investor_nav>li.active,
.investors-overview-page .about-us-menu.investor_nav>li:hover {
    border-bottom: 0
}

.investors-overview-page .about-us-menu.investor_nav>li.active a {
    color: #e31837;
    border-bottom: 0
}

.investors-overview-page .page-content.container-fluid.investors .carousel-caption .hero-title {
    font-size: 60px;
    text-transform: capitalize
}

.investors-overview-page .page-content.container-fluid.investors .carousel-caption .hero-title .font-cheddar {
    font-size: 45px
}

.investors-overview-page .company-goals .section-header {
    padding-top: 0
}

.investors-overview-page .company-goals .company-title {
    font-family: 'EurostileLTStd';
    line-height: 40px;
    font-size: 36px;
    color: #000
}

.investors-overview-page .company-goals p {
    line-height: 1.5
}

.investors-overview-page .company-goals .article {
    font-size: 17px
}

.investors-overview-page .overlay .title {
    font-family: 'EurostileLTStdBold';
    line-height: 30px;
    font-size: 20px;
    color: #e31837
}

.investors-overview-page .company-goals .news-section {
    margin-top: 20px;
    padding: 5% 0 0;
    margin-left: 10%
}

.investors-overview-page .news-title {
    font-family: "EurostileLTStdBold";
    color: #e31837;
    font-size: 23px;
    margin: 0
}

.investors-overview-page .news-listing-box {
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb
}

.investors-overview-page .news-section {
    background: none
}

.investors-overview-page .news-section .datebox {
    margin: 15px 0 7px 0
}

.investors-overview-page .news-section .news-list-title {
    font-size: 17px;
    font-weight: 700;
    margin: 0
}

.investors-overview-page .news-section .news-list-title a {
    color: #000
}

.investors-overview-page .news-list-desc {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin-top: 4px
}

.investors-overview-page .news-from {
    font: bold 14px Arial;
    color: #999;
    margin-top: 7px;
    text-transform: uppercase
}

.investors-overview-page .company-goals .more {
    color: #e31837;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.investors-overview-page .company-goals .more:hover {
    text-decoration: underline!important;
    color: #f07184
}

.investors-overview-page .company-goals .more .fa {
    margin-left: 8px
}

.investors-overview-page .our-brand-page .our-strategy {
    background: #f1f1f1
}

.investors-overview-page .our-brand-page .our-strategy .more {
    font-family: 'EurostileLTStdBold';
    font-size: 20px;
    margin-right: 15px
}

.investors-overview-page .comma {
    color: #999;
    font-family: 'EurostileLTStdBold';
    line-height: 50px;
    font-size: 50px;
    float: left;
    margin-right: 10px
}

.investors-overview-page .comma-des {
    overflow: hidden;
    font-family: 'EurostileLTStdBold';
    line-height: 35px;
    font-size: 28px;
    color: #000;
    display: block
}

.investors-overview-page .comma-des span {
    color: #999;
    font-family: 'EurostileLTStdBold';
    line-height: 50px;
    font-size: 50px;
    display: inline-block;
    vertical-align: middle
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose.our-strategy .section-content .row-des-inner {
    width: 97%
}

.investors-overview-page .chairman-add-box .text-capitalize.namebox {
    margin-top: 30px
}

.investors-overview-page .chairman-add-box.section .section-header {
    width: 70%
}

.investors-overview-page .chairman-add-box.section .section-footer {
    padding-bottom: 40px
}

.investors-overview-page .chairman-add-box .fhbox-2 {
    background: #f1f1f1;
    clear: left;
    float: left;
    overflow: hidden;
    width: 100%
}

.investors-overview-page .chairman-add-box .fhbox-1 {
    float: left;
    position: relative;
    right: 33%;
    width: 100%;
    border-right: 1px solid #FFF
}

.investors-overview-page .chairman-add-box .col1 {
    float: left;
    left: 33%;
    overflow: hidden;
    position: relative;
    width: 66%
}

.investors-overview-page .chairman-add-box .col2 {
    float: left;
    left: 34%;
    overflow: hidden;
    position: relative;
    width: 33%
}

.investors-overview-page .chairman-add-box .col2 .fhTitle {
    margin-top: 10%
}

.investors-overview-page .fhTitle {
    font-family: 'EurostileLTStdBold';
    line-height: 30px;
    font-size: 30px;
    color: #e31837;
    margin: 0
}

.investors-overview-page .fh-sub-Title {
    font-family: 'EurostileLTStdBold';
    line-height: 20px;
    font-size: 20px;
    color: #e31837
}

.investors-overview-page .fhdec {
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px;
    padding-bottom: 15px
}

.investors-overview-page .PA5_per {
    padding: 5%
}

.investors-overview-page .chart-slider-box {
    position: relative
}

.investors-overview-page .chart-slider-box img {
    width: 100%;
    height: auto
}

.investors-overview-page .chart-slider-box .bx-next,
.investors-overview-page .chart-slider-box .bx-prev {
    width: 39px;
    height: 39px;
    background-size: 100% auto;
    position: absolute;
    top: 45%;
    text-indent: -999999px
}

.investors-overview-page .chart-slider-box .bx-next {
    background: url(../img/next-arow.png) no-repeat;
    right: -15px
}

.investors-overview-page .chart-slider-box .bx-prev {
    background: url(../img/prev-arow.png) no-repeat;
    left: -15px
}

.investors-overview-page .chairman-add-box .col2 .row-above {
    width: 100%
}

.investors-overview-page .section-style02.at-a-glance {
    background: #FFF
}

.investors-overview-page .section-style02.at-a-glance .section-content .row {
    border: 1px solid #e0e0e0
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .financial-highlight .intro-image.finance-img {
    border-right: 0;
    border-bottom: 0
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .financial-highlight .intro-image.finance-img:before {
    padding-top: 100%
}

.investors-overview-page .financial-highlight .col1 .PA5_per {
    padding: 10% 50px
}

.investors-overview-page .financial-highlight .col2 .PA5_per {
    min-height: 300px;
    padding: 10% 50px
}

.investors-overview-page .financial-highlight .PA5_per p,
.investors-overview-page .cmn-txt {
    font-size: 15px;
    line-height: 24px
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .financial-highlight .intro-image.dividend-img:before {
    padding-top: 50%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .row-des.dividend-txt .row-des-inner .row-above {
    min-height: 35px
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .row-des.dividend-txt .row-des-inner .row-exception .row-title {
    padding-left: 0
}

.investors-overview-page .fhbox-2,
.investors-overview-page .division-box {
    border-bottom: 1px solid #FFF
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .division-box .col-md-4 {
    border-right: 1px solid #FFF
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .division-box .col-md-4:before {
    padding-top: 200%
}

.investors-overview-page .division-box .icon-play-41,
.investors-overview-page .perfom-box .icon-play-41 {
    background: url(../img/icon-play-41.png) no-repeat left top;
    display: inline-block;
    height: 41px;
    width: 41px
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .division-box .intro-image .overlay .des,
.investors-overview-page .our-brand-page .introduction-of-core-purpose .perfom-box .intro-image .overlay .des {
    font-size: 20px;
    font-weight: 700;
    margin: 3px 0 8px
}

.investors-overview-page .division-box .overlay-inner {
    text-align: left
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .division-box .row-des .row-des-inner .row-above {
    min-height: 35px
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .division-box .row-des .row-des-inner .row-exception .row-title {
    padding-left: 0
}

.investors-overview-page .sold-no {
    margin-top: 40px;
    color: #000;
    font-family: "EurostileLTStdBold"
}

.investors-overview-page .financial-highlight .sold-no p {
    font-size: 20px
}

.investors-overview-page .sold-no span {
    font-size: 24px;
    line-height: 35px;
    color: #e31837;
    display: block
}

.investors-overview-page .perfom-box .overlay .title {
    font-size: 24px
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .investor-box .intro-image .overlay {
    text-align: left;
    padding: 0 15%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .investor-box.relation .intro-image .overlay {
    text-align: left;
    padding: 20% 15%
}

.investors-overview-page .investor-box .overlay .title {
    font-size: 40px;
    line-height: 40px
}

.investors-overview-page .investor-box .overlay .title_1 {
    font-family: "cheddar_jackregular";
    font-size: 45px;
    color: #FFF
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .investor-box .intro-image .overlay .des {
    font-size: 15px;
    line-height: 24px
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .investor-box .col-md-8:before {
    content: "";
    display: block;
    padding-top: 50%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .investor-box .col-md-8 .row-des {
    text-align: left;
    padding: 5% 6%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .investor-box .row-des-inner {
    width: 100%
}

.investors-overview-page .hd1 {
    font-size: 20px;
    color: #e31837;
    font-family: "EurostileLTStdBold"
}

.investors-overview-page .list-acq {
    padding: 0;
    margin-top: 15px
}

.investors-overview-page .list-acq li {
    float: left;
    width: 33%;
    margin-right: 1px;
    list-style: none
}

.investors-overview-page .list-acq li img {
    width: 100%;
    height: auto
}

.investors-overview-page .list-acq li p {
    white-space: normal;
    font-size: 14px;
    line-height: 16px;
    padding-right: 10%
}

.investors-overview-page .more-bx .more {
    color: #e31837;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.investors-overview-page .row-above.no-padht {
    min-height: inherit!important
}

.investors-overview-page .row-above.no-padht .row-title {
    padding-left: 0!important
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .share-capital .col-md-8:before {
    content: "";
    display: block;
    padding-top: 100%;
    border-right: 1px solid #FFF
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .share-capital .col-md-8 .row-des-inner {
    width: 88%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .perfom-box .intro-image:before {
    padding-top: 45%
}

.investors-overview-page .share_dtl {
    margin-top: 5%
}

.investors-overview-page .title-20 {
    font-family: "EurostileLTStdBold";
    font-size: 20px;
    line-height: 20px;
    color: #e31837
}

.investors-overview-page .marBot15 {
    margin-bottom: 15px
}

.investors-overview-page .colr {
    float: right;
    width: 68%
}

.investors-overview-page .collt {
    float: left;
    width: 26%;
    margin-right: 6%
}

.investors-overview-page .b24a,
.investors-overview-page .b12a {
    font: 24px/24px Arial;
    color: #000;
    margin-bottom: 0
}

.investors-overview-page .b12a {
    font: 12px/12px Arial;
    color: #000;
    margin-top: 7px
}

.investors-overview-page .share_dtl hr {
    background: #b2b2b2;
    height: 1px;
    border: 0;
    margin: 18px 0
}

.investors-overview-page .uc {
    text-transform: uppercase
}

.investors-overview-page .share-up {
    background: url(../img/share_up.png) no-repeat;
    padding-left: 30px;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin-top: 10px
}

.investors-overview-page .share-down {
    background: url(../img/share_down.png) no-repeat;
    padding-left: 30px;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin-top: 10px
}

.investors-overview-page .share-up span {
    font-size: 14px
}

.investors-overview-page .tot-vol {
    font: 12px Arial;
    color: #000;
    margin-top: 15px
}

.investors-overview-page .tot-vol strong {
    font-size: 20px
}

.investors-overview-page .stock-opt {
    margin-top: 5%
}

.investors-overview-page .share-capital {
    border-bottom: 1px solid #FFF
}

.investors-overview-page .share-capital .section-style03 {
    padding-bottom: 0
}

.investors-overview-page .share-capital .mahindra-industries-section.section-style03 .block-item {
    display: block;
    float: left;
    margin: 0!important;
    width: 100%
}

.investors-overview-page .mahindra-industries-section.section-style03 .block-item:before {
    padding-top: 50%;
    border-bottom: 1px solid #FFF
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .share-capital .col-md-4:before {
    padding-top: 50%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .share-capital .col-md-4 .row-des:before {
    height: 25%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .csr-bx .col-md-8:before {
    content: "";
    display: block;
    padding-top: 40%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .csr-bx .col-md-4:before {
    padding-top: 160%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .csr-bx .col-md-8 .row-des {
    border-right: 1px solid #FFF
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .csr-bx .col-md-8 .row-des:before {
    height: 50%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .csr-bx .col-md-8 .row-des-inner {
    width: 88%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .csr-bx .row-des .row-des-inner .row-title {
    max-width: 100%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .csr-bx .intro-image:before {
    padding-top: 40%
}

.investors-overview-page .row-des .more-bx {
    padding-top: 15px
}

.investors-overview-page .img-bx {
    margin-top: 10%
}

.investors-overview-page .img-txt {
    font: 13px/17px Arial;
    color: #333;
    margin-top: 10px
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .finan-high .col-md-4:before {
    padding-top: 80%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .finan-high .col-md-8 .row-des-inner {
    width: 88%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .finan-high .col-md-8 {
    border-right: 1px solid #FFF
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .finan-high .col-md-8:before {
    content: "";
    display: block;
    padding-top: 90%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .finan-high .col-md-4 .row-des:before {
    height: 45%
}

.investors-overview-page .investors .about-us-menu {
    text-align: center
}

.investors-overview-page .about-us-menu.investor_nav>li {
    width: 15%
}

.investors-overview-page .row.finan-high {
    border-bottom: 1px solid #fff
}

.investors-overview-page .FL {
    float: left
}

.investors-overview-page .FR {
    float: right
}

.investors-overview-page .share_dtl .btn-default {
    border: 1px solid #ebebeb;
    border: 1px solid #ebebeb;
    width: 100%;
    font-size: 12px;
    font-family: arial;
    text-align: left
}

.investors-overview-page .share_dtl .btn-default .caret {
    float: right;
    margin-top: 5px;
    margin-left: 20px;
    background: url(../img/dropdownarow.png) no-repeat 0 0;
    width: 9px;
    height: 5px;
    border: 0
}

.investors-overview-page .share_dtl .dropdown-menu {
    font-family: arial;
    font-size: 12ppx
}

.investors-overview-page .loading-more-stories {
    color: #e31837;
    background: #FFF;
    font-family: "Arial";
    font-size: 13px;
    font-weight: 700;
    padding: 30px;
    text-align: center
}

.investors-overview-page .link-more-stories {
    color: #e31837;
    background: #FFF;
    padding: 3%
}

.investors-overview-page .MT5 {
    margin-top: 5px
}

.investors-overview-page .nobor {
    border: none!important
}

.investors-overview-page .ir-mobile {
    display: none
}

.investors-overview-page .ir-mobile-des {
    padding: 3% 5%;
    font-size: 12px;
    line-height: 18px;
    display: none
}

.investors-overview-page .ir-mobile-des .title {
    font-family: "EurostileLTStdBold";
    font-size: 18px;
    line-height: 20px;
    color: #e31837;
    padding-bottom: 10px
}

.investors-overview-page .TAC {
    text-align: center
}

.investors-overview-page .TAL {
    text-align: left
}

.investors-overview-page #myAnchor4 .row {
    margin: 0;
    padding: 0
}

.investors-overview-page .MT20 {
    margin-top: 20px
}

.investors-overview-page .share_dtl .colr img {
    width: 100%
}

.investors-overview-page .bottom-prev-next {
    padding-bottom: 30px
}

@media only screen and (max-width:980px) {
    .investors-overview-page {}
    .investors-overview-page .page-content.container-fluid.investors .carousel-caption .hero-title {
        font-size: 40px
    }
    .investors-overview-page .investor_nav {
        display: none
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-header.about-group-info {
        text-align: center
    }
    .investors-overview-page .core-values .col-md-8 .col-md-6 {
        width: 50%;
        float: left
    }
    .investors-overview-page .company-goals .company-title {
        font-size: 20px;
        line-height: 1.2em;
        margin: 5%
    }
    .investors-overview-page .company-goals .article {
        font-size: 15px;
        line-height: 2;
        margin: 5% 2%;
        text-align: center
    }
    .investors-overview-page .overlay .title {
        font-size: 18px;
        line-height: 1.5em
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .intro-image .overlay .des {
        font-size: 14px;
        font-weight: 700
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
        margin: 5px 10px
    }
    .investors-overview-page .company-goals .news-section {
        margin: 5% 7% 10%;
        padding: 0
    }
    .investors-overview-page .news-title {
        font-size: 24px
    }
    .investors-overview-page .news-section .datebox,
    .investors-overview-page .news-section .news-from {
        font-size: 12px;
        font-style: italic
    }
    .investors-overview-page .news-section .news-list-title,
    .investors-overview-page .news-section .news-list-desc {
        font-size: 15px
    }
    .investors-overview-page .company-goals .more {
        font-size: 15px
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose.our-strategy .section-header {
        text-align: center
    }
    .investors-overview-page .comma-des,
    .investors-overview-page .comma,
    .investors-overview-page .comma-des span {
        font-size: 19px;
        line-height: 1.2em
    }
    .investors-overview-page .comma {
        margin-right: 5px
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose.our-strategy .section-content .row-des-inner {
        width: 92%
    }
    .investors-overview-page .our-strategy {
        padding-bottom: 0;
        padding-top: 30px
    }
    .investors-overview-page .section .section-header h2 {
        text-align: center
    }
    .investors-overview-page .chairman-add-box.section .section-header {
        width: 92%
    }
    .investors-overview-page .chairman-add-box .text-capitalize.namebox {
        margin-top: 10px
    }
    .investors-overview-page .section .section-header h2.namebox span {
        font-size: 20px
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-header h4 {
        font-size: 16px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 10px
    }
    .investors-overview-page .btn-primary {
        font-size: 15px;
        height: 40px;
        line-height: 40px;
        padding: 0 20px
    }
    .investors-overview-page .chairman-add-box.section .section-footer {
        padding-top: 0
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .finan-high .col-md-8:before {
        padding-top: 0
    }
    .investors-overview-page .fh-sub-Title {
        font-size: 17px;
        font-weight: 400
    }
    .investors-overview-page .row-title {
        font-family: "EurostileLTStdBold" !Important
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .financial-highlight .intro-image.finance-img:before {
        padding-top: 50%
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .division-box .col-md-4 {
        border: 0
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .division-box .col-md-4:before {
        padding-top: 50%
    }
    .investors-overview-page .division-box .overlay-inner {
        text-align: center
    }
    .investors-overview-page .division-box .overlay-inner br,
    .investors-overview-page .row-title br {
        display: none
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .share-capital .col-md-8:before {
        padding-top: 0;
        border-right: 0
    }
    .investors-overview-page .mahindra-industries-section.section-style03 .block-item {
        float: left;
        width: 50%
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner {
        width: 90%
    }
    .investors-overview-page .sold-no span {
        font-size: 18px;
        line-height: 1em
    }
    .investors-overview-page .financial-highlight .sold-no p {
        font-size: 15px
    }
    .investors-overview-page .sold-no {
        float: left;
        width: 50%;
        margin-top: 25px
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .investor-box .col-md-8:before {
        padding-top: 0
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .investor-box .col-md-8 .row-des-inner {
        margin: 0
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .investor-box .col-md-8 .row-des {
        padding: 5% 0 0
    }
    .investors-overview-page .hd1 {
        font-size: 17px;
        padding-left: 5%
    }
    .investors-overview-page ul.list-acq {
        margin-bottom: 0
    }
    .investors-overview-page .list-acq li {
        float: none;
        width: 100%;
        overflow: auto
    }
    .investors-overview-page .list-acq li div:first-child {
        width: 50%;
        float: left;
        margin-right: 5%
    }
    .investors-overview-page .list-acq li p {
        font-size: 15px;
        line-height: 1.2em;
        padding-right: 5%;
        margin: 5px 0
    }
    .investors-overview-page .list-acq .more-bx {
        padding-top: 0
    }
    .investors-overview-page .list-acq .more-bx .more {
        font-size: 15px
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .row-des .row-content {
        font-size: 15px;
        line-height: 2
    }
    .investors-overview-page .title-20 {
        font-size: 16px
    }
    .investors-overview-page .b12a {
        font-size: 8px;
        line-height: 1.2em
    }
    .investors-overview-page .b24a {
        font-size: 18px;
        line-height: 1em
    }
    .investors-overview-page .share_dtl hr {
        margin: 5px 0
    }
    .investors-overview-page .share-up {
        font-size: 14px;
        line-height: 1em;
        margin-top: 5px
    }
    .investors-overview-page .share-up span {
        font-size: 10px
    }
    .investors-overview-page .tot-vol {
        font-size: 9px;
        margin-top: 5px
    }
    .investors-overview-page .tot-vol strong {
        font-size: 15px
    }
    .investors-overview-page .financial-highlight .PA5_per p,
    .investors-overview-page .cmn-txt {
        font-size: 15px;
        line-height: 2em
    }
    .investors-overview-page .stock-opt {
        margin-top: 10%
    }
    .investors-overview-page .row-des .more-bx {
        padding-top: 0
    }
    .investors-overview-page .more-bx .more {
        font-size: 15px
    }
    .investors-overview-page .share-capital .mahindra-industries-section.section-style03 .block-item {
        width: 50%
    }
    .investors-overview-page .mahindra-industries-section.section-style03 .block-item:before {
        padding-top: 100%;
        border: 0
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .csr-bx .col-md-8:before {
        padding-top: 0
    }
    .investors-overview-page .share-capital .col-md-4 .more-bx {
        margin-top: 10px
    }
    .investors-overview-page .section {
        padding-bottom: 0
    }
    .investors-overview-page .ir-mobile {
        display: block!important
    }
    .investors-overview-page .ir-desktop {
        display: none!important
    }
    .investors-overview-page .relation .overlay-inner {
        display: none!important
    }
    .investors-overview-page .ir-mobile-des {
        display: block
    }
    .investors-overview-page .share_dtl .btn-default .caret {
        margin-top: 5px
    }
    .investors-overview-page #myAnchor2 {
        padding-top: 30px
    }
    .investors-overview-page .bottom-prev-next {
        padding-bottom: 40px;
        margin-top: 20px
    }
    .investors-overview-page .img-txt {
        font-size: 15px
    }
    .investors-overview-page .company-goals .news-section {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .investors-overview-page {}
    .investors-overview-page #myAnchor2,
    .investors-overview-page #myAnchor4 {
        padding-top: 30px
    }
    .investors-overview-page .company-goals .section-header {
        padding-top: 30px
    }
    .investors-overview-page .page-content.container-fluid.investors .carousel-caption .hero-title {
        font-size: 40px
    }
    .investors-overview-page .investor_nav {
        display: none
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-header.about-group-info {
        text-align: center
    }
    .investors-overview-page .core-values .col-md-8 .col-md-6 {
        width: 50%;
        float: left
    }
    .investors-overview-page .company-goals .company-title {
        font-size: 20px;
        line-height: 1.2em;
        margin: 5%
    }
    .investors-overview-page .company-goals .article {
        font-size: 13px;
        line-height: 2;
        margin: 5% 2%;
        text-align: center
    }
    .investors-overview-page .overlay .title {
        font-size: 18px;
        line-height: 1.5em
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .intro-image .overlay .des {
        font-size: 14px;
        font-weight: 700
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
        margin: 5px 10px
    }
    .investors-overview-page .company-goals .news-section {
        margin: 5% 7% 10%;
        padding: 0
    }
    .investors-overview-page .news-title {
        font-size: 20px
    }
    .investors-overview-page .news-section .datebox,
    .investors-overview-page .news-section .news-from {
        font-size: 10px;
        font-style: italic
    }
    .investors-overview-page .news-section .news-list-title,
    .investors-overview-page .news-section .news-list-desc {
        font-size: 13px
    }
    .investors-overview-page .company-goals .more {
        font-size: 12px
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose.our-strategy .section-header {
        text-align: center
    }
    .investors-overview-page .comma-des,
    .investors-overview-page .comma,
    .investors-overview-page .comma-des span {
        font-size: 19px;
        line-height: 1.2em
    }
    .investors-overview-page .comma {
        margin-right: 5px
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose.our-strategy .section-content .row-des-inner {
        width: 92%
    }
    .investors-overview-page .our-strategy {
        padding-bottom: 0
    }
    .investors-overview-page .section .section-header h2 {
        text-align: center
    }
    .investors-overview-page .chairman-add-box.section .section-header {
        width: 92%
    }
    .investors-overview-page .chairman-add-box .text-capitalize.namebox {
        margin-top: 10px
    }
    .investors-overview-page .section .section-header h2.namebox span {
        font-size: 20px
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-header h4 {
        font-size: 12px;
        line-height: 2em;
        text-align: center;
        margin-bottom: 10px
    }
    .investors-overview-page .btn-primary {
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        padding: 0 10px
    }
    .investors-overview-page .chairman-add-box.section .section-footer {
        padding-top: 0
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .finan-high .col-md-8:before {
        padding-top: 0
    }
    .investors-overview-page .fh-sub-Title {
        font-size: 17px;
        font-weight: 400
    }
    .investors-overview-page .row-title {
        font-family: "EurostileLTStdBold" !Important
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .financial-highlight .intro-image.finance-img:before {
        padding-top: 50%
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .division-box .col-md-4 {
        border: 0
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .division-box .col-md-4:before {
        padding-top: 50%
    }
    .investors-overview-page .division-box .overlay-inner {
        text-align: center
    }
    .investors-overview-page .division-box .overlay-inner br,
    .investors-overview-page .row-title br {
        display: none
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .share-capital .col-md-8:before {
        padding-top: 0;
        border-right: 0
    }
    .investors-overview-page .mahindra-industries-section.section-style03 .block-item {
        float: left;
        width: 50%
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner {
        width: 90%
    }
    .investors-overview-page .sold-no span {
        font-size: 18px;
        line-height: 1em
    }
    .investors-overview-page .financial-highlight .sold-no p {
        font-size: 15px
    }
    .investors-overview-page .sold-no {
        float: left;
        width: 45%;
        margin-right: 2.5%;
        margin-top: 25px
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .investor-box .col-md-8:before {
        padding-top: 0
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .investor-box .col-md-8 .row-des-inner {
        margin: 0
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .investor-box .col-md-8 .row-des {
        padding: 5% 0 0
    }
    .investors-overview-page .hd1 {
        font-size: 17px;
        padding-left: 5%
    }
    .investors-overview-page ul.list-acq {
        margin-bottom: 0
    }
    .investors-overview-page .list-acq li {
        float: none;
        width: 100%;
        overflow: auto
    }
    .investors-overview-page .list-acq li div:first-child {
        width: 50%;
        float: left;
        margin-right: 5%
    }
    .investors-overview-page .list-acq li p {
        font-size: 11px;
        line-height: 1.2em;
        padding-right: 5%;
        margin: 5px 0
    }
    .investors-overview-page .list-acq .more-bx {
        padding-top: 0
    }
    .investors-overview-page .list-acq .more-bx .more {
        font-size: 12px
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .row-des .row-content {
        font-size: 13px;
        line-height: 2
    }
    .investors-overview-page .title-20 {
        font-size: 16px
    }
    .investors-overview-page .b12a {
        font-size: 8px;
        line-height: 1.2em
    }
    .investors-overview-page .b24a {
        font-size: 18px;
        line-height: 1em
    }
    .investors-overview-page .share_dtl hr {
        margin: 5px 0
    }
    .investors-overview-page .share-up {
        font-size: 14px;
        line-height: 1em;
        margin-top: 5px
    }
    .investors-overview-page .share-up span {
        font-size: 10px
    }
    .investors-overview-page .tot-vol {
        font-size: 9px;
        margin-top: 5px
    }
    .investors-overview-page .tot-vol strong {
        font-size: 13px
    }
    .investors-overview-page .financial-highlight .PA5_per p,
    .investors-overview-page .cmn-txt {
        font-size: 13px;
        line-height: 2em
    }
    .investors-overview-page .stock-opt {
        margin-top: 10%
    }
    .investors-overview-page .row-des .more-bx {
        padding-top: 0
    }
    .investors-overview-page .more-bx .more {
        font-size: 12px
    }
    .investors-overview-page .share-capital .mahindra-industries-section.section-style03 .block-item {
        width: 50%
    }
    .investors-overview-page .mahindra-industries-section.section-style03 .block-item:before {
        padding-top: 100%;
        border: 0
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .csr-bx .col-md-8:before {
        padding-top: 0
    }
    .investors-overview-page .share-capital .col-md-4 .more-bx {
        margin-top: 10px
    }
    .investors-overview-page .section {
        padding-bottom: 0
    }
    .investors-overview-page .share_dtl .FL,
    .investors-overview-page .share_dtl .FR {
        float: none
    }
    .investors-overview-page .share_dtl p.FL {
        margin: 0;
        padding: 0;
        padding-bottom: 5px
    }
    .investors-overview-page .share_dtl .btn-default {
        width: 100%
    }
    .investors-overview-page .ir-mobile {
        display: block!important
    }
    .investors-overview-page .ir-desktop {
        display: none!important
    }
    .investors-overview-page .relation .overlay-inner {
        display: none!important
    }
    .investors-overview-page .ir-mobile-des {
        display: block
    }
    .investors-overview-page .bottom-prev-next {
        padding-bottom: 40px
    }
    .investors-overview-page .company-goals .company-title {
        text-align: center
    }
}

.investors-overview-page .our-brand-page .chairman-add-box .section-footer {
    padding-top: 0
}

.investors-overview-page .section-style02 {
    background: #fff
}

.investors-overview-page .section-style02 .caption-panel {
    box-shadow: inset 0 0 0 1px #e0e0e0;
    display: table;
    text-align: center
}

.investors-overview-page .section-style02 .caption-panel .caption-panel-inner {
    display: table-cell;
    vertical-align: middle
}

.investors-overview-page .section-style02 .caption-panel:hover {
    box-shadow: inset 0 0 0 1px #e31837
}

.investors-overview-page .section-style02 .scale-effect:hover .caption-panel {
    box-shadow: inset 0 0 0 1px #e31837
}

.investors-overview-page .section-style02 .block-item .spotlight-image img {
    width: 120%;
    margin-left: -10%
}

.investors-overview-page .section-style02 .block-item.item-alignment {
    margin-left: 12.46%
}

@media only screen and (max-width:767px) {
    .investors-overview-page .our-brand-page .chairman-add-box .section-footer {
        padding-top: 20px;
        padding-bottom: 30px
    }
    .investors-overview-page .section-style03 .block-item .img {
        left: 0
    }
    .investors-overview-page .section-style02 .container {
        padding: 0
    }
    .investors-overview-page .section-style02 .container .mt-2 {
        margin-top: 0!important
    }
    .investors-overview-page .section-style02 .block-item.item-alignment {
        margin-left: 0
    }
    .investors-overview-page .section-style02 .spotlight-image {
        height: 170px
    }
    .investors-overview-page .section-style02 .block-item .spotlight-image img {
        margin-left: 0
    }
    .investors-overview-page .section-style02 .caption-panel {
        box-shadow: none;
        background-color: #f1f1f1
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .investors-overview-page .section-style02.at-a-glance .section-header {
        padding-top: 0
    }
    .investors-overview-page .our-brand-page .chairman-add-box .section-footer {
        padding-top: 30px
    }
    .investors-overview-page .img-bx {
        margin-top: 20px
    }
    .investors-overview-page .section-style02 {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .investors-overview-page .section-style02 .section-header h4 {
        margin-bottom: 50px
    }
    .investors-overview-page .section-style02 .news-bar {
        position: relative;
        height: 85px;
        line-height: 90px;
        background-color: #222;
        padding: 0
    }
    .investors-overview-page .section-style02 .news-bar .section-title {
        color: #e31837;
        font-size: 24px;
        margin: 0;
        padding-left: 40px
    }
    .investors-overview-page .section-style02 .news-bar .carousel-news {
        margin-left: -30px
    }
    .investors-overview-page .section-style02 .news-bar .carousel-news .carousel-inner {
        height: 85px
    }
    .investors-overview-page .section-style02 .news-bar .carousel-news .carousel-inner .carousel-caption {
        position: absolute;
        margin: 0;
        padding: 0;
        left: 15%;
        right: 10%;
        top: 50%;
        bottom: auto;
        text-align: left;
        max-width: none!important;
        width: auto;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
    .investors-overview-page .section-style02 .news-bar .carousel-news .carousel-inner .item {
        height: 100%;
        line-height: normal
    }
    .investors-overview-page .section-style02 .news-bar .carousel-news .carousel-inner .item .news-title {
        font-size: 15px;
        font-weight: 700;
        color: #ccc
    }
    .investors-overview-page .section-style02 .news-bar .carousel-news .carousel-inner .item .news-title:hover {
        color: #fff
    }
    .investors-overview-page .section-style02 .news-bar .carousel-news .carousel-inner .item .news-title .fa {
        position: relative;
        top: 1px
    }
    .investors-overview-page .section-style02 .news-bar .carousel-news .carousel-control {
        width: auto;
        top: 2px;
        left: 20px;
        right: auto;
        padding: 0 20px;
        background: none!important
    }
    .investors-overview-page .section-style02 .news-bar .carousel-news .carousel-control.right {
        left: 55px;
        right: auto
    }
    .investors-overview-page .section-style02 .news-bar .today {
        line-height: normal;
        color: #fff;
        display: inline-block;
        margin-top: 18px;
        float: right;
        position: absolute;
        right: 0;
        left: auto
    }
    .investors-overview-page .section-style02 .news-bar .today .month-part {
        display: block;
        font-size: 12px;
        color: rgba(255, 255, 255, .7)
    }
    .investors-overview-page .section-style02 .news-bar .today .day-part {
        display: block;
        font-size: 22px;
        line-height: 18px;
        margin: 3px 0 1px
    }
    .investors-overview-page .section-style02 .news-bar .today .day-part sup {
        margin-left: 3px;
        font-size: 14px;
        color: rgba(255, 255, 255, .7)
    }
    .investors-overview-page .section-style02 .news-bar .today .year-part {
        display: block;
        font-size: 10px;
        letter-spacing: 6px;
        color: rgba(255, 255, 255, .7)
    }
    .investors-overview-page .section-style02 .news-bar .today .comma {
        display: none
    }
    .investors-overview-page .section-style02 .block-item {
        height: 340px
    }
    .investors-overview-page .section-style02 .block-item .spotlight-image {
        position: relative;
        height: 170px;
        width: 100%
    }
    .investors-overview-page .section-style02 .block-item .spotlight-image:before {
        content: '';
        display: block;
        padding-top: 0
    }
    .investors-overview-page .section-style02 .block-item .spotlight-image img {
        position: relative;
        width: 180%;
        max-width: none;
        margin-left: -40%
    }
    .investors-overview-page .section-style02 .block-item .caption-panel {
        background: #fff;
        height: 170px
    }
    .investors-overview-page .section-style02 .block-item .caption-panel .caption-panel-inner {
        padding: 25px 30px;
        top: 0;
        height: 100%;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .investors-overview-page .section-style02 .block-item .caption-panel .caption-panel-inner .title {
        font-size: 12px
    }
    .investors-overview-page .section-style02 .block-item .caption-panel .caption-panel-inner .des {
        font-size: 12px
    }
    .investors-overview-page .section-style02 .block-item .caption-panel:after {
        content: '';
        position: absolute;
        top: -19px;
        left: 50%;
        margin-left: -10px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-bottom-color: #fff
    }
    .investors-overview-page .section-style02 .block-item:first-child+.block-item .spotlight-image,
    .investors-overview-page .section-style02 .block-item.even .spotlight-image {
        position: absolute;
        bottom: 0
    }
    .investors-overview-page .section-style02 .block-item:first-child+.block-item .caption-panel,
    .investors-overview-page .section-style02 .block-item.even .caption-panel {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
    .investors-overview-page .section-style02 .block-item:first-child+.block-item .caption-panel:after,
    .investors-overview-page .section-style02 .block-item.even .caption-panel:after {
        content: '';
        position: absolute;
        top: auto;
        bottom: -19px;
        left: 50%;
        margin-left: -10px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-top-color: #fff
    }
    .investors-overview-page .section-style02 .scale-effect:hover .caption-panel {
        box-shadow: inset 0 0 0 1px #e0e0e0
    }
}

@media only screen and (max-width:991px) {
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner {
        padding-top: 0px!important
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .comma-des {
        text-align: center
    }
}

@media only screen and (min-width:993px) and (max-width:1199px) {
    .investors-overview-page .section-style02 .block-item .spotlight-image img {
        width: 150%;
        margin-left: -20%
    }
}

.investors-overview-page .company-goals {
    padding-top: 40px!important
}

.investors-overview-page .company-goals .introduction-of-core-purpose img {
    width: 103%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .intro-image img {
    width: 103%
}

.investors-overview-page .our-brand-page .introduction-of-core-purpose .perfom-box .intro-image::before {
    padding-top: 42%
}

.ou.-brand-page .introduction-of-core-purpose .intro-image img {
    width: 103%
}

.tabletImg,
.mobileImg {
    display: none
}

@media only screen and (max-width:767px) {
    .tabletImg {
        display: none
    }
    .deskImg {
        display: none
    }
    .mobileImg {
        display: block
    }
    .our-brand-page .introduction-of-core-purpose .ir-box-mobile.intro-image::before {
        padding-top: 52%
    }
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .financial-highlight .intro-image.finance-img::before,
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .section-content .division-box .col-md-4:before,
    .investors-overview-page .our-brand-page .introduction-of-core-purpose .financial-highlight .intro-image.dividend-img::before {
        padding-top: 34%
    }
    .investors-overview-page .section-style02 .spotlight-image {
        height: auto
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .deskImg {
        display: none
    }
    .tabletImg {
        display: block
    }
    .our-brand-page .introduction-of-core-purpose .ir-box-mobile.intro-image::before {
        padding-top: 52%
    }
}

.investors-overview-page .about-us-menu>li,
body.investors-page .about-us-menu>li,
.pr-details-page .about-us-menu>li,
body.reports-page .about-us-menu>li,
.bod .about-us-menu>li,
body.investors-page .about-us-menu>li {
    width: 16.6%
}

.pr-details-page .rhs-gallery-wrapper .photo-entry .photo-caption .arrow-up {
    top: -9px
}

.pr-details-page .photo_gallery_box .caroufredsel_wrapper {
    height: 375px!important
}

.pr-details-page .photo_gallery_box .photo_caption_scroll {
    height: 55px;
    overflow: auto
}

.pr-details-page .rhs-gallery-wrapper.photo_gallery_box .gallery-controls {
    top: 43%
}

@media only screen and (min-width:1280px) and (max-width:1380px) {
    .pr-details-page .photo_gallery_box .caroufredsel_wrapper {
        height: 350px!important
    }
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
    .pr-details-page .photo_gallery_box .caroufredsel_wrapper {
        height: 285px!important
    }
}

@media only screen and (min-width:990px) and (max-width:1024px) {
    .pr-details-page .photo_gallery_box .caroufredsel_wrapper {
        height: 275px!important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pr-details-page .links {
        padding-top: 40px;
        padding-bottom: 20px
    }
    .pr-details-page .tags-label {
        margin-bottom: 0
    }
    .pr-details-page .tags {
        margin-top: 0
    }
    .pr-details-page .generic-list li {
        font-size: 16px;
        line-height: 1.8
    }
    .pr-details-page .rhs-gallery-wrapper .gallery-controls {
        top: 50%
    }
    .pr-details-page .photo-entry a {
        display: block
    }
    .pr-details-page .photo_gallery_box .caroufredsel_wrapper {
        height: 585px!important
    }
    .pr-details-page .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper {
        height: 490px!important
    }
}

.pr-details-page .person-details {
    margin-bottom: 0
}

.pr-details-page .section-style03 {
    background-color: #f1f1f1;
    padding-bottom: 40px
}

.pr-details-page .section-style03 .overlay {
    background-color: #fff
}

.pr-details-page .section-style03 .section-header {
    padding-bottom: 20px!important
}

@media only screen and (max-width:991px) {
    .pr-details-page .section-style03 {
        padding-bottom: 0
    }
    .pr-details-page .section-style03 .overlay {
        background-color: transparent
    }
}

.pr-details-page .about-us-article h2.page-title {
    height: auto
}

.pr-details-page .generic-list li {
    font-size: 17px;
    line-height: 1.8
}

@media only screen and (max-width:767px) {
    .pr-details-page .generic-list li {
        font-size: 13px;
        line-height: 1.8
    }
    .pr-details-page .photo_gallery_box .caroufredsel_wrapper {
        height: 310px!important
    }
    .pr-details-page .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper {
        height: 190px!important
    }
    .pr-details-page .rhs-gallery-wrapper .gallery-controls {
        top: 125px
    }
    .pr-details-page .table-wrapper table {
        width: 600px
    }
}

@media only screen and (min-width:320px) and (max-width:350px) {
    .pr-details-page .photo_gallery_box .caroufredsel_wrapper {
        height: 285px!important
    }
    .pr-details-page .pr-details-page .rhs-gallery-wrapper .caroufredsel_rhsvideo_wrapper {
        height: 190px!important
    }
}

body.pr-listing-page .pre-drop-down {
    float: left
}

body.pr-listing-page .btn-small {
    background-color: #e31837;
    border: 1px solid #e31837;
    font-size: 13px;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #ffffff!important;
    float: left
}

body.pr-listing-page .btn-small.MT15 {
    margin-top: 15px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.pr-listing-page .custom-drop-down-box.w160 {
        width: 140px
    }
    body.pr-listing-page .custom-drop-down-box.w120 {
        width: 95px
    }
    body.pr-listing-page .custom-drop-down-box.w130 {
        width: 252px
    }
    body.pr-listing-page .drop-down-listbox li {
        margin-right: 5px
    }
    body.pr-listing-page .page-listing li {
        margin-left: 3px
    }
}

@media only screen and (max-width:767px) {
    body.pr-listing-page .custom-drop-down-box.w120,
    body.pr-listing-page .custom-drop-down-box.w130 {
        width: 210px
    }
    body.pr-listing-page .pre-drop-down {
        width: 215px
    }
    body.pr-listing-page .custom-drop-down-box.w160 {
        width: 230px
    }
    body.pr-listing-page .btn-small.MT15 {
        margin-top: 10px;
        margin-left: 3px
    }
}

.search-autocomplete-section {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 98;
    display: none
}

.search-autocomplete-section .overlay {
    background-color: rgba(0, 0, 0, .9);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1
}

.search-autocomplete-section #autosearch-frm {
    position: relative;
    z-index: 2;
    margin: 100px auto 0 auto;
    font-size: 30px;
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .search-autocomplete-section #autosearch-frm {
        margin: 50px auto 0 auto;
        font-size: 18px
    }
}

@media only screen and (max-width:767px) {
    .search-autocomplete-section #autosearch-frm {
        margin: 40px auto 0 auto;
        font-size: 15px
    }
}

.search-autocomplete-section #autosearch-frm #autosearch-input {
    border-bottom: 1px solid #fff;
    height: 45px;
    line-height: 45px
}

.search-autocomplete-section #autosearch-frm #autosearch-input .twitter-typeahead {
    width: 95%
}

@media only screen and (max-width:767px) {
    .search-autocomplete-section #autosearch-frm #autosearch-input .twitter-typeahead {
        width: 87%
    }
}

.search-autocomplete-section #autosearch-frm #autosearch-input .typeahead {
    color: #fff;
    border: none;
    background-color: transparent;
    height: 100%;
    width: 100%
}

.search-autocomplete-section #autosearch-frm #autosearch-input .typeahead.tt-hint {
    color: #aaa
}

.search-autocomplete-section #autosearch-frm #autosearch-input .tt-dropdown-menu {
    color: #fff;
    margin-top: 25px;
    width: 105%;
    height: 500px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    line-height: 1.4
}

.search-autocomplete-section #autosearch-frm #autosearch-input .tt-highlight {
    color: #e31837
}

.search-autocomplete-section #autosearch-frm #autosearch-input .tt-cursor {
    background-color: rgba(38, 38, 38, .8)
}

.search-autocomplete-section #autosearch-frm .autosearch-btn {
    float: right
}

.search-autocomplete-section #autosearch-frm input[type=submit] {
    display: none
}

.search-autocomplete-section .close-btn {
    position: absolute;
    right: -50px;
    top: 114px;
    z-index: 2
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .search-autocomplete-section .close-btn {
        top: 20px;
        right: -60px
    }
}

@media only screen and (max-width:767px) {
    .search-autocomplete-section .close-btn {
        top: 10px;
        right: 0
    }
}

.story-fifa-page {
    font-size: 17px
}

.story-fifa-page .emphasis {
    font-family: 'EurostileLTStd';
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (min-width:992px) {
    .story-fifa-page #carousel-hero .carousel-caption {
        width: 50%;
        max-width: 635px
    }
    .story-fifa-page #carousel-hero .carousel-caption.right {
        margin-left: 45%
    }
}

.story-fifa-page .honk-vuvuzelas .carousel-caption p {
    width: 65%
}

@media only screen and (max-width:767px) {
    .story-fifa-page .honk-vuvuzelas {
        padding-top: 100%;
        max-height: 735px
    }
    .story-fifa-page .honk-vuvuzelas .item {
        background-position: 35% top!important
    }
    .story-fifa-page .honk-vuvuzelas .carousel-caption {
        top: 20px
    }
}

.story-fifa-page .vamos-espana .hero-title {
    width: 100%!important
}

.story-fifa-page .vamos-espana .carousel-caption.right {
    margin-left: 50%!important;
    width: 45%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .story-fifa-page .vamos-espana .carousel-caption.right {
        margin-left: 40%!important;
        width: 45%
    }
}

@media only screen and (max-width:767px) {
    .story-fifa-page .vamos-espana {
        padding-top: 180%;
        max-height: 1400px
    }
    .story-fifa-page .vamos-espana .item {
        background-position: 22% top!important
    }
    .story-fifa-page .vamos-espana .carousel-caption.right {
        top: 40px;
        margin-left: 0!important;
        width: 90%
    }
}

.story-fifa-page .the-33rd-team {
    max-height: 550px
}

.story-fifa-page .the-33rd-team .item {
    background-position: 50% 0%!important
}

.story-fifa-page .the-33rd-team .carousel-caption {
    color: #000;
    vertical-align: top;
    margin-top: 23%;
    max-width: 800px
}

.story-fifa-page .the-33rd-team .carousel-caption.center {
    margin-left: 27%;
    text-align: center
}

.story-fifa-page .the-33rd-team .carousel-caption .hero-title .font-cheddar {
    color: #000;
    font-size: 70px;
    margin-right: 10px
}

.story-fifa-page .the-33rd-team .carousel-caption .hero-title.team-tech-mahindra {
    padding-top: 50px
}

.story-fifa-page .the-33rd-team .carousel-caption p {
    font-weight: 700
}

.story-fifa-page .the-33rd-team .polaroid-1 {
    position: absolute;
    left: 0;
    top: 50%
}

.story-fifa-page .the-33rd-team .polaroid-2 {
    position: absolute;
    right: 0;
    top: 70%
}

@media only screen and (min-width:1620px) {
    .story-fifa-page .the-33rd-team {
        max-height: 600px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .story-fifa-page .the-33rd-team {
        max-height: 400px
    }
    .story-fifa-page .the-33rd-team .item:after {
        background: none
    }
    .story-fifa-page .the-33rd-team .polaroid-1 {
        top: 70%;
        width: 20%
    }
    .story-fifa-page .the-33rd-team .polaroid-2 {
        top: 70%;
        width: 20%
    }
    .story-fifa-page .the-33rd-team .carousel-caption.center {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        width: 400px
    }
}

@media only screen and (max-width:767px) {
    .story-fifa-page .the-33rd-team .item:after {
        background: none
    }
    .story-fifa-page .the-33rd-team .polaroid-1 {
        top: 83%;
        width: 20%
    }
    .story-fifa-page .the-33rd-team .polaroid-2 {
        top: 83%;
        width: 20%
    }
    .story-fifa-page .the-33rd-team .carousel-caption.center {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        width: 80%;
        bottom: 15%
    }
}

.story-fifa-page .the-33rd-team-2 .section-header {
    padding-top: 0
}

.story-fifa-page .the-33rd-team-2 .section-header h2 {
    text-transform: none!important
}

.story-fifa-page .the-33rd-team-2 table.fifa-infographics {
    margin: 0 auto 45px auto
}

.story-fifa-page .the-33rd-team-2 table.fifa-infographics td {
    padding: 10px
}

.story-fifa-page .the-33rd-team-2 p {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    padding: 45px 0
}

.story-fifa-page .the-33rd-team-2 hr {
    width: 30%;
    border-top: 1px solid #afafaf;
    margin: 0 auto
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .story-fifa-page .the-33rd-team-2 .section-header {
        padding-top: 20px
    }
    .story-fifa-page .the-33rd-team-2 table.fifa-infographics {
        max-width: 90%
    }
}

@media only screen and (max-width:767px) {
    .story-fifa-page .the-33rd-team-2 .section-header {
        padding-top: 20px
    }
    .story-fifa-page .the-33rd-team-2 p {
        width: 80%
    }
    .story-fifa-page .the-33rd-team-2 table.fifa-infographics {
        max-width: 360px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 45px;
        margin: 0 auto
    }
}

.story-fifa-page .how-did-we .fifa-cameraman {
    position: absolute;
    bottom: 0
}

.story-fifa-page .how-did-we .hero-title {
    width: 130%!important
}

.story-fifa-page .how-did-we .hero-title span:first-child {
    margin-left: -30%
}

.story-fifa-page .how-did-we .hero-title span.font-cheddar {
    width: 80%!important
}

.story-fifa-page .how-did-we .carousel-caption.right {
    margin-left: 55%!important;
    width: 40%;
    margin-top: 0%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .story-fifa-page .how-did-we .carousel-caption.right {
        width: 80%;
        margin-top: 0%;
        margin-left: auto!important;
        margin-right: auto!important;
        top: 40px
    }
    .story-fifa-page .how-did-we .hero-title {
        padding-bottom: 10px
    }
    .story-fifa-page .how-did-we .hero-title span:first-child {
        margin-left: 0
    }
    .story-fifa-page .how-did-we .hero-title span.font-cheddar {
        width: 80%!important
    }
}

@media only screen and (max-width:767px) {
    .story-fifa-page .how-did-we {
        padding-top: 120%
    }
    .story-fifa-page .how-did-we .fifa-cameraman {
        width: 50%
    }
    .story-fifa-page .how-did-we .carousel-caption.right {
        width: 80%;
        margin-top: 0%;
        margin-left: auto!important;
        margin-right: auto!important;
        top: 40px
    }
    .story-fifa-page .how-did-we .hero-title {
        width: 100%!important;
        padding-bottom: 10px
    }
    .story-fifa-page .how-did-we .hero-title span:first-child {
        margin-left: 0
    }
    .story-fifa-page .how-did-we .hero-title span.font-cheddar {
        width: 80%!important
    }
}

@media only screen and (min-width:360px) and (max-width:767px) {
    .story-fifa-page .how-did-we .fifa-cameraman {
        width: 70%
    }
}

@media only screen and (min-width:375px) and (max-width:767px) {
    .story-fifa-page .how-did-we .fifa-cameraman {
        width: 80%
    }
}

.story-fifa-page .plain-gray-story {
    background: none repeat scroll 0 0 #e5e5e5;
    padding-top: 0!important
}

.story-fifa-page .plain-gray-story .gsi-contbox {
    padding: 60px
}

.story-fifa-page .plain-gray-story.carousel-wrap:before {
    padding-top: 0!important
}

.story-fifa-page .plain-gray-story .section-header {
    padding-top: 0
}

.story-fifa-page .plain-gray-story .section-header h2 {
    text-transform: none
}

.story-fifa-page .plain-gray-story .section-header span {
    display: block
}

.story-fifa-page .plain-gray-story hr {
    width: 140px;
    border-top: 1px solid #747474
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .story-fifa-page .plain-gray-story {
        padding-bottom: 40px
    }
}

@media only screen and (max-width:767px) {
    .story-fifa-page .plain-gray-story .gsi-contbox {
        padding: 30px
    }
}

.story-fifa-page .ethernet .carousel-caption.left {
    width: 70%;
    max-width: 800px;
    margin-top: 0;
    margin-left: 5%
}

.story-fifa-page .ethernet .section-header {
    width: 100%;
    text-align: left;
    padding-top: 0;
    padding-bottom: 20px
}

.story-fifa-page .ethernet .section-header h2 {
    text-transform: none!important
}

.story-fifa-page .ethernet .ethernet-cable {
    position: absolute;
    right: 10%;
    top: 0
}

@media (min-width:992px) {
    .story-fifa-page .ethernet {
        padding: 30px 0 40px 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .story-fifa-page .ethernet {
        max-height: 750px
    }
    .story-fifa-page .ethernet .item:after {
        background: none
    }
    .story-fifa-page .ethernet .carousel-caption.left {
        max-width: 400px
    }
    .story-fifa-page .ethernet .ethernet-cable {
        right: -50%;
        top: -60px
    }
}

@media only screen and (max-width:767px) {
    .story-fifa-page .ethernet {
        padding-top: 310%;
        max-height: 1608px
    }
    .story-fifa-page .ethernet .item:after {
        background: none
    }
    .story-fifa-page .ethernet .carousel-caption.left {
        top: 10px
    }
    .story-fifa-page .ethernet .section-header h2 {
        width: 70%
    }
    .story-fifa-page .ethernet .ethernet-cable {
        width: 70px;
        top: -10px;
        right: -30px
    }
}

@media only screen and (min-width:360px) and (max-width:767px) {
    .story-fifa-page .ethernet {
        max-height: 1260px!important
    }
}

@media only screen and (min-width:375px) and (max-width:767px) {
    .story-fifa-page .ethernet {
        max-height: 1170px!important
    }
}

@media only screen and (min-width:400px) and (max-width:767px) {
    .story-fifa-page .ethernet {
        padding-top: 260%;
        max-height: 800px!important
    }
}

.story-fifa-page .what-do {
    position: relative;
    overflow: hidden
}

.story-fifa-page .what-do .what-do-1 {
    height: 500px;
    width: 100%;
    background: #000 url(../img/fifa-story/fifa-bg-5.jpg) no-repeat left top
}

.story-fifa-page .what-do .what-do-1 .carousel-caption {
    margin-left: 40%;
    width: 60%;
    max-width: 750px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .story-fifa-page .what-do .what-do-1 .carousel-caption {
        margin-left: 0%;
        width: 80%;
        top: 450px
    }
    .story-fifa-page .what-do .what-do-1 .carousel-caption .hero-title .font-cheddar {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .story-fifa-page .what-do .what-do-1 .carousel-caption {
        margin-left: 0%;
        width: 80%;
        top: 450px
    }
    .story-fifa-page .what-do .what-do-1 .carousel-caption .hero-title .font-cheddar {
        display: block
    }
}

.story-fifa-page .what-do .what-do-2 {
    width: 100%;
    background: #000
}

.story-fifa-page .what-do .what-do-2 .carousel-caption {
    width: 100%;
    max-width: 80%
}

.story-fifa-page .what-do .what-do-2 .carousel-caption .emphasis {
    font-family: EurostileLTStdBold
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .story-fifa-page .what-do .what-do-2 {
        height: 700px
    }
    .story-fifa-page .what-do .what-do-2 .carousel-caption {
        top: 800px
    }
}

@media only screen and (max-width:767px) {
    .story-fifa-page .what-do .what-do-2 {
        height: 1400px
    }
    .story-fifa-page .what-do .what-do-2 .carousel-caption {
        top: 1150px
    }
}

@media only screen and (min-width:360px) and (max-width:767px) {
    .story-fifa-page .what-do .what-do-2 {
        height: 1250px
    }
    .story-fifa-page .what-do .what-do-2 .carousel-caption {
        top: 1050px
    }
}

@media only screen and (min-width:414px) and (max-width:767px) {
    .story-fifa-page .what-do .what-do-2 {
        height: 1100px
    }
    .story-fifa-page .what-do .what-do-2 .carousel-caption {
        top: 1000px
    }
}

.story-fifa-page .what-do .what-do-3 {
    height: 800px;
    width: 100%;
    background: #000 url(../img/fifa-story/fifa-bg-6.jpg) no-repeat;
    background-size: cover
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .story-fifa-page .what-do .what-do-3 {
        height: 415px
    }
}

@media only screen and (min-width:1024px) and (max-width:1199px) {
    .story-fifa-page .what-do .what-do-3 {
        height: 625px
    }
}

@media only screen and (max-width:767px) {
    .story-fifa-page .what-do .what-do-3 {
        height: 215px
    }
}

.story-fifa-page .what-do #confetti-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 3;
    background: transparent url(../img/fifa-story/fifa-confetti-1.png) repeat
}

.story-fifa-page .what-do #confetti-2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
    background: transparent url(../img/fifa-story/fifa-confetti-2.png) repeat
}

.story-fifa-page .plain-white-story {
    background: none repeat scroll 0 0 #fff;
    padding: 1% 0 3% 0;
    padding-top: 0!important
}

.story-fifa-page .plain-white-story.carousel-wrap:before {
    padding-top: 0!important
}

.story-fifa-page .plain-white-story .section-header {
    width: 70%
}

.story-fifa-page .plain-white-story .section-header h2 {
    text-transform: none
}

.story-fifa-page .plain-white-story .section-header span {
    display: block
}

.story-fifa-page .fifa-video .btn-play {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: rgba(0, 0, 0, .5) url(../img/icon-play-white-big.png) no-repeat center center;
    transition: background-color 0.3s ease
}

.story-fifa-page .fifa-video .btn-play:hover {
    background: transparent url(../img/icon-play-white-big.png) no-repeat center center
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .story-fifa-page .fifa-video {
        max-height: 400px
    }
}

@media only screen and (max-width:767px) {
    .story-fifa-page .fifa-video {
        max-height: 250px
    }
    .story-fifa-page .fifa-video .btn-play {
        background: rgba(0, 0, 0, .5) url(../img/icon-play-white-41.png) no-repeat center center
    }
}

.story-fifa-page .revealOnScroll {
    opacity: 0
}

body.reports-page .about-us-menu>li {
    width: 8%
}

body.reports-page .about-us-menu>li+li {
    width: 16%
}

body.reports-page .about-us-menu>li+li+li+li {
    width: 20%
}

body.reports-page .about-us-menu>li+li+li+li+li {
    width: 16%
}

body.reports-page .section {
    padding-bottom: 70px
}

body.reports-page .section-header h4 {
    margin-bottom: 0
}

body.reports-page .darkgrybg {
    background: #222;
    padding-bottom: 100px
}

body.reports-page .darkgrybg .report-title {
    font-family: 'EurostileLTStd', arial, helvetica;
    font-size: 26px;
    color: #FFF
}

body.reports-page .darkgrybg h2 {
    font-size: 26px;
    font-family: EurostileLTStdBold;
    font-weight: 400;
    line-height: 1;
    color: #e31837;
    margin-top: 30px;
    margin-bottom: 0
}

body.reports-page .reports-wrapper .re_pre_ic1,
body.reports-page .reports-wrapper .re_pre_ic2,
body.reports-page .reports-wrapper .re_pre_ic3,
body.reports-page .reports-wrapper .re_pre_ic4,
body.reports-page .reports-wrapper .re_pre_ic5 {
    background: url(../img/report-presentations.png) no-repeat;
    width: 17px;
    height: 21px;
    display: block
}

body.reports-page .reports-wrapper .re_pre_ic1 {
    background-position: 0 0
}

body.reports-page .reports-wrapper .re_pre_ic2 {
    background-position: -32px 0
}

body.reports-page .reports-wrapper .re_pre_ic3 {
    background-position: -62px 0
}

body.reports-page .reports-wrapper .re_pre_ic4 {
    background-position: -91px 0
}

body.reports-page .reports-wrapper .re_pre_ic5 {
    background-position: -119px 0;
    width: 20px;
    float: left;
    margin-right: 5px
}

body.reports-page .reports-wrapper .inv-rela-table {
    margin-top: 15px
}

body.reports-page .reports-wrapper .inv-rela-table tr.row-hide-table-data {
    display: none
}

body.reports-page .reports-wrapper .inv-rela-table td {
    background: #d5d2d2;
    border-bottom: 1px solid #ecebeb;
    padding: 8px 12px;
    text-align: left;
    font: 14px arial
}

body.reports-page .reports-wrapper .inv-rela-table td .download-links {
    font: 10px arial;
    color: #FFF;
    overflow: hidden;
    text-align: center
}

body.reports-page .reports-wrapper .inv-rela-table td.date-box {
    color: #e31837
}

body.reports-page .reports-wrapper .inv-rela-table td.last {
    background: #e31837
}

body.reports-page .reports-wrapper .inv-rela-table td.TAC {
    text-align: center
}

body.reports-page .reports-wrapper .inv-rela-table td.TAC .number-of-file {
    float: right;
    width: 85px;
    text-align: center
}

body.reports-page .reports-wrapper .inv-rela-table .see-less-hide {
    display: none
}

body.reports-page .reports-wrapper .inv-rela-table .see-less-hide .caret {
    border-bottom: 4px solid;
    border-top: 0
}

body.reports-page .reports-wrapper .inv-repo-tabs a {
    background: #5e5d5d;
    width: 50%;
    display: block;
    font-family: 'EurostileLTStd', arial, helvetica;
    font-size: 26px;
    height: 50px;
    float: left;
    text-align: center;
    color: #FFF;
    line-height: 55px
}

body.reports-page .reports-wrapper .inv-repo-tabs a.active {
    color: #e31837;
    background: #222
}

body.reports-page .reports-wrapper .heading-container {
    width: 960px;
    margin: 0 auto;
    padding: 0 10px
}

body.reports-page .reports-wrapper .heading-container .drop-down-listbox {
    margin: 60px 0 40px 0
}

body.reports-page .reports-wrapper .heading-container .drop-down-listbox ul {
    padding: 0;
    margin: 0
}

body.reports-page .reports-wrapper .heading-container .drop-down-listbox ul li .custom-drop-down-box {
    background-color: #fff
}

body.reports-page .reports-wrapper .heading-container .drop-down-listbox ul li.opt-two-line input[type=checkbox] {
    height: 30px;
    float: left
}

body.reports-page .reports-wrapper .heading-container .drop-down-listbox ul li.opt-two-line span {
    float: left;
    width: 80%
}

body.reports-page .reports-wrapper .heading-container .drop-down-listbox ul li:nth-child(2) .custom-list-box {
    margin-left: 0
}

body.reports-page .reports-wrapper .heading-container .drop-down-listbox .custom-list-box.year-list-box {
    width: 130px
}

body.reports-page .reports-wrapper .heading-container .drop-down-listbox .custom-list-box.year-list-box ul li {
    width: 100%
}

@media only screen and (max-width:767px) {
    body.reports-page .reports-wrapper .heading-container .drop-down-listbox {
        margin-top: 40px;
        margin-bottom: 20px
    }
    body.reports-page .reports-wrapper .heading-container .drop-down-listbox ul li {
        width: 100%
    }
    body.reports-page .reports-wrapper .heading-container .drop-down-listbox ul li a {
        width: 100%;
        margin: 0 auto
    }
    body.reports-page .reports-wrapper .heading-container .drop-down-listbox ul li .custom-list-box {
        width: 300px
    }
    body.reports-page .reports-wrapper .heading-container .drop-down-listbox ul li .custom-list-box .check_list li {
        float: left
    }
    body.reports-page .reports-wrapper .heading-container .drop-down-listbox .custom-list-box.year-list-box {
        width: 100%
    }
    body.reports-page .reports-wrapper .heading-container .drop-down-listbox .custom-list-box.year-list-box ul li {
        width: 100%
    }
}

body.reports-page .reports-wrapper .heading-container h3.filter {
    font-family: "EurostileLTStdBold";
    font-size: 25px;
    color: #e31837;
    margin: 0
}

body.reports-page .reports-wrapper .heading-container .num-results {
    text-align: right;
    margin: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.reports-page .reports-wrapper .heading-container {
        max-width: 720px
    }
}

@media only screen and (max-width:767px) {
    body.reports-page .reports-wrapper .heading-container {
        width: 100%;
        max-width: 100%
    }
    body.reports-page .reports-wrapper .heading-container h3.filter {
        font-size: 18px;
        margin: 0 auto
    }
    body.reports-page .reports-wrapper .heading-container .num-results {
        text-align: left;
        font-size: 14px;
        margin: 10px auto 0 auto
    }
}

body.reports-page .reports-wrapper ul.reports-results {
    list-style: none;
    position: relative;
    padding: 0;
    height: 100%;
    margin: 30px auto 0 auto;
    max-width: 960px;
    color: #fff
}

body.reports-page .reports-wrapper ul.reports-results li {
    float: left;
    margin: 10px
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry {
    position: relative;
    height: 270px;
    width: 220px;
    padding: 20px 25px 25px 25px
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .report-heading {
    display: table;
    height: 25px
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .report-heading .report-icon,
body.reports-page .reports-wrapper ul.reports-results li .reports-entry .report-heading span {
    display: table-cell;
    vertical-align: middle
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .report-heading span {
    font-size: 10px;
    font-family: arial;
    text-transform: uppercase;
    padding-left: 7px;
    padding-top: 2px
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .report-title {
    font-family: 'EurostileLTStd', arial, helvetica;
    font-size: 17px;
    margin-top: 13px
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .report-date {
    font-family: 'EurostileLTStd', arial, helvetica;
    font-size: 13px;
    text-transform: uppercase
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry hr {
    width: 45px;
    margin: 15px 0
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-action {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: #383838;
    padding: 15px 0 0 20px
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-action .btn-add {
    background-color: #e31837;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 5px;
    color: #fff;
    margin-right: 5px
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-action .btn-add:hover {
    background-color: #c60d29
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-action a.add {
    display: inline-block;
    font-family: Arial, helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-action a.add:hover {
    color: #e31837
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-download-wrapper {
    position: absolute;
    bottom: 30px;
    left: 0;
    padding: 0 25px
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-download-wrapper .report-date {
    padding-bottom: 5px
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-download-wrapper ul.bottom-download {
    list-style: none;
    padding: 0
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-download-wrapper ul.bottom-download li {
    font-size: 10px;
    text-transform: uppercase;
    margin: 2px 0;
    display: table
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-download-wrapper ul.bottom-download li img {
    display: table-cell;
    vertical-align: middle
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-download-wrapper ul.bottom-download li a {
    color: #fff;
    display: table-cell;
    vertical-align: middle
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-download-wrapper ul.bottom-download li a:hover {
    text-decoration: underline!important
}

@media only screen and (max-width:767px) {
    body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-download-wrapper ul.bottom-download li img {
        display: inline-block;
        margin-right: 5px
    }
    body.reports-page .reports-wrapper ul.reports-results li .reports-entry .bottom-download-wrapper ul.bottom-download li a {
        display: inline-block
    }
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-1 {
    background: url(../img/reports-boxbg-1.jpg) no-repeat;
    padding: 20px 25px 50px 25px
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-1 .report-title {
    min-height: 100px;
    max-height: 100px;
    overflow: hidden
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-1 .report-heading span {
    padding-top: 4px
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-2 {
    background: url(../img/reports-boxbg-2.jpg) no-repeat;
    padding: 20px 25px 50px 25px
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-2 .report-title {
    min-height: 100px;
    max-height: 100px;
    overflow: hidden
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-3 {
    background: url(../img/reports-boxbg-3.jpg) no-repeat
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-4 {
    background: url(../img/reports-boxbg-4.jpg) no-repeat
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-5 {
    background: url(../img/reports-boxbg-5.jpg) no-repeat
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-6 {
    background: url(../img/reports-boxbg-6.jpg) no-repeat
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-7 {
    background: url(../img/reports-boxbg-7.jpg) no-repeat
}

body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-7 .report-title {
    font-size: 16px
}

@media only screen and (max-width:767px) {
    body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-3,
    body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-4,
    body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-5,
    body.reports-page .reports-wrapper ul.reports-results li .reports-entry.report-type-6 {
        height: auto!important;
        min-height: 220px;
        max-height: 220px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.reports-page .reports-wrapper ul.reports-results {
        max-width: 720px
    }
}

@media only screen and (max-width:767px) {
    body.reports-page .reports-wrapper ul.reports-results {
        margin: 10px 10px 0 10px
    }
    body.reports-page .reports-wrapper ul.reports-results li {
        width: 100%;
        margin: 10px 0
    }
    body.reports-page .reports-wrapper ul.reports-results li .reports-entry {
        width: 100%;
        height: 270px;
        background-size: cover!important
    }
}

body.reports-page .download-inv-box,
body.reports-page .clearity-kye-date {
    width: 50%;
    float: left;
    height: 460px
}

body.reports-page .clearity-kye-date {
    border-left: 1px solid #d5d5d5
}

body.reports-page .inv-box {
    width: 50%;
    float: left
}

body.reports-page .loading-more-reports {
    text-align: center;
    margin: 70px 0
}

body.reports-page a.inv-contacts {
    background: transparent url(../img/reports-inv-contacts-bg.jpg) no-repeat center center
}

body.reports-page a.inv-faqs {
    background: transparent url(../img/reports-inv-faqs-bg.jpg) no-repeat center center
}

body.reports-page a.inv-contacts,
body.reports-page a.inv-faqs {
    display: inline-block;
    background-size: cover;
    height: 200px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    font-family: 'arial', helvetica, sans-serif
}

body.reports-page a.inv-contacts span,
body.reports-page a.inv-faqs span {
    color: #fff;
    position: relative;
    top: 48%
}

body.reports-page a.inv-contacts:hover span,
body.reports-page a.inv-faqs:hover span {
    text-decoration: underline
}

body.reports-page .date-box-inv {
    background: #e31837;
    width: 33.3%;
    text-align: center;
    float: left;
    padding: 3%;
    height: 165px;
    font: 11px arial;
    border-right: 1px solid #FFF;
    color: #FFF
}

body.reports-page .date-box-inv h3 {
    font-family: "EurostileLTStd";
    font-size: 23px;
    line-height: 23px;
    color: #FFF;
    margin: 0
}

body.reports-page .date-box-inv h4 {
    font-family: EurostileLTStdBold;
    font-size: 39px;
    margin: 0;
    color: #FFF
}

body.reports-page .date-box-inv p {
    margin: 0!important
}

body.reports-page .date-box-inv:last-child {
    border-right: none
}

body.reports-page .TAC {
    text-align: center
}

body.reports-page .extras-wrapper {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0
}

body.reports-page .extras-wrapper .extras-container h2 {
    font-size: 22px;
    font-family: EurostileLTStdBold;
    font-weight: 400;
    line-height: 1;
    color: #e31837;
    margin-top: 25px;
    margin-bottom: 0
}

body.reports-page .extras-wrapper .extras-container h2.cal-key {
    background: #bd152f;
    margin: 0;
    padding: 10px 0;
    color: #FFF;
    font-family: "EurostileLTStd";
    font-size: 15px
}

body.reports-page .extras-wrapper .extras-container h2.MT20 {
    margin-top: 20px
}

body.reports-page .extras-wrapper .extras-container input.email-box {
    float: left;
    height: 40px;
    width: 280px;
    margin-right: 10px
}

body.reports-page .extras-wrapper .extras-container input {
    height: 30px;
    padding-left: 10px;
    width: 220px
}

body.reports-page .extras-wrapper .extras-container::-webkit-input-placeholder {
    font-style: italic
}

body.reports-page .extras-wrapper .extras-container::-moz-placeholder {
    font-style: italic
}

body.reports-page .extras-wrapper .extras-container:-ms-input-placeholder {
    font-style: italic
}

body.reports-page .extras-wrapper .extras-container input:-moz-placeholder {
    font-style: italic
}

body.reports-page .extras-wrapper .extras-container p {
    margin: 10px 0
}

body.reports-page .extras-wrapper .extras-container .mobile-dl {
    display: inline-block;
    margin-right: 5px;
    float: left
}

body.reports-page .extras-wrapper .extras-container .col-sm-4 {
    padding-left: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.reports-page .extras-wrapper .extras-container .mobile-dl img {
        height: 40px
    }
    body.reports-page .extras-wrapper .extras-container input.email-box {
        width: 160px
    }
    body.reports-page .extras-wrapper .extras-container .date-box-inv {
        height: 185px;
        padding: 4%
    }
}

@media only screen and (max-width:767px) {
    body.reports-page .extras-wrapper .extras-container h2 {
        font-size: 33px;
        margin-top: 40px
    }
    body.reports-page .extras-wrapper .extras-container input {
        width: 100%
    }
    body.reports-page .extras-wrapper .extras-container .mobile-dl img {
        height: 42px
    }
    body.reports-page .extras-wrapper .extras-container .col-sm-4 {
        padding-left: 15px
    }
    body.reports-page .extras-wrapper .extras-container a.inv-faqs {
        margin-top: 30px
    }
    body.reports-page .extras-wrapper .extras-container a.inv-contacts {
        margin-top: 15px
    }
    body.reports-page .extras-wrapper .extras-container .col-sm-3 {
        padding: 0 15px 40px 15px!important
    }
}

@media only screen and (max-width:767px) {
    body.reports-page .extras-wrapper {
        padding: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.reports-page .section {
        padding-bottom: 40px
    }
    body.reports-page .section.bottom-prev-next.btn-style-3 .btn .fa.fa-caret-left {
        left: 13%
    }
    body.reports-page .about-us-menu {
        padding-right: 0px!important
    }
}

@media only screen and (max-width:767px) {
    body.reports-page .section-header h2,
    body.reports-page .section-header h4 {
        text-align: left
    }
    body.reports-page .section-header h4 {
        margin-bottom: 0
    }
    body.reports-page .section {
        padding-bottom: 40px
    }
    body.reports-page .section.bottom-prev-next {
        padding-top: 0
    }
    body.reports-page .section.bottom-prev-next.btn-style-3 .btn .fa.fa-caret-left {
        left: 5%
    }
}

body.reports-page .btn-small {
    background-color: #e31837;
    border: 1px solid #e31837;
    font-size: 13px;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #ffffff!important;
    float: left
}

body.reports-page .drop-down-listbox ul {
    float: left
}

body.reports-page .reports-wrapper h2.ac-title .caret {
    display: none
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.reports-page .download-inv-box,
    body.reports-page .clearity-kye-date {
        height: 500px
    }
    body.reports-page a.inv-contacts,
    body.reports-page a.inv-faqs {
        height: 220px
    }
    body.reports-page .reports-wrapper .inv-repo-tabs a {
        font-size: 20px;
        height: 45px;
        line-height: 50px
    }
}

@media only screen and (max-width:767px) {
    body.reports-page .btn-small.FR {
        float: right;
        margin-top: 42px
    }
    body.reports-page .email-box {
        height: 40px;
        padding: 5px 10px;
        margin-bottom: 10px
    }
    body.reports-page .subscribe {
        width: 100%
    }
    body.reports-page .drop-down-listbox ul {
        float: left;
        width: 79%
    }
    body.reports-page .download-inv-box,
    body.reports-page .clearity-kye-date {
        display: none
    }
    body.reports-page .reports-wrapper .inv-repo-tabs a {
        font-size: 14px;
        height: 35px;
        line-height: 40px
    }
    body.reports-page .reports-wrapper .darkgrybg {
        padding-bottom: 0
    }
    body.reports-page .reports-wrapper .darkgrybg .report-title {
        margin-bottom: 30px
    }
    body.reports-page .reports-wrapper .inv-rela-table {
        width: 100%;
        overflow-x: scroll;
        margin-top: 0
    }
    body.reports-page .reports-wrapper .inv-rela-table table {
        width: 700px
    }
    body.reports-page .reports-wrapper h2.ac-title {
        background: #d5d2d2;
        font-family: 'EurostileLTStd', arial, helvetica;
        text-align: center;
        color: #222;
        border-bottom: 1px solid #222;
        font-size: 20px;
        padding: 15px 0;
        margin: 0
    }
    body.reports-page .reports-wrapper h2.ac-title .caret {
        display: block;
        float: right;
        margin: 8px 10px 0 0
    }
    body.reports-page .date-box-inv {
        width: 100%;
        text-align: left;
        float: left;
        height: auto;
        border-bottom: 1px solid #222
    }
    body.reports-page .rap-mobile h2 {
        font-size: 26px;
        font-family: EurostileLTStdBold;
        font-weight: 400;
        line-height: 1;
        color: #e31837;
        margin-top: 30px;
        margin-bottom: 0
    }
    body.reports-page .rap-mobile .mobile-dl {
        float: left
    }
    body.reports-page .rap-mobile .inv-box {
        width: 100%;
        float: none
    }
    body.reports-page .rap-mobile .inv-box .inv-faqs,
    body.reports-page .rap-mobile .inv-box .inv-contacts {
        height: 190px
    }
    body.reports-page .date-box-main {
        margin-top: 20px
    }
    body.reports-page .date-box-inv {
        border-right: none
    }
}

.MT20 {
    margin-top: 20px
}

body.csr-page .page-content {
    background-color: #fff
}

body.csr-page .about-us-section h2.page-title {
    height: auto
}

body.csr-page .about-us-section h2.page-title .font-cheddar {
    position: relative;
    font-size: 40px;
    top: -7px
}

body.csr-page .about-us-section .links {
    border-top: none
}

body.csr-page .about-us-section .about-us-article .about-us-right-side span {
    width: auto
}

body.csr-page .about-us-section p {
    font-size: 15px
}

@media only screen and (max-width:767px) {
    body.csr-page .about-us-section h2.page-title .font-cheddar {
        font-size: 28px
    }
    body.csr-page .about-us-section .links {
        border-top: 1px solid #ccc;
        margin-top: 15px
    }
    body.csr-page .about-us-section p {
        font-size: 13px
    }
}

@media only screen and (max-width:767px) {
    body.csr-page .our-history-section .carousel-wrap {
        margin-top: 0
    }
}

body.csr-page .accordion-section {
    padding-bottom: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.csr-page .accordion-section {
        padding-top: 30px
    }
    body.csr-page .accordion-section .panel-body {
        padding-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    body.csr-page .accordion-section {
        width: 98%;
        margin: 0 auto
    }
    body.csr-page .accordion-section .section-content {
        overflow: hidden
    }
    body.csr-page .accordion-section .panel-body {
        padding-bottom: 0
    }
}

body.csr-page .accordion-section .leaders-section .des {
    font-size: 13px;
    font-weight: 700
}

body.csr-page .foundations-lbox {
    overflow: hidden;
    padding: 0 25px
}

body.csr-page .foundations-lbox .item-wrapper {
    width: 100%;
    margin: 0 auto 35px 0
}

body.csr-page .foundations-lbox .item-wrapper .img-wrapper {
    width: 100%;
    overflow: hidden
}

body.csr-page .foundations-lbox .item-wrapper .img-wrapper img {
    width: 100%
}

body.csr-page .foundations-lbox .item-wrapper .caption-title {
    text-align: center;
    line-height: 55px;
    height: 55px;
    width: 100%;
    margin: 0;
    background-color: #fcfcfc;
    color: #e31837
}

body.csr-page .foundations-lbox .item-wrapper .caption-title h3 {
    margin: 0
}

body.csr-page .foundations-lbox .item-wrapper .lbox-content {
    display: none
}

body.csr-page .foundations-lbox .item-wrapper:hover {
    cursor: pointer
}

body.csr-page .foundations-lbox .item-wrapper:hover .caption-title {
    background-color: #e31837;
    color: #fff
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.csr-page .foundations-lbox {
        padding: 0
    }
    body.csr-page .foundations-lbox .scale-effect {
        padding: 0
    }
    body.csr-page .foundations-lbox .item-wrapper {
        margin-bottom: 0;
        height: 320px
    }
    body.csr-page .foundations-lbox .item-wrapper .caption-title {
        height: 100%;
        width: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, .5);
        top: 0;
        left: 0;
        color: #fff;
        line-height: 320px
    }
    body.csr-page .foundations-lbox .item-wrapper:hover .caption-title {
        background-color: rgba(0, 0, 0, .3)
    }
}

@media only screen and (max-width:767px) {
    body.csr-page .foundations-lbox {
        padding: 0
    }
    body.csr-page .foundations-lbox .scale-effect {
        padding: 0
    }
    body.csr-page .foundations-lbox .item-wrapper {
        margin-bottom: 0;
        height: 170px
    }
    body.csr-page .foundations-lbox .item-wrapper .caption-title {
        height: 100%;
        width: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, .5);
        top: 0;
        left: 0;
        color: #fff;
        line-height: 170px
    }
    body.csr-page .foundations-lbox .item-wrapper:hover .caption-title {
        background-color: rgba(0, 0, 0, .3)
    }
}

body.csr-page .mid-buttons {
    padding-bottom: 50px;
    background-color: #f1f1f1
}

body.csr-page .mid-buttons a:first-child {
    margin-right: 20px
}

@media only screen and (max-width:767px) {
    body.csr-page .mid-buttons {
        padding-bottom: 0
    }
    body.csr-page .mid-buttons a:first-child {
        margin: 0 auto
    }
    body.csr-page .mid-buttons .btn {
        width: 80%;
        margin: 5px auto;
        display: block
    }
}

body.csr-page .lbox-content {
    background-color: #fff;
    width: 80%;
    max-width: 820px;
    margin: 0 auto;
    padding: 45px 45px 25px 45px
}

@media only screen and (max-width:767px) {
    body.csr-page .lbox-content {
        background-color: transparent!important;
        color: #fff
    }
}

body.csr-page .lbox-content h3 {
    color: #e31837;
    font-size: 40px;
    font-family: 'EurostileLTStdBold';
    line-height: 1.2;
    margin: 0
}

body.csr-page .lbox-content .caption-links {
    color: #e31837;
    border-top: 1px solid #ccc;
    padding-top: 25px;
    position: relative
}

body.csr-page .lbox-content .caption-links .link-item {
    display: inline-block;
    margin-right: 50px;
    line-height: 1
}

body.csr-page .lbox-content .caption-links .link-item span {
    margin-top: 3px;
    display: inline-block
}

body.csr-page .lbox-content .caption-links img {
    margin-right: 10px
}

body.csr-page .lbox-content .csr-foundation-inner {
    overflow-y: auto;
    position: relative;
    height: 100%;
    max-height: 346px;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width:767px) {
    body.csr-page .lbox-content h3 {
        font-size: 25px
    }
    body.csr-page .lbox-content .link-item {
        display: block;
        margin-bottom: 10px
    }
    body.csr-page .lbox-content .csr-foundation-inner {
        max-height: 380px
    }
}

body.csr-page .fancybox-wrap .fancybox-close {
    background: url(../img/btn-lbox-close-black.png) no-repeat center center!important;
    right: 95px!important;
    top: 15px!important
}

body.csr-page .section.rise-for-good .section-header {
    padding-bottom: 0;
    padding-top: 20px!important
}

body.csr-page .section.rise-for-good hr {
    border-top: 1px solid #d1d1d3;
    width: 300px
}

body.csr-page .section.rise-for-good h3 {
    font-family: 'EurostileLTStd';
    font-size: 24px;
    margin: 0
}

body.csr-page .section.rise-for-good p {
    font-size: 15px
}

@media only screen and (max-width:767px) {
    body.csr-page .section.rise-for-good {
        padding-top: 30px
    }
    body.csr-page .section.rise-for-good h3 {
        font-size: 18px
    }
    body.csr-page .section.rise-for-good p {
        font-size: 13px
    }
    body.csr-page .section.rise-for-good hr {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    body.csr-page .bottom-prev-next {
        padding-top: 40px
    }
    body.csr-page .fancybox-nav {
        display: none
    }
    body.csr-page .fancybox-wrap .fancybox-close {
        background: url(../img/btn-lbox-close.png) no-repeat center center!important;
        right: 20px!important;
        top: 0px!important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #carousel-about-us-video .carousel-inner>.item {
        background-position: center center!important;
        background-size: 100% 100%!important
    }
    body.csr-page .about-us-section .carousel-wrap::before {
        padding-top: 60.313%
    }
    body.csr-page .foundations-lbox .item-wrapper {
        height: auto
    }
}

@media only screen and (max-width:767px) {
    #carousel-about-us-video .carousel-inner>.item {
        background-position: center center!important;
        background-size: 100% 100%!important
    }
    .about-us-section .carousel-wrap::before {
        padding-top: 64.313%
    }
    body.csr-page .foundations-lbox .item-wrapper {
        height: auto
    }
}

body.csr-details-page .leaders-section {
    background-color: #343434;
    padding-top: 30px;
    padding-bottom: 30px
}

body.csr-details-page .leaders-section .section-header {
    padding-bottom: 40px
}

body.csr-details-page .leaders-section .section-header h2 {
    text-transform: none!important
}

body.csr-details-page .leaders-section .section-header span {
    color: #fff
}

body.csr-details-page .leaders-section .overlay-inner {
    margin-top: 0!important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.csr-details-page .leaders-section .overlay-inner i {
        display: none!important
    }
    body.csr-details-page .leaders-section .overlay-inner .des {
        width: 500px;
        margin: 0;
        font-size: 23px
    }
}

body.csr-details-page .leaders-section .overlay-full {
    width: 100%;
    height: 100%;
    pointer-events: all!important;
    padding: 25px;
    background-color: #f1f1f1;
    background-size: cover
}

body.csr-details-page .leaders-section .overlay-full:hover {
    background-color: #f1f1f1;
    color: #e31837
}

body.csr-details-page .leaders-section .overlay-full .des ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 700
}

body.csr-details-page .leaders-section .overlay-full .des ul li {
    text-align: left;
    margin: 20px;
    display: table;
    width: 80%
}

body.csr-details-page .leaders-section .overlay-full .des ul li a {
    display: inline-block
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.csr-details-page .leaders-section .overlay-full .des ul li {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    body.csr-details-page .leaders-section .overlay-full .des ul li {
        width: 100%;
        margin: 0;
        padding: 5px 0
    }
}

body.csr-details-page .leaders-section .overlay-full .des ul .fa {
    margin: 0
}

body.csr-details-page .leaders-section .overlay-full .des ul .fa.fa-caret-right {
    margin-left: 10px;
    font-size: 16px
}

body.csr-details-page .leaders-section .overlay-full .des ul .fa.fa-envelope {
    font-size: 20px;
    margin-right: 5px;
    display: inline-block;
    float: left;
    display: table-cell
}

body.csr-details-page .leaders-section .overlay-full .des ul img {
    margin-right: 5px;
    display: inline-block;
    float: left;
    display: table-cell
}

body.csr-details-page .leaders-section .overlay-full .des ul span {
    display: table-cell;
    padding-top: 1px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.csr-details-page .leaders-section .overlay-full .des ul span {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    body.csr-details-page .leaders-section .overlay-full .des ul {
        font-size: 13px
    }
}

body.csr-details-page .leaders-section .overlay-full .des a:hover {
    text-decoration: underline!important
}

@media only screen and (max-width:767px) {
    body.csr-details-page .leaders-section .overlay-full .des {
        width: 100%;
        margin: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.csr-details-page .leaders-section {
        padding-bottom: 0
    }
    body.csr-details-page .leaders-section .block-item {
        height: 270px
    }
    body.csr-details-page .leaders-section .special-block {
        background-color: #f1f1f1
    }
    body.csr-details-page .leaders-section .special-block:hover {
        background-color: #f1f1f1
    }
    body.csr-details-page .leaders-section .special-block i {
        display: inline-block!important
    }
}

@media only screen and (max-width:767px) {
    body.csr-details-page .leaders-section {
        padding-bottom: 0
    }
    body.csr-details-page .leaders-section .special-block {
        background-color: #f1f1f1;
        font-size: 13px;
        height: 180px
    }
    body.csr-details-page .leaders-section .special-block:hover {
        background-color: #f1f1f1
    }
    body.csr-details-page .leaders-section .special-block i {
        display: inline-block!important
    }
}

body.csr-details-page .product-details {
    padding-bottom: 80px
}

body.csr-details-page .product-details.product-details-thumb {
    padding-bottom: 80px;
    margin-bottom: 0
}

body.csr-details-page .product-details.product-details-thumb .product-details-image {
    margin-top: 0;
    width: 100%
}

body.csr-details-page .product-details.product-details-thumb .psd-caption-panel {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0!important;
    top: auto!important
}

@media only screen and (max-width:767px) {
    body.csr-details-page .product-details.product-details-thumb .psd-caption-panel {
        height: auto
    }
}

body.csr-details-page .product-details.product-details-thumb .psd-caption-panel-inner {
    background-color: rgba(0, 0, 0, .7);
    height: 50px;
    width: 100%;
    color: #fff;
    padding: 0 15px;
    top: none!important;
    bottom: 0!important
}

body.csr-details-page .product-details.product-details-thumb .psd-caption-panel-inner p {
    line-height: 50px;
    margin: 0 20px
}

@media only screen and (max-width:767px) {
    body.csr-details-page .product-details.product-details-thumb .psd-caption-panel-inner {
        padding: 15px 0;
        height: 100%
    }
    body.csr-details-page .product-details.product-details-thumb .psd-caption-panel-inner p {
        line-height: 1.2;
        font-size: 13px;
        height: 100%;
        display: block
    }
}

body.csr-details-page .product-details.product-details-thumb .pager-thumbs a {
    width: 189px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    body.csr-details-page .product-details.product-details-thumb .pager-thumbs a {
        width: 155px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.csr-details-page .product-details.product-details-thumb .pager-thumbs a {
        width: 119px
    }
}

@media only screen and (max-width:767px) {
    body.csr-details-page .product-details.product-details-thumb .pager-thumbs a {
        width: 25%
    }
}

@media only screen and (max-width:767px) {
    body.csr-details-page .product-details.product-details-thumb {
        height: auto;
        padding-bottom: 0;
        margin-bottom: 40px
    }
    body.csr-details-page .product-details.product-details-thumb .psd-caption-panel {
        position: relative
    }
    body.csr-details-page .product-details.product-details-thumb .list-carousel-btn {
        top: 38%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.csr-details-page .product-details.product-details-thumb .list-carousel {
        height: 260px
    }
    body.csr-details-page .product-details.product-details-thumb .list-carousel-btn {
        top: 38%
    }
}

body.csr-details-page .product-details .psd-caption-panel-inner .des .link {
    display: block;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 700;
    color: #e31837
}

body.csr-details-page .product-details .psd-caption-panel-inner .des .link:hover {
    text-decoration: underline!important
}

body.csr-details-page .product-details .psd-caption-panel-inner .des .link .fa-caret-right {
    margin-left: 5px
}

body.csr-details-page .product-details .list-carousel {
    height: 405px
}

body.csr-details-page .product-details .list-carousel .product-details-inner:hover .des .link {
    color: #fff
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.csr-details-page .product-details .list-carousel {
        height: auto;
        min-height: 251px
    }
    body.csr-details-page .product-details .list-carousel .product-details-inner {
        height: 251px;
        min-height: 251px
    }
}

@media only screen and (max-width:767px) {
    body.csr-details-page .product-details .list-carousel {
        height: auto
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.csr-details-page .product-details {
        padding-bottom: 80px
    }
}

@media only screen and (max-width:767px) {
    body.csr-details-page .product-details {
        height: 580px
    }
}

body.csr-details-page .section.rise-for-good {
    background-color: #343434
}

body.csr-details-page .section.rise-for-good .section-header {
    padding-bottom: 0;
    padding-top: 20px!important
}

body.csr-details-page .section.rise-for-good hr {
    border-top: 1px solid #d1d1d3;
    width: 300px
}

body.csr-details-page .section.rise-for-good h2>span {
    color: #fff
}

body.csr-details-page .section.rise-for-good h3 {
    font-family: 'EurostileLTStd';
    font-size: 24px;
    margin: 0;
    color: #fff
}

body.csr-details-page .section.rise-for-good p {
    font-size: 15px;
    color: #fff
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.csr-details-page .section.rise-for-good {
        padding-top: 50px
    }
}

@media only screen and (max-width:767px) {
    body.csr-details-page .section.rise-for-good {
        padding-top: 30px
    }
    body.csr-details-page .section.rise-for-good h3 {
        font-size: 18px
    }
    body.csr-details-page .section.rise-for-good p {
        font-size: 13px
    }
    body.csr-details-page .section.rise-for-good hr {
        width: 50%
    }
}

body.csr-details-page .section.rise-for-good p {
    margin-bottom: 30px
}

body.csr-details-page .mid-buttons {
    padding-bottom: 90px;
    background-color: #343434
}

body.csr-details-page .mid-buttons .btn-primary:first-child {
    margin-right: 20px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.csr-details-page .mid-buttons {
        padding-bottom: 50px
    }
}

@media only screen and (max-width:767px) {
    body.csr-details-page .mid-buttons {
        padding-bottom: 50px
    }
    body.csr-details-page .mid-buttons .btn-primary:first-child {
        margin: 5px auto
    }
    body.csr-details-page .mid-buttons .btn {
        display: block;
        margin: 5px auto;
        width: 80%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.csr-details-page .leaders-section .block-item {
        height: auto
    }
}

body.sustainability-page {
    background-color: #fff
}

body.sustainability-page h2.page-title {
    height: auto
}

body.sustainability-page h2.page-title .font-cheddar {
    position: relative;
    font-size: 40px;
    top: -7px
}

@media only screen and (max-width:767px) {
    body.sustainability-page h2.page-title .font-cheddar {
        font-size: 28px;
        display: inline-block;
        line-height: 1
    }
}

body.sustainability-page p.article {
    font-size: 15px
}

body.sustainability-page .about-us-right-side .falink {
    float: left;
    margin-top: 3px
}

body.sustainability-page .about-us-right-side .weblink {
    float: left;
    margin-top: 1px
}

@media only screen and (max-width:767px) {
    body.sustainability-page .about-us-right-side .links ul>li>a>span {
        width: 80%
    }
    body.sustainability-page .about-us-right-side .links {
        padding-top: 25px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.sustainability-page .about-us-right-side .links {
        padding-top: 25px
    }
}

body.sustainability-page .accordion-section {
    padding-top: 50px;
    padding-bottom: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.sustainability-page .accordion-section {
        padding: 20px 20px 0 20px
    }
}

@media only screen and (max-width:767px) {
    body.sustainability-page .accordion-section {
        padding: 20px 20px 0 20px
    }
}

body.sustainability-page .panel-collapse .panel-body p {
    margin: 15px 0
}

body.sustainability-page .panel-collapse .panel-body .section-header h2 {
    font-size: 30px;
    padding-top: 0
}

body.sustainability-page .panel-collapse .panel-body .section-header h4 {
    margin: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.sustainability-page .panel-collapse .panel-body {
        padding-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    body.sustainability-page .panel-collapse .panel-body {
        padding-bottom: 0
    }
}

body.sustainability-page .panel-collapse.sustainability-performance .col-xs-12 {
    padding-bottom: 50px
}

body.sustainability-page .panel-collapse.sustainability-performance .row:last-child {
    padding-bottom: 40px
}

body.sustainability-page .panel-collapse.sustainability-performance hr {
    border-top: 1px solid #969696;
    width: 55px
}

body.sustainability-page .panel-collapse.sustainability-performance .highlight {
    font-family: EurostileLTStdBold;
    font-size: 25px;
    font-weight: 700;
    color: #e31837;
    display: block;
    line-height: 1.1;
    margin: 5px 0
}

body.sustainability-page .panel-collapse.sustainability-performance .txt-crisil,
body.sustainability-page .panel-collapse.sustainability-performance .txt-dowjones,
body.sustainability-page .panel-collapse.sustainability-performance .txt-cdp {
    width: 60%;
    margin: 0 auto
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.sustainability-page .panel-collapse.sustainability-performance .txt-crisil,
    body.sustainability-page .panel-collapse.sustainability-performance .txt-dowjones,
    body.sustainability-page .panel-collapse.sustainability-performance .txt-cdp {
        width: 90%
    }
}

body.sustainability-page .panel-collapse.sustainability-performance .txt-cdp span {
    font-size: 35px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.sustainability-page .panel-collapse.sustainability-performance .txt-cdp span {
        font-size: 30px
    }
}

@media only screen and (max-width:767px) {
    body.sustainability-page .panel-collapse.sustainability-performance .col-sm-4 {
        padding-top: 40px
    }
}

body.sustainability-page .panel-collapse.green-facilities .leaders-section,
body.sustainability-page .panel-collapse.sustainable-products .leaders-section {
    padding-bottom: 0
}

body.sustainability-page .panel-collapse.green-facilities .leaders-section .des,
body.sustainability-page .panel-collapse.sustainable-products .leaders-section .des {
    font-size: 15px;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    body.sustainability-page .panel-collapse.green-facilities .leaders-section,
    body.sustainability-page .panel-collapse.sustainable-products .leaders-section {
        font-size: 13px
    }
}

body.sustainability-page .panel-collapse.green-facilities .section-content,
body.sustainability-page .panel-collapse.sustainable-products .section-content {
    padding: 0
}

body.sustainability-page .panel-collapse.esops hr {
    border-top: 1px solid #969696;
    width: 55px
}

body.sustainability-page .panel-collapse.esops .row:nth-child(3) {
    padding-top: 40px
}

body.sustainability-page .panel-collapse.esops .row:last-child {
    padding: 40px 0 40px 0
}

body.sustainability-page .panel-collapse.esops .nutshell-wrapper ul {
    list-style-type: none;
    width: 500px;
    margin: 0 auto;
    padding: 0
}

body.sustainability-page .panel-collapse.esops .nutshell-wrapper ul li {
    display: inline-block;
    font-size: 17px;
    width: 150px;
    margin: 20px 0
}

body.sustainability-page .panel-collapse.esops .nutshell-wrapper ul span {
    display: block;
    font-family: EurostileLTStdBold;
    font-size: 25px;
    font-weight: 700;
    color: #e31837;
    display: block;
    line-height: 1.1;
    margin: 5px 0
}

@media only screen and (max-width:767px) {
    body.sustainability-page .panel-collapse.esops .nutshell-wrapper ul {
        width: 100%
    }
}

body.sustainability-page .panel-collapse.sustainable-roadmap .section-header {
    width: 70%
}

body.sustainability-page .mid-buttons {
    padding-bottom: 30px
}

body.sustainability-page .mid-buttons a:first-child {
    margin-right: 20px
}

@media only screen and (max-width:767px) {
    body.sustainability-page .mid-buttons {
        padding-bottom: 30px
    }
    body.sustainability-page .mid-buttons a:first-child {
        margin: 0 auto
    }
    body.sustainability-page .mid-buttons .btn {
        width: 80%;
        margin: 5px auto;
        display: block
    }
}

body.sustainability-page .section.rise-for-good .section-header {
    padding-bottom: 0;
    padding-top: 20px!important
}

body.sustainability-page .section.rise-for-good hr {
    border-top: 1px solid #d1d1d3;
    width: 300px
}

body.sustainability-page .section.rise-for-good h3 {
    font-family: 'EurostileLTStd';
    font-size: 24px;
    margin: 0
}

body.sustainability-page .section.rise-for-good p {
    font-size: 15px
}

@media only screen and (max-width:767px) {
    body.sustainability-page .section.rise-for-good h3 {
        font-size: 18px
    }
    body.sustainability-page .section.rise-for-good p {
        font-size: 13px
    }
    body.sustainability-page .section.rise-for-good hr {
        width: 50%
    }
}

body.sustainability-page .section.rise-for-good p {
    margin-bottom: 30px
}

body.sustainability-page .section.bottom-prev-next {
    text-align: left
}

body.sustainability-page .carousel-control.right>.fa,
body.sustainability-page .carousel-control.left>.fa {
    top: 50%!important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.sustainability-page .section.bottom-prev-next {
        background: #fff
    }
    body.sustainability-page .more {
        margin-bottom: 20px!important
    }
    body.sustainability-page .about-us-section .carousel-wrap::before {
        padding-top: 60.313%
    }
}

@media only screen and (max-width:767px) {
    body.sustainability-page .section.bottom-prev-next {
        background: #fff
    }
    body.sustainability-page .more {
        margin-bottom: 20px!important
    }
    body.sustainability-page .about-us-article img {
        width: auto;
        height: auto
    }
    body.sustainability-page p.article {
        font-size: 13px
    }
    body.sustainability-page .about-us-section .carousel-wrap::before {
        padding-top: 64.313%
    }
}

body.investors-page {
    background-color: #fff
}

body.investors-page hr {
    border-top: 1px solid #d8d8d8
}

body.investors-page hr.section-divider {
    width: 100%;
    max-width: 490px
}

body.investors-page .about-us-menu>li {
    width: 8%
}

body.investors-page .about-us-menu>li+li {
    width: 16%
}

body.investors-page .about-us-menu>li+li+li+li {
    width: 20%
}

body.investors-page .about-us-menu>li+li+li+li+li {
    width: 16%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.investors-page .about-us-menu {
        padding-right: 0px!important
    }
}

body.investors-page .mm-section .section-header {
    padding-top: 0
}

body.investors-page .about-us-section {
    padding: 60px 0
}

body.investors-page .about-us-section .section-header {
    padding-top: 0
}

body.investors-page .about-us-section h3 {
    font-size: 20px;
    font-family: 'EurostileLTStdBold';
    color: #e31837
}

body.investors-page .about-us-section .bx-wrapper img {
    width: 100%
}

body.investors-page .about-us-section .bx-wrapper .bx-next,
body.investors-page .about-us-section .bx-wrapper .bx-prev {
    height: 39px;
    width: 39px;
    text-indent: -999999px;
    display: inline-block;
    white-space: normal
}

body.investors-page .about-us-section .bx-wrapper .bx-next {
    background: url(../img/next-arow.png) no-repeat;
    float: right
}

body.investors-page .about-us-section .bx-wrapper .bx-prev {
    background: url(../img/prev-arow.png) no-repeat;
    float: left
}

body.investors-page .exchange-rate {
    *zoom: 1;
    padding-bottom: 15px
}

body.investors-page .exchange-rate:before,
body.investors-page .exchange-rate:after {
    content: " ";
    display: table
}

body.investors-page .exchange-rate:after {
    clear: both
}

body.investors-page .exchange-rate .current-rate {
    float: left;
    margin-right: 40px
}

body.investors-page .exchange-rate .current-rate .rate {
    font-size: 36px;
    font-weight: 700
}

body.investors-page .exchange-rate .current-rate .time-date {
    font-size: 18px
}

body.investors-page .exchange-rate .todays-change {
    float: left
}

body.investors-page .exchange-rate .todays-change .label {
    font-size: 18px
}

body.investors-page .exchange-rate .todays-change .rate {
    *zoom: 1
}

body.investors-page .exchange-rate .todays-change .rate:before,
body.investors-page .exchange-rate .todays-change .rate:after {
    content: " ";
    display: table
}

body.investors-page .exchange-rate .todays-change .rate:after {
    clear: both
}

body.investors-page .exchange-rate .todays-change .rate .arrow-wrap {
    float: left;
    display: inline-block;
    height: 70px;
    margin-right: 10px
}

body.investors-page .exchange-rate .todays-change .rate .arrow-wrap .arrow {
    margin-top: 13px
}

body.investors-page .exchange-rate .todays-change .rate .content {
    float: left;
    font-size: 30px;
    font-weight: 700;
    text-align: center
}

body.investors-page .exchange-rate .todays-change .rate .content span {
    font-size: 20px;
    display: block
}

body.investors-page .exchange-rate .todays-change .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #0c0
}

body.investors-page .exchange-rate .todays-change .arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid red
}

body.investors-page .atw-section .section-header {
    padding-top: 60px
}

body.investors-page .atw-section .filters {
    padding: 15px 0 50px 0
}

body.investors-page .atw-section .filters .dropdown {
    display: inline-block;
    padding: 0 5px
}

body.investors-page .atw-section .zoom-controls {
    height: 90px;
    width: 45px;
    position: absolute;
    bottom: 0;
    right: -20px
}

body.investors-page .atw-section .zoom-controls a {
    background-color: #e31837;
    color: #fff;
    padding: 6px 10px 8px 10px;
    font-size: 25px;
    border-radius: 5px;
    display: block;
    margin-top: 5px
}

body.investors-page .atw-section .zoom-controls a:hover {
    background-color: #DF324C
}

body.investors-page .section-block-style-1 [class*='col-'] {
    padding: 0;
    border: 1px solid #fff;
    border-left: none;
    border-top: none;
    height: 100%
}

body.investors-page .section-block-style-1 h3 {
    font-family: 'EurostileLTStd';
    font-size: 30px;
    color: #e31837;
    margin: 0 0 10px 0;
    line-height: 1
}

body.investors-page .section-block-style-1 p {
    margin: 0;
    font-size: 15px
}

body.investors-page .section-block-style-1 .text-container {
    background-color: #f1f1f1;
    padding: 40px;
    height: 100%
}

body.investors-page .section-block-style-1 .image-container {
    display: table;
    height: 100%;
    width: 100%
}

body.investors-page .section-block-style-1 .image-container img.invimg {
    width: 100%;
    height: auto
}

body.investors-page .section-block-style-1 .image-container-half {
    display: table;
    height: 50%;
    width: 100%;
    border-bottom: 1px solid #fff;
    background-size: 100% auto!important
}

body.investors-page .section-block-style-1 .image-container-half .des {
    display: inline-block;
    line-height: 1
}

body.investors-page .section-block-style-1 .image-container-half img {
    margin: 0 10px 0 0;
    display: inline-block
}

body.investors-page .section-block-style-1 a {
    background-color: #000;
    display: inline-block;
    height: 100%;
    width: 100%
}

body.investors-page .section-block-style-1 a:hover .image-container,
body.investors-page .section-block-style-1 a:hover .image-container-half {
    opacity: .9
}

body.investors-page .section-block-style-1 a .overlay {
    display: table-cell;
    font-size: 20px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200px;
    margin: -45px 0 0 -100px
}

body.investors-page .section-block-style-1 a.second .overlay {
    margin: -25px 0 0 -100px
}

body.investors-page .section-block-style-1 .row-1 {
    position: relative;
    height: 250px
}

body.investors-page .section-block-style-1 .row-2 {
    height: 250px
}

body.investors-page .section-block-style-1 .row-3 {
    height: 300px
}

body.investors-page .section-block-style-1 .row-4 {
    height: 300px
}

body.investors-page .section-style02 {
    background: #fff
}

body.investors-page .section-style02 .caption-panel {
    box-shadow: inset 0 0 0 1px #e0e0e0;
    display: table;
    text-align: center
}

body.investors-page .section-style02 .caption-panel .caption-panel-inner {
    display: table-cell;
    vertical-align: middle
}

body.investors-page .section-style02 .caption-panel:hover {
    box-shadow: inset 0 0 0 1px #e31837
}

body.investors-page .section-style02 .scale-effect:hover .caption-panel {
    box-shadow: inset 0 0 0 1px #e31837
}

body.investors-page .section-style02 .block-item .spotlight-image img {
    width: 120%;
    margin-left: -10%
}

body.investors-page .section-style02 .block-item.item-alignment {
    margin-left: 12.46%
}

body.investors-page .subscribe-section {
    padding-top: 60px
}

body.investors-page .subscribe-section .extras-wrapper {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 10px
}

body.investors-page .subscribe-section .extras-wrapper .extras-container {
    background-color: #fff
}

body.investors-page .subscribe-section .extras-wrapper .extras-container h2 {
    font-size: 22px;
    font-family: EurostileLTStdBold;
    font-weight: 400;
    line-height: 1;
    color: #e31837;
    margin-top: 55px;
    margin-bottom: 0
}

body.investors-page .subscribe-section .extras-wrapper .extras-container input {
    height: 30px;
    padding-left: 10px;
    width: 220px
}

body.investors-page .subscribe-section .extras-wrapper .extras-container::-webkit-input-placeholder {
    font-style: italic
}

body.investors-page .subscribe-section .extras-wrapper .extras-container::-moz-placeholder {
    font-style: italic
}

body.investors-page .subscribe-section .extras-wrapper .extras-container:-ms-input-placeholder {
    font-style: italic
}

body.investors-page .subscribe-section .extras-wrapper .extras-container input:-moz-placeholder {
    font-style: italic
}

body.investors-page .subscribe-section .extras-wrapper .extras-container p {
    margin: 10px 0
}

body.investors-page .subscribe-section .extras-wrapper .extras-container .mobile-dl {
    display: inline-block;
    margin-right: 5px;
    float: left
}

body.investors-page .subscribe-section .extras-wrapper .extras-container a.inv-contacts {
    background: transparent url(../img/reports-inv-contacts-bg.jpg) no-repeat
}

body.investors-page .subscribe-section .extras-wrapper .extras-container a.inv-faqs {
    background: transparent url(../img/reports-inv-faqs-bg.jpg) no-repeat
}

body.investors-page .subscribe-section .extras-wrapper .extras-container a.inv-contacts,
body.investors-page .subscribe-section .extras-wrapper .extras-container a.inv-faqs {
    display: inline-block;
    background-size: cover;
    height: 130px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    font-family: 'arial', helvetica, sans-serif
}

body.investors-page .subscribe-section .extras-wrapper .extras-container a.inv-contacts span,
body.investors-page .subscribe-section .extras-wrapper .extras-container a.inv-faqs span {
    color: #fff;
    position: relative;
    top: 48%
}

body.investors-page .subscribe-section .extras-wrapper .extras-container a.inv-contacts:hover span,
body.investors-page .subscribe-section .extras-wrapper .extras-container a.inv-faqs:hover span {
    text-decoration: underline
}

body.investors-page .subscribe-section .extras-wrapper .extras-container .col-sm-4 {
    padding-left: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.investors-page .subscribe-section .extras-wrapper .extras-container .mobile-dl img {
        height: 40px
    }
}

@media only screen and (max-width:767px) {
    body.investors-page .subscribe-section .extras-wrapper .extras-container h2 {
        font-size: 33px;
        margin-top: 40px
    }
    body.investors-page .subscribe-section .extras-wrapper .extras-container input {
        width: 100%
    }
    body.investors-page .subscribe-section .extras-wrapper .extras-container .mobile-dl img {
        height: 42px
    }
    body.investors-page .subscribe-section .extras-wrapper .extras-container .col-sm-4 {
        padding-left: 15px
    }
    body.investors-page .subscribe-section .extras-wrapper .extras-container a.inv-faqs {
        margin-top: 30px
    }
    body.investors-page .subscribe-section .extras-wrapper .extras-container a.inv-contacts {
        margin-top: 15px
    }
    body.investors-page .subscribe-section .extras-wrapper .extras-container .col-sm-3 {
        padding: 0 15px 40px 15px!important
    }
}

@media only screen and (max-width:767px) {
    body.investors-page .subscribe-section .extras-wrapper {
        padding: 0
    }
}

@media only screen and (min-width:993px) and (max-width:1199px) {
    body.investors-page .section-style02 .block-item .spotlight-image img {
        width: 150%;
        margin-left: -20%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.investors-page .mm-section {
        padding-bottom: 20px
    }
    body.investors-page .about-us-section {
        padding-top: 20px
    }
    body.investors-page .about-us-section .bx-controls {
        margin-top: 15px
    }
    body.investors-page .links a {
        font-size: 13px!important
    }
    body.investors-page .exchange-rate .current-rate .rate {
        font-size: 18px
    }
    body.investors-page .exchange-rate .current-rate .time-date {
        font-size: 10px
    }
    body.investors-page .exchange-rate .todays-change .label {
        font-size: 10px
    }
    body.investors-page .exchange-rate .todays-change .rate .content {
        font-size: 15px
    }
    body.investors-page .exchange-rate .todays-change .rate .content span {
        font-size: 11px
    }
    body.investors-page .exchange-rate .todays-change .rate .arrow-wrap {
        height: 40px;
        margin-right: 5px;
        margin-left: 2px
    }
    body.investors-page .exchange-rate .todays-change .rate .arrow-wrap .arrow {
        margin-top: 5px
    }
    body.investors-page .exchange-rate .todays-change .rate .arrow-up {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 8px solid #0c0
    }
    body.investors-page .exchange-rate .todays-change .rate .arrow-down {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 8px solid red
    }
    body.investors-page .section-style02 {
        padding-top: 40px;
        padding-bottom: 40px
    }
    body.investors-page .section-style02 .section-header h4 {
        margin-bottom: 50px
    }
    body.investors-page .section-style02 .news-bar {
        position: relative;
        height: 85px;
        line-height: 90px;
        background-color: #222;
        padding: 0
    }
    body.investors-page .section-style02 .news-bar .section-title {
        color: #e31837;
        font-size: 24px;
        margin: 0;
        padding-left: 40px
    }
    body.investors-page .section-style02 .news-bar .carousel-news {
        margin-left: -30px
    }
    body.investors-page .section-style02 .news-bar .carousel-news .carousel-inner {
        height: 85px
    }
    body.investors-page .section-style02 .news-bar .carousel-news .carousel-inner .carousel-caption {
        position: absolute;
        margin: 0;
        padding: 0;
        left: 15%;
        right: 10%;
        top: 50%;
        bottom: auto;
        text-align: left;
        max-width: none!important;
        width: auto;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
    body.investors-page .section-style02 .news-bar .carousel-news .carousel-inner .item {
        height: 100%;
        line-height: normal
    }
    body.investors-page .section-style02 .news-bar .carousel-news .carousel-inner .item .news-title {
        font-size: 15px;
        font-weight: 700;
        color: #ccc
    }
    body.investors-page .section-style02 .news-bar .carousel-news .carousel-inner .item .news-title:hover {
        color: #fff
    }
    body.investors-page .section-style02 .news-bar .carousel-news .carousel-inner .item .news-title .fa {
        position: relative;
        top: 1px
    }
    body.investors-page .section-style02 .news-bar .carousel-news .carousel-control {
        width: auto;
        top: 2px;
        left: 20px;
        right: auto;
        padding: 0 20px;
        background: none!important
    }
    body.investors-page .section-style02 .news-bar .carousel-news .carousel-control.right {
        left: 55px;
        right: auto
    }
    body.investors-page .section-style02 .news-bar .today {
        line-height: normal;
        color: #fff;
        display: inline-block;
        margin-top: 18px;
        float: right;
        position: absolute;
        right: 0;
        left: auto
    }
    body.investors-page .section-style02 .news-bar .today .month-part {
        display: block;
        font-size: 12px;
        color: rgba(255, 255, 255, .7)
    }
    body.investors-page .section-style02 .news-bar .today .day-part {
        display: block;
        font-size: 22px;
        line-height: 18px;
        margin: 3px 0 1px
    }
    body.investors-page .section-style02 .news-bar .today .day-part sup {
        margin-left: 3px;
        font-size: 14px;
        color: rgba(255, 255, 255, .7)
    }
    body.investors-page .section-style02 .news-bar .today .year-part {
        display: block;
        font-size: 10px;
        letter-spacing: 6px;
        color: rgba(255, 255, 255, .7)
    }
    body.investors-page .section-style02 .news-bar .today .comma {
        display: none
    }
    body.investors-page .section-style02 .block-item {
        height: 340px
    }
    body.investors-page .section-style02 .block-item .spotlight-image {
        position: relative;
        height: 170px;
        width: 100%
    }
    body.investors-page .section-style02 .block-item .spotlight-image:before {
        content: '';
        display: block;
        padding-top: 0
    }
    body.investors-page .section-style02 .block-item .spotlight-image img {
        position: relative;
        width: 180%;
        max-width: none;
        margin-left: -40%
    }
    body.investors-page .section-style02 .block-item .caption-panel {
        background: #fff;
        height: 170px
    }
    body.investors-page .section-style02 .block-item .caption-panel .caption-panel-inner {
        padding: 25px 30px;
        top: 0;
        height: 100%;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    body.investors-page .section-style02 .block-item .caption-panel .caption-panel-inner .title {
        font-size: 12px
    }
    body.investors-page .section-style02 .block-item .caption-panel .caption-panel-inner .des {
        font-size: 12px
    }
    body.investors-page .section-style02 .block-item .caption-panel:after {
        content: '';
        position: absolute;
        top: -19px;
        left: 50%;
        margin-left: -10px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-bottom-color: #fff
    }
    body.investors-page .section-style02 .block-item:first-child+.block-item .spotlight-image,
    body.investors-page .section-style02 .block-item.even .spotlight-image {
        position: absolute;
        bottom: 0
    }
    body.investors-page .section-style02 .block-item:first-child+.block-item .caption-panel,
    body.investors-page .section-style02 .block-item.even .caption-panel {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
    body.investors-page .section-style02 .block-item:first-child+.block-item .caption-panel:after,
    body.investors-page .section-style02 .block-item.even .caption-panel:after {
        content: '';
        position: absolute;
        top: auto;
        bottom: -19px;
        left: 50%;
        margin-left: -10px;
        height: 0;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        border-top-color: #fff
    }
    body.investors-page .section-style02 .scale-effect:hover .caption-panel {
        box-shadow: inset 0 0 0 1px #e0e0e0
    }
    body.investors-page .how-we-win-section {
        padding-bottom: 0
    }
    body.investors-page .section-block-style-1 h3 {
        font-size: 22px
    }
    body.investors-page .section-block-style-1 p {
        font-size: 15px
    }
    body.investors-page .section-block-style-1 .text-container {
        padding: 20px
    }
    body.investors-page .section-block-style-1 .row-1 {
        height: 200px
    }
    body.investors-page .section-block-style-1 .row-3 {
        height: 270px
    }
    body.investors-page .section-block-style-1 .row-4 {
        height: 240px
    }
    body.investors-page .atw-section .zoom-controls {
        left: 30px
    }
    body.investors-page .subscribe-section {
        padding-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    body.investors-page .mm-section {
        padding-bottom: 10px
    }
    body.investors-page .mm-section .btn-primary {
        width: 90%;
        margin: 0 auto;
        font-size: 11px
    }
    body.investors-page .about-us-section {
        padding-top: 0;
        padding-bottom: 20px
    }
    body.investors-page .about-us-section .bx-prev,
    body.investors-page .about-us-section .bx-next {
        height: 25px!important;
        width: 25px!important;
        background-size: cover!important
    }
    body.investors-page .exchange-rate .current-rate {
        width: 100%
    }
    body.investors-page .exchange-rate .current-rate .rate {
        font-size: 30px
    }
    body.investors-page .exchange-rate .current-rate .time-date {
        font-size: 14px
    }
    body.investors-page .exchange-rate .todays-change .label {
        font-size: 14px
    }
    body.investors-page .exchange-rate .todays-change .rate .content {
        font-size: 30px
    }
    body.investors-page .exchange-rate .todays-change .rate .content span {
        font-size: 25px
    }
    body.investors-page .exchange-rate .todays-change .rate .arrow-wrap {
        height: 80px;
        margin-right: 0;
        margin-left: 5px
    }
    body.investors-page .exchange-rate .todays-change .rate .arrow-wrap .arrow {
        margin-top: 12px
    }
    body.investors-page .atw-section {
        padding-bottom: 30px
    }
    body.investors-page .atw-section .section-header {
        padding-top: 30px
    }
    body.investors-page .atw-section .filters .dropdown {
        width: 100%;
        margin-top: 10px
    }
    body.investors-page .atw-section .filters .dropdown .btn {
        width: 100%
    }
    body.investors-page .section-block-style-1 h3 {
        font-size: 18px
    }
    body.investors-page .section-block-style-1 p {
        font-size: 14px
    }
    body.investors-page .section-block-style-1 .text-container {
        padding: 20px
    }
    body.investors-page .section-block-style-1 .row-1 {
        height: 200px
    }
    body.investors-page .section-block-style-1 .row-2 {
        height: 180px
    }
    body.investors-page .section-block-style-1 .row-2 .col-sm-6+.col-sm-6+.col-sm-6 {
        height: auto
    }
    body.investors-page .section-block-style-1 .row-3 {
        height: 200px
    }
    body.investors-page .section-block-style-1 .row-3 .col-xs-12+.col-xs-12 {
        height: auto
    }
    body.investors-page .section-block-style-1 .row-4 {
        height: 200px
    }
    body.investors-page .section-block-style-1 .row-4 .col-sm-pull-4 {
        height: 350px
    }
    body.investors-page .how-we-win-section {
        padding-bottom: 0
    }
    body.investors-page .section-block-style-1 [class*='col-'] {
        border: none
    }
    body.investors-page .section-block-style-1 .image-container-half {
        border: none
    }
    body.investors-page .section-style02 .container {
        padding: 0
    }
    body.investors-page .section-style02 .container .mt-2 {
        margin-top: 0!important
    }
    body.investors-page .section-style02 .block-item.item-alignment {
        margin-left: 0
    }
    body.investors-page .section-style02 .spotlight-image {
        height: 170px
    }
    body.investors-page .section-style02 .block-item .spotlight-image img {
        margin-left: 0
    }
    body.investors-page .section-style02 .caption-panel {
        box-shadow: none;
        background-color: #f1f1f1
    }
    body.investors-page .subscribe-section {
        padding-top: 0;
        padding-bottom: 20px
    }
    body.investors-page .subscribe-section .extras-wrapper .extras-container h2 {
        font-size: 18px
    }
    body.investors-page .subscribe-section .extras-wrapper .extras-container .btn {
        width: 100%
    }
    body.investors-page .subscribe-section .extras-wrapper .extras-container .col-sm-3 {
        padding: 0!important
    }
    body.investors-page .subscribe-section .extras-wrapper .extras-container .col-sm-3 .inv-faqs {
        background-position: 0 -50px
    }
    body.investors-page .subscribe-section .extras-wrapper .extras-container .col-sm-3 .inv-contacts {
        margin-top: 0;
        background-position: 0 -40px
    }
}

@media (max-width:1024px) {
    body.investors-page .section-block-style-1 .row-2 {
        height: 208px
    }
    body.investors-page .section-block-style-1 .row-3 {
        height: 249px
    }
    body.investors-page .invimg {
        width: 100%
    }
    body.investors-page .section-block-style-1 .row-4 {
        height: 250px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.investors-page .section-block-style-1 .row-2 {
        height: 248px
    }
    body.investors-page .section-block-style-1 .row-3 {
        height: 270px
    }
    body.investors-page .section-block-style-1 .row-4 {
        height: 300px
    }
    body.investors-page .section-block-style-1 .image-container-half img {
        margin: 0
    }
    body.investors-page .section-style02 .block-item .spotlight-image img {
        margin-left: -7px;
        width: 110%
    }
}

@media only screen and (max-width:767px) {
    body.investors-page .container {
        background: #f1f1f1
    }
    body.investors-page .section-style02 .spotlight-image {
        height: auto
    }
    body.investors-page .image-container {
        text-align: center
    }
    body.investors-page .image-container-half .mobileImg.invimg {
        margin: 0 auto;
        width: 100%;
        height: auto
    }
    body.investors-page .section-block-style-1 [class*='col-'] {
        height: auto
    }
    body.investors-page .section-block-style-1 .row-1 {
        height: auto
    }
    body.investors-page .row-3 .col-xs-12+.col-xs-12 {
        height: auto
    }
    body.investors-page .section-block-style-1 .row-4 .col-sm-pull-4 {
        height: auto
    }
}

body.careers-page {
    background-color: #fff
}

body.careers-page .about-us-menu li {
    width: 18%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.careers-page .about-us-menu {
        padding-right: 0px!important
    }
}

body.careers-page hr {
    border-top: 1px solid #ccc
}

body.careers-page .articles-section {
    padding: 60px 0
}

body.careers-page #article-carousel-wrapper,
body.careers-page #article-wrapper-mobile {
    position: relative
}

body.careers-page #article-carousel-wrapper #article-carousel,
body.careers-page #article-carousel-wrapper #article-list,
body.careers-page #article-wrapper-mobile #article-carousel,
body.careers-page #article-wrapper-mobile #article-list {
    width: 960px;
    height: 100%;
    margin: 0 auto
}

body.careers-page #article-carousel-wrapper #article-carousel .article-item,
body.careers-page #article-carousel-wrapper #article-list .article-item,
body.careers-page #article-wrapper-mobile #article-carousel .article-item,
body.careers-page #article-wrapper-mobile #article-list .article-item {
    width: 320px;
    display: block;
    float: left;
    padding: 25px
}

body.careers-page #article-carousel-wrapper #article-carousel .article-item .title,
body.careers-page #article-carousel-wrapper #article-list .article-item .title,
body.careers-page #article-wrapper-mobile #article-carousel .article-item .title,
body.careers-page #article-wrapper-mobile #article-list .article-item .title {
    font-size: 20px;
    font-family: 'EurostileLTStdBold';
    color: #e31837;
    line-height: 1.1;
    margin: 25px 0 10px 0
}

body.careers-page #article-carousel-wrapper #article-list,
body.careers-page #article-wrapper-mobile #article-list {
    width: 100%!important
}

body.careers-page #article-carousel-wrapper #article-list .article-item,
body.careers-page #article-wrapper-mobile #article-list .article-item {
    width: 100%!important
}

body.careers-page #article-carousel-wrapper #article-list .article-item img,
body.careers-page #article-wrapper-mobile #article-list .article-item img {
    width: 100%
}

body.careers-page #article-carousel-wrapper .caroufredsel_wrapper,
body.careers-page #article-wrapper-mobile .caroufredsel_wrapper {
    margin-left: 0!important
}

body.careers-page #article-carousel-wrapper #prev,
body.careers-page #article-carousel-wrapper #next,
body.careers-page #article-wrapper-mobile #prev,
body.careers-page #article-wrapper-mobile #next {
    font-size: 25px;
    color: #bebebe;
    position: absolute;
    top: 48%
}

body.careers-page #article-carousel-wrapper #prev:hover,
body.careers-page #article-carousel-wrapper #next:hover,
body.careers-page #article-wrapper-mobile #prev:hover,
body.careers-page #article-wrapper-mobile #next:hover {
    opacity: .8
}

body.careers-page #article-carousel-wrapper #prev,
body.careers-page #article-wrapper-mobile #prev {
    left: 10%
}

body.careers-page #article-carousel-wrapper #next,
body.careers-page #article-wrapper-mobile #next {
    right: 10%
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    body.careers-page #article-carousel-wrapper #prev,
    body.careers-page #article-wrapper-mobile #prev {
        left: 2%
    }
    body.careers-page #article-carousel-wrapper #next,
    body.careers-page #article-wrapper-mobile #next {
        right: 2%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.careers-page #article-carousel-wrapper #article-carousel,
    body.careers-page #article-wrapper-mobile #article-carousel {
        width: 690px;
        margin: 0 auto
    }
    body.careers-page #article-carousel-wrapper #article-carousel .article-item,
    body.careers-page #article-wrapper-mobile #article-carousel .article-item {
        width: 230px;
        padding: 10px
    }
    body.careers-page #article-carousel-wrapper #prev,
    body.careers-page #article-wrapper-mobile #prev {
        left: 2%
    }
    body.careers-page #article-carousel-wrapper #next,
    body.careers-page #article-wrapper-mobile #next {
        right: 2%
    }
}

@media only screen and (max-width:767px) {
    body.careers-page #article-carousel-wrapper #prev,
    body.careers-page #article-wrapper-mobile #prev {
        left: 2%
    }
    body.careers-page #article-carousel-wrapper #next,
    body.careers-page #article-wrapper-mobile #next {
        right: 2%
    }
}

body.careers-page .about-us-section .about-us-right-side .links {
    border-top: 0
}

body.careers-page .about-us-section .about-us-right-side .fa-envelope {
    margin-right: 15px;
    font-size: 17px
}

@media only screen and (max-width:767px) {
    body.careers-page .about-us-section .about-us-right-side .links {
        padding-bottom: 10px
    }
}

body.careers-page .rise-in-action-section.evp-section {
    background-color: #fff
}

body.careers-page .rise-in-action-section.evp-section hr {
    margin: 50px 0
}

body.careers-page .rise-in-action-section.evp-section h2.mahindra-people-header span,
body.careers-page .rise-in-action-section.evp-section h2.mahindra-experience span {
    font-size: 43px
}

@media only screen and (max-width:767px) {
    body.careers-page .rise-in-action-section.evp-section h2.mahindra-people-header span,
    body.careers-page .rise-in-action-section.evp-section h2.mahindra-experience span {
        font-size: 33px
    }
    body.careers-page .rise-in-action-section.evp-section .section-header {
        padding-top: 30px!important;
        padding-bottom: 30px
    }
}

body.careers-page .careers-boxed-content {
    background-color: #e5e5e5;
    height: 315px;
    width: 945px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 15px
}

body.careers-page .careers-boxed-content [class*="col-"] {
    padding: 0;
    overflow: hidden
}

body.careers-page .careers-boxed-content .col-md-4 {
    padding: 30px;
    overflow: hidden
}

body.careers-page .careers-boxed-content .col-md-4 h2 {
    color: #e31837;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 27px;
    line-height: 1.1
}

body.careers-page .careers-boxed-content .col-md-4 h2 span {
    font-family: 'cheddar_jackregular';
    color: #000
}

body.careers-page .careers-boxed-content .img-fluid {
    width: 100%
}

body.careers-page .careers-boxed-content .img-cover {
    height: 325px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.careers-page .careers-boxed-content {
        height: 325px;
        width: 100%;
        font-size: 13px
    }
    body.careers-page .careers-boxed-content .col-md-4 h2 {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    body.careers-page .careers-boxed-content {
        width: 100%;
        height: 470px;
        font-size: 13px
    }
    body.careers-page .careers-boxed-content .col-md-4 h2 {
        font-size: 22px
    }
}

body.careers-page .introduction-of-core-purpose .section-header {
    width: 90%;
    text-align: left
}

body.careers-page .introduction-of-core-purpose .section-header h4 {
    line-height: 22px
}

body.careers-page .introduction-of-core-purpose .row {
    margin: 0;
    background-color: #fff
}

body.careers-page .introduction-of-core-purpose .row div[class^='col-'] {
    padding: 0
}

body.careers-page .introduction-of-core-purpose .intro-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    border-right-width: 0;
    border-top: none;
    border-left: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

body.careers-page .introduction-of-core-purpose .intro-image:before {
    content: '';
    display: block;
    padding-top: 49%
}

body.careers-page .introduction-of-core-purpose .intro-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    max-width: none
}

body.careers-page .introduction-of-core-purpose .intro-image .overlay {
    background: rgba(0, 0, 0, .4);
    color: #fff;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

body.careers-page .introduction-of-core-purpose .intro-image .overlay:after {
    content: '';
    height: 100%;
    line-height: 100%;
    display: inline-block;
    vertical-align: middle
}

body.careers-page .introduction-of-core-purpose .intro-image .overlay>* {
    display: inline-block;
    vertical-align: middle
}

body.careers-page .introduction-of-core-purpose .intro-image .overlay:hover {
    background: rgba(0, 0, 0, .4)
}

body.careers-page .introduction-of-core-purpose .intro-image .overlay .fa {
    font-size: 42px;
    margin: 10px
}

body.careers-page .introduction-of-core-purpose .intro-image .overlay .icon-play {
    margin: 10px;
    background: url(../img/icon-play-white.png) left top no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block
}

body.careers-page .introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
    margin: 10px;
    background: url(../img/icon-play-white-41.png) left top no-repeat;
    width: 41px;
    height: 41px;
    display: inline-block
}

body.careers-page .introduction-of-core-purpose .intro-image .overlay .des {
    width: 100%;
    font-size: 18px;
    margin: 0 auto
}

body.careers-page .introduction-of-core-purpose .row-des {
    text-align: center
}

body.careers-page .introduction-of-core-purpose .row-des .row-des-inner {
    padding: 0;
    margin: 20px auto;
    display: inline-block;
    width: 85%;
    text-align: left
}

body.careers-page .introduction-of-core-purpose .row-des .row-des-inner .row-above {
    position: relative
}

body.careers-page .introduction-of-core-purpose .row-des .row-des-inner .num {
    font-size: 115px;
    display: inline-block;
    height: 90px;
    line-height: 90px;
    color: #9d9d9d;
    font-family: "EurostileLTStdBold";
    position: absolute;
    top: 0;
    left: -5px
}

body.careers-page .introduction-of-core-purpose .row-des .row-des-inner .row-title {
    font-family: "EurostileLTStdBold";
    font-size: 24px;
    line-height: 34px;
    max-width: 270px;
    display: inline-block;
    position: relative;
    margin-top: -7px;
    color: #e31837
}

body.careers-page .introduction-of-core-purpose .row-des .row-des-inner .row-exception .num {
    left: -35px
}

body.careers-page .introduction-of-core-purpose .row-des .row-content {
    display: inline-block;
    padding: 10px 0 0;
    font-size: 14px;
    line-height: 22px
}

@media (min-width:992px) {
    body.careers-page .introduction-of-core-purpose {
        padding-top: 35px
    }
    body.careers-page .introduction-of-core-purpose .section-header {
        text-align: center
    }
    body.careers-page .introduction-of-core-purpose .section-header h4 {
        font-size: 17px;
        line-height: 30px
    }
    body.careers-page .introduction-of-core-purpose .section-content .label-item:before {
        content: "";
        display: block;
        padding-top: 95%
    }
    body.careers-page .introduction-of-core-purpose .section-content .label-item-2:before {
        content: "";
        display: block;
        padding-top: 45%
    }
    body.careers-page .introduction-of-core-purpose .section-content .row-des {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 0;
        white-space: nowrap
    }
    body.careers-page .introduction-of-core-purpose .section-content .row-des:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 0
    }
    body.careers-page .introduction-of-core-purpose .section-content .row-des-inner {
        vertical-align: middle;
        margin: 0 auto;
        white-space: normal;
        width: 75%
    }
    body.careers-page .introduction-of-core-purpose .section-content .row-des-inner .row-title {
        font-family: "EurostileLTStdBold"
    }
    body.careers-page .introduction-of-core-purpose .section-content .row-content {
        font-size: 15px;
        line-height: 25px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.careers-page .introduction-of-core-purpose .section-content {
        margin: 0 15px
    }
}

body.careers-page .key-locations .location-item {
    display: block
}

body.careers-page .key-locations .location-item .label {
    width: 150px;
    position: absolute;
    z-index: 1;
    color: #fff;
    left: 50%;
    top: 48%;
    margin-left: -75px;
    text-align: center;
    vertical-align: middle;
    font-family: 'EurostileLTStd';
    font-size: 20px
}

body.careers-page .key-locations .location-item .image {
    position: relative;
    overflow: hidden;
    padding-bottom: 100%
}

body.careers-page .key-locations .location-item .image img {
    position: absolute;
    width: 100%;
    opacity: .9
}

body.careers-page .key-locations .location-item:hover .image img {
    opacity: 1
}

@media only screen and (max-width:767px) {
    body.careers-page .key-locations .container {
        padding: 0
    }
    body.careers-page .key-locations .col-sm-3 {
        padding: 0;
        height: 200px
    }
    body.careers-page .key-locations .location-item .image img {
        opacity: 1
    }
    body.careers-page .key-locations .section-header {
        padding-top: 30px!important
    }
}

body.careers-page .testimonials-section-slider .testimonials-container {
    width: 80%;
    margin: 0 auto
}

body.careers-page .testimonials-section-slider .testimonials-container img {
    width: 100%;
    height: auto
}

body.careers-page .testimonials-section-slider .bx-pager {
    padding-top: 25px;
    text-align: center
}

body.careers-page .testimonials-section-slider .bx-pager-item {
    display: inline-block;
    width: 15px;
    height: 15px
}

body.careers-page .testimonials-section-slider .bx-pager-item a.bx-pager-link {
    width: 10px;
    height: 10px;
    background: #e31837;
    border-radius: 5px;
    display: inline-block;
    font-size: 0;
    text-indent: -9999999px
}

body.careers-page .testimonials-section-slider .bx-pager-item a.bx-pager-link.active {
    background: #FFF
}

body.careers-page .testimonials-section-slider .bx-next,
body.careers-page .testimonials-section-slider .bx-prev {
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(../img/arrow-new.png) no-repeat;
    top: 45%;
    font-size: 0;
    text-indent: -9999999px
}

body.careers-page .testimonials-section-slider .bx-next {
    background-position: 0 0;
    right: -30px
}

body.careers-page .testimonials-section-slider .bx-next.disabled {
    pointer-events: none
}

body.careers-page .testimonials-section-slider .bx-prev {
    background-position: 0 -30px;
    left: -30px
}

body.careers-page .testimonials-section-slider .bx-prev.disabled {
    pointer-events: none
}

body.careers-page .testimonials-section-slider .links-box {
    position: absolute;
    right: 15px;
    bottom: 0
}

body.careers-page .testimonials-section-slider .content {
    font: 15px/22px arial;
    color: black;
    text-align: left
}

body.careers-page .testimonials-section-slider .content hr {
    width: 50%;
    float: left
}

body.careers-page .testimonials-section-slider .content .testi-title {
    font-family: "EurostileLTStdBold";
    font-size: 22px;
    color: #e31837;
    padding-bottom: 20px
}

body.careers-page .testimonials-section-slider .section-header h2 span {
    color: black
}

body.careers-page .testimonials-section-slider .section-header h4 {
    color: black
}

body.careers-page .testimonials-section {
    padding-top: 60px
}

body.careers-page .testimonials-section .fa.fa-caret-down {
    margin-left: 10px
}

body.careers-page .testimonials-section .testimonials-wrapper {
    width: 940px;
    margin: 0 auto
}

body.careers-page .testimonials-section .testimonials-wrapper .section-header {
    width: 80%;
    padding-top: 0px!important
}

body.careers-page .testimonials-section .testimonials-wrapper .item {
    padding: 0;
    height: auto;
    width: auto
}

body.careers-page .testimonials-section .testimonials-wrapper .box {
    position: relative
}

body.careers-page .testimonials-section .testimonials-wrapper .box .content {
    position: absolute;
    z-index: 1;
    width: inherit;
    padding: 30px;
    font-size: 15px
}

body.careers-page .testimonials-section .testimonials-wrapper .box .content.normal {
    position: relative!important
}

body.careers-page .testimonials-section .testimonials-wrapper .box .content hr {
    width: 130px;
    margin-left: 0;
    border-top: 1px solid #d8d8d8
}

body.careers-page .testimonials-section .testimonials-wrapper .box .content h1 {
    font-family: 'EurostileLTStdBold';
    line-height: 1;
    color: #e31837;
    margin: 0 0 10px 0
}

body.careers-page .testimonials-section .testimonials-wrapper .box .content .name {
    font-weight: 700;
    font-size: 14px;
    display: block
}

body.careers-page .testimonials-section .testimonials-wrapper .box .content .job-title {
    font-size: 14px;
    display: block
}

body.careers-page .testimonials-section .testimonials-wrapper .box .content .years {
    font-size: 12px;
    display: block;
    line-height: 1;
    margin-top: 20px
}

body.careers-page .testimonials-section .testimonials-wrapper .box .bg-image {
    position: relative
}

body.careers-page .testimonials-section .testimonials-wrapper .box .bg-image img {
    position: absolute
}

body.careers-page .testimonials-section .testimonials-wrapper .box .image {
    position: relative
}

body.careers-page .testimonials-section .testimonials-wrapper .box .links {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2
}

body.careers-page .testimonials-section .testimonials-wrapper .box .links a {
    float: right
}

body.careers-page .testimonials-section .testimonials-wrapper .box .links a:last-child {
    margin-right: 3px
}

body.careers-page .testimonials-section .testimonials-wrapper .box .links a:hover {
    opacity: .9
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-1 {
    height: 365px;
    width: 625px;
    border-right: 1px solid #fff
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-1 .content {
    width: 430px
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-1 h1 {
    font-size: 30px
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-2 {
    width: 315px
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-2 h1 {
    font-size: 30px
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-3 {
    width: 312px;
    display: inline-block;
    float: left;
    border-right: 1px solid #fff
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-3 h1 {
    font-size: 22px
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-4 {
    width: 470px;
    height: 353px;
    display: inline-block;
    float: left;
    border-right: 1px solid #fff
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-4 h1 {
    font-size: 22px
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content {
    width: 400px
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-5 {
    width: 470px;
    height: 240px;
    display: inline-block;
    float: left;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    min-height: 240px
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .box-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, .5)
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .box-container:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .box-container:hover {
    background-color: transparent
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .content-video {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 300px
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .content-video h1 {
    font-size: 20px;
    color: #ffffff!important;
    margin: 10px 0 0 0!important;
    line-height: 1.1
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-6 {
    width: 235px;
    height: 375px;
    display: inline-block;
    float: left;
    border-right: 1px solid #fff
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-6 h1 {
    font-size: 22px
}

body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-6 .content {
    color: #fff
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.careers-page .testimonials-section .testimonials-wrapper {
        background-color: #f1f1f1;
        width: 760px
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-1 {
        width: 500px;
        overflow: hidden
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-1 .bg-image img {
        width: 100%;
        max-width: 100%;
        right: 0
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-2 {
        width: 260px
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-3 {
        width: 250px
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-4 {
        width: 380px;
        overflow: hidden
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content {
        width: 380px
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .bg-image img {
        width: 125%;
        max-width: 125%;
        right: -30px
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-5 {
        width: 380px;
        overflow: hidden
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .bg-image img {
        width: 125%;
        max-width: 125%;
        right: 0
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-6 {
        width: 190px;
        height: 495px;
        overflow: hidden
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-6 .bg-image img {
        width: 100%;
        max-width: 100%;
        right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.careers-page .testimonials-section {
        padding-top: 0;
        padding-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    body.careers-page .testimonials-section {
        background-color: #f1f1f1
    }
    body.careers-page .testimonials-section .col-sm-12 {
        padding: 0
    }
    body.careers-page .testimonials-section .section-footer {
        display: none
    }
    body.careers-page .testimonials-section .testimonials-wrapper {
        width: 100%
    }
    body.careers-page .testimonials-section .testimonials-wrapper .section-header {
        padding-top: 30px!important;
        padding-bottom: 10px!important
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-2 {
        width: 100%
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-2 h1 {
        font-size: 22px
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-2 span {
        font-size: 13px
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .image img {
        width: 100%
    }
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content .name,
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content .job-title,
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content .years {
        font-size: 12px
    }
}

body.careers-page .career-stats-section {
    padding-top: 60px
}

body.careers-page .career-stats-section img {
    width: 100%;
    height: auto
}

body.careers-page .career-stats-section [class*='col-'] {
    text-align: center
}

body.careers-page .career-stats-section .chart-wrapper {
    padding: 20px 0
}

body.careers-page .career-stats-section .chart-wrapper .title {
    font-size: 30px
}

body.careers-page .career-stats-section .chart-wrapper .date,
body.careers-page .career-stats-section .chart-wrapper .desc {
    font-size: 17px
}

body.careers-page .careers-tab {
    background: transparent;
    border: 0;
    margin: 0 -15px -4px;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

body.careers-page .careers-tabs {
    background: #292929;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

body.careers-page .careers-tabs ul {
    background: transparent;
    border: 0;
    padding: 0!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

body.careers-page .careers-tabs ul li {
    background: none!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    text-align: center;
    width: 24%
}

body.careers-page .careers-tabs ul li a {
    color: #fff!important;
    display: block;
    font-family: 'EurostileLTStd';
    font-size: 15px;
    letter-spacing: 1px;
    padding: 30px 0!important;
    text-align: center;
    width: 100%
}

body.careers-page .careers-tabs ul li.ui-tabs-active a {
    background: url(../img/bg-line-tabs.jpg) center bottom repeat-x;
    color: #e31837!important
}

body.careers-page .careers-tabs ul li:first-child,
body.careers-page .careers-tabs ul li:last-child {
    width: 14%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.careers-page .careers-tabs {
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
    body.careers-page .careers-tabs ul {
        width: 910px
    }
    body.careers-page .careers-tabs ul li {
        width: 210px;
        display: inline-block
    }
    body.careers-page .careers-tabs ul li a {
        font-size: 12px
    }
    body.careers-page .careers-tabs ul li:first-child,
    body.careers-page .careers-tabs ul li:last-child {
        width: 140px
    }
}

@media only screen and (max-width:767px) {
    body.careers-page .careers-tabs {
        margin-top: 0;
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
    body.careers-page .careers-tabs ul {
        width: 910px
    }
    body.careers-page .careers-tabs ul li {
        width: 210px;
        display: inline-block
    }
    body.careers-page .careers-tabs ul li a {
        font-size: 12px
    }
    body.careers-page .careers-tabs ul li:first-child,
    body.careers-page .careers-tabs ul li:last-child {
        width: 140px
    }
}

body.careers-page .careers-tab-content {
    background: #343434!important;
    padding: 45px 35px;
    color: #fff;
    font-size: 15px;
    font-family: Arial, sans-serif
}

body.careers-page .careers-tab-content hr {
    border-top: 1px solid #494949
}

body.careers-page .careers-tab-content .tab-content-heading {
    color: #e31837;
    font-family: 'EurostileLTStdBold';
    font-size: 30px
}

body.careers-page .careers-tab-content .section.bottom-prev-next {
    background-color: #343434;
    padding-left: 15px;
    padding-right: 15px
}

body.careers-page .careers-tab-content.work-with-us .link-job-opportunities {
    font-family: 'EurostileLTStdBold';
    font-size: 30px;
    color: #e31837;
    display: block;
    padding: 40px 0
}

@media only screen and (max-width:767px) {
    body.careers-page .careers-tab-content.work-with-us .link-job-opportunities {
        font-size: 17px;
        padding: 20px 0
    }
}

body.careers-page .careers-tab-content .tab-content-style-1 {
    *zoom: 1;
    border-top: 1px solid #494949;
    padding: 40px 0;
    font-size: 14px
}

body.careers-page .careers-tab-content .tab-content-style-1:before,
body.careers-page .careers-tab-content .tab-content-style-1:after {
    content: " ";
    display: table
}

body.careers-page .careers-tab-content .tab-content-style-1:after {
    clear: both
}

body.careers-page .careers-tab-content .tab-content-style-1 .lcol {
    *zoom: 1;
    float: left;
    width: 20%
}

body.careers-page .careers-tab-content .tab-content-style-1 .lcol:before,
body.careers-page .careers-tab-content .tab-content-style-1 .lcol:after {
    content: " ";
    display: table
}

body.careers-page .careers-tab-content .tab-content-style-1 .lcol:after {
    clear: both
}

body.careers-page .careers-tab-content .tab-content-style-1 .rcol {
    *zoom: 1;
    float: right;
    width: 80%;
    padding-left: 20px
}

body.careers-page .careers-tab-content .tab-content-style-1 .rcol:before,
body.careers-page .careers-tab-content .tab-content-style-1 .rcol:after {
    content: " ";
    display: table
}

body.careers-page .careers-tab-content .tab-content-style-1 .rcol:after {
    clear: both
}

body.careers-page .careers-tab-content .tab-content-style-1 .rcol .visible-xs img {
    width: 100%
}

body.careers-page .careers-tab-content .tab-content-style-1 .title {
    color: #e31837;
    font-family: 'Arial', 'sans-serif';
    font-size: 22px;
    font-weight: 700;
    height: 22px;
    line-height: 1
}

body.careers-page .careers-tab-content .tab-content-style-1 .social-links {
    display: inline-block;
    float: right
}

body.careers-page .careers-tab-content .tab-content-style-1 .social-links a {
    color: #e31837
}

body.careers-page .careers-tab-content .tab-content-style-1 .content {
    margin: 15px 0
}

body.careers-page .careers-tab-content .tab-content-style-1 .links {
    font-weight: 700
}

body.careers-page .careers-tab-content .tab-content-style-1 .links a {
    color: #e31837
}

body.careers-page .careers-tab-content .tab-content-style-1 .links .downloads .downloads-label {
    display: inline-block;
    margin-right: 15px
}

body.careers-page .careers-tab-content .tab-content-style-1 .links .downloads a {
    color: #e31837;
    display: inline-block;
    margin-right: 15px
}

body.careers-page .careers-tab-content .tab-content-style-1 .links a:hover {
    text-decoration: underline!important
}

body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-wrapper {
    height: 100%
}

body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-wrapper .video-thumb-container {
    display: block
}

body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-wrapper .video-thumb-container .video-thumb {
    position: relative
}

body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-wrapper .video-thumb-container .video-thumb img.icon-play {
    position: absolute;
    width: 41px;
    height: 41px;
    top: 50%;
    left: 0;
    right: 0;
    margin: -20px auto 0 auto;
    z-index: 1
}

body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-wrapper .video-thumb-container:hover .video-thumb img.bg {
    opacity: .7
}

body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-controls {
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px
}

body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-controls li {
    background-color: #242424;
    display: inline-block;
    float: left;
    font-size: 14px;
    position: relative
}

body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-controls li a {
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 95px;
    color: #fff;
    font-weight: 700;
    display: block
}

body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-controls li a:hover {
    text-decoration: underline!important
}

body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-controls li.active {
    background-color: #e31837
}

body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-controls li.active .arrow-up {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e31837;
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-container {
        min-height: 101px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.careers-page .careers-tab-content .tab-content-style-1 .title {
        height: auto
    }
    body.careers-page .careers-tab-content .tab-content-style-1 .links a:hover {
        text-decoration: underline!important
    }
    body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-container {
        min-height: 74px
    }
    body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-controls li a {
        width: 65px;
        font-size: 12px
    }
}

@media only screen and (max-width:767px) {
    body.careers-page .careers-tab-content {
        padding: 20px 15px;
        font-size: 13px
    }
    body.careers-page .careers-tab-content .tab-content-heading {
        font-size: 22px
    }
    body.careers-page .careers-tab-content .tab-content-style-1 {
        padding-top: 15px;
        padding-bottom: 0;
        font-size: 13px
    }
    body.careers-page .careers-tab-content .tab-content-style-1 .title {
        height: auto;
        font-size: 17px
    }
    body.careers-page .careers-tab-content .tab-content-style-1 .social-links {
        display: block;
        float: none!important;
        margin-top: 10px
    }
    body.careers-page .careers-tab-content .tab-content-style-1 .links {
        display: none
    }
    body.careers-page .careers-tab-content .tab-content-style-1 .lcol {
        display: none
    }
    body.careers-page .careers-tab-content .tab-content-style-1 .rcol {
        width: 100%;
        padding-left: 0
    }
    body.careers-page .careers-tab-content .tab-content-style-1 .video-thumb-container {
        text-align: center;
        margin-bottom: 20px
    }
    body.careers-page .careers-tab-content .section.bottom-prev-next {
        text-align: center;
        margin-bottom: 40px
    }
    body.careers-page .careers-tab-content .section.bottom-prev-next .btn {
        max-width: 100%;
        width: 100%;
        float: none!important;
        margin: 5px 0
    }
}

body.careers-page .rise-in-action-section {
    background-color: #343434;
    color: #000
}

body.careers-page .rise-in-action-section .rise-in-action-des {
    text-align: center;
    padding: 40px 15px;
    font-size: 13px;
    color: black;
    font-family: "Arial";
    background: #fff url(../img/footer-bg.jpg) left top repeat
}

body.careers-page .rise-in-action-section .rise-in-action-group {
    padding: 0
}

body.careers-page .rise-in-action-section .rise-in-action-group .rise-in-action-image {
    position: relative;
    overflow: hidden;
    display: block
}

body.careers-page .rise-in-action-section .rise-in-action-group .rise-in-action-image:before {
    content: '';
    display: block;
    padding-top: 33.59375%
}

body.careers-page .rise-in-action-section .rise-in-action-group .rise-in-action-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel {
    background: #fff;
    position: relative
}

body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner {
    padding: 20px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    transition: background 0.4s
}

body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .title {
    color: #e31837;
    font-size: 15px;
    font-family: "EurostileLTStdBold";
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .des {
    margin: 5px 0;
    font-size: 12px
}

body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .more {
    color: #e31837;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .more:hover {
    text-decoration: underline!important
}

body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner:hover {
    background-color: #e31837;
    cursor: pointer
}

body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner:hover .title {
    color: #fff
}

body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner:hover .des {
    color: #fff
}

body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner:hover .more {
    color: #fff
}

@media (min-width:992px) {
    body.careers-page .rise-in-action-section .rise-in-action-des {
        padding: 40px;
        font-size: 15px
    }
    body.careers-page .rise-in-action-section .rise-in-action-group {
        position: relative;
        margin-bottom: 30px
    }
    body.careers-page .rise-in-action-section .rise-in-action-group .rise-in-action-image {
        position: relative;
        width: 91%
    }
    body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        width: 300px;
        background: none;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap
    }
    body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel:before {
        content: '';
        vertical-align: middle;
        display: inline-block;
        height: 100%;
        line-height: 100%;
        width: 0;
        padding-top: 0
    }
    body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner {
        white-space: normal;
        display: inline-block;
        vertical-align: middle;
        background: #e8e8e8;
        padding: 30px
    }
    body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .title {
        font-size: 17px
    }
    body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .more {
        font-size: 15px
    }
    body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .des {
        font-size: 15px
    }
    body.careers-page .rise-in-action-section .rise-in-action-group.right-content {
        margin-top: 30px
    }
    body.careers-page .rise-in-action-section .rise-in-action-group.right-content .rise-in-action-image:before {
        padding-top: 39.3258426966%
    }
    body.careers-page .rise-in-action-section .rise-in-action-group.left-content {
        position: relative
    }
    body.careers-page .rise-in-action-section .rise-in-action-group.left-content .rise-in-action-image {
        text-align: right;
        float: right;
        margin-top: 30px;
        width: 83.333333%
    }
    body.careers-page .rise-in-action-section .rise-in-action-group.left-content .rise-in-action-image:before {
        padding-top: 39.3258426966%
    }
    body.careers-page .rise-in-action-section .rise-in-action-group.left-content .caption-panel {
        position: absolute;
        top: 0;
        left: 0;
        right: auto;
        bottom: 0;
        width: 300px;
        background: none;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap
    }
    body.careers-page .rise-in-action-section .rise-in-action-group.left-content .caption-panel:before {
        content: '';
        vertical-align: middle;
        display: inline-block;
        height: 100%;
        line-height: 100%;
        width: 0;
        padding-top: 0
    }
    body.careers-page .rise-in-action-section .rise-in-action-group.left-content .caption-panel .caption-panel-inner {
        white-space: normal;
        display: inline-block;
        vertical-align: middle;
        background: #e8e8e8;
        padding: 30px;
        position: relative;
        top: auto
    }
    body.careers-page .rise-in-action-section .rise-in-action-group.left-content .caption-panel .caption-panel-inner .title {
        font-size: 17px
    }
    body.careers-page .rise-in-action-section .rise-in-action-group.left-content .caption-panel .caption-panel-inner .more {
        font-size: 15px
    }
    body.careers-page .rise-in-action-section .rise-in-action-group.left-content .caption-panel .caption-panel-inner .des {
        font-size: 15px
    }
    body.careers-page .rise-in-action-section .scale-effect {
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        transition: all 0.35s;
        background-size: auto 130%!important
    }
    body.careers-page .rise-in-action-section .scale-effect img,
    body.careers-page .rise-in-action-section .scale-effect .img {
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        transition: all 0.35s;
        -moz-transform: scale(1.12);
        -ms-transform: scale(1.12);
        -o-transform: scale(1.12);
        -webkit-transform: scale(1.12);
        transform: scale(1.12)
    }
    body.careers-page .rise-in-action-section .scale-effect .caption-panel {
        pointer-events: none;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        transition: background 0.4s
    }
    body.careers-page .rise-in-action-section .scale-effect .caption-panel .caption-panel-inner {
        -webkit-transition: opacity 0.35s, background 0.4s;
        -moz-transition: opacity 0.35s, background 0.4s;
        transition: opacity 0.35s, background 0.4s;
        pointer-events: auto
    }
    body.careers-page .rise-in-action-section .scale-effect .overlay {
        -webkit-transition: opacity 0.35s, background 0.4s;
        -moz-transition: opacity 0.35s, background 0.4s;
        transition: opacity 0.35s, background 0.4s;
        pointer-events: auto
    }
    body.careers-page .rise-in-action-section .scale-effect.enter {
        background-size: auto 120%!important
    }
    body.careers-page .rise-in-action-section .scale-effect.enter img,
    body.careers-page .rise-in-action-section .scale-effect.enter .img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    body.careers-page .rise-in-action-section .scale-effect.enter .caption-panel .caption-panel-inner {
        opacity: 1;
        background-color: #e31837
    }
    body.careers-page .rise-in-action-section .scale-effect.enter .caption-panel .caption-panel-inner .title {
        color: #fff
    }
    body.careers-page .rise-in-action-section .scale-effect.enter .caption-panel .caption-panel-inner .des {
        color: #fff
    }
    body.careers-page .rise-in-action-section .scale-effect.enter .caption-panel .caption-panel-inner .more {
        color: #fff
    }
    body.careers-page .rise-in-action-section .scale-effect.enter .overlay {
        background-color: #e31837!important
    }
    body.careers-page .rise-in-action-section .scale-effect.enter .overlay .overlay-inner {
        color: #fff
    }
    body.careers-page .rise-in-action-section .scale-effect.enter .overlay .overlay-inner .icon-play {
        background: url(../img/icon-play-white.png) left top no-repeat
    }
    body.careers-page .rise-in-action-section .scale-effect.enter .overlay .overlay-inner .icon-book-thin {
        background: url(../img/icon-book-white.png) left top no-repeat
    }
    body.careers-page .rise-in-action-section .scale-effect.enter .overlay .overlay-inner .des {
        color: #fff!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    body.careers-page .rise-in-action-section .rise-in-action-des {
        font-size: 16px
    }
    body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .title {
        font-size: 18px
    }
    body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .des {
        font-size: 15px
    }
    body.careers-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .more {
        font-size: 15px
    }
}

body.careers-page .product-details {
    background-color: #000;
    margin: 0 -35px;
    padding: 50px 0 50px 0
}

body.careers-page .product-details .psd-caption-panel .psd-caption-panel-inner {
    color: #000
}

body.careers-page .product-details .psd-caption-panel .psd-caption-panel-inner .title {
    font-size: 30px;
    line-height: 1.1
}

@media only screen and (max-width:767px) {
    body.careers-page .product-details {
        overflow: hidden;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        margin: 0
    }
    body.careers-page .product-details .psd-caption-panel .psd-caption-panel-inner {
        color: #fff;
        background-color: #000;
        height: auto
    }
    body.careers-page .product-details .psd-caption-panel .psd-caption-panel-inner .title {
        font-size: 20px
    }
}

body.careers-page .fancybox-graph-lbox .fancybox-close {
    right: -40px!important;
    top: -40px!important
}

@media only screen and (max-width:767px) {
    body.careers-page .fancybox-graph-lbox .fancybox-inner img {
        width: 95%;
        height: auto;
        position: relative;
        top: 25%;
        margin: 0 auto
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.careers-page .fancybox-graph-lbox {
        max-width: 600px;
        margin: 0 auto
    }
    body.careers-page .fancybox-graph-lbox .fancybox-inner {
        max-width: 600px;
        margin: 0 auto
    }
    body.careers-page .fancybox-graph-lbox .fancybox-inner img {
        width: 100%;
        height: auto
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.careers-page .bottom-prev-next .btn {
        width: auto;
        max-width: none!important
    }
}

@media only screen and (max-width:767px) {
    body.careers-page .section {
        padding: 0
    }
    body.careers-page .fancybox-wrap .fancybox-nav span {
        top: 50%
    }
    body.careers-page .fancybox-wrap .fancybox-close {
        top: -20px!important;
        right: 10px!important
    }
}

body.careers-page .content-lbox {
    *zoom: 1;
    display: none;
    color: #fff;
    width: 100%;
    max-width: 820px
}

body.careers-page .content-lbox:before,
body.careers-page .content-lbox:after {
    content: " ";
    display: table
}

body.careers-page .content-lbox:after {
    clear: both
}

body.careers-page .content-lbox .pull-left {
    width: 300px
}

body.careers-page .content-lbox .pull-right {
    width: 520px;
    padding-left: 40px
}

body.careers-page .content-lbox .pull-right h2 {
    margin: 1px 0 15px 0;
    font-size: 46px;
    font-family: 'EurostileLTStdBold';
    line-height: 1;
    color: #e31837
}

body.careers-page .content-lbox .pull-right .write-up {
    font-size: 15px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.careers-page .content-lbox {
        max-width: 720px
    }
    body.careers-page .content-lbox .pull-left {
        width: 200px
    }
    body.careers-page .content-lbox .pull-right {
        width: 520px;
        padding-left: 20px
    }
    body.careers-page .content-lbox .pull-right h2 {
        font-size: 33px
    }
    body.careers-page .content-lbox .pull-right .write-up {
        font-size: 15px
    }
}

@media only screen and (max-width:767px) {
    body.careers-page .content-lbox {
        width: 80%;
        max-width: 80%;
        margin: 0 auto
    }
    body.careers-page .content-lbox .pull-left {
        width: 80%;
        float: none!important;
        margin: 0 auto
    }
    body.careers-page .content-lbox .pull-right {
        width: 80%;
        padding: 0;
        float: none!important;
        margin: 0 auto
    }
    body.careers-page .content-lbox .pull-right h2 {
        font-size: 33px;
        margin: 15px 0 10px 0
    }
    body.careers-page .content-lbox .pull-right .write-up {
        font-size: 13px;
        height: 205px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.careers-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .bg-image img {
        width: 100%;
        max-width: 100%
    }
    body.careers-page .testimonials-section-slider .testimonials-container .content .testi-title {
        padding-top: 20px
    }
}

@media only screen and (max-width:767px) {
    body.careers-page .careers-boxed-content img {
        width: 100%;
        height: auto
    }
    body.careers-page .careers-boxed-content {
        height: auto
    }
    body.careers-page .careers-boxed-content .img-cover {
        height: auto;
        max-height: auto
    }
    body.careers-page .introduction-of-core-purpose .intro-image::before {
        padding-top: 33%
    }
    body.careers-page .key-locations .col-sm-3 {
        height: auto
    }
    body.careers-page .key-locations .location-item .image {
        padding-bottom: 34%
    }
    body.careers-page .testimonials-section-slider .testimonials-container {
        padding-bottom: 20px
    }
    body.careers-page .testimonials-section-slider .testimonials-container .content .testi-title {
        padding-top: 20px
    }
}

body.motor-sport-page {
    background-color: #fff
}

body.motor-sport-page .section.inner p {
    font-size: 17px
}

@media (min-width:320px) {
    body.motor-sport-page .social-links.pull-right {
        margin-top: 2px
    }
}

@media (min-width:769px) {
    body.motor-sport-page .social-links.pull-right {
        margin-top: 10px
    }
}

@media (min-width:320px) {
    body.motor-sport-page .social-links.visible-xs {
        margin-top: 10px
    }
}

body.motor-sport-page .section-style03 .block-item::before {
    padding-top: 60%
}

body.motor-sport-page .section-style03.special .block-item {
    margin: 0
}

body.motor-sport-page .section-style03.special .block-item::before {
    padding-top: 100%
}

@media (min-width:768px) and (max-width:991px) {
    body.motor-sport-page .section-style03.special .block-item::before {
        padding-top: 47%
    }
}

@media (min-width:993px) {
    body.motor-sport-page .section-style03.special .block-item {
        width: 33.3333%
    }
}

@media (min-width:768px) and (max-width:991px) {
    body.motor-sport-page .focus-area-heros .carousel-wrap:before {
        padding-top: 49%
    }
}

body.motor-sport-page .focus-area-heros .junior-hero .carousel .carousel-caption {
    top: 10%;
    left: 5%;
    margin-left: 0;
    position: absolute
}

body.motor-sport-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content h1 {
    margin: 0!important
}

body.motor-sport-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content h4 {
    margin: 0 0 10px 0
}

body.motor-sport-page .testimonials-section .testimonials-wrapper .testimonial-box-4 {
    color: #fff;
    height: 300px;
    position: relative;
    border-right: 0
}

body.motor-sport-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content {
    top: 90px;
    position: absolute
}

body.motor-sport-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content h1 {
    margin: 0!important
}

body.motor-sport-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content h4 {
    margin: 0 0 10px 0
}

body.motor-sport-page .focus-area-heros.dark .carousel-caption {
    color: #000
}

body.motor-sport-page .focus-area-heros.dark .carousel-caption .hero-title .font-cheddar {
    color: #000
}

body.motor-sport-page .section.bottom-prev-next {
    background-color: #fff
}

body.motor-sport-page .section.bottom-prev-next .btn .fa {
    margin-top: -9px
}

@media only screen and (max-width:767px) {
    body.motor-sport-page .section.bottom-prev-next {
        text-align: center
    }
    body.motor-sport-page .section.bottom-prev-next .btn {
        float: none
    }
}

body.motor-sport-page .our-brand-page .introduction-of-core-purpose .intro-image img {
    width: 100%
}

body.motor-sport-page .our-brand-page .introduction-of-core-purpose .intro-image::before {
    padding-top: 40%
}

@media only screen and (max-width:767px) {
    body.motor-sport-page .our-brand-page .container {
        padding: 0
    }
    body.motor-sport-page .our-brand-page .introduction-of-core-purpose .intro-image img {
        width: 170%
    }
    body.motor-sport-page .our-brand-page .introduction-of-core-purpose .intro-image::before {
        padding-top: 70%
    }
}

@media (min-width:768px) {
    body.motor-sport-page .our-brand-page {
        margin: 0 0 20px 0
    }
}

body.motor-sport-page .about-us-menu li {
    width: 16%!important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.motor-sport-page .about-us-menu {
        padding-right: 0!important
    }
}

@media (min-width:769px) {
    body.motor-sport-page .section-style03 .block-item .overlay {
        background-color: #fff
    }
}

body.motor-sport-page .icon-play-white-big {
    margin: 10px;
    background: url(../img/icon-play-white-big.png) left top no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: 100% 100%
}

@media only screen and (max-width:767px) {
    body.motor-sport-page .icon-play-white-big {
        background: url(../img/icon-play-white-41.png) left top no-repeat;
        width: 41px;
        height: 41px
    }
}

body.motor-sport-page .motor-sport-content {
    text-align: center
}

body.motor-sport-page .motor-sport-content .row {
    margin: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.motor-sport-page .motor-sport-content p {
        font-size: 15px!important
    }
}

@media only screen and (max-width:767px) {
    body.motor-sport-page .motor-sport-content {
        margin-top: 20px
    }
    body.motor-sport-page .motor-sport-content p {
        font-size: 13px!important
    }
}

body.motor-sport-page .introduction-of-core-purpose .intro-image img {
    width: 100%!important
}

body.motor-sport-page .our-brand-page .introduction-of-core-purpose .intro-image::before {
    padding-top: 49%
}

@media only screen and (max-width:767px) {
    body.motor-sport-page .section-header {
        padding-bottom: 10px
    }
    body.motor-sport-page .our-brand-page .introduction-of-core-purpose .intro-image::before {
        padding-top: 33%
    }
}

body.moto-3-page {
    background-color: #fff
}

body.moto-3-page .section.inner p {
    font-size: 17px
}

@media (min-width:320px) {
    body.moto-3-page .social-links.visible-xs {
        margin-top: 10px
    }
}

body.moto-3-page .section-style03.special .block-item {
    margin: 0
}

body.moto-3-page .section-style03.special .block-item::before {
    padding-top: 100%
}

@media (min-width:768px) and (max-width:991px) {
    body.moto-3-page .section-style03.special .block-item::before {
        padding-top: 47%
    }
}

@media (min-width:993px) {
    body.moto-3-page .section-style03.special .block-item {
        width: 33.3333%
    }
}

@media (min-width:768px) and (max-width:991px) {
    body.moto-3-page .focus-area-heros .carousel-wrap:before {
        padding-top: 49%
    }
}

body.moto-3-page .focus-area-heros .junior-hero .carousel .carousel-caption {
    top: 10%;
    left: 5%;
    margin-left: 0;
    position: absolute
}

body.moto-3-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content h1 {
    margin: 0!important
}

body.moto-3-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content h4 {
    margin: 0 0 10px 0
}

body.moto-3-page .testimonials-section .testimonials-wrapper .testimonial-box-4 {
    color: #fff;
    height: 300px;
    position: relative;
    border-right: 0
}

body.moto-3-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content {
    top: 90px;
    position: absolute
}

body.moto-3-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content h1 {
    margin: 0!important
}

body.moto-3-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content h4 {
    margin: 0 0 10px 0
}

body.moto-3-page .focus-area-heros.dark .carousel-caption {
    color: #000
}

body.moto-3-page .focus-area-heros.dark .carousel-caption .hero-title .font-cheddar {
    color: #000
}

body.moto-3-page .section.bottom-prev-next {
    background-color: #fff
}

body.moto-3-page .section.bottom-prev-next .btn .fa {
    margin-top: -9px
}

body.moto-3-page .our-brand-page .introduction-of-core-purpose .intro-image img {
    width: 100%
}

body.moto-3-page .our-brand-page .introduction-of-core-purpose .intro-image::before {
    padding-top: 40%
}

@media (min-width:320px) {
    body.moto-3-page .our-brand-page {
        margin: 20px -16px 20px -16px
    }
}

@media (min-width:360px) {
    body.moto-3-page .our-brand-page {
        margin: 20px -18px 20px -18px
    }
}

@media (min-width:375px) {
    body.moto-3-page .our-brand-page {
        margin: 20px -19px 20px -19px
    }
}

@media (min-width:414px) {
    body.moto-3-page .our-brand-page {
        margin-left: -21px;
        margin-right: -21px
    }
}

@media (min-width:769px) {
    body.moto-3-page .our-brand-page {
        margin: 0 0 20px 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.moto-3-page .about-us-menu {
        padding-right: 0!important
    }
}

@media (min-width:769px) {
    body.moto-3-page .section-style03 .block-item .overlay {
        background-color: #fff
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.moto-3-page .rise-in-action-section {
        padding-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    body.moto-3-page .rise-in-action-section {
        padding-bottom: 0
    }
}

body.moto-3-page .icon-play-white-big {
    margin: 10px;
    background: url(../img/icon-play-white-big.png) left top no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: 100% 100%
}

body.moto-3-page .motor-sport-content {
    text-align: center
}

body.moto-3-page .motor-sport-content .row {
    margin: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.moto-3-page .motor-sport-content p {
        font-size: 15px!important
    }
}

@media only screen and (max-width:767px) {
    body.moto-3-page .motor-sport-content p {
        font-size: 13px!important
    }
}

body.moto-3-page .moto-3-main {
    text-align: center
}

body.moto-3-page .moto-3-main .section-header {
    width: 100%;
    position: relative
}

body.moto-3-page .moto-3-main .section-header .social-links {
    position: absolute;
    right: 0
}

@media only screen and (max-width:767px) {
    body.moto-3-page .moto-3-main .section-header .social-links {
        position: relative
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.moto-3-page .moto-3-main .row {
        margin-left: 0;
        margin-right: 0
    }
    body.moto-3-page .moto-3-main p {
        font-size: 15px!important
    }
}

@media only screen and (max-width:767px) {
    body.moto-3-page .moto-3-main {
        padding-bottom: 40px
    }
    body.moto-3-page .moto-3-main .row {
        margin-left: 0;
        margin-right: 0
    }
    body.moto-3-page .moto-3-main p {
        font-size: 13px!important
    }
}

body.moto-3-page .moto-3-blocks {
    padding: 90px 0
}

body.moto-3-page .moto-3-blocks .block-item {
    margin: 0;
    width: 50%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.moto-3-page .moto-3-blocks .block-item {
        width: 48%
    }
    body.moto-3-page .moto-3-blocks .section-content {
        padding: 0 25px
    }
    body.moto-3-page .moto-3-blocks.leaders-section .block-item:first-child>.img {
        background-position: 95% center
    }
    body.moto-3-page .moto-3-blocks.leaders-section .block-item:first-child+div>.img {
        background-position: 70% center
    }
    body.moto-3-page .moto-3-blocks.leaders-section .block-item:first-child+div+div>.img {
        background-size: auto 105%;
        background-position: left center
    }
    body.moto-3-page .moto-3-blocks .block-item {
        border: 0
    }
    body.moto-3-page .moto-3-blocks .block-item:before {
        visibility: hidden
    }
    body.moto-3-page .moto-3-blocks .block-item .overlay {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
        display: block;
        width: 120px;
        height: 120px;
        text-align: center;
        background: #fff;
        color: #e31837;
        position: absolute;
        right: 0;
        bottom: 0;
        left: auto;
        top: auto;
        padding: 5px;
        font-size: 11px;
        font-weight: 700;
        font-family: "Arial";
        pointer-events: none
    }
    body.moto-3-page .moto-3-blocks .block-item .overlay * {
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        transition: all 0.1s
    }
    body.moto-3-page .moto-3-blocks .block-item .overlay:hover {
        background-color: #e31837;
        color: #fff
    }
    body.moto-3-page .moto-3-blocks .block-item .overlay:hover .icon-play {
        background: url(../img/icon-play-white.png) left top no-repeat
    }
    body.moto-3-page .moto-3-blocks .block-item .overlay:hover .icon-book-thin {
        background: url(../img/icon-book-white.jpg) left top no-repeat
    }
    body.moto-3-page .moto-3-blocks .block-item .overlay .overly-inner {
        margin-top: 0
    }
    body.moto-3-page .moto-3-blocks .block-item .overlay .fa {
        font-size: 28px;
        margin: 10px
    }
    body.moto-3-page .moto-3-blocks .block-item .overlay .icon-play,
    body.moto-3-page .moto-3-blocks .block-item .overlay .icon-book-thin {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    body.moto-3-page .moto-3-blocks .block-item .overlay .icon-play {
        margin: 10px;
        background: url(../img/icon-play.png) left top no-repeat;
        width: 22px;
        height: 22px;
        display: inline-block
    }
    body.moto-3-page .moto-3-blocks .block-item .overlay .icon-book-thin {
        margin: 10px;
        background: url(../img/icon-book.jpg) left top no-repeat;
        width: 22px;
        height: 20px;
        display: inline-block
    }
    body.moto-3-page .moto-3-blocks .block-item .overlay .des {
        font-size: 11px;
        margin: 0;
        width: 100%;
        font-weight: 400
    }
}

@media only screen and (max-width:767px) {
    body.moto-3-page .moto-3-blocks {
        padding: 0
    }
    body.moto-3-page .moto-3-blocks .block-item {
        width: 100%
    }
}

body.moto-3-page .focus-area-heros.moto-3-heros .carousel-caption a {
    display: block;
    margin-top: 10px;
    font-size: 17px;
    font-weight: 700
}

body.moto-3-page .focus-area-heros.moto-3-heros .carousel-caption a:hover {
    text-decoration: underline!important
}

@media only screen and (max-width:767px) {
    body.moto-3-page .focus-area-heros.moto-3-heros .carousel-inner .item {
        background-size: 260%;
        background-position: 21% 50%!important
    }
    body.moto-3-page .focus-area-heros.moto-3-heros.our-gallery .carousel-inner .item {
        background-size: 330%;
        background-position: 50% 50%!important
    }
    body.moto-3-page .focus-area-heros.moto-3-heros p.hero-des {
        font-size: 13px;
        width: 80%
    }
    body.moto-3-page .focus-area-heros.moto-3-heros .carousel-caption a {
        font-size: 13px
    }
}

body.moto-3-page .our-gallery {
    padding-bottom: 30px
}

body.moto-3-page .tabletImg,
body.moto-3-page .mobileImg {
    display: none
}

body.moto-3-page .visible-lg {
    width: 100%;
    height: 100%
}

body.moto-3-page .section-style03 .block-item.middel_element {
    margin-left: 17%
}

body.moto-3-page .section-style03.PB0 {
    padding-bottom: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.moto-3-page .deskImg {
        display: none
    }
    body.moto-3-page .tabletImg {
        display: block
    }
    body.moto-3-page .rise-in-action-section .rise-in-action-group .rise-in-action-image::before {
        padding-top: 42.594%
    }
    body.moto-3-page .visible-sm {
        width: 100%;
        height: 100%
    }
    body.moto-3-page .carousel-wrap::before,
    body.moto-3-page .carousel-wrap.square::before {
        padding-top: 54.02%
    }
    body.moto-3-page .section-style03 .block-item.middel_element {
        margin-left: auto
    }
}

@media only screen and (max-width:767px) {
    body.moto-3-page .tabletImg {
        display: none
    }
    body.moto-3-page .deskImg {
        display: none
    }
    body.moto-3-page .mobileImg {
        display: block
    }
    body.moto-3-page .visible-xs {
        width: 100%;
        height: 100%
    }
    body.moto-3-page .carousel-wrap::before,
    body.moto-3-page .carousel-wrap::before,
    body.moto-3-page .carousel-wrap.square::before {
        padding-top: 112.02%
    }
    body.moto-3-page .section-style03 .block-item.middel_element {
        margin-left: auto
    }
}

.TAC {
    text-align: center
}

body.formula-e-page {
    background-color: #fff
}

body.formula-e-page .section.inner p {
    font-size: 17px
}

@media (min-width:320px) {
    body.formula-e-page .social-links.visible-xs {
        margin-top: 10px
    }
}

body.formula-e-page .section-style03.special .block-item {
    margin: 0
}

body.formula-e-page .section-style03.special .block-item::before {
    padding-top: 100%
}

@media (min-width:768px) and (max-width:991px) {
    body.formula-e-page .section-style03.special .block-item::before {
        padding-top: 47%
    }
}

@media (min-width:993px) {
    body.formula-e-page .section-style03.special .block-item {
        width: 33.3333%
    }
}

@media (min-width:768px) and (max-width:991px) {
    body.formula-e-page .focus-area-heros .carousel-wrap:before {
        padding-top: 49%
    }
}

body.formula-e-page .focus-area-heros .junior-hero .carousel .carousel-caption {
    top: 10%;
    left: 5%;
    margin-left: 0;
    position: absolute
}

body.formula-e-page .focus-area-heros.dark .carousel-caption {
    color: #000
}

body.formula-e-page .focus-area-heros.dark .carousel-caption .hero-title .font-cheddar {
    color: #000
}

body.formula-e-page .section.bottom-prev-next {
    background-color: #fff
}

body.formula-e-page .section.bottom-prev-next .btn .fa {
    margin-top: -9px
}

body.formula-e-page .our-brand-page .introduction-of-core-purpose .intro-image img {
    width: 100%
}

body.formula-e-page .our-brand-page .introduction-of-core-purpose .intro-image::before {
    padding-top: 40%
}

@media (min-width:320px) {
    body.formula-e-page .our-brand-page {
        margin: 20px -16px 20px -16px
    }
}

@media (min-width:360px) {
    body.formula-e-page .our-brand-page {
        margin: 20px -18px 20px -18px
    }
}

@media (min-width:375px) {
    body.formula-e-page .our-brand-page {
        margin: 20px -19px 20px -19px
    }
}

@media (min-width:414px) {
    body.formula-e-page .our-brand-page {
        margin-left: -21px;
        margin-right: -21px
    }
}

@media (min-width:769px) {
    body.formula-e-page .our-brand-page {
        margin: 0 0 20px 0
    }
}

body.formula-e-page .about-us-menu li {
    width: 16%!important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.formula-e-page .about-us-menu {
        padding-right: 0!important
    }
}

@media (min-width:769px) {
    body.formula-e-page .section-style03 .block-item .overlay {
        background-color: #fff
    }
}

body.formula-e-page .rise-in-action-section {
    padding-bottom: 0
}

body.formula-e-page .rise-in-action-section .rise-in-action-group img {
    top: 0
}

@media only screen and (max-width:767px) {
    body.formula-e-page .rise-in-action-section .rise-in-action-group+.rise-in-action-group img {
        top: -50%
    }
}

body.formula-e-page .rise-in-action-section .rise-in-action-group+.rise-in-action-group+.rise-in-action-group img {
    top: 0
}

body.formula-e-page .formula-e-main {
    text-align: center
}

body.formula-e-page .formula-e-main .section-header {
    width: 100%;
    position: relative
}

body.formula-e-page .formula-e-main .section-header .social-links {
    position: absolute;
    right: 0
}

@media only screen and (max-width:767px) {
    body.formula-e-page .formula-e-main .section-header .social-links {
        position: relative
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.formula-e-page .formula-e-main .row {
        margin-left: 0;
        margin-right: 0
    }
    body.formula-e-page .formula-e-main p {
        font-size: 15px!important
    }
}

@media only screen and (max-width:767px) {
    body.formula-e-page .formula-e-main {
        padding-bottom: 40px
    }
    body.formula-e-page .formula-e-main .row {
        margin-left: 0;
        margin-right: 0
    }
    body.formula-e-page .formula-e-main p {
        font-size: 13px!important
    }
}

body.formula-e-page .testimonials-section {
    padding-top: 60px
}

body.formula-e-page .testimonials-section .fa.fa-caret-down {
    margin-left: 10px
}

body.formula-e-page .testimonials-section .testimonials-wrapper {
    width: 940px;
    margin: 0 auto
}

body.formula-e-page .testimonials-section .testimonials-wrapper .section-header {
    width: 80%;
    padding-top: 0px!important
}

body.formula-e-page .testimonials-section .testimonials-wrapper .item {
    padding: 0;
    height: auto;
    width: auto
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box {
    position: relative
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .content {
    position: absolute;
    z-index: 1;
    width: inherit;
    padding: 30px;
    font-size: 15px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .content.normal {
    position: relative!important
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .content hr {
    width: 130px;
    margin-left: 0;
    border-top: 1px solid #d8d8d8
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .content h1 {
    font-family: 'EurostileLTStdBold';
    line-height: 1;
    color: #e31837;
    margin: 0 0 10px 0
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .content .name {
    font-weight: 700;
    font-size: 14px;
    display: block
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .content .job-title {
    font-size: 14px;
    display: block
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .content .years {
    font-size: 12px;
    display: block;
    line-height: 1;
    margin-top: 20px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .bg-image {
    position: relative
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .bg-image img {
    position: absolute
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .image {
    position: relative
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .links {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .links a {
    float: right
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .links a:last-child {
    margin-right: 3px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .box .links a:hover {
    opacity: .9
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-1 {
    height: 365px;
    width: 625px;
    border-right: 1px solid #fff
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-1 .content {
    width: 430px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-1 h1 {
    font-size: 30px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 {
    width: 315px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 h1 {
    font-size: 30px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-3 {
    width: 312px;
    display: inline-block;
    float: left;
    border-right: 1px solid #fff
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-3 h1 {
    font-size: 22px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-4 {
    width: 470px;
    height: 353px;
    display: inline-block;
    float: left;
    border-right: 1px solid #fff
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-4 h1 {
    font-size: 22px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content {
    width: 400px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-5 {
    width: 470px;
    height: 240px;
    display: inline-block;
    float: left;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    min-height: 240px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .box-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, .5)
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .box-container:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .box-container:hover {
    background-color: transparent
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .content-video {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 300px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .content-video h1 {
    font-size: 20px;
    color: #ffffff!important;
    margin: 10px 0 0 0!important;
    line-height: 1.1
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-6 {
    width: 235px;
    height: 375px;
    display: inline-block;
    float: left;
    border-right: 1px solid #fff
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-6 h1 {
    font-size: 22px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-6 .content {
    color: #fff
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.formula-e-page .testimonials-section .testimonials-wrapper {
        background-color: #f1f1f1;
        width: 760px
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-1 {
        width: 500px;
        overflow: hidden
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-1 .bg-image img {
        width: 125%;
        max-width: 125%;
        right: -80px
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 {
        width: 260px
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-3 {
        width: 250px
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-4 {
        width: 380px;
        overflow: hidden
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content {
        width: 380px
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .bg-image img {
        width: 125%;
        max-width: 125%;
        right: -30px
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-5 {
        width: 380px;
        overflow: hidden
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .bg-image img {
        width: 125%;
        max-width: 125%;
        right: 0
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-6 {
        width: 190px;
        height: 495px;
        overflow: hidden
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-6 .bg-image img {
        width: 165%;
        max-width: 165%;
        right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.formula-e-page .testimonials-section {
        padding-top: 0;
        padding-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    body.formula-e-page .testimonials-section {
        background-color: #f1f1f1
    }
    body.formula-e-page .testimonials-section .col-sm-12 {
        padding: 0
    }
    body.formula-e-page .testimonials-section .section-footer {
        display: none
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper {
        width: 100%
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .section-header {
        padding-top: 30px!important;
        padding-bottom: 10px!important
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 {
        width: 100%
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 h1 {
        font-size: 22px
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 span {
        font-size: 13px
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .image img {
        width: 100%
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content .name,
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content .job-title,
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content .years {
        font-size: 12px
    }
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 {
    position: relative;
    height: 200px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content.normal {
    position: absolute!important;
    top: 10px;
    padding: 20px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content h1 {
    margin: 0!important;
    font-size: 20px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content h4 {
    margin: 0 0 10px 0;
    color: #fff;
    font-size: 15px
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content p {
    color: #fff;
    font-size: 12px;
    width: 60%
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-4 {
    color: #fff;
    height: 300px;
    position: relative;
    border-right: 0
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content {
    top: 90px;
    position: absolute
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content h1 {
    margin: 0!important
}

body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content h4 {
    margin: 0 0 10px 0
}

@media only screen and (max-width:767px) {
    body.formula-e-page .testimonials-section {
        padding-bottom: 0
    }
}

body.formula-e-page .focus-area-heros.formula-e-heros .carousel-caption a {
    display: block;
    margin-top: 10px;
    font-size: 17px;
    font-weight: 700
}

body.formula-e-page .focus-area-heros.formula-e-heros .carousel-caption a:hover {
    text-decoration: underline!important
}

@media only screen and (max-width:767px) {
    body.formula-e-page .focus-area-heros.formula-e-heros p.hero-des {
        font-size: 13px;
        width: 80%
    }
    body.formula-e-page .focus-area-heros.formula-e-heros .carousel-caption a {
        font-size: 13px
    }
    body.formula-e-page .focus-area-heros.formula-e-heros .carousel-inner .item:after {
        background: none!important
    }
}

body.formula-e-page .formula-e-blocks {
    padding: 90px 0
}

body.formula-e-page .formula-e-blocks .block-item {
    margin: 0;
    width: 33.33%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.formula-e-page .formula-e-blocks {
        padding: 30px 0!important
    }
    body.formula-e-page .formula-e-blocks .block-item {
        width: 33%
    }
    body.formula-e-page .formula-e-blocks.leaders-section .block-item:first-child>.img {
        background-position: 95% center
    }
    body.formula-e-page .formula-e-blocks.leaders-section .block-item:first-child+div>.img {
        background-position: 70% center
    }
    body.formula-e-page .formula-e-blocks.leaders-section .block-item:first-child+div+div>.img {
        background-size: auto 105%;
        background-position: left center
    }
    body.formula-e-page .formula-e-blocks .block-item {
        height: 220px;
        border: 0
    }
    body.formula-e-page .formula-e-blocks .block-item:before {
        visibility: hidden
    }
    body.formula-e-page .formula-e-blocks .block-item .overlay {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
        display: block;
        width: 120px;
        height: 120px;
        text-align: center;
        background: #f1f1f1;
        color: #e31837;
        position: absolute;
        right: 0;
        bottom: 0;
        left: auto;
        top: auto;
        padding: 5px;
        font-size: 11px;
        font-weight: 700;
        font-family: "Arial";
        pointer-events: none
    }
    body.formula-e-page .formula-e-blocks .block-item .overlay * {
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        transition: all 0.1s
    }
    body.formula-e-page .formula-e-blocks .block-item .overlay:hover {
        background-color: #e31837;
        color: #fff
    }
    body.formula-e-page .formula-e-blocks .block-item .overlay:hover .icon-play {
        background: url(../img/icon-play-white.png) left top no-repeat
    }
    body.formula-e-page .formula-e-blocks .block-item .overlay:hover .icon-book-thin {
        background: url(../img/icon-book-white.jpg) left top no-repeat
    }
    body.formula-e-page .formula-e-blocks .block-item .overlay .overly-inner {
        margin-top: 0
    }
    body.formula-e-page .formula-e-blocks .block-item .overlay .fa {
        font-size: 28px;
        margin: 10px
    }
    body.formula-e-page .formula-e-blocks .block-item .overlay .icon-play,
    body.formula-e-page .formula-e-blocks .block-item .overlay .icon-book-thin {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    body.formula-e-page .formula-e-blocks .block-item .overlay .icon-play {
        margin: 10px;
        background: url(../img/icon-play.png) left top no-repeat;
        width: 22px;
        height: 22px;
        display: inline-block
    }
    body.formula-e-page .formula-e-blocks .block-item .overlay .icon-book-thin {
        margin: 10px;
        background: url(../img/icon-book.jpg) left top no-repeat;
        width: 22px;
        height: 20px;
        display: inline-block
    }
    body.formula-e-page .formula-e-blocks .block-item .overlay .des {
        font-size: 11px;
        margin: 0;
        width: 100%;
        font-weight: 400
    }
}

@media only screen and (max-width:767px) {
    body.formula-e-page .formula-e-blocks {
        padding: 0;
        padding-top: 0px!important
    }
    body.formula-e-page .formula-e-blocks .block-item {
        width: 100%;
        height: 200px
    }
    body.formula-e-page .formula-e-blocks .block-item:before {
        background: #000;
        opacity: 0.2!important
    }
    body.formula-e-page .formula-e-blocks .container {
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    body.formula-e-page .section.inner p {
        font-size: 13px
    }
}

body.formula-e-page .tabletImg,
body.formula-e-page .mobileImg {
    display: none
}

body.formula-e-page .visible-lg {
    width: 100%;
    height: 100%
}

body.formula-e-page .section-style03.PB0 {
    padding-bottom: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.formula-e-page .rise-in-action-section .rise-in-action-group.box-2 .rise-in-action-image::before {
        padding-top: 62.594%;
        top: 0
    }
    body.formula-e-page .visible-sm {
        width: 100%;
        height: 100%
    }
    body.formula-e-page .carousel-wrap::before,
    body.formula-e-page .carousel-wrap.square::before {
        padding-top: 54.02%
    }
    body.formula-e-page .deskImg {
        display: none
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .bg-image img {
        right: 0;
        width: 100%
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content {
        top: 45px
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-4 {
        height: 245px
    }
}

@media only screen and (max-width:767px) {
    body.formula-e-page .tabletImg {
        display: none
    }
    body.formula-e-page .deskImg {
        display: none
    }
    body.formula-e-page .mobileImg {
        display: block
    }
    body.formula-e-page .rise-in-action-section .rise-in-action-group+.rise-in-action-group img {
        top: 0
    }
    body.formula-e-page .visible-xs {
        width: 100%;
        height: 100%
    }
    body.formula-e-page .carousel-wrap::before,
    body.formula-e-page .carousel-wrap::before,
    body.formula-e-page .carousel-wrap.square::before {
        padding-top: 112.02%
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 {
        height: auto
    }
    body.formula-e-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content.normal {
        top: 0
    }
}

body.newsroom-page {
    background-color: #fff
}

body.newsroom-page .about-us-menu li {
    width: 14%
}

body.newsroom-page .about-us-menu li+li {
    width: 18%
}

body.newsroom-page .about-us-menu li+li+li {
    width: 20%
}

body.newsroom-page .about-us-menu li+li+li+li {
    width: 18%
}

body.newsroom-page .about-us-menu li+li+li+li+li {
    width: 18%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.newsroom-page .about-us-menu {
        padding-right: 0px!important
    }
}

body.newsroom-page .innovation-stories-heros .section-header {
    padding-bottom: 40px
}

body.newsroom-page .mid-buttons {
    padding: 30px 0
}

body.newsroom-page .in-the-news {
    padding-bottom: 0
}

body.newsroom-page .in-the-news .section-header {
    padding-bottom: 40px
}

body.newsroom-page .in-the-news .section-header h4 {
    margin: 0
}

body.newsroom-page .in-the-news .listing-box {
    padding: 40px 0
}

body.newsroom-page .in-the-news .listing-box:first-child {
    border-top: 1px solid #e7e7e7
}

body.newsroom-page .in-the-news .listing-box a:hover {
    text-decoration: underline!important
}

body.newsroom-page .in-the-news .listing-box .listing-title {
    margin: 0
}

body.newsroom-page .in-the-news .listing-box .datebox {
    font-weight: 700;
    font-size: 15px;
    margin-top: 0
}

body.newsroom-page .in-the-news .listing-box .article {
    font-size: 17px
}

body.newsroom-page .bottom-prev-next {
    padding-top: 40px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.newsroom-page .across-sm-section {
        padding-bottom: 0!important
    }
    body.newsroom-page .across-sm-section .col-md-4 {
        padding-left: 0;
        padding-right: 0
    }
    body.newsroom-page .bottom-prev-next {
        padding: 40px 15px
    }
}

@media only screen and (max-width:767px) {
    body.newsroom-page .in-the-news .section-header {
        padding-bottom: 20px
    }
    body.newsroom-page .in-the-news .listing-box {
        padding: 20px 0
    }
    body.newsroom-page .in-the-news .listing-box .listing-title {
        font-size: 15px!important;
        margin-bottom: 5px
    }
    body.newsroom-page .in-the-news .listing-box .datebox {
        font-size: 13px!important
    }
    body.newsroom-page .in-the-news .listing-box .article {
        font-size: 13px!important
    }
    body.newsroom-page .across-sm-section {
        padding-bottom: 0!important
    }
    body.newsroom-page .across-sm-section .col-md-4 {
        padding-left: 0;
        padding-right: 0
    }
    body.newsroom-page .bottom-prev-next {
        padding: 40px 15px
    }
    body.newsroom-page .bottom-prev-next .btn {
        width: 100%;
        max-width: 100%
    }
}

body.newsroom-page .visible-lg {
    width: 100%;
    height: 100%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.newsroom-page .visible-sm {
        width: 100%;
        height: 100%
    }
    body.newsroom-page .carousel-wrap::before,
    body.newsroom-page .carousel-wrap.square::before {
        padding-top: 54.02%
    }
    body.newsroom-page .section-style03 .block-item.middel_element {
        margin-left: auto
    }
}

@media only screen and (max-width:767px) {
    body.newsroom-page .visible-xs {
        width: 100%;
        height: 100%
    }
    body.newsroom-page .carousel-wrap::before,
    body.newsroom-page .carousel-wrap::before,
    body.newsroom-page .carousel-wrap.square::before {
        padding-top: 112.02%
    }
}

body.journalist-page {
    background-color: #fff
}

body.journalist-page .about-us-menu li {
    width: 20%
}

body.journalist-page .about-us-menu li+li {
    width: 20%
}

body.journalist-page .about-us-menu li+li+li {
    width: 20%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.journalist-page .about-us-menu {
        padding-right: 0px!important
    }
}

body.journalist-page .about-us-menu.investor_nav {
    background: #f1f1f1
}

body.journalist-page .about-us-menu.investor_nav>li {
    height: 50px
}

body.journalist-page .about-us-menu.investor_nav>li>a {
    color: #000;
    margin-top: 3px
}

body.journalist-page .about-us-menu.investor_nav>li.active,
body.journalist-page .about-us-menu.investor_nav>li:hover {
    border-bottom-color: #f1f1f1
}

body.journalist-page .about-us-menu.investor_nav>li.active a,
body.journalist-page .about-us-menu.investor_nav>li:hover a {
    color: #e31837;
    border-bottom-color: #f1f1f1
}

body.journalist-page .innovation-stories-heros .section-header {
    padding-bottom: 40px
}

body.journalist-page .innovation-stories-heros .carousel-caption {
    margin-top: 20%
}

body.journalist-page .innovation-stories-heros .carousel-caption.right .hero-title {
    width: 100%
}

body.journalist-page .innovation-stories-heros .carousel-caption.right .hero-des {
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.journalist-page .innovation-stories-heros .carousel-wrap:before {
        padding-top: 50%
    }
}

body.journalist-page .executive-speeches {
    padding-bottom: 0;
    background-color: #e8e8e8
}

body.journalist-page .executive-speeches .section-header {
    padding-bottom: 20px
}

body.journalist-page .executive-speeches .section-header h4 {
    margin: 0
}

body.journalist-page .executive-speeches .col-xs-12 {
    padding: 0 30px;
    *zoom: 1
}

body.journalist-page .executive-speeches .col-xs-12:before,
body.journalist-page .executive-speeches .col-xs-12:after {
    content: " ";
    display: table
}

body.journalist-page .executive-speeches .col-xs-12:after {
    clear: both
}

body.journalist-page .executive-speeches .content-filters {
    *zoom: 1;
    padding-bottom: 20px;
    border-bottom: 1px solid #d3d3d3
}

body.journalist-page .executive-speeches .content-filters:before,
body.journalist-page .executive-speeches .content-filters:after {
    content: " ";
    display: table
}

body.journalist-page .executive-speeches .content-filters:after {
    clear: both
}

body.journalist-page .executive-speeches .content-filters form {
    width: 180px;
    height: 30px;
    float: left;
    color: #666
}

body.journalist-page .executive-speeches .content-filters form::-webkit-input-placeholder {
    color: #666
}

body.journalist-page .executive-speeches .content-filters .datetextbox {
    width: 170px;
    border: 1px solid #e8e8e8;
    background-color: #fff
}

body.journalist-page .executive-speeches .content-filters .datetextbox:hover {
    border: 1px solid #b8b8b8
}

body.journalist-page .executive-speeches .content-filters .datetextbox input {
    padding-left: 10px
}

body.journalist-page .executive-speeches .content-filters .custom-drop-down-box {
    height: 30px;
    float: left;
    background-color: #fff;
    padding-top: 4px
}

body.journalist-page .executive-speeches .content-filters .custom-list-box {
    left: 0;
    top: 30px
}

@media only screen and (max-width:767px) {
    body.journalist-page .executive-speeches .content-filters form {
        width: 100%;
        margin-bottom: 10px
    }
    body.journalist-page .executive-speeches .content-filters .fromList li:first-child {
        display: inline-block;
        width: 100%
    }
    body.journalist-page .executive-speeches .content-filters .fromList {
        width: 100%
    }
    body.journalist-page .executive-speeches .content-filters .datetextbox {
        width: 100%
    }
    body.journalist-page .executive-speeches .content-filters .datetextbox input {
        width: 90%
    }
    body.journalist-page .executive-speeches .content-filters .custom-drop-down-box {
        width: 100%;
        font-size: 11px;
        padding-top: 7px
    }
    body.journalist-page .executive-speeches .content-filters .custom-list-box {
        left: 0;
        top: 30px
    }
    body.journalist-page .executive-speeches .content-filters .custom-list-box {
        width: 100%
    }
}

body.journalist-page .executive-speeches .listing-box {
    *zoom: 1;
    padding: 40px 0;
    border-bottom: 1px solid #d3d3d3
}

body.journalist-page .executive-speeches .listing-box:before,
body.journalist-page .executive-speeches .listing-box:after {
    content: " ";
    display: table
}

body.journalist-page .executive-speeches .listing-box:after {
    clear: both
}

body.journalist-page .executive-speeches .listing-box a:hover {
    text-decoration: underline!important
}

body.journalist-page .executive-speeches .listing-box .listing-title {
    margin: 0
}

body.journalist-page .executive-speeches .listing-box .datebox {
    font-weight: 700;
    font-size: 15px;
    margin-top: 10px
}

body.journalist-page .executive-speeches .listing-box .article {
    font-size: 17px;
    line-height: 1.8
}

body.journalist-page .executive-speeches .listing-box .morelink {
    font-size: 17px;
    margin-top: 15px;
    display: inline-block
}

body.journalist-page .executive-speeches .listing-box .links {
    *zoom: 1;
    display: inline-block;
    float: left;
    margin-right: 20px
}

body.journalist-page .executive-speeches .listing-box .links:before,
body.journalist-page .executive-speeches .listing-box .links:after {
    content: " ";
    display: table
}

body.journalist-page .executive-speeches .listing-box .links:after {
    clear: both
}

body.journalist-page .executive-speeches .listing-box .links .link-container {
    display: block;
    position: relative
}

body.journalist-page .executive-speeches .listing-box .links .link-container .centered-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

body.journalist-page .executive-speeches .listing-box .links .link-container .centered-area:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

body.journalist-page .executive-speeches .listing-box .links .link-container img.icon {
    display: inline-block;
    vertical-align: middle
}

body.journalist-page .executive-speeches .listing-box .links .link-container img.bg {
    width: 100%
}

body.journalist-page .executive-speeches .listing-box .links .link-container:hover .centered-area {
    background-color: rgba(0, 0, 0, .2)
}

body.journalist-page .executive-speeches .btn {
    margin: 0 auto
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.journalist-page .executive-speeches .listing-box .article {
        font-size: 15px
    }
    body.journalist-page .executive-speeches .listing-box .morelink {
        font-size: 15px
    }
    body.journalist-page .executive-speeches .col-xs-12 {
        padding: 0 15px;
        *zoom: 1
    }
    body.journalist-page .executive-speeches .col-xs-12:before,
    body.journalist-page .executive-speeches .col-xs-12:after {
        content: " ";
        display: table
    }
    body.journalist-page .executive-speeches .col-xs-12:after {
        clear: both
    }
}

@media only screen and (max-width:767px) {
    body.journalist-page .executive-speeches .listing-box .listing-title {
        font-size: 17px
    }
    body.journalist-page .executive-speeches .listing-box .article {
        font-size: 13px
    }
    body.journalist-page .executive-speeches .listing-box .datebox {
        font-size: 13px;
        margin-top: 10px
    }
    body.journalist-page .executive-speeches .listing-box .morelink {
        font-size: 13px
    }
    body.journalist-page .executive-speeches .col-xs-12 {
        padding: 0 20px;
        *zoom: 1
    }
    body.journalist-page .executive-speeches .col-xs-12:before,
    body.journalist-page .executive-speeches .col-xs-12:after {
        content: " ";
        display: table
    }
    body.journalist-page .executive-speeches .col-xs-12:after {
        clear: both
    }
    body.journalist-page .executive-speeches .links {
        width: 100%;
        margin-bottom: 20px
    }
}

body.journalist-page .downloads-wrapper .heading-container {
    width: 960px;
    margin: 40px auto 0 auto;
    padding: 0 10px
}

body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul {
    display: inline-block;
    padding: 0;
    margin: 0
}

body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul li .custom-drop-down-box {
    background-color: #fff
}

body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul li .custom-drop-down-box.w150 {
    width: 150px!important
}

body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul li.opt-two-line input[type=checkbox] {
    height: 30px;
    float: left
}

body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul li.opt-two-line span {
    float: left;
    width: 80%
}

body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul li:first-child {
    margin-top: 6px
}

body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul li:nth-child(2) .custom-list-box.year-list-box {
    margin-left: 0
}

body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul li .custom-list-box.w170 {
    width: 170px
}

body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul li .custom-list-box .check_list li {
    width: 100%
}

body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox .custom-list-box.year-list-box {
    width: 130px;
    margin-left: 0
}

body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox .custom-list-box.year-list-box ul li {
    width: 100%
}

@media only screen and (max-width:767px) {
    body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox {
        margin-top: 40px;
        margin-bottom: 20px
    }
    body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul li {
        width: 100%
    }
    body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul li a {
        width: 100%;
        margin: 0 auto
    }
    body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul li .custom-list-box {
        width: 300px
    }
    body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul li .custom-list-box .check_list li {
        float: left
    }
    body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox .custom-list-box.year-list-box {
        width: 100%
    }
    body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox .custom-list-box.year-list-box ul li {
        width: 100%
    }
}

body.journalist-page .downloads-wrapper .heading-container h3.filter {
    font-family: "EurostileLTStdBold";
    font-size: 25px;
    color: #e31837;
    margin: 0
}

body.journalist-page .downloads-wrapper .heading-container .num-results {
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    margin: 6px 0 0 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.journalist-page .downloads-wrapper .heading-container {
        max-width: 720px
    }
}

@media only screen and (max-width:767px) {
    body.journalist-page .downloads-wrapper .heading-container {
        width: 100%;
        max-width: 100%
    }
    body.journalist-page .downloads-wrapper .heading-container h3.filter {
        font-size: 18px;
        margin: 0 auto
    }
    body.journalist-page .downloads-wrapper .heading-container .num-results {
        text-align: left;
        font-size: 14px;
        margin: 10px auto 0 auto
    }
}

body.journalist-page .downloads-wrapper ul.downloads-results {
    list-style: none;
    position: relative;
    padding: 0;
    height: 100%;
    margin: 30px auto 0 auto;
    max-width: 960px;
    color: #fff
}

body.journalist-page .downloads-wrapper ul.downloads-results li {
    float: left;
    margin: 10px
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry {
    position: relative;
    height: 270px;
    width: 220px;
    padding: 20px 25px 25px 25px
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .download-heading {
    display: table;
    height: 25px
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .download-heading .download-icon,
body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .download-heading span {
    display: table-cell;
    vertical-align: middle
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .download-heading span {
    font-size: 10px;
    font-family: arial;
    text-transform: uppercase
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .download-title {
    font-family: 'EurostileLTStd', arial, helvetica;
    font-size: 20px;
    margin-top: 13px
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .download-date {
    font-family: 'EurostileLTStd', arial, helvetica;
    font-size: 13px;
    text-transform: uppercase
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry hr {
    width: 45px;
    margin: 15px 0
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-action {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: #383838;
    padding: 15px 0 0 20px
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-action .btn-add {
    background-color: #e31837;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 5px;
    color: #fff;
    margin-right: 5px
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-action .btn-add:hover {
    background-color: #c60d29
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-action a.add {
    display: inline-block;
    font-family: Arial, helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-action a.add:hover {
    color: #e31837
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-download-wrapper {
    position: absolute;
    bottom: 30px;
    left: 0;
    padding: 0 25px
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-download-wrapper .download-date {
    padding-bottom: 5px
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-download-wrapper ul.bottom-download {
    list-style: none;
    padding: 0
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-download-wrapper ul.bottom-download li {
    font-size: 10px;
    text-transform: uppercase;
    margin: 2px 0;
    display: table
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-download-wrapper ul.bottom-download li img {
    display: table-cell;
    vertical-align: middle;
    margin-right: 5px
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-download-wrapper ul.bottom-download li a {
    color: #fff;
    display: table-cell;
    vertical-align: middle
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-download-wrapper ul.bottom-download li a:hover {
    text-decoration: underline!important
}

@media only screen and (max-width:767px) {
    body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-download-wrapper ul.bottom-download li img {
        display: inline-block;
        margin-right: 5px
    }
    body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry .bottom-download-wrapper ul.bottom-download li a {
        display: inline-block
    }
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry.download-type-1 {
    background: url(../img/journalist-download-1.jpg) no-repeat
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry.download-type-2 {
    background: url(../img/journalist-download-2.jpg) no-repeat
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry.download-type-3 {
    background: url(../img/journalist-download-3.jpg) no-repeat
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry.download-type-4 {
    background: url(../img/journalist-download-4.jpg) no-repeat
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry.download-type-5 {
    background: url(../img/journalist-download-5.jpg) no-repeat
}

body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry.download-type-6 {
    background: url(../img/journalist-download-6.jpg) no-repeat
}

@media only screen and (max-width:767px) {
    body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry.download-type-1,
    body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry.download-type-2,
    body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry.download-type-3,
    body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry.download-type-4,
    body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry.download-type-5,
    body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry.download-type-6 {
        height: auto!important;
        min-height: 220px;
        max-height: 220px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.journalist-page .downloads-wrapper ul.downloads-results {
        max-width: 720px
    }
}

@media only screen and (max-width:767px) {
    body.journalist-page .downloads-wrapper ul.downloads-results {
        margin: 10px 10px 0 10px
    }
    body.journalist-page .downloads-wrapper ul.downloads-results li {
        width: 100%;
        margin: 10px 0
    }
    body.journalist-page .downloads-wrapper ul.downloads-results li .downloads-entry {
        width: 100%;
        height: 270px;
        background-size: cover!important
    }
}

@media only screen and (max-width:767px) {
    body.journalist-page .downloads-wrapper .heading-container {
        margin-top: 0
    }
    body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox {
        margin-top: 0
    }
    body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox li {
        margin: 5px 0
    }
    body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox li a {
        width: 100%!important
    }
    body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox li .custom-drop-down-box.w150 {
        width: 100%!important;
        min-width: 100%
    }
}

body.journalist-page .loading-more-downloads {
    text-align: center;
    margin: 70px 0
}

body.journalist-page .bottom-prev-next {
    padding-top: 40px
}

@media only screen and (max-width:767px) {
    body.journalist-page .about-us-menu.investor_nav {
        padding-right: 0!important
    }
    body.journalist-page .about-us-menu.investor_nav li {
        width: 33%
    }
    body.journalist-page section#downloads {
        padding-bottom: 0
    }
    body.journalist-page .section.bottom-prev-next .btn>span {
        width: 95%
    }
}

body.journalist-page .journ-dropdown {
    float: left;
    position: relative
}

body.journalist-page .btn-small {
    background-color: #e31837;
    border: 1px solid #e31837;
    font-size: 13px;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #ffffff!important;
    float: left
}

body.journalist-page .btn-small.ML10 {
    margin-left: 10px
}

body.journalist-page .drop-down-listbox ul {
    float: left
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.journalist-page .custom-drop-down-box.w120 {
        width: 105px
    }
    body.journalist-page .downloads-wrapper .heading-container .drop-down-listbox ul li .custom-drop-down-box.w150 {
        width: 140px!important
    }
    body.journalist-page .drop-down-listbox li {
        margin-right: 4px
    }
}

@media only screen and (max-width:767px) {
    body.journalist-page .journ-dropdown {
        width: 76%
    }
    body.journalist-page .btn-small.ML10 {
        float: right;
        margin: 0
    }
    body.journalist-page .btn-small.FR {
        float: right;
        margin-top: 76px
    }
    body.journalist-page .drop-down-listbox ul {
        float: left;
        width: 79%
    }
}

body.journalist-page .visible-lg {
    width: 100%;
    height: 100%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.journalist-page .visible-sm {
        width: 100%;
        height: 100%
    }
    body.journalist-page .carousel-wrap::before,
    body.journalist-page .carousel-wrap.square::before {
        padding-top: 54.02%
    }
}

@media only screen and (max-width:767px) {
    body.journalist-page .visible-xs {
        width: 100%;
        height: 100%
    }
    body.journalist-page .carousel-wrap::before,
    body.journalist-page .carousel-wrap::before,
    body.journalist-page .carousel-wrap.square::before {
        padding-top: 112.02%
    }
}

.innovation-quality-page {
    background-color: #fff
}

.innovation-quality-page .about-us-section.our-history-section .links {
    border-top: 0
}

.innovation-quality-page .about-us-section.our-history-section .carousel-caption h4 {
    font-size: 20px;
    margin: 0;
    line-height: 1
}

.innovation-quality-page .about-us-section.our-history-section .carousel-caption img {
    margin-top: 10px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .about-us-section.our-history-section .more {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .about-us-section.our-history-section {
        padding-top: 0px!important
    }
    .innovation-quality-page .about-us-section.our-history-section .more {
        margin-bottom: 20px
    }
    .innovation-quality-page .about-us-section.our-history-section .carousel-caption {
        top: 15%
    }
    .innovation-quality-page .about-us-section.our-history-section .carousel-caption h3 {
        font-size: 20px
    }
    .innovation-quality-page .about-us-section.our-history-section .carousel-caption h4 {
        font-size: 14px
    }
    .innovation-quality-page .about-us-section.our-history-section .carousel-caption .mobile-icon {
        margin: 0 auto 10px auto;
        height: 60px;
        width: 60px
    }
}

.innovation-quality-page .rise-in-action-section {
    padding-top: 60px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .rise-in-action-section {
        padding-top: 0
    }
    .innovation-quality-page .rise-in-action-section h4 {
        font-size: 14px
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .rise-in-action-section {
        padding-top: 0
    }
    .innovation-quality-page .rise-in-action-section .section-header {
        padding-top: 30px!important;
        padding-bottom: 10px!important
    }
}

.innovation-quality-page .our-philosophy-section {
    padding-top: 0
}

.innovation-quality-page .our-philosophy-section .section-header {
    width: 80%;
    max-width: 940px
}

.innovation-quality-page .our-philosophy-section .mahindra-people-header {
    margin-top: 60px
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .our-philosophy-section .mahindra-people-header {
        margin-top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .philo-section {
        padding-bottom: 30px
    }
    .innovation-quality-page .philo-section .row {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .philo-section {
        padding-bottom: 30px
    }
}

.innovation-quality-page .philo-boxed-content {
    background-color: #fff;
    height: 313px;
    width: 940px;
    margin: 0 auto 1px auto;
    overflow: hidden;
    font-size: 15px
}

.innovation-quality-page .philo-boxed-content [class*="col-"] {
    padding: 0;
    overflow: hidden
}

.innovation-quality-page .philo-boxed-content .col-md-4 {
    padding: 30px;
    overflow: hidden
}

.innovation-quality-page .philo-boxed-content .col-md-4 h2 {
    margin-top: 0;
    color: #e31837;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 1.1
}

.innovation-quality-page .philo-boxed-content .col-md-4 h2 span {
    font-family: 'cheddar_jackregular';
    color: #000
}

.innovation-quality-page .philo-boxed-content .col-md-4 .desc {
    line-height: 1.3
}

.innovation-quality-page .philo-boxed-content .img-fluid {
    width: 100%
}

.innovation-quality-page .philo-boxed-content .img-cover {
    height: auto;
    max-height: auto;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center
}

.innovation-quality-page .philo-boxed-content .counter {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    margin-left: 0;
    padding-right: 0;
    list-style-type: none
}

.innovation-quality-page .philo-boxed-content .counter li {
    counter-increment: step-counter
}

.innovation-quality-page .philo-boxed-content .counter li::before {
    position: absolute;
    content: counter(step-counter);
    margin-top: -2px;
    margin-left: -40px;
    font-size: 30px;
    color: #e31837;
    font-family: 'EurostileLTStd';
    font-weight: 700
}

.innovation-quality-page .philo-boxed-content .counter li.item-1::before {
    content: "1."
}

.innovation-quality-page .philo-boxed-content .counter li.item-2::before {
    content: "2."
}

.innovation-quality-page .philo-boxed-content .counter li.item-3::before {
    content: "3."
}

.innovation-quality-page .philo-boxed-content .counter li.item-4::before {
    content: "4."
}

.innovation-quality-page .philo-boxed-content .counter li.item-5::before {
    content: "5."
}

.innovation-quality-page .philo-boxed-content .center-content {
    height: 265px;
    display: table
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .philo-boxed-content {
        height: 274px;
        width: 100%;
        font-size: 15px
    }
    .innovation-quality-page .philo-boxed-content .col-md-4 {
        padding: 30px 20px 30px 5px
    }
    .innovation-quality-page .philo-boxed-content .col-md-4 h2 {
        font-size: 22px
    }
    .innovation-quality-page .philo-boxed-content .counter li::before {
        margin-left: -30px;
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .philo-boxed-content {
        width: 100%;
        height: auto;
        font-size: 13px
    }
    .innovation-quality-page .philo-boxed-content .col-md-4 {
        padding: 30px 15px
    }
    .innovation-quality-page .philo-boxed-content .col-md-4 h2 {
        font-size: 22px;
        margin-left: 30px
    }
    .innovation-quality-page .philo-boxed-content .desc {
        font-size: 13px
    }
    .innovation-quality-page .philo-boxed-content .img-cover {
        height: auto
    }
    .innovation-quality-page .philo-boxed-content .counter {
        padding: 0
    }
    .innovation-quality-page .philo-boxed-content .counter li::before {
        margin-left: 0;
        font-size: 22px
    }
    .innovation-quality-page .philo-boxed-content .center-content {
        height: auto
    }
}

.innovation-quality-page .philo-text-section {
    font-size: 17px
}

.innovation-quality-page .philo-text-section .tac {
    width: 80%;
    max-width: 940px;
    margin: 0 auto
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .philo-text-section {
        font-size: 15px;
        padding-bottom: 40px
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .philo-text-section {
        font-size: 13px;
        padding-bottom: 30px
    }
}

.innovation-quality-page .randd-section {
    position: relative;
    height: 940px;
    background: #000 url(../img/iq-rnd-bg.jpg) no-repeat center center;
    background-size: cover;
    font-size: 17px
}

.innovation-quality-page .randd-section .section-header {
    width: 90%
}

.innovation-quality-page .randd-section .section-header h2 span {
    color: #fff
}

.innovation-quality-page .randd-section .section-header h4 {
    color: #fff
}

.innovation-quality-page .randd-section .write-up {
    position: absolute;
    text-align: center;
    bottom: 60px;
    color: #fff;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .randd-section {
        height: 870px;
        background: #000 url(../img/iq-rnd-bg-mobile.jpg) no-repeat center 22%;
        background-size: contain
    }
    .innovation-quality-page .randd-section .section-header h4 {
        font-size: 13px
    }
    .innovation-quality-page .randd-section .write-up {
        font-size: 13px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .randd-section .section-header h4 {
        font-size: 15px
    }
    .innovation-quality-page .randd-section .write-up {
        font-size: 15px
    }
}

.innovation-quality-page .atw-section {
    background-color: #ffffff!important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .atw-section .section-header h4 {
        font-size: 14px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .generic-ria {
        padding-top: 50px
    }
    .innovation-quality-page .generic-ria .rise-in-action-image:before {
        padding-top: 40%
    }
    .innovation-quality-page .generic-ria .caption-panel-inner {
        background-color: #f1f1f1
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .generic-ria .rise-in-action-image:before {
        padding-top: 40%
    }
    .innovation-quality-page .generic-ria .caption-panel-inner {
        background-color: #f1f1f1
    }
    .innovation-quality-page .generic-ria .caption-panel-inner .des,
    .innovation-quality-page .generic-ria .caption-panel-inner .more {
        font-size: 13px!important
    }
}

.innovation-quality-page .content-blk-1 {
    text-align: center;
    margin: 20px
}

.innovation-quality-page .content-blk-1 h2 {
    font-size: 30px;
    color: #e31837;
    margin: 20px 0 0 0
}

.innovation-quality-page .content-blk-1 .desc {
    font-size: 17px;
    line-height: 1.8
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .content-blk-1 h2 {
        font-size: 25px
    }
    .innovation-quality-page .content-blk-1 .desc {
        font-size: 15px
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .content-blk-1 {
        margin: 10px 0
    }
    .innovation-quality-page .content-blk-1 h2 {
        font-size: 22px
    }
    .innovation-quality-page .content-blk-1 .desc {
        font-size: 13px
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .our-people-section {
        padding-bottom: 30px
    }
}

.innovation-quality-page .testimonials-section h3 {
    font-size: 30px;
    margin: 20px;
    color: #e31837;
    font-family: 'EurostileLTStd'
}

.innovation-quality-page .testimonials-section .fa.fa-caret-down {
    margin-left: 10px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper {
    width: 940px;
    margin: 0 auto;
    background-color: #fff
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .section-header {
    width: 80%;
    padding-top: 0px!important
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .item {
    padding: 0;
    height: auto;
    width: auto
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box {
    position: relative
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .content {
    position: absolute;
    z-index: 1;
    width: inherit;
    padding: 30px;
    font-size: 15px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .content.normal {
    position: relative!important
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .content hr {
    width: 130px;
    margin-left: 0;
    border-top: 1px solid #d8d8d8
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .content h1 {
    font-family: 'EurostileLTStdBold';
    line-height: 1;
    color: #e31837;
    margin: 0 0 10px 0
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .content .name {
    font-weight: 700;
    font-size: 14px;
    display: block
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .content .job-title {
    font-size: 14px;
    display: block
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .content .years {
    font-size: 12px;
    display: block;
    line-height: 1;
    margin-top: 20px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .content a.link {
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    margin-top: 30px;
    display: inline-block
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .content a.link i {
    margin-left: 6px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .content a.link:hover {
    text-decoration: underline!important
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .bg-image {
    position: relative
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .bg-image img {
    position: absolute
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .image {
    position: relative
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .links {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .links a {
    float: right
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .links a:last-child {
    margin-right: 3px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .box .links a:hover {
    opacity: .9
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-1 {
    height: 365px;
    width: 625px;
    border-right: 1px solid #f1f1f1
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-1 .content {
    width: 430px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-1 h1 {
    font-size: 30px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-2 {
    width: 315px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-2 h1 {
    font-size: 30px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-3 {
    width: 312px;
    height: 530px;
    min-height: 530px;
    display: inline-block;
    float: left;
    border-right: 1px solid #f1f1f1
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-3 h1 {
    font-size: 22px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-4 {
    width: 470px;
    height: 353px;
    display: inline-block;
    float: left;
    border-right: 1px solid #fff
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-4 h1 {
    font-size: 22px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content {
    width: 400px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-5 {
    width: 470px;
    height: 240px;
    display: inline-block;
    float: left;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    min-height: 240px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .box-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, .5)
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .box-container:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .box-container:hover {
    background-color: transparent
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .content-video {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 300px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .content-video h1 {
    font-size: 20px;
    color: #ffffff!important;
    margin: 10px 0 0 0!important;
    line-height: 1.1
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-6 {
    width: 235px;
    height: 375px;
    display: inline-block;
    float: left;
    border-right: 1px solid #fff
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-6 h1 {
    font-size: 22px
}

.innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-6 .content {
    color: #fff
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .testimonials-section .testimonials-wrapper {
        background-color: #f1f1f1;
        width: 760px
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-1 {
        width: 500px;
        overflow: hidden
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-1 .bg-image img {
        width: 100%;
        max-width: 100%;
        right: 0
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-2 {
        width: 260px
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-3 {
        width: 250px
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-4 {
        width: 380px;
        overflow: hidden
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .content {
        width: 380px
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-4 .bg-image img {
        width: 125%;
        max-width: 125%;
        right: -30px
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-5 {
        width: 380px;
        overflow: hidden
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-5 .bg-image img {
        width: 125%;
        max-width: 125%;
        right: 0
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-6 {
        width: 190px;
        height: 495px;
        overflow: hidden
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-6 .bg-image img {
        width: 165%;
        max-width: 165%;
        right: 0
    }
}

.innovation-quality-page .testimonials-section .section-footer {
    padding-top: 60px
}

.innovation-quality-page .testimonials-section .section-header {
    width: 100%;
    max-width: 940px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .testimonials-section {
        padding-top: 0;
        padding-bottom: 30px
    }
    .innovation-quality-page .testimonials-section h3 {
        font-size: 25px;
        margin-top: 10px
    }
    .innovation-quality-page .testimonials-section .section-footer {
        padding-top: 30px
    }
    .innovation-quality-page .testimonials-section .section-header {
        max-width: 740px
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper {
        background-color: #fff
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .testimonials-section {
        padding-bottom: 0;
        background-color: #f1f1f1
    }
    .innovation-quality-page .testimonials-section .col-sm-12 {
        padding: 0
    }
    .innovation-quality-page .testimonials-section .section-header {
        padding-top: 30px!important
    }
    .innovation-quality-page .testimonials-section h3 {
        font-size: 22px;
        margin-top: 0
    }
    .innovation-quality-page .testimonials-section h4 {
        font-size: 13px
    }
    .innovation-quality-page .testimonials-section .section-footer {
        padding-top: 30px;
        padding-bottom: 30px!important;
        background-color: #fff
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper {
        width: 100%
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .section-header {
        padding-top: 30px!important;
        padding-bottom: 10px!important
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-2 {
        width: 100%
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-2 h1 {
        font-size: 22px
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-2 span {
        font-size: 13px
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .image img {
        width: 100%
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content {
        background-color: #f1f1f1
    }
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content .name,
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content .job-title,
    .innovation-quality-page .testimonials-section .testimonials-wrapper .testimonial-box-2 .content .years {
        font-size: 12px
    }
    .innovation-quality-page .testimonials-section .section-header {
        padding-left: 20px!important;
        padding-right: 20px!important
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .our-output-section {
        background-color: #f1f1f1
    }
}

.innovation-quality-page .imgbg-blocks-section {
    padding-bottom: 0
}

.innovation-quality-page .container-centuro {
    min-height: 1102px;
    width: 100%;
    background-size: cover!important;
    padding: 60px 0;
    overflow: hidden
}

.innovation-quality-page .container-centuro .icon-play {
    width: 41px!important;
    height: 41px!important;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -20px auto 0 auto
}

.innovation-quality-page .container-centuro .content {
    font-size: 17px;
    color: #fff;
    width: 48%;
    height: 380px;
    margin-left: 50%
}

.innovation-quality-page .container-centuro .content h2 {
    color: #e31837;
    font-size: 50px;
    font-family: 'EurostileLTStdBold';
    font-weight: 400;
    line-height: 1;
    text-shadow: rgba(0, 0, 0, .4) 0 0 3px;
    margin: 40px 0 20px 0
}

.innovation-quality-page .container-centuro .content h2 span {
    display: block;
    font-family: 'cheddar_jackregular';
    font-weight: 400;
    color: #fff
}

.innovation-quality-page .container-centuro .content .desc {
    line-height: 2
}

.innovation-quality-page .container-centuro .content .btn {
    margin-top: 10px
}

.innovation-quality-page .container-centuro [class*='col-'] {
    position: relative;
    padding: 0
}

.innovation-quality-page .container-centuro [class*='col-'] img {
    width: 100%
}

.innovation-quality-page .container-centuro .content-overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    padding: 20px;
    width: 80%
}

.innovation-quality-page .container-centuro .content-overlay.bottom {
    top: auto;
    bottom: 10px;
    width: 100%
}

.innovation-quality-page .container-centuro .content-overlay h2 {
    color: #e31837;
    font-size: 30px;
    font-family: 'EurostileLTStdBold';
    font-weight: 400;
    line-height: 1.1;
    margin: 0 0 15px 0
}

.innovation-quality-page .container-centuro .content-overlay h2 span {
    display: block;
    font-family: 'cheddar_jackregular';
    font-weight: 400
}

.innovation-quality-page .container-centuro .content-overlay .desc {
    color: #fff;
    line-height: 1.9
}

.innovation-quality-page .container-centuro .content-overlay-mobile {
    background: #f1f1f1;
    padding: 20px
}

.innovation-quality-page .container-centuro .content-overlay-mobile h2 {
    color: #e31837;
    font-size: 23px;
    font-family: 'EurostileLTStdBold';
    font-weight: 400;
    line-height: 1;
    margin: 0 0 10px 0
}

.innovation-quality-page .container-centuro .content-overlay-mobile h2 span {
    display: block;
    font-family: 'cheddar_jackregular';
    font-weight: 400
}

.innovation-quality-page .container-centuro .content-overlay-mobile .desc {
    font-size: 13px;
    color: #000;
    line-height: 1.6
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .container-centuro {
        min-height: 750px
    }
    .innovation-quality-page .container-centuro .content {
        height: 300px
    }
    .innovation-quality-page .container-centuro .content h2 {
        font-size: 45px;
        margin-top: 0
    }
    .innovation-quality-page .container-centuro .content .desc {
        font-size: 15px;
        line-height: 1.5
    }
    .innovation-quality-page .container-centuro .content-overlay h2 {
        font-size: 25px
    }
    .innovation-quality-page .container-centuro .content-overlay.bottom {
        top: auto;
        bottom: 0
    }
    .innovation-quality-page .container-centuro .content-overlay.bottom h2 {
        margin-bottom: 5px
    }
    .innovation-quality-page .container-centuro .content-overlay .desc {
        line-height: 1.3
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .container-centuro {
        background-size: 160%!important;
        padding: 60px 0 0 0
    }
    .innovation-quality-page .container-centuro .content {
        height: 400px;
        width: 90%;
        margin-left: 5%
    }
    .innovation-quality-page .container-centuro .content h2 {
        padding-top: 130px;
        font-size: 40px
    }
    .innovation-quality-page .container-centuro .content h2 span {
        font-size: 28px
    }
    .innovation-quality-page .container-centuro .content .desc {
        font-size: 13px;
        line-height: 1.5
    }
    .innovation-quality-page .container-centuro .content-overlay h2 {
        font-size: 23px
    }
    .innovation-quality-page .container-centuro .content-overlay .desc {
        font-size: 13px
    }
    .innovation-quality-page .container-centuro .content-overlay.bottom {
        top: auto;
        bottom: 0;
        padding: 20px 20px 10px 20px
    }
    .innovation-quality-page .container-centuro .content-overlay.bottom h2 {
        margin-bottom: 0
    }
}

.innovation-quality-page .mcrd-blk-mobile .content-wrapper {
    position: relative;
    padding: 0 20px;
    z-index: 2
}

.innovation-quality-page .mcrd-blk-mobile .content-wrapper .hero-title {
    font-size: 40px;
    color: #e31837;
    font-family: 'EurostileLTStdBold';
    font-weight: 400;
    line-height: 1
}

.innovation-quality-page .mcrd-blk-mobile .content-wrapper .hero-title .font-cheddar {
    color: #000;
    display: block
}

.innovation-quality-page .mcrd-blk-mobile img {
    margin-top: -50px
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .award-header-section {
        background-color: #f1f1f1
    }
}

.innovation-quality-page .award-section .carousel-caption {
    text-align: center
}

.innovation-quality-page .award-section .carousel-caption .award-year {
    font-size: 100px;
    font-family: 'EurostileLTStdBold';
    font-weight: 400;
    line-height: 1;
    margin: 0
}

.innovation-quality-page .award-section .carousel-caption .hero-title {
    font-size: 30px;
    line-height: 30px
}

.innovation-quality-page .award-section .carousel-caption .hero-title span {
    margin-right: 0
}

.innovation-quality-page .award-section .carousel-caption .hero-des {
    width: 100%!important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .award-section .carousel-caption .award-year {
        font-size: 75px
    }
    .innovation-quality-page .award-section .carousel-caption .hero-title {
        font-size: 25px!important
    }
}

.innovation-quality-page .awards-blk-mobile {
    background: url(../img/iq-awards-bg-mobile.jpg) no-repeat;
    background-size: 100%;
    color: #fff;
    text-align: center;
    padding: 70px 0
}

.innovation-quality-page .awards-blk-mobile .content-wrapper {
    width: 80%;
    margin: 0 auto;
    line-height: 1.8
}

.innovation-quality-page .awards-blk-mobile .content-wrapper .award-year {
    font-size: 75px;
    font-family: 'EurostileLTStdBold';
    font-weight: 400;
    line-height: 1
}

.innovation-quality-page .awards-blk-mobile .content-wrapper .hero-title {
    font-size: 25px!important;
    color: #e31837;
    font-family: 'EurostileLTStdBold';
    font-weight: 400;
    line-height: 1
}

.innovation-quality-page .awards-blk-mobile .content-wrapper .hero-title .font-cheddar {
    color: #000;
    display: block
}

.innovation-quality-page .our-partners-section .row {
    display: table
}

.innovation-quality-page .our-partners-section [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top
}

.innovation-quality-page .our-partners-section hr {
    border-color: #a8a8a8
}

.innovation-quality-page .our-partners-section .desc {
    display: table-cell;
    height: 210px;
    vertical-align: middle;
    font-size: 17px;
    line-height: 1.8
}

.innovation-quality-page .our-partners-section .link {
    font-size: 17px;
    font-weight: 700
}

.innovation-quality-page .our-partners-section .link .fa {
    margin-left: 8px
}

.innovation-quality-page .our-partners-section .link:hover {
    text-decoration: underline!important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .our-partners-section img {
        height: 110px
    }
    .innovation-quality-page .our-partners-section .desc {
        font-size: 15px;
        height: 250px
    }
    .innovation-quality-page .our-partners-section .link {
        font-size: 15px
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .our-partners-section {
        padding-bottom: 0
    }
    .innovation-quality-page .our-partners-section [class*="col-"] {
        float: none;
        display: block!important;
        vertical-align: top;
        padding-bottom: 20px
    }
    .innovation-quality-page .our-partners-section hr {
        margin: 15px 0
    }
    .innovation-quality-page .our-partners-section .section-header {
        padding-bottom: 0!important
    }
    .innovation-quality-page .our-partners-section .desc {
        font-size: 13px;
        height: auto
    }
    .innovation-quality-page .our-partners-section .link {
        font-size: 13px
    }
}

.innovation-quality-page .innovation-stories-heros {
    padding-bottom: 0
}

.innovation-quality-page .innovation-stories-heros .carousel-wrap:before {
    padding-top: 56.375%
}

.innovation-quality-page .innovation-stories-heros .carousel-wrap.sZense-blk:before {
    padding-top: 56.375%
}

.innovation-quality-page .innovation-stories-heros .carousel-wrap.maxximo-blk:before {
    padding-top: 56.375%
}

.innovation-quality-page .innovation-stories-heros .carousel-wrap.mcrd-blk:before {
    padding-top: 56.375%
}

.innovation-quality-page .innovation-stories-heros .carousel-wrap.awards-blk:before {
    padding-top: 56.375%
}

.innovation-quality-page .innovation-stories-heros .carousel-wrap.square:before {
    padding-top: 64.84375%
}

.innovation-quality-page .innovation-stories-heros .carousel-wrap.square .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4)!important;
    z-index: 0;
    display: block
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .innovation-stories-heros .carousel-wrap:before {
        padding-top: 59.375%
    }
    .innovation-quality-page .innovation-stories-heros .carousel-wrap.awards-blk:before {
        padding-top: 67.1875%
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .innovation-stories-heros .carousel-wrap.sZense-blk:before {
        padding-top: 176.4705882353%
    }
    .innovation-quality-page .innovation-stories-heros .carousel-wrap.maxximo-blk:before {
        padding-top: 160%
    }
    .innovation-quality-page .innovation-stories-heros .carousel-wrap.mcrd-blk:before {
        padding-top: 176.4705882353%
    }
    .innovation-quality-page .innovation-stories-heros .carousel-wrap.awards-blk:before {
        padding-top: 112%
    }
}

.innovation-quality-page .innovation-stories-heros .junior-hero .carousel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.innovation-quality-page .innovation-stories-heros .junior-hero .carousel .item {
    background-position: center center
}

.innovation-quality-page .innovation-stories-heros .junior-hero .carousel .mcrd-content {
    background-position: 1% center!important
}

.innovation-quality-page .innovation-stories-heros .junior-hero .carousel .carousel-caption .btn {
    display: inline-block
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .sZense-content .carousel-caption {
        width: 50%
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .maxximo-content {
        background-position: 30% center!important
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .maxximo-content .carousel-caption {
        padding-top: 65px;
        width: 40%;
        bottom: auto
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .maxximo-content .carousel-caption .md-black-color {
        color: #000
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .mcrd-content .carousel-caption {
        left: auto;
        right: 1%!important;
        width: 50%;
        top: 5%;
        bottom: auto
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .mcrd-content .carousel-caption .md-black-color {
        color: #000
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .maxximo-content {
        background-position: bottom right!important;
        background-size: 180%!important
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .maxximo-content:after {
        background: none
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .maxximo-content .carousel-caption {
        padding-top: 30px;
        width: 83%;
        bottom: auto;
        color: #000
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .maxximo-content .carousel-caption .font-cheddar {
        color: #000
    }
}

@media (max-width:991px) {
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .carousel-caption {
        bottom: 7%
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-title {
        font-size: 35px
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-title .font-cheddar {
        font-size: 27px
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-title.genze .font-cheddar {
        font-size: 24px
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-des {
        margin: 5px 0 10px
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .carousel-caption .btn {
        padding: 0 15px;
        line-height: 38px;
        height: 38px
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .video-carousel:after {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .5) url(../img/icon-play-41.png) center 25% no-repeat;
        display: block
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .video-carousel:hover:after {
        background-color: rgba(0, 0, 0, .6)
    }
    .lt-ie9 .innovation-quality-page .innovation-stories-heros .junior-hero .carousel {
        background: black
    }
    .lt-ie9 .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .item>img {
        z-index: 0
    }
    .lt-ie9 .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .carousel-caption {
        position: absolute;
        bottom: 7%;
        z-index: 1
    }
}

@media only screen and (max-width:991px) and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .innovation-stories-heros .junior-hero.two-col {
        font-size: 0
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero.two-col .carousel-wrap {
        width: 50%!important;
        min-height: 500px;
        display: inline-block!important
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero.two-col .carousel-wrap .carousel-caption {
        top: 5%
    }
}

@media (min-width:992px) {
    .innovation-quality-page .innovation-stories-heros .sZense-blk .hero-des {
        line-height: 1.8!important
    }
    .innovation-quality-page .innovation-stories-heros .carousel-wrap:before {
        padding-top: 49.0196078431%
    }
    .innovation-quality-page .innovation-stories-heros .carousel-wrap.square:before {
        padding-top: 100%
    }
    .innovation-quality-page .innovation-stories-heros .carousel-wrap .carousel-caption.right {
        margin-left: 60%!important;
        width: 38%
    }
    .innovation-quality-page .innovation-stories-heros .carousel-wrap .carousel-caption.right .hero-title {
        width: 75%;
        line-height: 48px
    }
    .innovation-quality-page .innovation-stories-heros .carousel-wrap .carousel-caption.right .hero-title .font-cheddar {
        margin-left: 0
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .video-carousel:after {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .5) url(../img/icon-play-41.png) center center no-repeat;
        display: block
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .video-carousel:hover:after {
        background-color: rgba(0, 0, 0, .6)
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .video-carousel .carousel-caption {
        z-index: 1;
        position: relative;
        margin-left: 0;
        left: 9%
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .video-carousel .carousel-caption .hero-des {
        width: 80%
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .carousel-caption {
        margin-left: 2%;
        margin-top: 0;
        width: 50%;
        padding-top: 0
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .carousel-caption.center-bottom {
        max-width: 90%;
        width: 90%;
        margin: 0 auto 2% 6%;
        vertical-align: bottom
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-title {
        text-transform: none
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-des {
        font-size: 17px;
        line-height: 25px;
        width: 88%
    }
    .lt-ie9 .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .item>img {
        z-index: 0
    }
    .lt-ie9 .innovation-quality-page .innovation-stories-heros .junior-hero .carousel .carousel-caption {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        z-index: 1
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero.two-col {
        white-space: nowrap;
        font-size: 0
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero.two-col .carousel-wrap {
        width: 50%;
        min-height: 710px;
        display: inline-block
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero.two-col .carousel-caption {
        width: 80%;
        margin-left: 3%;
        padding: 0;
        z-index: 2;
        position: relative
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero.two-col .carousel-caption.col-1 {
        width: 45%
    }
    .innovation-quality-page .innovation-stories-heros .junior-hero.two-col .carousel-caption.col-2 {
        width: 80%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .innovation-stories-heros .sZense-blk .hero-des {
        line-height: 1.7!important
    }
    .innovation-quality-page .innovation-stories-heros .sZense-blk:before {
        padding-top: 54.375%!important
    }
    .innovation-quality-page .innovation-stories-heros .mcrd-blk:before {
        padding-top: 54.375%!important
    }
    .innovation-quality-page .innovation-stories-heros .carousel-wrap::before {
        padding-top: 54.375%!important
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .our-programmes-section {
        background-color: #f1f1f1
    }
}

.innovation-quality-page .programmes-mobile {
    background-color: #000;
    color: #fff
}

.innovation-quality-page .programmes-mobile .content {
    padding: 0 20px
}

.innovation-quality-page .programmes-mobile .content .hero-title {
    font-size: 40px;
    color: #e31837;
    font-family: 'EurostileLTStdBold';
    font-weight: 400;
    line-height: 1;
    margin: 20px 0
}

.innovation-quality-page .programmes-mobile .content .hero-title .font-cheddar {
    color: #fff;
    margin-left: 10px
}

.innovation-quality-page .programmes-mobile .content .hero-des {
    margin-top: 0;
    line-height: 1.8!important
}

.innovation-quality-page .programmes-mobile .programmes-mobile-1 .content {
    margin-top: -150px;
    background: #000 url(../img/iq-programmes-content-bg.jpg) repeat-x;
    background-position: bottom;
    padding-bottom: 30px
}

.innovation-quality-page .programmes-mobile .programmes-mobile-1 .content .font-cheddar {
    display: block
}

.innovation-quality-page .programmes-mobile .programmes-mobile-2 .content {
    position: relative;
    z-index: 2
}

.innovation-quality-page .programmes-mobile .programmes-mobile-2 img {
    margin-top: -100px
}

.innovation-quality-page .programmes-mobile .programmes-mobile-3 {
    position: relative;
    background: url(../img/iq-programmes-3-mobile.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0
}

.innovation-quality-page .programmes-mobile .programmes-mobile-3 .content h1 {
    margin: 0
}

.innovation-quality-page .section.bottom-prev-next {
    padding-top: 40px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .section.bottom-prev-next {
        background-color: #fff
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .section.bottom-prev-next {
        padding-top: 20px
    }
    .innovation-quality-page .section.bottom-prev-next .philo-boxed-content .img-cover {
        height: auto;
        max-height: auto
    }
}

.innovation-quality-page .visible-lg {
    width: 100%;
    height: 100%
}

.innovation-quality-page .carousel-wrap::before {
    padding-top: 56.575%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .innovation-quality-page .visible-sm {
        width: 100%;
        height: 100%
    }
    .innovation-quality-page .carousel-wrap::before,
    .innovation-quality-page .carousel-wrap.square::before {
        padding-top: 54.02%
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .visible-xs {
        width: 100%;
        height: 100%
    }
    .innovation-quality-page .sZense-blk:before,
    .innovation-quality-page .mcrd-blk:before {
        padding-top: 112.02%!important
    }
    .innovation-quality-page .carousel-wrap::before,
    .innovation-quality-page .carousel-wrap::before,
    .innovation-quality-page .carousel-wrap.square::before {
        padding-top: 112.02%
    }
    .innovation-quality-page .about-us-article .carousel-wrap::before {
        padding-top: 64.313%
    }
}

@media only screen and (max-width:767px) {
    .innovation-quality-page .mobileImg {
        width: 100%
    }
    .innovation-quality-page .generic-ria .rise-in-action-image::before {
        padding-top: 33%
    }
    .innovation-quality-page .about-us-article .carousel-wrap::before {
        padding-top: 65%
    }
}

@-webkit-keyframes motor-animate {
    from {
        opacity: 1;
        -webkit-transform: translate3d(-20%, 0, 0);
        -moz-transform: translate3d(-20%, 0, 0);
        -ms-transform: translate3d(-20%, 0, 0);
        -o-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-moz-keyframes motor-animate {
    from {
        opacity: 1;
        -webkit-transform: translate3d(-20%, 0, 0);
        -moz-transform: translate3d(-20%, 0, 0);
        -ms-transform: translate3d(-20%, 0, 0);
        -o-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-ms-keyframes motor-animate {
    from {
        opacity: 1;
        -webkit-transform: translate3d(-20%, 0, 0);
        -moz-transform: translate3d(-20%, 0, 0);
        -ms-transform: translate3d(-20%, 0, 0);
        -o-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-o-keyframes motor-animate {
    from {
        opacity: 1;
        -webkit-transform: translate3d(-20%, 0, 0);
        -moz-transform: translate3d(-20%, 0, 0);
        -ms-transform: translate3d(-20%, 0, 0);
        -o-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes motor-animate {
    from {
        opacity: 1;
        -webkit-transform: translate3d(-20%, 0, 0);
        -moz-transform: translate3d(-20%, 0, 0);
        -ms-transform: translate3d(-20%, 0, 0);
        -o-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

figure,
figcaption {
    display: block
}

.transition {
    -webkit-transition: top 400ms linear;
    -moz-transition: top 400ms linear;
    -ms-transition: top 400ms linear;
    -o-transition: top 400ms linear;
    transition: top 400ms linear
}

.timeTo {
    font-family: Tahoma, Verdana, Aial, sans-serif;
    font-size: 28px;
    line-height: 108%;
    font-weight: 700;
    height: 32px
}

.timeTo span {
    vertical-align: top
}

.timeTo.timeTo-white div {
    color: black;
    background: #fff;
    background: -moz-linear-gradient(top, #ffffff 38%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #ffffff), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #ffffff 38%, #cccccc 100%);
    background: -o-linear-gradient(top, #ffffff 38%, #cccccc 100%);
    background: -ms-linear-gradient(top, #ffffff 38%, #cccccc 100%);
    background: linear, to bottom, #ffffff 38%, #cccccc 100%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0)
}

.timeTo.timeTo-black div {
    color: white;
    background: #45484d;
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
    background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
    background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
    background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
    background: linear, to bottom, #45484d 0%, #000000 100%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0)
}

.timeTo.timeTo-black .timeTo-alert {
    background: #a74444;
    background: -moz-linear-gradient(top, #a74444 0%, #3f0000 67%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a74444), color-stop(67%, #3f0000));
    background: -webkit-linear-gradient(top, #a74444 0%, #3f0000 67%);
    background: -o-linear-gradient(top, #a74444 0%, #3f0000 67%);
    background: -ms-linear-gradient(top, #a74444 0%, #3f0000 67%);
    background: linear, to bottom, #a74444 0%, #3f0000 67%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a74444', endColorstr='#3f0000', GradientType=0)
}

.timeTo.timeTo-white .timeTo-alert {
    background: #fff;
    background: -moz-linear-gradient(top, #ffffff 35%, #e17373 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #ffffff), color-stop(100%, #e17373));
    background: -webkit-linear-gradient(top, #ffffff 35%, #e17373 100%);
    background: -o-linear-gradient(top, #ffffff 35%, #e17373 100%);
    background: -ms-linear-gradient(top, #ffffff 35%, #e17373 100%);
    background: linear, to bottom, #ffffff 35%, #e17373 100%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e17373', GradientType=0)
}

.timeTo figure {
    display: inline-block;
    margin: 0;
    padding: 0
}

.timeTo figcaption {
    text-align: center;
    line-height: 80%;
    font-weight: 400;
    color: #888
}

.timeTo div {
    position: relative;
    display: inline-block;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    overflow: hidden
}

.timeTo div.first {
    border-left: 1px solid silver
}

.timeTo ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 3px
}

.timeTo ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.racing-long-story-heros {
    padding-bottom: 0
}

.racing-long-story-heros .carousel-wrap:before {
    padding-top: 129.6875%
}

.racing-long-story-heros .carousel-wrap.square:before {
    padding-top: 64.84375%
}

.racing-long-story-heros .carousel-wrap.square .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4)!important;
    z-index: 0;
    display: block
}

.racing-long-story-heros .junior-hero .carousel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.racing-long-story-heros .junior-hero .carousel .item {
    background-position: center center
}

.racing-long-story-heros .junior-hero .carousel .carousel-caption .btn {
    display: inline-block
}

@media (max-width:991px) {
    .racing-long-story-heros .junior-hero .carousel .mobility-airvan-10 {
        background-size: auto 140%
    }
    .racing-long-story-heros .junior-hero .carousel .carousel-caption {
        bottom: 7%
    }
    .racing-long-story-heros .junior-hero .carousel .carousel-caption .hero-title {
        font-size: 35px
    }
    .racing-long-story-heros .junior-hero .carousel .carousel-caption .hero-title .font-cheddar {
        font-size: 27px
    }
    .racing-long-story-heros .junior-hero .carousel .carousel-caption .hero-title.genze .font-cheddar {
        font-size: 24px
    }
    .racing-long-story-heros .junior-hero .carousel .carousel-caption .hero-des {
        margin: 5px 0 10px
    }
    .racing-long-story-heros .junior-hero .carousel .carousel-caption .btn {
        padding: 0 15px;
        line-height: 38px;
        height: 38px
    }
    .racing-long-story-heros .junior-hero .carousel .video-carousel:after {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .5) url(../img/icon-play-41.png) center 25% no-repeat;
        display: block
    }
    .racing-long-story-heros .junior-hero .carousel .video-carousel:hover:after {
        background-color: rgba(0, 0, 0, .6)
    }
    .lt-ie9 .racing-long-story-heros .junior-hero .carousel {
        background: black
    }
    .lt-ie9 .racing-long-story-heros .junior-hero .carousel .item>img {
        z-index: 0
    }
    .lt-ie9 .racing-long-story-heros .junior-hero .carousel .carousel-caption {
        position: absolute;
        bottom: 7%;
        z-index: 1
    }
}

@media (min-width:992px) {
    .racing-long-story-heros .carousel-wrap:before {
        padding-top: 49.0196078431%
    }
    .racing-long-story-heros .carousel-wrap.square:before {
        padding-top: 100%
    }
    .racing-long-story-heros .carousel-wrap .carousel-caption.right {
        margin-left: 60%!important;
        width: 38%
    }
    .racing-long-story-heros .carousel-wrap .carousel-caption.right .hero-title {
        width: 75%;
        line-height: 48px
    }
    .racing-long-story-heros .carousel-wrap .carousel-caption.right .hero-title .font-cheddar {
        margin-left: 0
    }
    .racing-long-story-heros .junior-hero .carousel .video-carousel:after {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .5) url(../img/icon-play-41.png) center center no-repeat;
        display: block
    }
    .racing-long-story-heros .junior-hero .carousel .video-carousel:hover:after {
        background-color: rgba(0, 0, 0, .6)
    }
    .racing-long-story-heros .junior-hero .carousel .video-carousel .carousel-caption {
        z-index: 1;
        position: relative;
        margin-left: 0;
        left: 9%
    }
    .racing-long-story-heros .junior-hero .carousel .video-carousel .carousel-caption .hero-des {
        width: 80%
    }
    .racing-long-story-heros .junior-hero .carousel .carousel-caption {
        margin-left: 9%;
        padding-top: 0
    }
    .racing-long-story-heros .junior-hero .carousel .carousel-caption .hero-title {
        text-transform: none
    }
    .racing-long-story-heros .junior-hero .carousel .carousel-caption .hero-des {
        font-size: 17px;
        line-height: 25px;
        width: 88%
    }
    .lt-ie9 .racing-long-story-heros .junior-hero .carousel .item>img {
        z-index: 0
    }
    .lt-ie9 .racing-long-story-heros .junior-hero .carousel .carousel-caption {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        z-index: 1
    }
}

.racing-long-story-page {
    overflow: hidden
}

.racing-long-story-page .background-positon-center {
    background-position: center bottom!important
}

.racing-long-story-page .background-positon-bottom {
    background-position: center bottom!important
}

.racing-long-story-page .background-positon-top {
    background-position: center top!important
}

.racing-long-story-page .background-positon-left {
    background-position: left top!important
}

.racing-long-story-page .background-positon-right {
    background-position: center right!important
}

.racing-long-story-page .inner {
    position: relative
}

.racing-long-story-page .turbenthal-section {
    padding-top: 40px
}

.racing-long-story-page .turbenthal-section img {
    width: 100%;
    max-width: 640px
}

.racing-long-story-page .turbenthal-section .inner {
    padding-bottom: 30px
}

.racing-long-story-page .turbenthal-section .section-header {
    width: 80%
}

.racing-long-story-page .hero-title {
    font-family: "EurostileLTStdBold";
    font-size: 35px;
    line-height: 35px;
    color: #e31837;
    margin: 0;
    padding: 0;
    white-space: normal
}

.racing-long-story-page .hero-title .font-cheddar {
    display: block;
    font-size: 27px;
    color: #fff;
    font-weight: 400
}

.racing-long-story-page p {
    font-size: 17px;
    line-height: 1.428571429;
    font-family: 'Arial';
    font-weight: 400;
    white-space: normal
}

.racing-long-story-page .tur-des {
    font-size: 17px;
    font-family: "EurostileLTStd";
    font-weight: 700;
    white-space: normal
}

.racing-long-story-page .section-title {
    font-family: "EurostileLTStd";
    font-size: 22px;
    margin: 20px 0 10px;
    white-space: normal;
    font-weight: 700
}

.racing-long-story-page .turbenthal-section .hero-title .font-cheddar {
    color: #000
}

.racing-long-story-page .bta-section,
.racing-long-story-page .tc-section,
.racing-long-story-page .comment-section,
.racing-long-story-page .jan-section {
    padding-top: 40px
}

.racing-long-story-page .bta-section img,
.racing-long-story-page .tc-section img,
.racing-long-story-page .comment-section img,
.racing-long-story-page .jan-section img {
    width: 100%
}

.racing-long-story-page .bta-section {
    padding-top: 0
}

.racing-long-story-page .bta-section .section-header p,
.racing-long-story-page .bta-section .section-header .font-cheddar {
    color: #fff!important;
    white-space: normal
}

.racing-long-story-page .bta-section .section-header p {
    margin-top: 10px
}

.racing-long-story-page .bta-section .section-header .hero-title {
    line-height: 26px
}

.racing-long-story-page .bta-section.section-footer {
    padding: 40px 15px
}

.racing-long-story-page .tc-section .section-footer {
    background-color: #f1f1f1;
    padding: 40px 5%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    width: 100%
}

@media (max-width:991px) {
    .racing-long-story-page .tc-section {
        padding-top: 60%
    }
    .racing-long-story-page .tc-section:before {
        display: none
    }
}

.racing-long-story-page .tc-section.section-footer {
    background-color: #f1f1f1
}

.racing-long-story-page .section-title {
    color: #e31837!important
}

.racing-long-story-page .section-header {
    white-space: normal
}

.racing-long-story-page .section-header .hero-title .font-cheddar {
    display: inline-block
}

.racing-long-story-page .section-header .hero-title.white .font-cheddar {
    color: #fff
}

.racing-long-story-page .section-header .tur-des {
    font-family: "EurostileLTStd";
    font-weight: 700;
    color: #000
}

.racing-long-story-page .section-header.white .tur-des {
    color: #fff
}

.racing-long-story-page .section-footer {
    white-space: normal;
    padding: 15px
}

.racing-long-story-page .section-footer .font-cheddar {
    display: block;
    font-size: 27px;
    color: #333;
    font-weight: 400
}

.racing-long-story-page .tools-section .carousel-inner {
    background-color: #000
}

.racing-long-story-page .tools-section .section-header {
    position: absolute;
    top: 39%;
    left: 0;
    right: 0;
    padding: 0;
    margin-top: -100px
}

.racing-long-story-page .tools-section img {
    width: 100%
}

.racing-long-story-page .tools-section img.heater {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.racing-long-story-page .tools-section .tools {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.lt-ie9 .racing-long-story-page .tools-section .tools,
.lt-ie10 .racing-long-story-page .tools-section .tools {
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.racing-long-story-page .tools-section.go .tools {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.racing-long-story-page .tools-section .item-heater {
    opacity: .5
}

.racing-long-story-page .tools-section.blink .item-heater {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease
}

.racing-long-story-page .tools-section .section-title {
    font-size: 17px
}

@-webkit-keyframes 'blink' {
    0% {
        opacity: 1
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: 1
    }
}

.racing-long-story-page .tools-section.section-footer {
    position: relative;
    z-index: 2;
    color: #fff;
    background: #000;
    padding: 15px
}

.racing-long-story-page .clock-section {
    text-align: center
}

.racing-long-story-page .clock-section .carousel-inner {
    background-color: #000
}

.racing-long-story-page .clock-section img {
    width: 100%
}

.racing-long-story-page .clock-section .clock-wrap {
    position: absolute;
    top: 38%;
    left: 0;
    right: 0;
    margin-top: -60px;
    text-align: center
}

.racing-long-story-page .clock-section .clock-wrap .clock-inner {
    display: inline-block;
    margin: 0 auto;
    padding: 7px;
    border: 4px solid #e31837;
    border-radius: 10px;
    background: rgba(0, 0, 0, .4);
    font-size: 0!important;
    padding-top: 30px
}

.racing-long-story-page .clock-section .clock-wrap .clock {
    display: inline-block;
    vertical-align: top;
    font-size: 0!important
}

.racing-long-story-page .clock-section .clock-wrap span {
    font-size: 18px;
    color: red;
    vertical-align: middle;
    display: inline-block;
    line-height: 25px;
    padding: 0
}

.racing-long-story-page .clock-section .clock-wrap figure {
    position: relative;
    display: inline-block;
    font-family: "EurostileLTStdBold";
    color: #e31837;
    text-align: center;
    margin-right: 0!important;
    vertical-align: top;
    font-size: 0;
    max-width: none!important;
    width: auto!important
}

.racing-long-story-page .clock-section .clock-wrap figure div {
    width: 22px!important;
    height: 26px!important;
    background: transparent!important;
    border: 2px solid #e31837;
    color: #e31837;
    font-size: 18px
}

.racing-long-story-page .clock-section .clock-wrap figure div.first {
    border-right: none
}

.racing-long-story-page .clock-section .clock-wrap figure div ul {
    top: -22px!important
}

.mac .racing-long-story-page .clock-section .clock-wrap figure div ul {
    top: -19px!important
}

.racing-long-story-page .clock-section .clock-wrap figure div ul.transition {
    top: 0!important
}

.racing-long-story-page .clock-section .clock-wrap figure div li {
    line-height: 22px!important
}

.racing-long-story-page .clock-section .clock-wrap figure figcaption {
    position: absolute;
    top: -17px;
    left: 50%;
    text-transform: uppercase;
    font-weight: 400;
    color: #e31837;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.lt-ie9 .racing-long-story-page .clock-section .clock-wrap figure figcaption {
    left: 0
}

.racing-long-story-page .clock-section .clock-wrap figure.cb-day {
    margin-right: 10px
}

.racing-long-story-page .clock-section .clock-wrap figure .title {
    font-size: 9px;
    margin-bottom: 4px
}

.racing-long-story-page .clock-section .clock-wrap figure .value {
    font-size: 0
}

.racing-long-story-page .clock-section .clock-wrap figure .value span {
    display: inline-block;
    padding: 0 1px;
    border: 3px solid;
    margin: 0;
    font-size: 22px;
    font-family: "EurostileLTStdBold";
    font-weight: 700;
    height: 30px;
    line-height: 25px
}

.racing-long-story-page .clock-section .clock-wrap figure .value span:first-child {
    border-right: none
}

.racing-long-story-page .clock-section .clock-wrap .colon {
    font-size: 20px;
    width: 4px;
    text-align: center;
    display: inline-block;
    margin-left: -5px;
    color: #e31837;
    height: 48px;
    vertical-align: bottom;
    line-height: 65px;
    font-family: "EurostileLTStdBold"
}

.racing-long-story-page .clock-section .section-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    z-index: 1
}

.racing-long-story-page .clock-section .section-footer .hero-des {
    color: #fff;
    padding: 0 5%;
    text-align: center
}

.racing-long-story-page .comment-section {
    padding-top: 0
}

.racing-long-story-page .comment-section img {
    width: 100%
}

.racing-long-story-page .comment-section .inner {
    background: #000
}

.racing-long-story-page .comment-section .section-header {
    position: relative;
    top: -80px;
    left: 0;
    right: 0;
    padding: 0 5%;
    padding-top: 70px;
    padding-bottom: 50px;
    width: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, transparent 0%, black 8%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(8%, black), color-stop(100%, black));
    background: -webkit-linear-gradient(top, transparent 0%, black 8%, black 100%);
    background: -o-linear-gradient(top, transparent 0%, black 8%, black 100%);
    background: -ms-linear-gradient(top, transparent 0%, black 8%, black 100%);
    background: linear, to bottom, transparent 0%, black 8%, black 100%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

.racing-long-story-page .comment-section .section-header p {
    color: #fff;
    margin: 20px 0
}

.racing-long-story-page .comment-section .section-header .section-title {
    border-top: 2px solid #888;
    border-bottom: 2px solid #888;
    padding: 20px 0
}

.racing-long-story-page .comment-section .section-header .section-title img {
    width: auto
}

.racing-long-story-page .comment-section .section-header .miss-call-pic {
    position: absolute;
    top: -140px;
    left: 50%;
    width: 250px;
    margin-left: -125px
}

.racing-long-story-page .comment-footer {
    position: relative;
    width: 100%;
    background: #000
}

.racing-long-story-page .comment-footer .xmas-bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.racing-long-story-page .comment-footer .card-bg {
    position: absolute;
    width: 120px;
    left: 15%;
    right: 0;
    bottom: -30px;
    z-index: 2
}

.racing-long-story-page .comment-footer:before {
    content: '';
    position: absolute;
    padding-top: 33.0443159923
}

.racing-long-story-page .jan-section {
    padding-top: 0!important
}

.racing-long-story-page .jan-section .section-header {
    position: absolute;
    top: 0;
    left: 20px;
    width: 80%
}

.racing-long-story-page .jan-section .section-header * {
    text-align: left
}

.racing-long-story-page .jan-section .section-header p {
    color: #000
}

.racing-long-story-page .jan-section .section-header .section-title {
    margin-top: 0
}

.racing-long-story-page .jan-section .carousel-inner>.item:after {
    display: none
}

.racing-long-story-page .motors-animate-section .section-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 40px 5%;
    z-index: 1;
    width: 100%;
    background: #fff
}

.racing-long-story-page .motors-animate-section .motors-animate {
    -webkit-transform: translate3d(-20%, 0, 0);
    -moz-transform: translate3d(-20%, 0, 0);
    -ms-transform: translate3d(-20%, 0, 0);
    -o-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
    margin: 0 -22%;
    padding: 0;
    text-align: left;
    opacity: 1
}

.racing-long-story-page .motors-animate-section .motors-animate img {
    width: 89px
}

.racing-long-story-page .motors-animate-section.go .motors-animate {
    -webkit-animation: motor-animate 6s ease-in infinite;
    -moz-animation: motor-animate 6s ease-in infinite;
    -ms-animation: motor-animate 6s ease-in infinite;
    -o-animation: motor-animate 6s ease-in infinite;
    animation: motor-animate 6s ease-in infinite
}

.racing-long-story-page .jh-2014-section .section-header {
    padding: 20px 0 40px
}

.racing-long-story-page .jh-2014-section .inner {
    background: #f1f1f1;
    padding-bottom: 40px;
    padding-bottom: 40px;
    padding-left: 5px;
    padding-top: 20px;
    z-index: 1
}

.racing-long-story-page .jh-2014-section .section-footer {
    padding: 20px 5%;
    z-index: 0;
    position: relative;
    background: #fff
}

.racing-long-story-page .jh-2014-section .section-footer h2 {
    margin-bottom: 0
}

.racing-long-story-page .jh-2014-section .polaroid-pic {
    display: none;
    position: absolute;
    top: -10px;
    left: 60%;
    top: -15px;
    max-width: 360px
}

.racing-long-story-page .section-style03 .section-header {
    width: 100%;
    background: #f1f1f1
}

.racing-long-story-page .section-style03 .block-item>.img {
    background-position: 0 -10px;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -moz-transform: scale(1, 1)
}

.racing-long-story-page .section-style03 .block-item .overlay {
    background: rgba(0, 0, 0, .4)
}

.racing-long-story-page .section-style03 .block-item .overlay .des {
    width: 100%;
    margin: 15px 0
}

.racing-long-story-page .section-style03 .rise-in-action-group .caption-panel .caption-panel-inner,
.racing-long-story-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner {
    background: #e8e8e8
}

.racing-long-story-page .section-style03 .section-header,
.racing-long-story-page .rise-in-action-section .section-header {
    padding-bottom: 15px;
    padding-top: 60px
}

.racing-long-story-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .des,
.racing-long-story-page .rise-in-action-section .rise-in-action-group .caption-panel .caption-panel-inner .more {
    font-size: 17px
}

.racing-long-story-page .rise-in-action-section .section-header {
    padding-bottom: 30px
}

.racing-long-story-page .across-social {
    padding-top: 40px;
    background-color: #f1f1f1
}

.racing-long-story-page .work-with-us {
    padding: 2%;
    padding-top: 10px
}

@media (max-width:767px) {
    .racing-long-story-page .tools-section .section-title {
        font-size: 22px
    }
    .racing-long-story-page .polaroid-pic-sm {
        width: 200px;
        float: right;
        margin-right: -75px;
        margin-top: -26px
    }
    .racing-long-story-page .atr-section {
        padding: 20px 0 60px
    }
    .racing-long-story-page .atr-section:not(.no-border) {
        border-bottom: 1px solid #ddd
    }
    .racing-long-story-page .atr-section .section-01,
    .racing-long-story-page .atr-section .section-02 {
        position: relative;
        margin-top: 30px
    }
    .racing-long-story-page .atr-section .atr-left-col {
        text-align: right;
        padding-right: 15px;
        padding-left: 20px
    }
    .racing-long-story-page .atr-section .atr-left-col img {
        margin-bottom: 10px;
        max-width: 80px
    }
    .racing-long-story-page .atr-section .atr-left-col img.leaning-pic {
        margin-bottom: -9px;
        max-width: 100px;
        position: relative;
        top: -10px
    }
    .racing-long-story-page .atr-section .atr-right-col {
        text-align: left;
        padding-left: 15px;
        padding-right: 20px
    }
    .racing-long-story-page .atr-section .atr-right-col img {
        margin-bottom: 10px;
        max-width: 80px
    }
    .racing-long-story-page .atr-section .atr-right-col img.no-pos {
        max-width: 78px
    }
    .racing-long-story-page .atr-section .atr-right-col .weighing-pic {
        margin-top: 0;
        margin-bottom: 0
    }
    .racing-long-story-page .atr-section .motor-pic {
        width: 56%;
        margin: 0 22%;
        text-align: center;
        border-bottom: 2px solid #ddd;
        padding-bottom: 0;
        margin-top: 30px
    }
    .racing-long-story-page .atr-section .helmet-pic {
        width: 70%;
        margin: 0 15%;
        text-align: center;
        margin-bottom: 30px
    }
    .racing-long-story-page .atr-section .section-title {
        margin-top: 15px;
        margin-bottom: 10px;
        line-height: 26px;
        font-size: 16px;
        font-weight: 700;
        font-family: "EurostileLTStd"
    }
    .racing-long-story-page .atr-section .tur-des {
        margin: 0
    }
    .racing-long-story-page .atr-section .tur-des.large {
        font-size: 24px!important;
        margin: 15px 0;
        font-family: "EurostileLTStd"
    }
    .racing-long-story-page .atr-section .tur-des.large.no-mt {
        margin-top: 0!important
    }
    .racing-long-story-page .atr-section .tur-des.large span {
        font-size: 17px;
        margin-left: 10px
    }
    .racing-long-story-page .atr-section p {
        margin: 0
    }
}

@media (max-width:991px) {
    .racing-long-story-page .section-style03 .block-item .overlay .icon-play {
        background: url(../img/icon-play-41.png) center center no-repeat;
        position: absolute;
        top: 30px;
        left: 50%;
        margin-left: -22px;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        width: 44px;
        height: 44px
    }
    .racing-long-story-page .section-style03 .block-item .overlay .des {
        margin-top: 50px
    }
}

@media (min-width:768px) {
    .racing-long-story-page .comment-section .section-header {
        padding-bottom: 150px
    }
    .racing-long-story-page .polaroid-pic-sm {
        display: none!important
    }
    .racing-long-story-page .polaroid-pic {
        display: block!important
    }
    .racing-long-story-page .atr-section {
        padding: 20px 0 60px
    }
    .racing-long-story-page .atr-section:not(.no-border) {
        border-bottom: 1px solid #ddd
    }
    .racing-long-story-page .atr-section .section-01,
    .racing-long-story-page .atr-section .section-02 {
        position: relative;
        margin-top: 50px
    }
    .racing-long-story-page .atr-section .section-02 {
        margin-top: 60px
    }
    .racing-long-story-page .atr-section .atr-left-col {
        text-align: right;
        position: relative;
        padding-right: 15px;
        padding-left: 15px
    }
    .racing-long-story-page .atr-section .atr-left-col img:not(.no-pos) {
        position: absolute;
        right: -45%;
        top: 35px;
        margin-bottom: 0;
        max-width: none
    }
    .racing-long-story-page .atr-section .atr-left-col img:not(.no-pos).leaning-pic {
        position: absolute;
        right: -55%;
        top: 4px
    }
    .racing-long-story-page .atr-section .atr-left-col .section-title,
    .racing-long-story-page .atr-section .atr-left-col .tur-des,
    .racing-long-story-page .atr-section .atr-left-col p {
        padding-left: 40px
    }
    .racing-long-story-page .atr-section .atr-right-col {
        text-align: left;
        position: relative;
        padding-left: 15px;
        padding-right: 15px
    }
    .racing-long-story-page .atr-section .atr-right-col img:not(.no-pos) {
        position: absolute;
        left: -45%;
        top: 35px;
        margin-bottom: 0;
        max-width: none
    }
    .racing-long-story-page .atr-section .atr-right-col img:not(.no-pos).weighing-pic {
        position: absolute;
        left: -32%;
        top: 25px;
        margin-top: 0
    }
    .racing-long-story-page .atr-section .atr-right-col .section-title,
    .racing-long-story-page .atr-section .atr-right-col .tur-des,
    .racing-long-story-page .atr-section .atr-right-col p {
        padding-right: 40px
    }
    .racing-long-story-page .atr-section .motor-pic {
        position: absolute;
        left: 35%;
        top: 50px;
        text-align: center;
        border-bottom: 1px solid #ddd;
        width: 30%;
        padding-bottom: 30px;
        margin: 0
    }
    .racing-long-story-page .atr-section .helmet-pic {
        position: absolute;
        left: 33%;
        top: -20px;
        text-align: center;
        margin: 0;
        width: 33%
    }
    .racing-long-story-page .atr-section .section-title {
        margin-bottom: 10px;
        line-height: 26px;
        font-size: 18px;
        font-weight: 700;
        font-family: "EurostileLTStd"
    }
    .racing-long-story-page .atr-section .section-title.no-margin {
        margin-top: 0
    }
    .racing-long-story-page .atr-section .tur-des {
        margin: 0
    }
    .racing-long-story-page .atr-section .tur-des.large {
        font-size: 32px!important;
        margin: 10px 0;
        font-family: "EurostileLTStd"
    }
    .racing-long-story-page .atr-section .tur-des.large span {
        font-size: 24px;
        margin-left: 10px
    }
    .racing-long-story-page .atr-section p {
        margin: 0
    }
    .racing-long-story-page .work-with-us ul li {
        text-align: left
    }
    .racing-long-story-page .work-with-us ul li p {
        font-size: 16px;
        line-height: 1.5;
        font-weight: 700
    }
    .racing-long-story-page .work-with-us ul li a {
        font-size: 2em;
        line-height: 1.2
    }
    .racing-long-story-page .section-style03 {
        background: #f1f1f1;
        padding-bottom: 60px
    }
    .racing-long-story-page .section-style03 .section-content {
        padding: 0 25px
    }
    .racing-long-story-page .section-style03 .block-item {
        margin: 1.6%;
        width: 30.13%
    }
    .racing-long-story-page .section-style03 .block-item:before {
        padding-top: 100%
    }
    .racing-long-story-page .section-style03 .block-item>.img {
        background-position: 0 0
    }
    .racing-long-story-page .section-style03 .block-item .overlay .des {
        font-size: 15px;
        margin-top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .racing-long-story-page .rise-in-action-section {
        padding-bottom: 30px
    }
    .racing-long-story-page .racing-long-story-heros .junior-hero .carousel .video-carousel:after {
        background: rgba(0, 0, 0, .5) url(../img/icon-play-100.png) center 45% no-repeat
    }
}

.racing-long-story-page .hero-carousel-animated .hero-animated-overlay {
    height: 100%;
    width: 100%;
    background: transparent url(../img/hero-animated-overlay.png) repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.racing-long-story-page .hero-carousel-animated video#carousel-cinemagraph {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    margin: 0 auto;
    display: none
}

.racing-long-story-page .hero-carousel-animated .carousel-caption {
    position: relative;
    z-index: 2
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .racing-long-story-page .hero-carousel-animated .carousel-caption {
        position: absolute;
        bottom: 60px
    }
}

@media only screen and (max-width:767px) {
    .racing-long-story-page .hero-carousel-animated .carousel-caption {
        position: absolute;
        bottom: 60px
    }
}

@media (min-width:992px) {
    .racing-long-story-page .carousel-caption {
        margin-left: 2%;
        max-width: 550px
    }
    .racing-long-story-page .hero-title {
        font-size: 56px;
        line-height: 56px;
        text-transform: none!important
    }
    .racing-long-story-page .hero-title .font-cheddar {
        font-size: 42px;
        color: #fff
    }
    .racing-long-story-page .section-footer .font-cheddar {
        font-size: 42px
    }
    .racing-long-story-page .section-title {
        font-size: 26px!important
    }
    .racing-long-story-page .tur-des {
        font-size: 18px!important
    }
    .racing-long-story-page .hero-des {
        width: 100%;
        margin: 0 auto;
        padding: 15px 10% 0
    }
    .racing-long-story-page p {
        font-size: 16px;
        line-height: 25px
    }
    .racing-long-story-page .turbenthal-section .col-md-4 {
        padding-left: 50px
    }
    .racing-long-story-page .turbenthal-section .col-md-7 {
        padding-left: 50px
    }
    .racing-long-story-page .turbenthal-section .inner {
        position: relative;
        padding-bottom: 0
    }
    .racing-long-story-page .turbenthal-section .carousel .item {
        background-position: left 80%!important
    }
    .racing-long-story-page .turbenthal-section .hero-title .font-cheddar {
        color: #000
    }
    .racing-long-story-page .turbenthal-section .section-header {
        position: absolute;
        top: 20px;
        left: 0;
        right: 0
    }
    .racing-long-story-page .turbenthal-section p {
        color: #000
    }
    .racing-long-story-page .turbenthal-section img {
        position: relative;
        top: 20px;
        z-index: 2
    }
    .racing-long-story-page .bta-section .inner,
    .racing-long-story-page .tc-section .inner,
    .racing-long-story-page .comment-section .inner {
        position: relative
    }
    .racing-long-story-page .bta-section .section-header,
    .racing-long-story-page .tc-section .section-header,
    .racing-long-story-page .comment-section .section-header {
        position: absolute;
        top: 20px;
        left: 0;
        right: 0
    }
    .racing-long-story-page .bta-section .section-header p,
    .racing-long-story-page .tc-section .section-header p,
    .racing-long-story-page .comment-section .section-header p {
        margin-top: 15px
    }
    .racing-long-story-page .bta-section .section-footer,
    .racing-long-story-page .tc-section .section-footer,
    .racing-long-story-page .comment-section .section-footer {
        color: #000;
        width: 100%;
        margin: 0 auto;
        padding: 40px 15%
    }
    .racing-long-story-page .bta-section .section-footer p,
    .racing-long-story-page .tc-section .section-footer p,
    .racing-long-story-page .comment-section .section-footer p {
        width: 70%;
        margin: 20px auto;
        color: #000
    }
    .racing-long-story-page .bta-section .section-footer p.tur-des,
    .racing-long-story-page .tc-section .section-footer p.tur-des,
    .racing-long-story-page .comment-section .section-footer p.tur-des {
        color: #000
    }
    .racing-long-story-page .bta-section .section-header {
        top: 60px
    }
    .racing-long-story-page .bta-section .section-header p {
        color: #fff!important;
        white-space: normal
    }
    .racing-long-story-page .bta-section.section-footer {
        margin-top: 100px;
        position: relative;
        z-index: 1;
        color: #000;
        width: 100%;
        margin: 0 auto;
        padding: 40px 15%
    }
    .racing-long-story-page .bta-section.section-footer p {
        width: 70%;
        margin: 20px auto;
        color: #000
    }
    .racing-long-story-page .bta-section.section-footer p.tur-des {
        color: #000
    }
    .racing-long-story-page .tools-section .section-header {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        padding: 0;
        margin-top: -60px
    }
    .racing-long-story-page .tools-section.section-footer {
        position: relative;
        z-index: 2;
        color: #fff;
        background: transparent;
        margin-top: -140px;
        padding: 15px 20% 0
    }
    .racing-long-story-page .tools-section.section-footer p {
        position: relative;
        top: -50px
    }
    .racing-long-story-page .tc-section.section-footer {
        margin-top: 100px;
        position: relative;
        z-index: 1;
        color: #000;
        width: 100%;
        margin: 0 auto;
        padding: 40px 15%;
        background: #f1f1f1
    }
    .racing-long-story-page .tc-section.section-footer p {
        width: 70%;
        margin: 20px auto;
        color: #000
    }
    .racing-long-story-page .tc-section.section-footer p.tur-des {
        color: #000
    }
    .racing-long-story-page .clock-section .clock-wrap {
        top: 50%
    }
    .racing-long-story-page .clock-section .clock-wrap .clock-inner {
        padding: 20px;
        border: 6px solid #e31837;
        border-radius: 20px;
        padding-top: 45px;
        padding-bottom: 35px
    }
    .racing-long-story-page .clock-section .clock-wrap span {
        font-size: 28px;
        line-height: 40px;
        padding: 0 3px
    }
    .racing-long-story-page .clock-section .clock-wrap figure {
        margin-right: 5px
    }
    .racing-long-story-page .clock-section .clock-wrap figure div {
        font-size: 32px;
        height: 48px!important;
        width: 35px!important;
        border-width: 3px!important
    }
    .racing-long-story-page .clock-section .clock-wrap figure div ul {
        top: -42px!important
    }
    .mac .racing-long-story-page .clock-section .clock-wrap figure div ul {
        top: -38px!important
    }
    .racing-long-story-page .clock-section .clock-wrap figure div ul.transition {
        top: 0!important
    }
    .racing-long-story-page .clock-section .clock-wrap figure div li {
        line-height: 42px!important
    }
    .racing-long-story-page .clock-section .clock-wrap figure figcaption {
        top: -25px;
        font-size: 14px!important
    }
    .racing-long-story-page .clock-section .clock-wrap figure.cb-day {
        margin-right: 20px
    }
    .racing-long-story-page .clock-section .clock-wrap figure .title {
        font-size: 14px;
        margin-bottom: 7px
    }
    .racing-long-story-page .clock-section .clock-wrap figure .value {
        font-size: 0
    }
    .racing-long-story-page .clock-section .clock-wrap figure .value span {
        padding: 0 3px;
        font-size: 32px;
        height: 48px;
        line-height: 40px
    }
    .racing-long-story-page .clock-section .clock-wrap .colon {
        font-size: 32px;
        width: 10px;
        margin-left: -5px;
        height: 70px
    }
    .racing-long-story-page .clock-section .section-footer {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 50px;
        z-index: 1
    }
    .racing-long-story-page .clock-section .section-footer .hero-des {
        color: #fff;
        font-size: 17px;
        padding: 0 15%;
        text-align: center
    }
    .racing-long-story-page .comment-section {
        margin-bottom: 110px
    }
    .racing-long-story-page .comment-section .section-header {
        position: absolute;
        top: 40px;
        left: 35%;
        right: 15%;
        padding: 0;
        width: auto;
        background: transparent
    }
    .racing-long-story-page .comment-section .section-header * {
        text-align: left
    }
    .racing-long-story-page .comment-section .section-header .section-title {
        position: relative;
        border: 1px solid #000;
        border-left: none;
        border-right: none;
        padding: 20px 0
    }
    .racing-long-story-page .comment-section .section-header .miss-call-pic {
        position: absolute;
        top: 100px;
        right: -155px;
        width: 200px;
        left: auto;
        z-index: 2
    }
    .racing-long-story-page .comment-footer .card-bg {
        position: absolute;
        width: auto;
        left: 24%;
        right: 0;
        bottom: -160px;
        z-index: 2
    }
    .racing-long-story-page .comment-footer .xmas-bg {
        bottom: -110px
    }
    .racing-long-story-page .jan-section .section-header {
        position: absolute;
        right: 50%;
        left: 40px;
        width: auto
    }
    .racing-long-story-page .jan-section .section-header * {
        text-align: left
    }
    .racing-long-story-page .jan-section .section-header p {
        color: #000
    }
    .racing-long-story-page .jh-2014-section .section-footer {
        padding: 20px 15%
    }
    .racing-long-story-page .jh-2014-section .inner {
        background: #f1f1f1;
        padding-bottom: 110px;
        padding-left: 30px;
        padding-top: 30px
    }
    .racing-long-story-page .jh-2014-section p {
        color: #000
    }
    .racing-long-story-page .jh-2014-section .polaroid-pic-sm {
        display: none
    }
    .racing-long-story-page .jh-2014-section .polaroid-pic {
        display: block;
        position: absolute;
        left: 58%;
        top: -18px;
        max-width: none
    }
    .racing-long-story-page .motors-animate-section .section-header {
        padding: 40px 15%
    }
    .racing-long-story-page .section-style03 {
        background: #f1f1f1;
        padding-bottom: 60px
    }
    .racing-long-story-page .section-style03 .block-item>.img {
        background-position: center center
    }
    .racing-long-story-page .section-style03 .block-item .overlay {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
        display: block;
        text-align: center;
        background: rgba(0, 0, 0, .4);
        color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        top: 0;
        pointer-events: none;
        width: 100%;
        height: 100%
    }
    .racing-long-story-page .section-style03 .block-item .overlay .icon-play {
        margin-top: 0;
        width: 44px;
        height: 44px;
        background: url(../img/icon-play-41.png) center center no-repeat
    }
    .racing-long-story-page .section-style03 .block-item .overlay .des {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 3px
    }
    .racing-long-story-page .section-style03 .block-item:hover .overlay {
        background: rgba(0, 0, 0, .6)
    }
    .racing-long-story-page .scale-effect.enter .caption-panel .caption-panel-inner {
        background: #e31837!important
    }
    .racing-long-story-page .across-social {
        padding-top: 50px;
        margin-top: 30px
    }
    .racing-long-story-page .rise-in-action-section .rise-in-action-group:first-child+.rise-in-action-group .rise-in-action-image:before {
        padding-top: 39.3258426966%
    }
    .racing-long-story-page .atr-section .tur-des.large {
        font-size: 46px!important;
        margin: 20px 0
    }
    .racing-long-story-page .atr-section .section-title {
        font-size: 24px
    }
    .racing-long-story-page .atr-section .atr-left-col img:not(.no-pos).leaning-pic {
        top: -17px
    }
}

@media (min-width:1200px) {
    .racing-long-story-page .comment-section {
        margin-bottom: 0
    }
    .racing-long-story-page .comment-section .section-header {
        right: 25%
    }
    .racing-long-story-page .comment-section .section-header .miss-call-pic {
        top: 85px;
        right: -220px;
        width: 250px
    }
    .racing-long-story-page .comment-footer .card-bg {
        position: absolute;
        width: auto;
        left: 24%;
        right: 0;
        bottom: -50px;
        z-index: 2
    }
    .racing-long-story-page .comment-footer .xmas-bg {
        bottom: 0
    }
    .racing-long-story-page .jh-2014-section .inner {
        padding-bottom: 130px
    }
    .racing-long-story-page .jh-2014-section .polaroid-pic {
        top: -60px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .racing-long-story-page .tur-des,
    .racing-long-story-page .section-header .tur-des,
    .racing-long-story-page .tools-section .section-header .tur-des,
    .racing-long-story-page .bta-section .section-header .hero-des .tur-des,
    .racing-long-story-page .comment-section .section-header .tur-des,
    .racing-long-story-page .clock-section .section-footer .hero-des {
        font-size: 17px;
        line-height: 1.428571429
    }
    .racing-long-story-page p {
        font-size: 17px;
        line-height: 1.428571429
    }
    .racing-long-story-page .tools-section .section-header .section-title {
        font-size: 20px
    }
    .racing-long-story-page .junior-hero .carousel .item:after {
        display: none
    }
    .racing-long-story-page .carousel-wrap:before {
        padding-top: 60%
    }
    .racing-long-story-page .turbenthal-section .inner {
        position: relative;
        z-index: 1;
        background-color: transparent;
        padding-bottom: 0
    }
    .racing-long-story-page .turbenthal-section .carousel-wrap {
        position: relative;
        z-index: 0;
        margin-top: -20px
    }
    .racing-long-story-page .tools-section .section-header {
        margin-top: -30px
    }
    .racing-long-story-page .tools-section.section-footer {
        position: relative;
        z-index: 2;
        color: #fff;
        background: none;
        padding: 15px 17% 0;
        margin-top: -135px;
        background: none
    }
    .racing-long-story-page .tools-section.section-footer p {
        position: relative;
        top: -70px
    }
    .racing-long-story-page .bta-section:before {
        padding-top: 50%
    }
    .racing-long-story-page .bta-section .section-header {
        padding-top: 70px
    }
    .racing-long-story-page .bta-section .section-header p {
        margin-top: 10px;
        padding: 10px 17% 0
    }
    .racing-long-story-page .bta-section.section-footer {
        padding: 30px 17% 20px
    }
    .racing-long-story-page .clock-section .clock-wrap {
        top: 60%
    }
    .racing-long-story-page .clock-section .section-footer .hero-des {
        padding: 0 17%
    }
    .racing-long-story-page .comment-section .section-header {
        position: absolute;
        top: 0;
        left: 25%;
        right: 15%;
        padding: 0;
        width: auto;
        background: transparent;
        text-align: left
    }
    .racing-long-story-page .comment-section .section-header .section-title {
        padding: 15px 0
    }
    .racing-long-story-page .comment-section .section-header .miss-call-pic {
        position: absolute;
        top: 100px;
        right: -155px;
        width: 200px;
        left: auto;
        z-index: 2
    }
    .racing-long-story-page .comment-section .section-header p {
        margin: 10px 0
    }
    .racing-long-story-page .comment-footer .xmas-bg {
        position: relative;
        left: 0;
        right: 0;
        margin-top: -95px;
        z-index: 1
    }
    .racing-long-story-page .comment-footer .card-bg {
        position: absolute;
        width: 220px;
        left: 20%;
        right: 0;
        bottom: -30px;
        z-index: 2
    }
    .racing-long-story-page .jh-2014-section .section-header {
        padding: 10px 0 20px
    }
    .racing-long-story-page .jh-2014-section .section-footer {
        padding: 20px 17% 30px
    }
    .racing-long-story-page .jan-section .section-header {
        position: absolute;
        top: 0;
        left: 20px;
        width: 50%
    }
    .racing-long-story-page .motors-animate-section .section-header {
        padding: 30px 17%
    }
    .racing-long-story-page .jh-2014-section .section-footer {
        padding: 20px 17%;
        z-index: 0;
        position: relative;
        background: #fff
    }
    .racing-long-story-page .tc-section.section-footer {
        white-space: normal;
        padding: 30px 17% 20px
    }
    .racing-long-story-page .atr-section .motor-pic {
        left: 33%;
        top: 105px;
        width: 33%
    }
    .racing-long-story-page .atr-section .atr-left-col img:not(.no-pos) {
        width: 45%;
        top: 25px
    }
    .racing-long-story-page .atr-section .atr-left-col img:not(.no-pos) .leaning-pic {
        position: absolute;
        right: -60%;
        top: -15px;
        width: 60%
    }
    .racing-long-story-page .atr-section .atr-right-col img:not(.no-pos) {
        width: 45%;
        top: 25px
    }
    .racing-long-story-page .atr-section .atr-right-col img:not(.no-pos).weighing-pic {
        position: absolute;
        left: -35%;
        width: 32%;
        top: 25px;
        margin-top: 0
    }
    .racing-long-story-page .section-style03 .block-item .overlay {
        background: none
    }
    .racing-long-story-page .section-style03 .block-item .overlay .overlay-inner {
        margin-top: -20px
    }
    .racing-long-story-page .section-style03 .block-item .overlay .icon-play {
        top: 50%;
        margin-top: -5px;
        width: 41px;
        height: 41px;
        background: url(../img/icon-play-41.png) center center no-repeat;
        transform: scale(.8);
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        -moz-transform: scale(.8)
    }
    .racing-long-story-page .section-style03 .section-header {
        padding-top: 60px
    }
    .racing-long-story-page .rise-in-action-section {
        padding-bottom: 0
    }
    .racing-long-story-page .rise-in-action-section .section-header {
        padding-bottom: 30px;
        padding-top: 60px
    }
    .racing-long-story-page .section-header.no-pt {
        padding-top: 60px
    }
}

body.story-scorpio .slide01 .item {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom
}

body.story-scorpio .slide02 .item {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    transform-origin: right bottom;
    background-position: bottom right!important
}

body.story-scorpio .slide02 .ras-col-2.scorpio {
    position: absolute;
    margin-top: -260px!important
}

body.story-scorpio .innovation-stories-heros .slide02.junior-hero .carousel .carousel-caption .hero-des {
    width: 500px
}

body.story-scorpio .slide07 {
    height: 150px
}

body.story-scorpio .slide08 .item {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    transform-origin: center top;
    background-position: center top!important
}

body.story-scorpio .slide09 {
    border-bottom: 1px solid #ccc
}

body.story-scorpio .slide07 .carousel-caption {
    top: 0;
    bottom: 0;
    margin-top: 0;
    vertical-align: top
}

body.story-scorpio .slide07 .item {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    transform-origin: center top;
    background-position: center top!important
}

body.story-scorpio .dec-imp.border {
    border: none
}

body.story-scorpio .ras-col-2.scorpio {
    width: 55%;
    margin-top: 0
}

body.story-scorpio .innovation-stories-heros .junior-hero.miss-brain-time .carousel .carousel-caption.scorpio {
    margin-left: 53%
}

body.story-scorpio .carousel-caption .hero-des.shadow {
    text-shadow: none
}

body.story-scorpio .carousel-caption .hero-des.shadow.margin {
    margin-top: 30px
}

body.story-scorpio .carousel-caption .hero-des.margin {
    margin-top: 30px
}

body.story-scorpio .carousel-caption.scorpio {
    margin-left: 55%!important
}

body.story-scorpio h4.scorpio {
    margin: 20px auto!important;
    width: 35%
}

body.story-scorpio h4.dec-imp.scorp {
    border-bottom: 1px solid #7f7f7f;
    border-top: 1px solid #7f7f7f;
    color: #e31837;
    font-family: "EurostileLTStdBold";
    font-size: 30px!important;
    padding: 2% 20%;
    line-height: 35px!important
}

body.story-scorpio h4.dec-imp.scorp span {
    font-size: 24px;
    line-height: 21px;
    color: #606060;
    margin: 28px 0 0 0;
    display: block
}

body.story-scorpio .carousel-inner>.item.align::before {
    vertical-align: top
}

body.story-scorpio .junior-hero.carousel-wrap.gs-panel .carousel-caption.generic-box-library.mar35 {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    position: absolute
}

body.story-scorpio .junior-hero.carousel-wrap.gs-panel .carousel-caption.generic-box-library.mar35 p,
body.story-scorpio .junior-hero.carousel-wrap.gs-panel .carousel-caption.generic-box-library.mar35 h2 {
    text-align: center
}

body.story-scorpio h4.dec-imp.pad {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 24px!important;
    line-height: 27px!important
}

body.story-scorpio .section .section-header.scorp {
    padding: 40px 0 80px 0
}

body.story-scorpio h4.dec-imp.pad.top {
    padding: 40px 0 0 0
}

body.story-scorpio .hr375 {
    border-top: 1px solid #d1d1d3;
    width: 375px;
    margin: 0 auto
}

body.story-scorpio .gen_story.slide01 .carousel-hero-mobility .carousel-caption {
    margin-left: 11%;
    margin-top: -7%
}

body.story-scorpio .slide02 {
    height: 556px!important
}

body.story-scorpio .slide03 {
    height: 795px
}

body.story-scorpio .slide04 {
    height: 650px!important
}

body.story-scorpio .slide05 {
    height: 650px!important
}

body.story-scorpio .slide05 .carousel-caption {
    margin-left: 52%!important;
    margin-top: 8%
}

body.story-scorpio .slide04 .item {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    transform-origin: right bottom;
    background-position: bottom right!important
}

body.story-scorpio .innovation-stories-heros .junior-hero.miss-brain-time.slide03 .carousel .carousel-caption.scorpio {
    margin-left: 41%!important
}

body.story-scorpio .slide02 .ras-col-2.scorpio {
    position: absolute;
    margin-top: -200px!important;
    margin-left: 110px
}

body.story-scorpio .cm-slide15 h3.dec-small,
body.story-scorpio .cm-slide15 h3.dec-big {
    font-family: "EurostileLTStdBold";
    font-size: 25px;
    font-weight: 400;
    color: #e31837;
    margin: 4% 0 0 0;
    padding: 0 0
}

body.story-scorpio .cm-slide15 h3.dec-big {
    font-size: 45px;
    text-align: center
}

body.story-scorpio .cm-slide15 h3.dec-big span {
    font-family: "cheddar_jackregular";
    color: #000;
    text-shadow: none;
    font-size: 45px;
    font-weight: 400;
    padding: 0 0;
    margin: 0 0
}

body.story-scorpio .video-container {
    width: 713px;
    height: 281px;
    margin: 2% auto 0 auto
}

body.story-scorpio .cm-slide15 {
    height: 530px;
    border-bottom: 1px solid #ccc
}

body.story-scorpio .cm-slide15.cm-slide15-a {
    height: 170px
}

body.story-scorpio .cm-slide15 .vid-box {
    margin: 0
}

body.story-scorpio .cm-slide15 .our-brand-page .introduction-of-core-purpose {
    padding: 0
}

body.story-scorpio .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
    background: url(../img/icon-play-41.png) left top no-repeat
}

body.story-scorpio .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    border-right-width: 0;
    border-top: none;
    border-left: none;
    border: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

body.story-scorpio .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    max-width: none
}

body.story-scorpio .cm-slide15 .our-brand-page.vid-box .introduction-of-core-purpose .intro-image::before {
    padding-top: 39.5%
}

body.story-scorpio .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image .overlay>* {
    display: inline-block;
    vertical-align: middle
}

body.story-scorpio .breadcrumb-inner {
    margin-top: 5px
}

body.story-scorpio .fifa-video .btn-play {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: transparent url(../img/icon-play-white-big.png) no-repeat center center;
    transition: background-color 0.3s ease
}

body.story-scorpio .fifa-video .btn-play:hover {
    background: transparent url(../img/icon-play-white-big.png) no-repeat center center
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.story-scorpio .fifa-video {
        max-height: 400px
    }
}

@media only screen and (max-width:767px) {
    body.story-scorpio .fifa-video {
        max-height: 250px
    }
    body.story-scorpio .fifa-video .btn-play {
        background: rgba(0, 0, 0, .5) url(../img/icon-play-white-41.png) no-repeat center center
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    body.story-scorpio {}
    body.story-scorpio .innovation-stories-heros .junior-hero.miss-brain-time.slide03 .carousel .carousel-caption.scorpio {
        margin-left: 42%!important;
        width: 55%
    }
    body.story-scorpio .slide03 {
        height: 580px
    }
    body.story-scorpio .slide03 .carousel-caption {
        margin-top: 0
    }
    body.story-scorpio .slide02 .ras-col-2.scorpio {
        margin-top: -240px!important;
        margin-left: 0
    }
    body.story-scorpio .gen_story.slide01 .carousel-hero-mobility .carousel-caption {
        margin-left: 7%
    }
    body.story-scorpio .innovation-stories-heros .slide02.junior-hero .carousel .carousel-caption .hero-des {
        width: 440px
    }
    body.story-scorpio .junior-hero.carousel-wrap.gs-panel .carousel-caption.generic-box-library.mar35 p {
        font-size: 14px
    }
    body.story-scorpio .carousel-caption.generic-box-library.mobsol02 {
        width: 43%!important;
        margin-left: 3%!important
    }
    body.story-scorpio .carousel-caption.scorpio.generic-box-library.mobsol03 {
        margin-left: 40%!important;
        margin-top: 180px!important
    }
    body.story-scorpio h4.scorpio {
        width: 65%
    }
    body.story-scorpio .our-brand-page .introduction-of-core-purpose .section-header.iPadIssue01 {
        width: 100%!important
    }
    body.story-scorpio h4.dec-imp.scorp {
        padding: 2% 10%
    }
    body.story-scorpio h4.dec-imp.pad.top {
        width: 100%!important;
        padding-bottom: 0px!important
    }
    body.story-scorpio .slide07 .carousel-caption {
        margin-left: auto!important;
        margin-right: auto!important;
        width: 90%!important
    }
    body.story-scorpio .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-scorpio .cm-slide15 {
        height: 490px
    }
    body.story-scorpio .innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
        margin: 0 3%;
        width: 94%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    body.story-scorpio {}
    body.story-scorpio .slide01 .item {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        background-position: center center!important
    }
    body.story-scorpio .slide03 .carousel-caption {
        margin-top: 0
    }
    body.story-scorpio .slide02 .ras-col-2.scorpio {
        margin-top: 0px!important;
        margin-left: 0
    }
    body.story-scorpio .innovation-stories-heros .junior-hero.rise-and-shine.slide02 .carousel .carousel-caption {
        margin: 0 3% 0 3%
    }
    body.story-scorpio .innovation-stories-heros .slide02.junior-hero .carousel .carousel-caption .hero-des {
        width: 424px
    }
    body.story-scorpio .slide02 .carousel-caption .hero-title .font-cheddar {
        font-size: 35px!important
    }
    body.story-scorpio .slide02 .carousel-caption .hero-title {
        line-height: 63px;
        font-size: 38px
    }
    body.story-scorpio .slide02 .item {
        background-image: url(../img/scorpio/2_ipad.jpg)!important;
        background-position: right bottom!important;
        background-repeat: no-repeat
    }
    body.story-scorpio .carousel-caption h1.hero-title.mob-solution {
        margin: -140px 0 0 -95px
    }
    body.story-scorpio .innovation-stories-heros .junior-hero.miss-brain-time .carousel .carousel-caption.scorpio {
        margin-left: 38%!important;
        width: 56%!important
    }
    body.story-scorpio .innovation-stories-heros .slide03.junior-hero.miss-brain-time .carousel .item {
        background: url(../img/scorpio/Scorpio_ipad.jpg) right bottom no-repeat!important
    }
    body.story-scorpio .slide03 .miss-brain-contbox {
        margin: 10% 5% 5% 5%
    }
    body.story-scorpio .slide03.junior-hero.carousel-wrap.miss-brain-time.mobsol01 {
        height: 582px!important
    }
    body.story-scorpio .slide04 {
        height: 540px!important
    }
    body.story-scorpio .innovation-stories-heros .slide04.junior-hero .carousel .carousel-caption {
        bottom: 4%
    }
    body.story-scorpio .carousel-caption.generic-box-library.mobsol02 {
        width: 42%!important;
        margin-left: 3%!important
    }
    body.story-scorpio .carousel-caption.scorpio.generic-box-library.mobsol03 {
        margin-left: 40%!important;
        margin-top: 180px!important
    }
    body.story-scorpio h4.scorpio {
        width: 80%
    }
    body.story-scorpio .our-brand-page .introduction-of-core-purpose .section-header.iPadIssue01 {
        width: 100%!important
    }
    body.story-scorpio h4.dec-imp.scorp {
        padding: 2% 2%;
        font-size: 21px!important
    }
    body.story-scorpio h4.dec-imp.scorp span {
        font-size: 21px!important
    }
    body.story-scorpio h4.dec-imp.pad {
        font-size: 18px!important
    }
    body.story-scorpio .junior-hero.carousel-wrap.gs-panel .carousel-caption.generic-box-library.mar35 {
        margin: 0 auto!important;
        top: 0;
        width: 100%
    }
    body.story-scorpio h4.dec-imp.pad.top {
        width: 100%!important;
        padding-bottom: 0px!important
    }
    body.story-scorpio img.ipad-portrait {
        display: none
    }
    body.story-scorpio .carousel-inner>.item.active.bsr>img {
        display: block!important
    }
    body.story-scorpio .hero.carousel-wrap.ipad-port-heightIssue01 {
        height: 330px!important
    }
    body.story-scorpio .carousel-wrap.ipad-port-heightIssue02 {
        height: 317px!important
    }
    body.story-scorpio .section .section-header.scorp {
        padding: 40px 0 20px 0
    }
    body.story-scorpio .vid-box {
        display: block
    }
    body.story-scorpio .cm-slide15 {
        height: 466px
    }
    body.story-scorpio .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-scorpio .section .section-header.scorp {
        padding: 40px 0 20px 0
    }
    body.story-scorpio h4.dec-imp.pad {
        font-size: 18px!important
    }
    body.story-scorpio .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-des {
        margin: 15px 0 10px;
        font-size: 17px!important
    }
    body.story-scorpio .innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
        width: 94%
    }
}

@media only screen and (max-width:767px) {
    body.story-scorpio .slide07 .carousel-caption.generic-box-library.mar35 h2 {
        font-size: 1.5em
    }
    body.story-scorpio .slide02 .carousel-caption .hero-title {
        line-height: 50px
    }
    body.story-scorpio .innovation-stories-heros .junior-hero.miss-brain-time.slide03 .carousel .carousel-caption.scorpio {
        margin-left: 0%!important
    }
    body.story-scorpio .gen_story.slide01 .carousel-hero-mobility .carousel-caption {
        margin-left: 0!important
    }
    body.story-scorpio .slide03 {
        height: 780px!important
    }
    body.story-scorpio .slide02 .ras-col-2.scorpio {
        position: absolute;
        margin-top: 50px!important;
        margin-left: 10px
    }
    body.story-scorpio .hr375 {
        display: none
    }
    body.story-scorpio .ras-col-2.scorpio {
        width: 100%
    }
    body.story-scorpio .carousel-caption h1.hero-title.mob-solution {
        margin-top: -330px
    }
    body.story-scorpio .innovation-stories-heros .junior-hero.miss-brain-time .carousel .carousel-caption.scorpio {
        margin-left: 0!important
    }
    body.story-scorpio .carousel-caption.mobsol04 {
        top: 0;
        margin-top: 10px
    }
    body.story-scorpio .carousel-caption.scorpio.generic-box-library {
        margin-left: 0!important;
        padding: 0 20px 0 20px!important
    }
    body.story-scorpio h4.scorpio,
    body.story-scorpio h4.dec-imp.pad.top {
        width: auto!important;
        border-top: none;
        padding: 0 0 0 0!important
    }
    body.story-scorpio .section .section-header.scorp {
        padding: 40px 0 20px 0
    }
    body.story-scorpio h4.dec-imp.scorp {
        padding: 2% 2%!important
    }
    body.story-scorpio .junior-hero.carousel-wrap.gs-panel .carousel-caption.generic-box-library.mar35 {
        margin-left: 0!important
    }
    body.story-scorpio .carousel-wrap.ipad-port-heightIssue02 {
        height: 450px!important
    }
    body.story-scorpio .slide02 .item {
        background: url(../img/scorpio/2.jpg) 0% 50% no-repeat!important;
        background-size: cover
    }
    body.story-scorpio .slide04 {
        height: 1639px!important
    }
    body.story-scorpio .slide04 .item {
        background: url(../img/scorpio/4.jpg) 50% 0% no-repeat!important;
        background-size: cover
    }
    body.story-scorpio .slide05 .item {
        background: url(../img/scorpio/8.jpg) 50% 0% no-repeat!important;
        background-size: cover
    }
    body.story-scorpio .slide04 .carousel-caption {
        bottom: 35%!important
    }
    body.story-scorpio .slide05 .carousel-caption {
        bottom: 4%!important;
        width: 100%
    }
    body.story-scorpio .innovation-stories-heros .slide02.junior-hero .carousel .carousel-caption .hero-des {
        width: 302px
    }
    body.story-scorpio .junior-hero.carousel-wrap.gs-panel .carousel-caption.generic-box-library.mar35 {
        width: 100%
    }
    body.story-scorpio .carousel-caption .hero-title .font-cheddar {
        font-size: 42px!important
    }
    body.story-scorpio .carousel-caption .hero-des.shadow.margin {
        margin-top: 0
    }
}

@media only screen and (max-width:320px) {
    body.story-scorpio {}
    body.story-scorpio .dec-imp {
        font-size: 25px
    }
    body.story-scorpio .slide09 .btn-primary:first-child {
        margin-bottom: 20px
    }
    body.story-scorpio .slide01 .carousel-caption {
        bottom: 0
    }
    body.story-scorpio .slide07 .carousel-caption.generic-box-library.mar35 h2 {
        font-size: 1.35em
    }
    body.story-scorpio .innovation-stories-heros .slide02.junior-hero .carousel .carousel-caption .hero-des {
        width: 280px
    }
    body.story-scorpio .junior-hero.carousel-wrap.gs-panel .carousel-caption.generic-box-library.mar35 {
        width: 90%
    }
    body.story-scorpio .junior-hero.carousel-wrap.gs-panel .carousel-caption.generic-box-library.mar35 {
        margin-left: 5%!important
    }
    body.story-scorpio .carousel-caption.mobsol04 {
        margin-top: 0!important
    }
    body.story-scorpio .slide07 {
        height: 330px
    }
    body.story-scorpio .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-scorpio .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-scorpio .video-container {
        width: 100%;
        height: auto;
        margin: 2% auto 0 auto
    }
    body.story-scorpio .vid-box {
        display: block
    }
    body.story-scorpio .cm-slide15 {
        height: 290px
    }
    body.story-scorpio .cm-slide15.cm-slide15-a {
        height: 135px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait) {
    body.story-scorpio .slide03 {
        height: 718px!important
    }
    body.story-scorpio .slide04 {
        height: 1129px!important
    }
    body.story-scorpio .slide04 .carousel-caption {
        bottom: 4%!important
    }
    body.story-scorpio .slide05 {
        height: 750px!important
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    body.story-scorpio .slide03 {
        height: 746px!important
    }
    body.story-scorpio .slide04 {
        height: 955px!important
    }
    body.story-scorpio .slide04 .carousel-caption {
        bottom: 3%!important
    }
}

@media only screen and (min-device-width:360px) and (max-device-width:640px) and (orientation:portrait) {
    body.story-scorpio {}
    body.story-scorpio .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-scorpio .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-scorpio .video-container {
        width: 100%;
        height: auto;
        margin: 2% auto 0 auto
    }
    body.story-scorpio .vid-box {
        display: block
    }
    body.story-scorpio .cm-slide15 {
        height: 330px
    }
    body.story-scorpio .cm-slide15.cm-slide15-a {
        height: 135px
    }
}

@media only screen and (min-device-width:384px) and (max-device-width:640px) and (orientation:portrait) {
    body.story-scorpio {}
    body.story-scorpio .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-scorpio .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-scorpio .video-container {
        width: 100%;
        height: auto;
        margin: 2% auto 0 auto
    }
    body.story-scorpio .vid-box {
        display: block
    }
    body.story-scorpio .cm-slide15 {
        height: 330px
    }
    body.story-scorpio .cm-slide15.cm-slide15-a {
        height: 135px
    }
}

@media only screen and (min-device-width:384px) and (max-device-width:640px) and (orientation:landscape) {
    body.story-scorpio {}
    body.story-scorpio .video-container {
        width: 80%;
        height: 281px;
        margin: 2% auto 0 auto
    }
    body.story-scorpio .vid-box {
        display: block
    }
    body.story-scorpio .cm-slide15 {
        height: 310px
    }
    body.story-scorpio .cm-slide15.cm-slide15-a {
        height: 135px
    }
}

body.story-centuro .gen_story.centuro-slide01 .carousel-hero-mobility .carousel-caption {
    margin-left: 47%
}

body.story-centuro .gen_story.centuro-slide01 .item {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    background-position: 50% bottom!important
}

body.story-centuro .centuro-slide01 .item .carousel-caption {
    margin-top: 11%!important;
    width: 52%!important
}

body.story-centuro .centuro-slide02 .item {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    background-position: 50% bottom!important
}

body.story-centuro .centuro-slide03 {
    height: 600px!important
}

body.story-centuro .centuro-slide03 .item {
    background: none!important;
    background-color: #fff;
    height: 600px!important
}

body.story-centuro .centuro-slide03 .item .carousel-caption {
    width: 90%!important;
    max-width: 90%!important;
    margin-left: 5%!important;
    margin-right: 5%!important
}

body.story-centuro .centuro-slide07 .gsi-contbox {
    padding: 20px 5%
}

body.story-centuro .centuro-slide03 .item .carousel-caption h3,
body.story-centuro .centuro-slide03 .item .carousel-caption p {
    padding: 20px 20%;
    text-align: center;
    font-weight: normal!important
}

body.story-centuro .centuro-slide03 .item .carousel-caption h3 span {
    display: block;
    width: 100%;
    text-align: center;
    color: #616161;
    font-size: 24px;
    margin: 20px 0 0 0
}

body.story-centuro .centuro-slide03 .item .carousel-caption p.centuro-slide03-p {
    font-family: arial;
    font-size: 18px;
    text-align: center;
    color: #000
}

body.story-centuro .centuro-slide04 {
    height: 680px!important
}

body.story-centuro .centuro-slide04 .item {
    height: 680px!important
}

body.story-centuro .centuro-slide04 .item .carousel-caption {
    margin-left: 41%!important;
    margin-right: 0!important;
    margin-top: 2%;
    max-width: 540px;
    position: static;
    text-align: left;
    vertical-align: top;
    white-space: normal;
    width: 59%!important
}

body.story-centuro .centuro-slide04 .item .carousel-caption h3 {
    font-weight: normal!important
}

body.story-centuro .centuro-slide04 .item .carousel-caption h3 span {
    display: block;
    width: 100%;
    text-align: left;
    color: #616161;
    font-size: 24px;
    margin: 20px 0 0 0
}

body.story-centuro .centuro-slide05 {
    height: 300px!important
}

body.story-centuro .centuro-slide05 .item {
    background: none!important;
    background-color: #fff;
    height: 300px!important
}

body.story-centuro .centuro-slide05 .item .carousel-caption {
    width: 90%!important;
    max-width: 90%!important;
    margin-left: 5%!important;
    margin-right: 5%!important
}

body.story-centuro .centuro-slide05 .item .carousel-caption p {
    padding: 0 20%;
    margin-top: 5px;
    text-align: center;
    font-weight: normal!important
}

body.story-centuro .centuro-slide05 .item .carousel-caption p.centuro-slide05-p {
    font-family: arial;
    font-size: 18px;
    text-align: center;
    color: #000
}

body.story-centuro .centuro-slide05 .item.carousel-caption .hero-title {
    text-align: center
}

body.story-centuro .centuro-slide05 .item .carousel-caption .hero-title>span:first-child {
    width: 100%;
    text-align: center
}

body.story-centuro .centuro-slide06 .item {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    transform-origin: right bottom;
    background-position: 100% bottom!important
}

body.story-centuro .centuro-slide06 .dec-imp {
    font-weight: 400;
    margin: 52px 0 0 0!important
}

body.story-centuro .centuro-slide06 .item .carousel-caption {
    width: 48%!important;
    max-width: 540px!important;
    vertical-align: top!important;
    margin-top: 5%!important
}

body.story-centuro .centuro-slide07 .hero-title {
    text-align: center
}

body.story-centuro .fifa-video .btn-play {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: transparent url(../img/icon-play-white-big.png) no-repeat center center;
    transition: background-color 0.3s ease
}

body.story-centuro .fifa-video .btn-play:hover {
    background: transparent url(../img/icon-play-white-big.png) no-repeat center center
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.story-centuro .fifa-video {
        max-height: 400px
    }
}

@media only screen and (max-width:767px) {
    body.story-centuro .fifa-video {
        max-height: 250px
    }
    body.story-centuro .fifa-video .btn-play {
        background: rgba(0, 0, 0, .5) url(../img/icon-play-white-41.png) no-repeat center center
    }
}

body.story-centuro .centuro-slide09 {
    height: 860px!important
}

body.story-centuro .section .centuro-slide09 .section-footer {
    padding-top: 0
}

body.story-centuro .centuro-slide09 .item {
    background: none!important;
    background-color: #fff;
    height: 860px!important
}

body.story-centuro .centuro-slide09 .item .carousel-caption {
    width: 90%!important;
    max-width: 90%!important;
    margin-left: 5%!important;
    margin-right: 5%!important;
    vertical-align: top;
    margin-top: 0
}

body.story-centuro .centuro-slide09 .carousel-caption .btn {
    margin-right: 20px
}

body.story-centuro .centuro-slide09 .item .carousel-caption h3 {
    padding: 20px 0% 20px 0%;
    text-align: center;
    font-weight: normal!important
}

body.story-centuro .centuro-slide09 .item .carousel-caption p {
    padding: 20px 20% 20px 20%;
    text-align: center;
    font-weight: normal!important
}

body.story-centuro .centuro-slide09 .item .carousel-caption h3 span {
    display: block;
    width: 100%;
    text-align: center;
    color: #616161;
    font-size: 24px;
    margin: 20px 0 0 0
}

body.story-centuro .centuro-slide09 .item .carousel-caption p.centuro-slide09-p {
    font-family: arial;
    font-size: 18px;
    text-align: center;
    color: #000;
    padding: 20px 20% 0 20%
}

body.story-centuro .centuro-slide09 .item .carousel-caption h3.black24 {
    font-family: "EurostileLTStdBold";
    text-align: center;
    color: #000;
    font-size: 24px;
    margin: 20px 0 0 0
}

body.story-centuro .hr32 {
    width: 32%;
    margin: 40px auto 0 auto;
    border-bottom: 1px solid #d1d1d3
}

body.story-centuro .rise-and-shine .carousel-caption .hero-title .font-cheddar.md-gray-color {
    color: #FFF
}

body.story-centuro .rise-and-shine .carousel-caption .hero-des.md-black-color {
    color: #FFF
}

body.story-centuro .rise-and-shine.carousel-wrap:before {
    padding-top: 55.02%
}

body.story-centuro .dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, .7);
    border-bottom: 1px solid rgba(255, 255, 255, .7);
    padding: 2% 0;
    margin-top: 2%
}

body.story-centuro .innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
    margin: 0 5%;
    width: 90%;
    max-width: none
}

body.story-centuro .timebox {
    color: #e31837;
    font-family: "EurostileLTStdBold";
    font-size: 25px;
    margin: 0
}

body.story-centuro .innovation-stories-heros .junior-hero.rise-and-shine .intro-image {
    border: 0
}

body.story-centuro .ras-col-1 {
    width: 48%;
    float: left;
    padding: 0 15px 0 0
}

body.story-centuro .ras-col-2 {
    width: 52%;
    float: left;
    padding: 0 0 0 15px;
    margin-top: 5%
}

body.story-centuro .vid-box {
    margin-top: 30%
}

body.story-centuro .vid-box2 {
    display: none
}

body.story-centuro .our-brand-page.vid-box .introduction-of-core-purpose .intro-image::before {
    padding-top: 60%
}

body.story-centuro .innovation-stories-heros .miss-brain-time.carousel-wrap:before {
    padding-top: 80.02%
}

body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time .carousel .carousel-caption {
    margin-left: 5%
}

body.story-centuro .miss-brain-time .carousel-caption .hero-title .font-cheddar {
    color: #000
}

body.story-centuro .innovation-stories-heros .miss-brain-time.junior-hero .carousel .carousel-caption .hero-des {
    color: #000
}

body.story-centuro .miss-brain-time .dec-imp {
    border-color: rgba(0, 0, 0, .3);
    margin: 20px 0
}

body.story-centuro .miss-brain-imgbox {
    display: none
}

body.story-centuro .innovation-stories-heros .gs-panel.carousel-wrap:before {
    padding-top: 66.6875%
}

body.story-centuro .innovation-stories-heros .ricos.carousel-wrap:before {
    padding-top: 0
}

body.story-centuro .generic-story-intro {
    background: #FFF!important
}

body.story-centuro .gsi-contbox {
    padding: 40px 5%
}

body.story-centuro .generic-story-intro.section {
    padding-bottom: 0
}

body.story-centuro .generic-story-intro .hero-title,
body.story-centuro .infographics .hero-title {
    color: #e31837;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    font-weight: 700;
    line-height: 55px;
    margin: 0;
    font-size: 60px;
    font-family: "EurostileLTStdBold";
    margin-top: 20px
}

body.story-centuro .generic-story-intro .hero-title.normal-case {
    text-transform: none
}

body.story-centuro .generic-story-intro .hero-title .font-cheddar,
body.story-centuro .infographics .hero-title .font-cheddar {
    color: #000;
    font-weight: 400;
    display: inline-block;
    text-transform: none;
    text-shadow: none;
    font-size: 45px
}

body.story-centuro .generic-story-intro .dec-imp {
    border-color: rgba(0, 0, 0, .3)
}

body.story-centuro .junior-hero.carousel-wrap.gs-panel .carousel-caption.generic-box-library {
    margin-left: 5%
}

body.story-centuro .innovation-stories-heros .infographics.carousel-wrap::before {
    padding-top: 5.02%
}

body.story-centuro .infographics {
    background: none repeat scroll 0 0 #e5e5e5;
    padding: 1% 0 3% 0
}

body.story-centuro .infographics-box {
    text-align: center
}

body.story-centuro .rd30euro-bold {
    color: #e31837;
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    line-height: 30px;
    margin: 0
}

body.story-centuro .infographics .b17 {
    color: #000;
    font: 17px Arial
}

body.story-centuro .innovation-stories-heros .nighters.infographics.carousel-wrap::before {
    padding-top: 0!important
}

body.story-centuro .innovation-stories-heros .allmost-done.carousel-wrap::before {
    padding-top: 65.02%
}

body.story-centuro .allmost-done .hero-title {
    margin-top: 20px
}

body.story-centuro .allmost-done .hero-title .font-cheddar {
    color: #000
}

body.story-centuro .allmost-done .hero-des {
    color: #000
}

body.story-centuro .allmost-done .dec-imp {
    border-color: rgba(0, 0, 0, .4)
}

body.story-centuro .allmost-done.carousel-wrap .carousel-caption.right {
    width: 50%;
    margin-left: 45%!important
}

body.story-centuro .allmost-done .carousel-wrap .carousel-caption.right {
    width: 50%
}

body.story-centuro .generic-story .our-brand-page .row-above {
    min-height: 1px!important;
    height: auto
}

body.story-centuro .generic-story .our-brand-page .row-title {
    padding-left: 0!important
}

body.story-centuro .our-brand-page.generic-story-why-GenZe .row {
    margin: 0
}

body.story-centuro .our-brand-page.generic-story-why-GenZe .introduction-of-core-purpose .intro-image:before {
    padding-top: 50%
}

body.story-centuro .why-genze-mobile {
    display: none
}

body.story-centuro .across-social {
    background: #e5e5e5;
    padding: 3%
}

body.story-centuro .across-social-bar {
    padding-top: 40px
}

body.story-centuro .across-social .social a {
    background: #e31837;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    padding: 4px 0;
    text-align: center;
    width: 25px
}

body.story-centuro .b17b {
    font: bold 17px arial;
    color: #000
}

body.story-centuro .social-box {
    background: #FFF;
    border: 1px solid #acacac;
    height: 285px;
    padding: 3%;
    overflow: auto;
    margin-top: 10px
}

body.story-centuro .social-box ul {
    list-style: none;
    margin: 0;
    padding: 0
}

body.story-centuro .social-box ul li {
    font: 15px Arial;
    color: #000;
    padding: 18px 0;
    border-bottom: 1px solid #acacac
}

body.story-centuro .work-with-us {
    padding: 3%
}

body.story-centuro .work-with-us ul {
    margin: 0;
    padding: 0;
    list-style: none
}

body.story-centuro .work-with-us ul li {
    padding: 25px 0;
    font: bold 17px Arial;
    color: #000
}

body.story-centuro .work-with-us ul li a {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    line-height: 30px
}

body.story-centuro .cm-slide15 h3.dec-small,
body.story-centuro .cm-slide15 h3.dec-big {
    font-family: "EurostileLTStdBold";
    font-size: 25px;
    font-weight: 400;
    color: #e31837;
    margin: 4% 0 0 0;
    padding: 0 0
}

body.story-centuro .cm-slide15 h3.dec-big {
    font-size: 45px;
    text-align: center
}

body.story-centuro .cm-slide15 h3.dec-big span {
    font-family: "cheddar_jackregular";
    color: #000;
    text-shadow: none;
    font-size: 45px;
    font-weight: 400;
    padding: 0 0;
    margin: 0 0
}

body.story-centuro .video-container {
    width: 713px;
    height: 281px;
    margin: 2% auto 0 auto
}

body.story-centuro .cm-slide15 {
    height: 530px;
    border-bottom: 1px solid #ccc
}

body.story-centuro .cm-slide15.cm-slide15-a {
    height: 170px
}

body.story-centuro .cm-slide15 .vid-box {
    margin: 0
}

body.story-centuro .cm-slide15 .our-brand-page .introduction-of-core-purpose {
    padding: 0
}

body.story-centuro .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
    background: url(../img/icon-play-41.png) left top no-repeat
}

body.story-centuro .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    border-right-width: 0;
    border-top: none;
    border-left: none;
    border: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

body.story-centuro .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    max-width: none
}

body.story-centuro .cm-slide15 .our-brand-page.vid-box .introduction-of-core-purpose .intro-image::before {
    padding-top: 39.5%
}

body.story-centuro .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image .overlay>* {
    display: inline-block;
    vertical-align: middle
}

body.story-centuro .slide09 {
    border-bottom: 1px solid #ccc
}

body.story-centuro .section .section-header.scorp {
    padding: 40px 0 80px 0
}

body.story-centuro h4.dec-imp.pad {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 24px!important;
    line-height: 27px!important;
    color: #000
}

body.story-centuro h4.dec-imp.pad.top {
    padding: 40px 0 0 0
}

@media (min-width:992px) {
    body.story-centuro .centuro-slide03 .item .carousel-caption,
    body.story-centuro .centuro-slide05 .item .carousel-caption {
        margin-top: 0%!important
    }
    body.story-centuro .centuro-slide09 {
        height: 490px!important
    }
    body.story-centuro .centuro-slide09.centuro-slide09-a {
        height: 275px!important;
        border-bottom: 1px solid #ccc;
        padding-bottom: 30px
    }
}

@media only screen and (max-width:980px) {
    body.story-centuro {}
    body.story-centuro .dec-imp {
        font-size: 25px
    }
    body.story-centuro .innovation-stories-heros .hero-des {
        font-size: 14px!important;
        line-height: 20px!important
    }
    body.story-centuro .ras-col-1 {
        width: 100%;
        float: none
    }
    body.story-centuro .ras-col-2 {
        width: 100%;
        float: none;
        margin-top: 25%;
        padding-left: 0
    }
    body.story-centuro .innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
        left: 0;
        top: 0
    }
    body.story-centuro .rise-and-shine.carousel-wrap:before {
        padding-top: 125.6875%
    }
    body.story-centuro .vid-box {
        display: none
    }
    body.story-centuro .vid-box2 {
        display: block;
        margin-top: 10%
    }
    body.story-centuro .rise-and-shine .carousel-caption .dec-imp {
        font-size: 25px
    }
    body.story-centuro .innovation-stories-heros .junior-hero.rise-and-shine .carousel .item {
        background-position: -260px 0
    }
    body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time .carousel .carousel-caption {
        margin: 0;
        width: 100%;
        position: static;
        padding: 0
    }
    body.story-centuro .innovation-stories-heros .miss-brain-time.carousel-wrap:before {
        padding-top: 113.02%
    }
    body.story-centuro .miss-brain-time .carousel-caption {
        left: 0
    }
    body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time.centuro-slide04 .carousel .item {
        background: url(../img/centuro/centuro_slide04_bg.jpg) no-repeat!important
    }
    body.story-centuro .miss-brain-time .carousel-inner>.item:after {
        background: none
    }
    body.story-centuro .miss-brain-imgbox {
        display: block;
        text-align: center
    }
    body.story-centuro .miss-brain-imgbox img {
        width: 100%
    }
    body.story-centuro .miss-brain-contbox {
        margin: 5%
    }
    body.story-centuro .generic-story-intro .hero-title,
    body.story-centuro .infographics .hero-title {
        font-size: 35px;
        line-height: 35px
    }
    body.story-centuro .generic-story-intro .hero-title .font-cheddar,
    body.story-centuro .infographics .hero-title .font-cheddar {
        font-size: 27px;
        line-height: 35px
    }
    body.story-centuro .generic-story-intro .dec-imp {
        font-size: 25px
    }
    body.story-centuro .innovation-stories-heros .gs-panel.carousel-wrap:before {
        padding-top: 70.6875%
    }
    body.story-centuro .rd30euro-bold {
        font-size: 25px;
        margin-top: 25px
    }
    body.story-centuro .junior-hero.carousel-wrap.gs-panel .carousel-caption.generic-box-library {
        left: 0
    }
    body.story-centuro .innovation-stories-heros .allmost-done.carousel-wrap::before {
        padding-top: 80.6875%
    }
    body.story-centuro .allmost-done.carousel-wrap .carousel-caption.right {
        margin-left: 0!important;
        width: 89%;
        left: 5%
    }
    body.story-centuro .our-brand-page.generic-story-why-GenZe .introduction-of-core-purpose .section-header {
        text-align: center
    }
    body.story-centuro .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-above {
        min-height: inherit
    }
    body.story-centuro .our-brand-page.generic-story-why-GenZe .introduction-of-core-purpose .row-des .row-des-inner {
        width: 90%
    }
    body.story-centuro .why-genze-desktop {
        display: none
    }
    body.story-centuro .why-genze-mobile {
        display: block
    }
    body.story-centuro .our-brand-page.generic-story-why-GenZe .introduction-of-core-purpose .intro-image img {
        left: -41px
    }
    body.story-centuro .social-box {
        margin-bottom: 40px
    }
    body.story-centuro .work-with-us ul li {
        text-align: center
    }
    body.story-centuro .miss-brain-time {
        height: 745px
    }
}

@media only screen and (max-width:767px) {
    body.story-centuro {}
    body.story-centuro .centuro-slide01 .item .carousel-caption {
        width: 84%!important;
        bottom: 45%
    }
    body.story-centuro .centuro-slide01 .item .carousel-caption .hero-des {
        padding-right: 155px
    }
    body.story-centuro .gen_story.centuro-slide01 .carousel-hero-mobility .carousel-caption {
        margin-left: 2%
    }
    body.story-centuro .centuro-slide02 .item {
        background-position: 0% bottom!important
    }
    body.story-centuro .centuro-slide03 .item .carousel-caption h3,
    body.story-centuro .centuro-slide03 .item .carousel-caption p {
        padding: 20px 0%
    }
    body.story-centuro .centuro-slide03 {
        height: 600px!important
    }
    body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time.centuro-slide03 .carousel .item {
        background: #fff!important
    }
    body.story-centuro .centuro-slide04 {
        height: 1280px!important;
        background-color: #e8e8e8
    }
    body.story-centuro .centuro-slide04 .item .carousel-caption {
        margin-left: 0%!important;
        margin-right: 0!important;
        margin-top: 20%;
        max-width: none;
        width: 96%!important
    }
    body.story-centuro .centuro-slide04 .miss-brain-contbox {
        margin: 145% 5% 0 5%
    }
    body.story-centuro .centuro-slide05 .item .carousel-caption p {
        padding: 0 0!important
    }
    body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time.centuro-slide05 .carousel .item {
        background: #fff!important
    }
    body.story-centuro .centuro-slide06 .item {
        background-position: 70% bottom!important
    }
    body.story-centuro .innovation-stories-heros .junior-hero.centuro-slide06 .carousel .carousel-caption {
        bottom: 12%
    }
    body.story-centuro .centuro-slide06 .item .carousel-caption {
        width: 90%!important
    }
    body.story-centuro .centuro-slide09 .item .carousel-caption h3,
    body.story-centuro .centuro-slide09 .item .carousel-caption p {
        padding: 20px 0% 20px 0%
    }
    body.story-centuro .centuro-slide09 .miss-brain-contbox {
        margin: 5% 0!important
    }
    body.story-centuro .centuro-slide09 .item .carousel-caption p.centuro-slide09-p {
        padding: 20px 0% 0 0%!important
    }
    body.story-centuro .centuro-slide09 {
        height: 1380px!important
    }
    body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time.centuro-slide09 .carousel .item {
        background: #fff!important
    }
    body.story-centuro .gen_story .carousel-hero-mobility .carousel-caption {
        margin-left: 0
    }
    body.story-centuro .dec-imp {
        font-size: 25px
    }
    body.story-centuro .innovation-stories-heros .hero-des {
        font-size: 14px!important;
        line-height: 20px!important
    }
    body.story-centuro .ras-col-1 {
        width: 100%;
        float: none
    }
    body.story-centuro .ras-col-2 {
        width: 100%;
        float: none;
        margin-top: 25%;
        padding-left: 0
    }
    body.story-centuro .innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
        left: 0;
        top: 0
    }
    body.story-centuro .rise-and-shine.carousel-wrap:before {
        padding-top: 195.6875%
    }
    body.story-centuro .vid-box {
        display: none
    }
    body.story-centuro .vid-box2 {
        display: block;
        margin-top: 10%
    }
    body.story-centuro .rise-and-shine .carousel-caption .dec-imp {
        font-size: 25px
    }
    body.story-centuro .innovation-stories-heros .junior-hero.rise-and-shine .carousel .item {
        background-position: -260px 0
    }
    body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time .carousel .carousel-caption {
        margin: 0;
        width: 100%;
        position: static;
        padding: 0
    }
    body.story-centuro .innovation-stories-heros .miss-brain-time.carousel-wrap:before {
        padding-top: 242.02%
    }
    body.story-centuro .miss-brain-time .carousel-caption {
        left: 0
    }
    body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time.centuro-slide04 .carousel .item {
        background: #e8e8e8 url(../img/centuro/centuro_slide04_bg-sm.jpg) no-repeat!important;
        -webkit-transform-origin: top bottom;
        -moz-transform-origin: top bottom;
        transform-origin: top bottom;
        background-position: top bottom!important
    }
    body.story-centuro .miss-brain-time .carousel-caption .dec-imp {
        font-size: 25px
    }
    body.story-centuro .miss-brain-imgbox {
        display: block
    }
    body.story-centuro .generic-story-intro .hero-title,
    body.story-centuro .infographics .hero-title {
        font-size: 35px;
        line-height: 35px
    }
    body.story-centuro .generic-story-intro .hero-title .font-cheddar {
        font-size: 42px;
        line-height: 35px
    }
    body.story-centuro .infographics .hero-title .font-cheddar {
        font-size: 27px;
        line-height: 35px
    }
    body.story-centuro .generic-story-intro .dec-imp {
        font-size: 25px
    }
    body.story-centuro .innovation-stories-heros .gs-panel.carousel-wrap:before {
        padding-top: 172.6875%
    }
    body.story-centuro .innovation-stories-heros .gs-panel.junior-hero .carousel .carousel-caption {
        left: 30px;
    }
    body.story-centuro .rd30euro-bold {
        font-size: 25px;
        margin-top: 25px
    }
    body.story-centuro .innovation-stories-heros .allmost-done.carousel-wrap::before {
        padding-top: 180.02%
    }
    body.story-centuro .allmost-done.carousel-wrap .carousel-caption.right {
        margin-left: 0!important;
        width: 89%
    }
    body.story-centuro .our-brand-page.generic-story-why-GenZe .introduction-of-core-purpose .section-header {
        text-align: center
    }
    body.story-centuro .our-brand-page .introduction-of-core-purpose .row-des .row-des-inner .row-above {
        min-height: inherit
    }
    body.story-centuro .our-brand-page.generic-story-why-GenZe .introduction-of-core-purpose .intro-image img {
        left: -17px
    }
    body.story-centuro .why-genze-desktop {
        display: none
    }
    body.story-centuro .why-genze-mobile {
        display: block
    }
    body.story-centuro .social-box {
        margin-bottom: 40px
    }
    body.story-centuro .across-social .row,
    body.story-centuro .work-with-us .row {
        padding: 0;
        margin: 0
    }
    body.story-centuro .work-with-us ul li {
        text-align: center
    }
    body.story-centuro .centuro-slide01 .carousel-caption .hero-title .font-cheddar {
        color: #fff
    }
    body.story-centuro .carousel-caption .hero-title .font-cheddar {
        font-size: 42px!important
    }
    body.story-centuro h4.scorpio,
    body.story-centuro h4.dec-imp.pad.top {
        width: auto!important;
        border-top: none;
        padding: 0 0 0 0!important
    }
    body.story-centuro .section .section-header.scorp {
        padding: 40px 0 20px 0
    }
    body.story-centuro .ras-col-1 {
        padding: 0 0 0 0
    }
}

@media only screen and (max-width:320px) {
    body.story-centuro {}
    body.story-centuro .dec-imp {
        font-size: 25px
    }
    body.story-centuro .innovation-stories-heros .hero-des {
        font-size: 14px!important;
        line-height: 20px!important
    }
    body.story-centuro .ras-col-1 {
        width: 100%;
        float: none
    }
    body.story-centuro .ras-col-2 {
        width: 100%;
        float: none;
        margin-top: 25%;
        padding-left: 0
    }
    body.story-centuro .innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
        left: 0;
        top: 0
    }
    body.story-centuro .innovation-stories-heros .miss-brain-time.carousel-wrap:before {
        padding-top: 297.02%
    }
    body.story-centuro .innovation-stories-heros .allmost-done.carousel-wrap::before {
        padding-top: 215.02%
    }
    body.story-centuro .rise-and-shine.carousel-wrap:before {
        padding-top: 214.6875%
    }
    body.story-centuro .innovation-stories-heros .gs-panel.carousel-wrap:before {
        padding-top: 208.6875%
    }
    body.story-centuro .miss-brain-time {
        height: 955px
    }
    body.story-centuro .centuro-slide02 {
        height: 795px!important
    }
    body.story-centuro .centuro-slide03 {
        height: 970px!important
    }
    body.story-centuro .centuro-slide04 .miss-brain-contbox {
        margin: 165% 5% 0 5%
    }
    body.story-centuro .centuro-slide04 {
        height: 1370px!important
    }
    body.story-centuro .centuro-slide05 {
        height: 320px!important
    }
    body.story-centuro .innovation-stories-heros .junior-hero.centuro-slide06 .carousel .carousel-caption {
        bottom: 5%
    }
    body.story-centuro .centuro-slide09 {
        height: 1010px!important
    }
    body.story-centuro .centuro-slide09.centuro-slide09-a {
        height: 470px!important;
        border-bottom: 1px solid #ccc
    }
    body.story-centuro .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-centuro .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-centuro .video-container {
        width: 100%;
        height: auto;
        margin: 2% auto 0 auto
    }
    body.story-centuro .vid-box {
        display: block
    }
    body.story-centuro .cm-slide15 {
        height: 290px
    }
    body.story-centuro .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-centuro .slide09 .btn-primary:first-child {
        margin-bottom: 20px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    body.story-centuro {}
    body.story-centuro .innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
        margin: 0 3%;
        width: 94%
    }
    body.story-centuro .centuro-slide02 {
        height: 800px!important
    }
    body.story-centuro .centuro-slide02 .item {
        height: 800px!important
    }
    body.story-centuro .centuro-slide02 .ras-col-1 {
        width: 58%!important
    }
    body.story-centuro .centuro-slide03 .item .carousel-caption h3,
    body.story-centuro .centuro-slide03 .item .carousel-caption p {
        padding: 20px 10%
    }
    body.story-centuro .centuro-slide05 .item .carousel-caption p {
        padding: 0 10%
    }
    body.story-centuro .centuro-slide09 .item .carousel-caption h3 {
        padding: 20px 10% 20px 10%
    }
    body.story-centuro .centuro-slide09 .item .carousel-caption p.centuro-slide09-p {
        padding: 20px 10% 0 10%
    }
    body.story-centuro .centuro-slide09 .item .carousel-caption h3.black24 {
        margin: 20px 0 0 0;
        padding: 20px 0% 0 0%
    }
    body.story-centuro .section .centuro-slide09 .section-footer {
        padding-top: 10px!important
    }
    body.story-centuro .miss-brain-time.centuro-slide04 {
        height: 680px!important
    }
    body.story-centuro .centuro-slide09 {
        height: 610px!important
    }
    body.story-centuro .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-centuro .cm-slide15 {
        height: 490px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    body.story-centuro {}
    body.story-centuro .innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
        margin: 0 3%;
        width: 94%
    }
    body.story-centuro .centuro-slide01 .carousel-caption .hero-title .font-cheddar {
        color: #fff
    }
    body.story-centuro .centuro-slide02 {
        height: 695px!important
    }
    body.story-centuro .centuro-slide02 .item,
    body.story-centuro .centuro-slide02 .item {
        height: 695px!important;
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        background-position: 50% bottom!important
    }
    body.story-centuro .centuro-slide02 .ras-col-1 {
        width: 58%!important
    }
    body.story-centuro .centuro-slide02 .carousel-caption {
        margin: 2% 3% 0 3%!important
    }
    body.story-centuro .centuro-slide03 {
        height: 540px!important
    }
    body.story-centuro .centuro-slide04 .dec-imp {
        margin: 33px 0 20px 0
    }
    body.story-centuro .centuro-slide06 .item .carousel-caption {
        width: 58%!important;
        max-width: none!important
    }
    body.story-centuro .centuro-slide03 .item .carousel-caption h3,
    body.story-centuro .centuro-slide03 .item .carousel-caption p {
        padding: 20px 0%
    }
    body.story-centuro .centuro-slide05 .item .carousel-caption p {
        padding: 0 0%
    }
    body.story-centuro .centuro-slide09 .item .carousel-caption h3 {
        padding: 20px 0% 20px 0%
    }
    body.story-centuro .centuro-slide09 .item .carousel-caption p.centuro-slide09-p {
        padding: 20px 0% 0 0%
    }
    body.story-centuro .centuro-slide09 .item .carousel-caption h3.black24 {
        margin: 20px 0 0 0;
        padding: 20px 0% 0 0%
    }
    body.story-centuro .section .centuro-slide09 .section-footer {
        padding-top: 10px!important
    }
    body.story-centuro .centuro-slide01 .item .carousel-caption {
        margin-left: 39%!important;
        bottom: 32%
    }
    body.story-centuro .miss-brain-time.centuro-slide04 {
        height: 555px!important
    }
    body.story-centuro .miss-brain-time.centuro-slide05 {
        height: 225px!important
    }
    body.story-centuro .centuro-slide04 .item .carousel-caption {
        margin-left: 49%!important;
        margin-right: 0!important;
        margin-top: 2%;
        max-width: 540px;
        width: 48%!important
    }
    body.story-centuro .centuro-slide04 .item .carousel-caption h3 {
        font-weight: normal!important;
        font-size: 22px
    }
    body.story-centuro .centuro-slide04 .item .carousel-caption h3 span {
        font-size: 18px
    }
    body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time.centuro-slide09 .carousel .item {
        background: #fff!important
    }
    body.story-centuro .centuro-slide09 .item .carousel-caption h3.black24 {
        margin: 0 0 0 0
    }
    body.story-centuro .hr32 {
        margin: 20px auto 0 auto
    }
    body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time.centuro-slide03 .carousel .item,
    body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time.centuro-slide05 .carousel .item {
        background: #fff!important
    }
    body.story-centuro .centuro-slide09 {
        height: 610px!important
    }
    body.story-centuro .centuro-slide09.centuro-slide09-a {
        height: 330px!important;
        border-bottom: 1px solid #ccc
    }
    body.story-centuro .vid-box {
        display: block
    }
    body.story-centuro .cm-slide15 {
        height: 466px
    }
    body.story-centuro .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-centuro .section .section-header.scorp {
        padding: 40px 0 20px 0
    }
    body.story-centuro h4.dec-imp.pad {
        font-size: 18px!important
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait) {
    body.story-centuro .centuro-slide01 .item .carousel-caption .hero-des {
        padding-right: 55px
    }
    body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time.centuro-slide04 .carousel .item {
        -webkit-transform-origin: top center;
        -moz-transform-origin: top center;
        transform-origin: top center;
        background-position: top center!important;
        background-size: 100% auto!important
    }
    body.story-centuro .centuro-slide04 .miss-brain-contbox {
        margin: 77% 5% 0 5%
    }
    body.story-centuro .centuro-slide04 {
        height: 1114px!important
    }
    body.story-centuro .centuro-slide06 {
        height: 490px!important
    }
    body.story-centuro .innovation-stories-heros .junior-hero.centuro-slide06 .carousel .carousel-caption {
        bottom: 7%
    }
    body.story-centuro .centuro-slide06 .dec-imp {
        font-size: 20px
    }
}

@media only screen and (min-device-width:360px) and (max-device-width:640px) and (orientation:portrait) {
    body.story-centuro {}
    body.story-centuro .centuro-slide04 {
        height: 700px!important
    }
    body.story-centuro .centuro-slide09 {
        height: 980px!important
    }
    body.story-centuro .centuro-slide09.centuro-slide09-a {
        height: 440px!important;
        border-bottom: 1px solid #ccc
    }
    body.story-centuro .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-centuro .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-centuro .video-container {
        width: 100%;
        height: auto;
        margin: 2% auto 0 auto
    }
    body.story-centuro .vid-box {
        display: block
    }
    body.story-centuro .cm-slide15 {
        height: 330px
    }
    body.story-centuro .cm-slide15.cm-slide15-a {
        height: 135px
    }
}

@media only screen and (min-device-width:384px) and (max-device-width:640px) and (orientation:portrait) {
    body.story-centuro {}
    body.story-centuro .centuro-slide02 {
        height: 670px
    }
    body.story-centuro .centuro-slide02 .ras-col-1 {
        padding: 10px 0 0 0
    }
    body.story-centuro .innovation-stories-heros .junior-hero.centuro-slide06 .carousel .carousel-caption {
        bottom: 13%
    }
    body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time.centuro-slide04 .carousel .item {
        -webkit-transform-origin: top center;
        -moz-transform-origin: top center;
        transform-origin: top center;
        background-position: top center!important;
        background-size: 100% auto!important
    }
    body.story-centuro .centuro-slide04 {
        height: 700px!important
    }
    body.story-centuro .centuro-slide03 .miss-brain-contbox {
        margin: 9% 5% 5% 5%
    }
    body.story-centuro .centuro-slide05 .miss-brain-contbox {
        margin: 9% 5% 5% 5%
    }
    body.story-centuro .centuro-slide09 {
        height: 930px!important
    }
    body.story-centuro .centuro-slide09.centuro-slide09-a {
        height: 410px!important;
        border-bottom: 1px solid #ccc
    }
    body.story-centuro .centuro-slide09 .miss-brain-contbox {
        margin: 10% 0 5% 0!important
    }
    body.story-centuro .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-centuro .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-centuro .video-container {
        width: 100%;
        height: auto;
        margin: 2% auto 0 auto
    }
    body.story-centuro .vid-box {
        display: block
    }
    body.story-centuro .cm-slide15 {
        height: 330px
    }
    body.story-centuro .cm-slide15.cm-slide15-a {
        height: 135px
    }
}

@media only screen and (min-device-width:384px) and (max-device-width:640px) and (orientation:landscape) {
    body.story-centuro {}
    body.story-centuro .centuro-slide01 {
        height: 350px
    }
    body.story-centuro .centuro-slide01 .item .carousel-caption {
        bottom: 62%
    }
    body.story-centuro .centuro-slide02 {
        height: 475px
    }
    body.story-centuro .centuro-slide03 {
        height: 590px!important
    }
    body.story-centuro .centuro-slide04 .miss-brain-contbox {
        margin: 85% 5% 0 5%
    }
    body.story-centuro .centuro-slide04 {
        height: 990px!important
    }
    body.story-centuro .centuro-slide05 {
        height: 220px!important
    }
    body.story-centuro .innovation-stories-heros .junior-hero.centuro-slide06 .carousel .carousel-caption {
        bottom: 14%
    }
    body.story-centuro .centuro-slide06 {
        height: 480px!important
    }
    body.story-centuro .centuro-slide09 .miss-brain-contbox {
        margin: 10% 0 5% 0!important
    }
    body.story-centuro .centuro-slide09 {
        height: 655px!important
    }
    body.story-centuro .centuro-slide09.centuro-slide09-a {
        height: 375px!important;
        border-bottom: 1px solid #ccc
    }
    body.story-centuro .centuro-slide01 .carousel-caption .hero-title .font-cheddar {
        color: #fff
    }
    body.story-centuro .video-container {
        width: 80%;
        height: 281px;
        margin: 2% auto 0 auto
    }
    body.story-centuro .vid-box {
        display: block
    }
    body.story-centuro .cm-slide15 {
        height: 310px
    }
    body.story-centuro .cm-slide15.cm-slide15-a {
        height: 135px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    body.story-centuro .innovation-stories-heros .junior-hero.miss-brain-time.centuro-slide04 .carousel .item {
        -webkit-transform-origin: top center;
        -moz-transform-origin: top center;
        transform-origin: top center;
        background-position: top center!important;
        background-size: 568px 358px!important
    }
    body.story-centuro .centuro-slide02 .carousel-caption {
        padding-top: 25px
    }
    body.story-centuro .centuro-slide04 .miss-brain-contbox {
        margin: 73% 5% 0 5%
    }
    body.story-centuro .centuro-slide04 {
        height: 900px!important
    }
    body.story-centuro .centuro-slide04 .miss-brain-contbox {
        margin: 73% 5% 0 5%
    }
    body.story-centuro .centuro-slide02 {
        height: 470px
    }
    body.story-centuro .ras-col-1 {
        width: 77%
    }
    body.story-centuro .centuro-slide03 {
        height: 585px!important
    }
    body.story-centuro .centuro-slide05 {
        height: 245px!important
    }
    body.story-centuro .centuro-slide09 {
        height: 730px!important
    }
    body.story-centuro .centuro-slide09.centuro-slide09-a {
        height: 400px!important;
        border-bottom: 1px solid #ccc
    }
    body.story-centuro .centuro-slide06 {
        height: 490px!important
    }
}

body.story-club-mahindra .cm-slide01 .carousel-caption .hero-title {
    margin-left: 0;
    margin-right: 0;
    width: 100%!important;
    text-align: center;
    font-size: 60px
}

body.story-club-mahindra .cm-slide01 .carousel-caption .hero-title>span:first-child {
    margin-left: 0;
    margin-right: 0;
    width: 100%!important;
    text-align: center
}

body.story-club-mahindra .cm-slide01 .item {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    background-position: center bottom!important
}

body.story-club-mahindra .cm-slide01 .item .carousel-caption {
    width: 100%!important;
    margin: 0 auto 0 auto!important;
    position: absolute;
    bottom: 12%;
    text-align: center;
    left: 0;
    right: 0
}

body.story-club-mahindra .cm-slide02 .item {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    transform-origin: right bottom;
    background-position: right bottom!important
}

body.story-club-mahindra .cm-slide02 {
    height: 420px
}

body.story-club-mahindra .cm-slide02 .hero-des.md-black-color {
    color: #000
}

body.story-club-mahindra .cm-slide02.rise-and-shine .carousel-caption .hero-des.md-black-color {
    color: #000
}

body.story-club-mahindra .cm-slide02 .dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    margin: 0;
    border-top: 1px solid #909090;
    border-bottom: 1px solid #909090;
    padding: 2% 0;
    margin-top: 2%
}

body.story-club-mahindra .cm-slide02 .mob-767 {
    display: none
}

body.story-club-mahindra .cm-slide03 {
    background: #e5e5e5;
    height: 725px
}

body.story-club-mahindra .cm-slide03 .carousel-inner>.item:before {
    vertical-align: top
}

body.story-club-mahindra .cm-slide03 h3.dec-small,
body.story-club-mahindra .cm-slide03 h3.dec-big {
    font-family: "EurostileLTStdBold";
    font-size: 25px;
    font-weight: 400;
    color: #e31837;
    margin: 2% 0 0 0;
    padding: 0 0
}

body.story-club-mahindra .cm-slide03 h3.dec-big {
    font-size: 30px;
    text-align: center
}

body.story-club-mahindra .cm-slide03 h3.dec-big span {
    text-decoration: underline
}

body.story-club-mahindra .cm-slide03 .carousel-caption {
    width: 90%!important;
    position: absolute;
    vertical-align: top;
    top: 0;
    max-width: none;
    margin: 0 0!important;
    left: 5%;
    right: 5%
}

body.story-club-mahindra .cm-slide03 h2.cheddar-blk {
    font-family: "cheddar_jackregular";
    color: #000;
    text-shadow: none;
    font-size: 45px;
    font-weight: 400;
    text-align: center;
    padding: 0 0;
    margin: 0 0
}

body.story-club-mahindra .percentile-row {
    width: 600px;
    margin: 0 auto
}

body.story-club-mahindra .col-a,
body.story-club-mahindra .col-b,
body.story-club-mahindra .col-c {
    width: 200px;
    float: left
}

body.story-club-mahindra .col-c {
    float: right
}

body.story-club-mahindra .percentile-row p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 21px;
    color: #000;
    margin: 0 0 0 0
}

body.story-club-mahindra .percentile-row .col-b p {
    padding: 0 40px
}

body.story-club-mahindra .percentile-row .col-c p {
    padding: 0 0 0 40px
}

body.story-club-mahindra h3.per-counter,
body.story-club-mahindra h3.per-counter span {
    font-family: "EurostileLTStdBold";
    font-size: 60px;
    font-weight: 400;
    color: #e31837;
    margin: 0 0 0 0;
    padding: 0 0
}

body.story-club-mahindra h3.per-counter span {
    font-size: 30px
}

body.story-club-mahindra .col-b h3.per-counter,
body.story-club-mahindra .percentile-row .col-b p {
    text-align: center
}

body.story-club-mahindra .col-c h3.per-counter,
body.story-club-mahindra .percentile-row .col-c p {
    text-align: right
}

body.story-club-mahindra .arrow-container {
    width: 100%;
    margin: 2% auto 0 auto;
    text-align: center!important
}

body.story-club-mahindra .cm-slide03 h4 {
    font-family: "EurostileLTStdBold";
    font-size: 36px;
    font-weight: 400;
    color: #000;
    margin: 0 0 0 0;
    padding: 0 0;
    text-align: center
}

body.story-club-mahindra .cm-chart-wrapper {
    width: 666px;
    margin: 20px auto 0 auto
}

body.story-club-mahindra .chart-a,
body.story-club-mahindra .chart-b,
body.story-club-mahindra .chart-c {
    float: left
}

body.story-club-mahindra .chart-block {
    width: 222px;
    height: 175px;
    border-bottom: 1px solid #a0a0a0
}

body.story-club-mahindra .bar-grey {
    width: 36px;
    height: 161px;
    background: #a8a9ad;
    position: absolute;
    margin: 13px 0 0 35px
}

body.story-club-mahindra .bar-red {
    width: 36px;
    height: 151px;
    background: #e31837;
    position: absolute;
    margin: 23px 0 0 106px
}

body.story-club-mahindra span.year {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    margin: 0 0 0 0;
    width: 36px;
    text-align: center
}

body.story-club-mahindra span.counter_num {
    position: absolute;
    font-family: "EurostileLTStdBold";
    font-size: 26px;
    font-weight: 400;
    color: #000;
    margin: 20px 0 0 -65px;
    width: 36px;
    text-align: center
}

body.story-club-mahindra span.counter_num span {
    font-size: 20px
}

body.story-club-mahindra .chart-a .bar-grey span.year {
    margin: -20px 0 0 0
}

body.story-club-mahindra .chart-a .bar-grey span.counter_num {
    margin: 20px 0 0 -54px
}

body.story-club-mahindra .chart-a .bar-red span.year {
    margin: -30px 0 0 0
}

body.story-club-mahindra .chart-a .bar-red span.counter_num {
    margin: 40px 0 0 24px
}

body.story-club-mahindra .chart-label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 21px;
    color: #000;
    margin: 15px 0 0 24px;
    text-align: left
}

body.story-club-mahindra .chart-b .bar-grey {
    height: 131px;
    margin-top: 43px
}

body.story-club-mahindra .chart-b .bar-red {
    height: 140px;
    margin-top: 34px
}

body.story-club-mahindra .chart-c .bar-grey {
    height: 144px;
    margin-top: 31px
}

body.story-club-mahindra .chart-c .bar-red {
    height: 160px;
    margin-top: 14px
}

body.story-club-mahindra .chart-b .bar-grey span.year {
    margin: -50px 0 0 0
}

body.story-club-mahindra .chart-b .bar-grey span.counter_num {
    margin: 60px 0 0 -54px
}

body.story-club-mahindra .chart-b .bar-red span.year {
    margin: -41px 0 0 0
}

body.story-club-mahindra .chart-b .bar-red span.counter_num {
    margin: 40px 0 0 24px
}

body.story-club-mahindra .chart-c .bar-grey span.year {
    margin: -38px 0 0 0
}

body.story-club-mahindra .chart-c .bar-grey span.counter_num {
    margin: 4px 0 0 -29px
}

body.story-club-mahindra .chart-c .bar-red span.year {
    margin: -21px 0 0 0
}

body.story-club-mahindra .chart-c .bar-red span.counter_num {
    margin: 0 0 0 24px
}

body.story-club-mahindra p.chart_desc {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    text-align: right
}

body.story-club-mahindra .chart-a .chart-label {
    width: 140px
}

body.story-club-mahindra .chart-b .chart-label {
    width: 140px
}

body.story-club-mahindra .chart-c .chart-label {
    width: 175px
}

body.story-club-mahindra .cm-slide04 {
    background: #fff;
    height: 570px
}

body.story-club-mahindra .cm-slide10 {
    background: #fff;
    height: 358px
}

body.story-club-mahindra .cm-slide14 {
    background: #fff;
    height: 410px;
    border-bottom: 1px solid #d1d1d3
}

body.story-club-mahindra .cm-slide14.cm-slide14-a {
    height: 250px
}

body.story-club-mahindra .cm-slide14.cm-slide14-a h3 {
    margin-top: 50px
}

body.story-club-mahindra .cm-slide10 h3 {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    margin: 20px 0 0 0;
    text-align: center
}

body.story-club-mahindra .cm-slide14 h3 {
    font-family: "EurostileLTStdBold";
    font-size: 24px;
    color: #000;
    line-height: 27px;
    margin: 20px 0 0 0;
    text-align: center
}

body.story-club-mahindra .cm-slide04 h1,
body.story-club-mahindra .cm-slide10 h1,
body.story-club-mahindra .cm-slide14 h1 {
    text-align: center
}

body.story-club-mahindra .cm-slide04 .font-cheddar,
body.story-club-mahindra .cm-slide10 .font-cheddar {
    font-family: "cheddar_jackregular";
    font-weight: 400;
    color: #000;
    font-size: 45px
}

body.story-club-mahindra .cm-slide14 .font-cheddar {
    font-family: "cheddar_jackregular";
    font-weight: 400;
    color: #000;
    font-size: 45px
}

body.story-club-mahindra p.cm-slide04-p {
    font-size: 17px;
    text-align: center;
    line-height: 25px
}

body.story-club-mahindra .cm-slide04 h3 {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    margin: 0;
    text-align: center
}

body.story-club-mahindra .cm-slide05 {
    background: #e5e5e5;
    height: 935px
}

body.story-club-mahindra .cm-slide05 .carousel-inner>.item:before {
    vertical-align: top
}

body.story-club-mahindra .cm-slide05 h3.dec-small,
body.story-club-mahindra .cm-slide05 h3.dec-big {
    font-family: "EurostileLTStdBold";
    font-size: 25px;
    font-weight: 400;
    color: #e31837;
    margin: 2% 0 0 0;
    padding: 0 0
}

body.story-club-mahindra .cm-slide05 h3.dec-big {
    font-size: 30px;
    text-align: center
}

body.story-club-mahindra .cm-slide05 h3.dec-big span {
    font-family: "cheddar_jackregular";
    color: #000;
    text-shadow: none;
    font-size: 45px;
    font-weight: 400;
    padding: 0 0;
    margin: 0 0
}

body.story-club-mahindra .cm-slide05 .carousel-caption {
    width: 90%!important;
    position: absolute;
    vertical-align: top;
    top: 0;
    max-width: none;
    margin: 0 0!important;
    left: 5%;
    right: 5%
}

body.story-club-mahindra .rank-wrapper {
    width: 416px;
    margin: 0 auto
}

body.story-club-mahindra .rank-a,
body.story-club-mahindra .rank-b,
body.story-club-mahindra .rank-c {
    float: left;
    width: 106px
}

body.story-club-mahindra .rank-b {
    width: 90px
}

body.story-club-mahindra .rank-c {
    width: 220px
}

body.story-club-mahindra .cm-slide05 h2 {
    margin: 0 0;
    padding: 0 0
}

body.story-club-mahindra .cm-slide05 h2 span {
    font-size: 20px
}

body.story-club-mahindra .cm-slide05 h2.color-grey {
    font-size: 30px;
    color: #a8a9ad;
    line-height: 36px
}

body.story-club-mahindra .cm-slide05 h2.color-red {
    font-size: 60px;
    color: #e31837;
    line-height: 50px
}

body.story-club-mahindra .cm-slide05 h2.color-red span {
    font-size: 30px
}

body.story-club-mahindra .cm-slide05 h2.color-black {
    font-size: 30px;
    color: #000
}

body.story-club-mahindra .rank-wrapper p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #000;
    padding: 0 0;
    margin: -10px 0 0 0;
    line-height: 18px
}

body.story-club-mahindra .hr416 {
    border-bottom: 1px solid #a8a9ad;
    width: 100%;
    margin: 10px 0 20px 0
}

body.story-club-mahindra .hr100 {
    border-bottom: 1px solid #a8a9ad;
    width: 100%;
    margin: 40px 0 40px 0
}

body.story-club-mahindra .rank-ii {
    padding: 10px 0 0 0
}

body.story-club-mahindra .reason-sec {
    width: 450px;
    margin: 20px auto 40px auto
}

body.story-club-mahindra .rupee-icon {
    width: 184px;
    float: left
}

body.story-club-mahindra .rupee-desc {
    width: 236px;
    float: right;
    padding: 33px 0 0 0
}

body.story-club-mahindra .rupee-desc p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #000;
    padding: 0 0;
    margin: 0 0 0 0;
    line-height: 18px
}

body.story-club-mahindra .cm-slide06 {
    height: 560px
}

body.story-club-mahindra .cm-slide08 {
    height: 700px
}

body.story-club-mahindra .cm-slide12 {
    height: 621px
}

body.story-club-mahindra .cm-slide13 {
    height: 800px
}

body.story-club-mahindra .cm-slide12 .dec-imp,
body.story-club-mahindra .cm-slide13 .dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    margin: 0;
    border-top: 1px solid #909090;
    border-bottom: 1px solid #909090;
    padding: 2% 0;
    margin-top: 4%
}

body.story-club-mahindra .cm-slide12 h1.font-cheddar {
    font-family: "cheddar_jackregular";
    font-weight: 400;
    color: #000;
    font-size: 45px;
    margin-bottom: 0;
    margin-top: 0
}

body.story-club-mahindra .cm-slide13 h1.font-cheddar {
    font-family: "cheddar_jackregular";
    font-weight: 400;
    color: #000;
    font-size: 45px;
    margin-bottom: 0
}

body.story-club-mahindra .cm-slide13-a .carousel .item {
    background-size: 100% auto
}

body.story-club-mahindra .cm-slide08 .ras-col-1 {
    width: 44%;
    padding: 0 0 0 0
}

body.story-club-mahindra .cm-slide12 .ras-col-1 {
    width: 44%;
    padding: 0 0 0 0
}

body.story-club-mahindra .cm-slide13 .ras-col-1 {
    width: 60%;
    padding: 0 0 0 0;
    margin-left: 40%
}

body.story-club-mahindra .cm-slide13 .carousel-caption {
    vertical-align: top
}

body.story-club-mahindra .cm-slide08 .item {
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    transform-origin: center right;
    background-position: center right!important
}

body.story-club-mahindra .cm-slide12 .item {
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    transform-origin: center right;
    background-position: center right!important
}

body.story-club-mahindra .cm-slide13 .item {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    background-position: center bottom!important
}

body.story-club-mahindra .cm-slide06 .item {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    transform-origin: right bottom;
    background-position: right bottom!important
}

body.story-club-mahindra .cm-slide06 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #fff;
    padding: 0 0;
    margin: 25px 0 0 0;
    line-height: 18px
}

body.story-club-mahindra .cm-slide08 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #fff;
    padding: 0 100px 0 0;
    margin: 25px 0 0 0;
    line-height: 18px;
    text-shadow: 1px 1px 1px black
}

body.story-club-mahindra .cm-slide12 p,
body.story-club-mahindra .cm-slide13 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #000;
    padding: 0 0 0 0;
    margin: 25px 0 0 0;
    line-height: 18px
}

body.story-club-mahindra .cm-slide06 .ras-col-1 {
    width: 50%;
    float: left;
    padding: 0 0 0 0
}

body.story-club-mahindra .cm-slide07 {
    height: 1000px
}

body.story-club-mahindra .cm-slide06 .item {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    background-position: center bottom!important
}

body.story-club-mahindra .cm-slide09 {
    height: 500px
}

body.story-club-mahindra .cm-slide11 {
    height: 551px
}

body.story-club-mahindra .cm-slide13-a {
    height: 336px
}

body.story-club-mahindra .cm-slide09 .item {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    transform-origin: center top;
    background-position: center top!important
}

body.story-club-mahindra .cm-slide11 .item {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    background-position: center bottom!important
}

body.story-club-mahindra .cm-slide13-a .item {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    transform-origin: top center;
    background-position: top center!important
}

body.story-club-mahindra .cm-slide07 h1.font-cheddar {
    font-family: "cheddar_jackregular";
    font-weight: 400;
    color: #000;
    font-size: 45px;
    text-align: center
}

body.story-club-mahindra .cm-slide07 .carousel-caption {
    vertical-align: top
}

body.story-club-mahindra p.cm-slide07-p,
body.story-club-mahindra p.cm-slide10-p,
body.story-club-mahindra p.cm-slide14-p {
    font-size: 17px;
    text-align: center;
    line-height: 25px;
    color: #000
}

body.story-club-mahindra .cm-slide15 h3.dec-small,
body.story-club-mahindra .cm-slide15 h3.dec-big {
    font-family: "EurostileLTStdBold";
    font-size: 25px;
    font-weight: 400;
    color: #e31837;
    margin: 4% 0 0 0;
    padding: 0 0
}

body.story-club-mahindra .cm-slide15 h3.dec-big {
    font-size: 45px;
    text-align: center
}

body.story-club-mahindra .cm-slide15 h3.dec-big span {
    font-family: "cheddar_jackregular";
    color: #000;
    text-shadow: none;
    font-size: 45px;
    font-weight: 400;
    padding: 0 0;
    margin: 0 0
}

body.story-club-mahindra .video-container {
    width: 713px;
    height: 281px;
    margin: 2% auto 0 auto
}

body.story-club-mahindra .cm-slide15 {
    height: 530px;
    border-bottom: 1px solid #ccc
}

body.story-club-mahindra .cm-slide15.cm-slide15-a {
    height: 170px
}

body.story-club-mahindra .cm-slide15 .vid-box {
    margin: 0
}

body.story-club-mahindra .cm-slide15 .our-brand-page .introduction-of-core-purpose {
    padding: 0
}

body.story-club-mahindra .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
    background: url(../img/icon-play-41.png) left top no-repeat
}

body.story-club-mahindra .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    border-right-width: 0;
    border-top: none;
    border-left: none;
    border: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

body.story-club-mahindra .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    max-width: none
}

body.story-club-mahindra .cm-slide15 .our-brand-page.vid-box .introduction-of-core-purpose .intro-image::before {
    padding-top: 39.5%
}

body.story-club-mahindra .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image .overlay>* {
    display: inline-block;
    vertical-align: middle
}

body.story-club-mahindra .slide09 {
    border-bottom: 1px solid #ccc
}

body.story-club-mahindra .section .section-header.scorp {
    padding: 40px 0 80px 0
}

body.story-club-mahindra h4.dec-imp.pad {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 24px!important;
    line-height: 27px!important;
    color: #000
}

body.story-club-mahindra h4.dec-imp.pad.top {
    padding: 40px 0 0 0
}

body.story-club-mahindra .fifa-video .btn-play {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: transparent url(../img/icon-play-white-big.png) no-repeat center center;
    transition: background-color 0.3s ease
}

body.story-club-mahindra .fifa-video .btn-play:hover {
    background: transparent url(../img/icon-play-white-big.png) no-repeat center center
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.story-club-mahindra .fifa-video {
        max-height: 400px
    }
}

@media only screen and (max-width:767px) {
    body.story-club-mahindra .fifa-video {
        max-height: 250px
    }
    body.story-club-mahindra .fifa-video .btn-play {
        background: rgba(0, 0, 0, .5) url(../img/icon-play-white-41.png) no-repeat center center
    }
}

@media (min-width:1367px) {
    body.story-club-mahindra .cm-slide13-a {
        height: 460px
    }
}

@media only screen and (max-width:980px) {
    body.story-club-mahindra {}
}

@media only screen and (max-width:767px) {
    body.story-club-mahindra {}
    body.story-club-mahindra .cm-slide01 .carousel-caption .hero-title {
        font-size: 40px
    }
    body.story-club-mahindra .cm-slide06 .item {
        background: none!important;
        background: url(../img/club-mahindra/slide06_bg_m.jpg) center bottom no-repeat!important;
        background-size: 100% auto!important
    }
    body.story-club-mahindra .cm-slide08 .item {
        background: none!important;
        background: url() center bottom no-repeat!important;
        background-size: 100% auto!important
    }
    body.story-club-mahindra .cm-slide07 .item {
        background: none!important;
        background: url(../img/club-mahindra/slide07_bg_m.jpg) center bottom no-repeat!important;
        background-size: 100% auto!important
    }
    body.story-club-mahindra .ras-col-1 {
        width: 100%;
        float: none;
        padding: 0 0 0 0
    }
    body.story-club-mahindra .carousel-caption .hero-title .font-cheddar {
        color: #000;
        font-size: 42px!important
    }
    body.story-club-mahindra .cm-slide02 {
        height: 542px
    }
    body.story-club-mahindra .cm-slide02 .carousel-caption {
        margin: 57% 5% 0 5%!important
    }
    body.story-club-mahindra .cm-slide02 .item {
        background-image: none!important
    }
    body.story-club-mahindra .cm-slide02 .mob-767 {
        display: block
    }
    body.story-club-mahindra .cm-slide03 .carousel-caption {
        width: 100%!important;
        position: absolute;
        vertical-align: top;
        top: 0;
        max-width: none;
        margin: 0 0!important;
        left: 0%;
        right: 0%
    }
    body.story-club-mahindra .cm-slide03 h2.cheddar-blk {
        text-align: left
    }
    body.story-club-mahindra .cm-slide03 h3.dec-big {
        text-align: left
    }
    body.story-club-mahindra .col-a,
    body.story-club-mahindra .col-b,
    body.story-club-mahindra .col-c {
        width: 100%;
        float: none;
        text-align: center
    }
    body.story-club-mahindra .percentile-row {
        width: 100%;
        margin: 0 auto
    }
    body.story-club-mahindra .col-c h3.per-counter,
    body.story-club-mahindra .percentile-row .col-c p {
        text-align: center
    }
    body.story-club-mahindra h3.per-counter {
        text-align: center
    }
    body.story-club-mahindra .percentile-row .col-b p {
        padding: 0 0
    }
    body.story-club-mahindra .percentile-row .col-c p {
        padding: 0 0 0 0
    }
    body.story-club-mahindra .cm-slide03 {
        height: 1520px
    }
    body.story-club-mahindra .cm-chart-wrapper {
        width: 100%;
        margin: 20px auto 0 auto
    }
    body.story-club-mahindra .chart-a,
    body.story-club-mahindra .chart-b,
    body.story-club-mahindra .chart-c {
        float: none;
        width: 100%
    }
    body.story-club-mahindra .chart-block {
        width: 222px;
        height: 175px;
        border-bottom: 1px solid #a0a0a0;
        margin: 0 auto
    }
    body.story-club-mahindra .chart-a .chart-label {
        width: 100%;
        margin: 15px 0 0 0;
        text-align: center
    }
    body.story-club-mahindra .chart-b .chart-label {
        width: 100%;
        margin: 15px 0 0 0;
        text-align: center
    }
    body.story-club-mahindra .chart-c .chart-label {
        width: 100%;
        margin: 15px 0 0 0;
        text-align: center
    }
    body.story-club-mahindra .bar-grey {
        margin: 13px 0 0 55px
    }
    body.story-club-mahindra .bar-red {
        margin: 23px 0 0 126px
    }
    body.story-club-mahindra p.chart_desc {
        text-align: center
    }
    body.story-club-mahindra .chart-a {
        margin-top: 30px
    }
    body.story-club-mahindra .chart-b {
        margin-top: 40px
    }
    body.story-club-mahindra .chart-c {
        margin-top: 40px
    }
    body.story-club-mahindra .cm-slide05 .carousel-caption {
        width: 100%!important;
        position: absolute;
        vertical-align: top;
        top: 0;
        max-width: none;
        margin: 0 0!important;
        left: 0%;
        right: 0%
    }
    body.story-club-mahindra .rank-wrapper {
        width: 100%
    }
    body.story-club-mahindra .rank-a {
        width: 27%
    }
    body.story-club-mahindra .rank-b {
        width: 20%
    }
    body.story-club-mahindra .rank-c {
        width: 50%;
        margin-left: 3%
    }
    body.story-club-mahindra .cm-slide05 h3.dec-big {
        text-align: left;
        line-height: 45px
    }
    body.story-club-mahindra .cm-slide05 h3.dec-big.r-sec {
        line-height: 28px
    }
    body.story-club-mahindra .reason-sec {
        width: 100%;
        margin: 20px auto 40px auto
    }
    body.story-club-mahindra .rupee-icon {
        width: 41%;
        float: right
    }
    body.story-club-mahindra .rupee-desc {
        width: 59%;
        float: left;
        padding: 0 0 0 0
    }
    body.story-club-mahindra .cm-slide05 {
        background: #e5e5e5;
        height: 1055px
    }
    body.story-club-mahindra .cm-slide06 .ras-col-1 {
        width: 100%
    }
    body.story-club-mahindra .cm-slide06 {
        height: 585px
    }
    body.story-club-mahindra .cm-slide08 .ras-col-1,
    body.story-club-mahindra .cm-slide12 .ras-col-1,
    body.story-club-mahindra .cm-slide13 .ras-col-1 {
        width: 100%;
        padding: 0 0 0 0
    }
    body.story-club-mahindra .cm-slide08 p {
        padding: 0 60px 0 0;
        margin: 25px 0 0 0
    }
    body.story-club-mahindra .rise-and-shine .carousel-caption .dec-imp {
        font-size: 25px
    }
}

@media only screen and (max-width:320px) {
    body.story-club-mahindra {}
    body.story-club-mahindra .cm-slide01 .carousel-caption .hero-title {
        font-size: 36px
    }
    body.story-club-mahindra .cm-slide07 {
        height: 870px
    }
    body.story-club-mahindra .cm-slide14.cm-slide14-a {
        height: 360px
    }
    body.story-club-mahindra .cm-slide08 {
        height: 760px
    }
    body.story-club-mahindra .cm-slide09 .item {
        background-size: 100% auto
    }
    body.story-club-mahindra .cm-slide09 .item {
        -webkit-transform-origin: center top;
        -moz-transform-origin: center top;
        transform-origin: center top;
        background-position: center top!important
    }
    body.story-club-mahindra .cm-slide09 {
        height: 156px
    }
    body.story-club-mahindra .cm-slide07 h1.font-cheddar {
        margin-top: 0
    }
    body.story-club-mahindra .cm-slide02 {
        height: 500px
    }
    body.story-club-mahindra .cm-slide03 {
        height: 1620px
    }
    body.story-club-mahindra .cm-slide04 {
        height: 925px
    }
    body.story-club-mahindra .cm-slide04 .carousel {
        left: 5%!important;
        right: 5%!important
    }
    body.story-club-mahindra .cm-slide05 {
        height: 1125px
    }
    body.story-club-mahindra .cm-slide10 .carousel {
        left: 5%!important;
        right: 5%!important
    }
    body.story-club-mahindra .cm-slide10 {
        height: 790px
    }
    body.story-club-mahindra .cm-slide11 .item {
        background-size: 100% auto
    }
    body.story-club-mahindra .cm-slide11 .item {
        -webkit-transform-origin: center top;
        -moz-transform-origin: center top;
        transform-origin: center top;
        background-position: center top!important
    }
    body.story-club-mahindra .cm-slide11 {
        height: 172px
    }
    body.story-club-mahindra .cm-slide12 .item {
        background: none!important;
        background: url(../img/club-mahindra/tri_img_gn4.png) center bottom no-repeat!important;
        background-size: 100% auto!important
    }
    body.story-club-mahindra .cm-slide12 .ras-col-1 {
        margin-top: 4%
    }
    body.story-club-mahindra .cm-slide12 {
        height: 850px
    }
    body.story-club-mahindra .cm-slide13 .ras-col-1 {
        margin-left: 0%
    }
    body.story-club-mahindra .cm-slide13-a .item {
        background: none!important;
        background: url(../img/club-mahindra/slide13_gn4.jpg) center top no-repeat!important;
        background-size: 100% auto!important
    }
    body.story-club-mahindra .cm-slide13-a {
        height: 325px
    }
    body.story-club-mahindra .cm-slide14 {
        height: 590px
    }
    body.story-club-mahindra .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-club-mahindra .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-club-mahindra .video-container {
        width: 100%;
        height: auto;
        margin: 2% auto 0 auto
    }
    body.story-club-mahindra .vid-box {
        display: block
    }
    body.story-club-mahindra .cm-slide15 {
        height: 290px
    }
    body.story-club-mahindra .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-club-mahindra .slide09 .btn-primary:first-child {
        margin-bottom: 20px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    body.story-club-mahindra .ras-col-1 {
        width: 56%;
        float: none
    }
    body.story-club-mahindra .cm-slide13-a {
        height: 256px
    }
    body.story-club-mahindra .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-club-mahindra .cm-slide15 {
        height: 490px
    }
    body.story-club-mahindra .cm-slide12 .ras-col-1 {
        width: 54%
    }
    body.story-club-mahindra .innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
        margin: 0 3%;
        width: 94%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    body.story-club-mahindra .cm-slide02 .item {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        background-position: center bottom!important
    }
    body.story-club-mahindra .ras-col-1 {
        width: 56%;
        float: none
    }
    body.story-club-mahindra .cm-slide14.cm-slide14-a {
        height: 280px
    }
    body.story-club-mahindra .carousel-caption .hero-title .font-cheddar {
        color: #000;
        font-size: 42px!important
    }
    body.story-club-mahindra .innovation-stories-heros .junior-hero.rise-and-shine.cm-slide02 .carousel .carousel-caption {
        margin: 5% 3% 0 3%
    }
    body.story-club-mahindra .innovation-stories-heros .junior-hero.rise-and-shine.cm-slide12 .carousel .carousel-caption {
        margin: 3% 3% 0 3%
    }
    body.story-club-mahindra .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-des {
        margin: 15px 0 10px;
        font-size: 17px!important
    }
    body.story-club-mahindra .cm-slide02 .dec-imp {
        margin-top: 5%
    }
    body.story-club-mahindra .cm-slide03 .carousel-caption {
        width: 100%!important;
        left: 5%;
        right: 5%
    }
    body.story-club-mahindra .cm-slide05 .carousel-caption {
        width: 100%!important;
        left: 5%;
        right: 5%
    }
    body.story-club-mahindra .cm-slide06 .ras-col-1 {
        width: 70%
    }
    body.story-club-mahindra .cm-slide08 .ras-col-1 {
        width: 59%;
        padding: 0 0 0 0
    }
    body.story-club-mahindra .cm-slide12 .ras-col-1 {
        width: 59%;
        padding: 0 0 0 0
    }
    body.story-club-mahindra .cm-slide13 .ras-col-1 {
        width: 59%;
        padding: 0 0 0 0
    }
    body.story-club-mahindra .innovation-stories-heros .junior-hero.rise-and-shine.cm-slide07 .carousel .carousel-caption {
        margin: 0% 3% 0 3%
    }
    body.story-club-mahindra .cm-slide13-a {
        height: 192px
    }
    body.story-club-mahindra .vid-box {
        display: block
    }
    body.story-club-mahindra .cm-slide15 {
        height: 466px
    }
    body.story-club-mahindra .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-club-mahindra .cm-slide13 h1.font-cheddar {
        margin-top: 0
    }
    body.story-club-mahindra .section .section-header.scorp {
        padding: 40px 0 20px 0
    }
    body.story-club-mahindra h4.dec-imp.pad {
        font-size: 18px!important
    }
    body.story-club-mahindra .innovation-stories-heros .junior-hero.rise-and-shine .carousel .carousel-caption {
        width: 94%
    }
    body.story-club-mahindra .rise-and-shine .carousel-caption .dec-imp {
        font-size: 25px
    }
}

@media only screen and (min-device-width:384px) and (max-device-width:640px) and (orientation:portrait) {
    body.story-club-mahindra .cm-slide02 {
        height: 540px!important
    }
    body.story-club-mahindra .cm-slide04 {
        background: #fff;
        height: 700px
    }
    body.story-club-mahindra .cm-slide06 .item {
        background-position: center right!important
    }
    body.story-club-mahindra .cm-slide07 {
        height: 800px
    }
    body.story-club-mahindra .cm-slide07 h1.font-cheddar {
        margin-top: 0
    }
    body.story-club-mahindra .cm-slide09 .item {
        background-size: 100% auto
    }
    body.story-club-mahindra .cm-slide03 {
        height: 1520px!important
    }
    body.story-club-mahindra .cm-slide09 {
        height: 188px
    }
    body.story-club-mahindra .cm-slide10 .carousel {
        left: 5%!important;
        right: 5%!important
    }
    body.story-club-mahindra .cm-slide10 {
        background: #fff;
        height: 740px
    }
    body.story-club-mahindra .cm-slide11 .item {
        background-size: 100% auto
    }
    body.story-club-mahindra .cm-slide11 {
        height: 200px
    }
    body.story-club-mahindra .cm-slide12 .item {
        background: none!important;
        background: url(../img/club-mahindra/tri_img_gn4.png) center bottom no-repeat!important;
        background-size: 100% auto!important
    }
    body.story-club-mahindra .cm-slide12 .ras-col-1 {
        margin-top: 6%
    }
    body.story-club-mahindra .cm-slide12 {
        height: 810px
    }
    body.story-club-mahindra .cm-slide13 .ras-col-1 {
        margin-left: 0%
    }
    body.story-club-mahindra .cm-slide13-a .item {
        background: none!important;
        background: url(../img/club-mahindra/slide13_gn4.jpg) center top no-repeat!important;
        background-size: 100% auto!important
    }
    body.story-club-mahindra .cm-slide13-a {
        height: 384px
    }
    body.story-club-mahindra .cm-slide14 {
        height: 760px
    }
    body.story-club-mahindra .cm-slide14 .font-cheddar {
        margin-top: 10%!important
    }
    body.story-club-mahindra .cm-slide14 .carousel,
    body.story-club-mahindra .cm-slide04 .carousel {
        left: 5%!important;
        right: 5%!important
    }
    body.story-club-mahindra .cm-slide04 h1 {
        margin-top: 3%
    }
    body.story-club-mahindra .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-club-mahindra .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-club-mahindra .video-container {
        width: 100%;
        height: auto;
        margin: 2% auto 0 auto
    }
    body.story-club-mahindra .vid-box {
        display: block
    }
    body.story-club-mahindra .cm-slide15 {
        height: 330px
    }
    body.story-club-mahindra .cm-slide15.cm-slide15-a {
        height: 135px
    }
}

@media only screen and (min-device-width:360px) and (max-device-width:640px) and (orientation:portrait) {
    body.story-club-mahindra .cm-slide04 {
        background: #fff;
        height: 700px
    }
    body.story-club-mahindra .cm-slide06 .item {
        background-position: center right!important
    }
    body.story-club-mahindra .cm-slide07 {
        height: 863px
    }
    body.story-club-mahindra .cm-slide02 {
        height: 525px
    }
    body.story-club-mahindra .cm-slide03 {
        height: 1590px
    }
    body.story-club-mahindra .cm-slide07 h1.font-cheddar {
        margin-top: 0
    }
    body.story-club-mahindra .cm-slide09 .item {
        background-size: 100% auto
    }
    body.story-club-mahindra .cm-slide09 {
        height: 188px
    }
    body.story-club-mahindra .cm-slide10 .carousel {
        left: 5%!important;
        right: 5%!important
    }
    body.story-club-mahindra .cm-slide10 {
        background: #fff;
        height: 740px
    }
    body.story-club-mahindra .cm-slide11 .item {
        background-size: 100% auto
    }
    body.story-club-mahindra .cm-slide11 {
        height: 200px
    }
    body.story-club-mahindra .cm-slide12 .item {
        background: none!important;
        background: url(../img/club-mahindra/tri_img_gn4.png) center bottom no-repeat!important;
        background-size: 100% auto!important
    }
    body.story-club-mahindra .cm-slide12 .ras-col-1 {
        margin-top: 6%
    }
    body.story-club-mahindra .cm-slide12 {
        height: 810px
    }
    body.story-club-mahindra .cm-slide13 .ras-col-1 {
        margin-left: 0%
    }
    body.story-club-mahindra .cm-slide13-a .item {
        background: none!important;
        background: url(../img/club-mahindra/slide13_gn4.jpg) center top no-repeat!important;
        background-size: 100% auto!important
    }
    body.story-club-mahindra .cm-slide13-a {
        height: 384px
    }
    body.story-club-mahindra .cm-slide14 {
        height: 550px
    }
    body.story-club-mahindra .cm-slide14.cm-slide14-a {
        height: 360px
    }
    body.story-club-mahindra .cm-slide14 .font-cheddar {
        margin-top: 0%
    }
    body.story-club-mahindra .cm-slide14 .carousel,
    body.story-club-mahindra .cm-slide04 .carousel {
        left: 5%!important;
        right: 5%!important
    }
    body.story-club-mahindra .cm-slide04 h1 {
        margin-top: 3%
    }
    body.story-club-mahindra .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-club-mahindra .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-club-mahindra .video-container {
        width: 100%;
        height: auto;
        margin: 2% auto 0 auto
    }
    body.story-club-mahindra .vid-box {
        display: block
    }
    body.story-club-mahindra .cm-slide15 {
        height: 330px
    }
    body.story-club-mahindra .cm-slide15.cm-slide15-a {
        height: 135px
    }
}

@media only screen and (min-device-width:384px) and (max-device-width:640px) and (orientation:landscape) {
    body.story-club-mahindra .cm-slide02 {
        height: 620px
    }
    body.story-club-mahindra .cm-slide03 {
        height: 1450px
    }
    body.story-club-mahindra .cm-slide05 {
        background: #e5e5e5;
        height: 1005px
    }
    body.story-club-mahindra .cm-slide09 .item {
        background-size: 100% auto
    }
    body.story-club-mahindra .cm-slide09 {
        height: 313px
    }
    body.story-club-mahindra .cm-slide12 .item {
        background: none!important;
        background: url(../img/club-mahindra/tri_img_gn4.png) center bottom no-repeat!important;
        background-size: 100% auto!important
    }
    body.story-club-mahindra .cm-slide12 .ras-col-1 {
        margin-top: 0%
    }
    body.story-club-mahindra .cm-slide12 {
        height: 810px
    }
    body.story-club-mahindra .cm-slide11 {
        height: 345px
    }
    body.story-club-mahindra .cm-slide13 .ras-col-1 {
        margin-left: 0%
    }
    body.story-club-mahindra .cm-slide13-a {
        height: 160px
    }
    body.story-club-mahindra .cm-slide14 .carousel {
        left: 5%!important;
        right: 5%!important
    }
    body.story-club-mahindra .cm-slide14 {
        height: 500px
    }
    body.story-club-mahindra .cm-slide14.cm-slide14-a {
        height: 310px
    }
    body.story-club-mahindra .video-container {
        width: 80%;
        height: 281px;
        margin: 2% auto 0 auto
    }
    body.story-club-mahindra .vid-box {
        display: block
    }
    body.story-club-mahindra .cm-slide15 {
        height: 310px
    }
    body.story-club-mahindra .cm-slide15.cm-slide15-a {
        height: 135px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait) {
    body.story-club-mahindra .cm-slide02 {}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    body.story-club-mahindra .cm-slide02 {
        height: 580px
    }
    body.story-club-mahindra .cm-slide03 {
        height: 1488px
    }
    body.story-club-mahindra .cm-slide04 {
        height: 640px
    }
    body.story-club-mahindra .cm-slide05 {
        height: 1035px
    }
    body.story-club-mahindra .cm-slide14 {
        height: 510px
    }
    body.story-club-mahindra .cm-slide14.cm-slide14-a {
        height: 320px
    }
}

body.story-mahindra-finance .mf-slide01 .item {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    background-position: center bottom!important
}

body.story-mahindra-finance .mf-slide01 .carousel-caption {
    width: 71%;
    margin-left: 9%!important;
    padding-top: 0;
    margin-top: 0%
}

body.story-mahindra-finance .mf-slide01 .carousel-caption .hero-title {
    font-size: 60px
}

body.story-mahindra-finance .mf-slide01 .carousel-caption .hero-title .font-cheddar {
    font-size: 45px
}

body.story-mahindra-finance .mf-slide01 .carousel-caption p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    margin-top: 5px
}

body.story-mahindra-finance .mob-767,
body.story-mahindra-finance .col-mf09-01.mob-767 {
    display: none
}

body.story-mahindra-finance .mob-767 img {
    width: 100%
}

body.story-mahindra-finance .mf-slide02,
body.story-mahindra-finance .mf-slide02 .carousel-inner {
    height: 609px
}

body.story-mahindra-finance .mf-slide06,
body.story-mahindra-finance .mf-slide06 .carousel-inner {
    height: 609px
}

body.story-mahindra-finance .mf-slide04,
body.story-mahindra-finance .mf-slide04 .carousel-inner {
    height: 712px
}

body.story-mahindra-finance .mf-slide02 .item {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    transform-origin: right bottom;
    background-position: right bottom!important
}

body.story-mahindra-finance .mf-slide06 .item {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    transform-origin: right bottom;
    background-position: right bottom!important
}

body.story-mahindra-finance .mf-slide04 .item {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    background-position: left center!important
}

body.story-mahindra-finance .mf-slide02 .dec-imp,
body.story-mahindra-finance .mf-slide04 .dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    line-height: 35px;
    padding: 2% 0;
    margin: 2% 0 0 0;
    border-top: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1
}

body.story-mahindra-finance .mf-slide06 .dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    line-height: 35px;
    padding: 2% 0;
    margin: 4% 0 0 0;
    border-top: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1
}

body.story-mahindra-finance .mf-slide04 .dec-imp span {
    font-family: "EurostileLTStdBold";
    font-size: 20px;
    color: #606060;
    line-height: 25px;
    margin: 3% 0 0 0;
    display: block
}

body.story-mahindra-finance .mf-slide06 .dec-imp span {
    font-family: "EurostileLTStdBold";
    font-size: 20px;
    color: #999;
    line-height: 25px;
    margin: 3% 0 0 0;
    display: block
}

body.story-mahindra-finance .mf-slide06 h1.font-cheddar {
    font-size: 45px;
    font-weight: 400;
    margin: 0 0 0 0
}

body.story-mahindra-finance .mf-slide02 .ras-col-1 p,
body.story-mahindra-finance .mf-slide04 .ras-col-1 p,
body.story-mahindra-finance .mf-slide06 .ras-col-1 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 25px;
    color: #000
}

body.story-mahindra-finance .mf-slide06 .ras-col-1 p {
    color: #fff;
    text-align: left;
    margin: 0 0 0 0
}

body.story-mahindra-finance .mf-slide02 .ras-col-1 {
    width: 64%
}

body.story-mahindra-finance .mf-slide06 .ras-col-1 {
    width: 46%
}

body.story-mahindra-finance .mf-slide04 .ras-col-1 {
    width: 46%;
    margin-left: 47%
}

body.story-mahindra-finance .mf-slide03 {
    background-color: #e5e5e5
}

body.story-mahindra-finance .percentile-row {
    width: 600px;
    margin: 0 auto
}

body.story-mahindra-finance .col-a,
body.story-mahindra-finance .col-b,
body.story-mahindra-finance .col-c {
    width: 200px;
    float: left
}

body.story-mahindra-finance .col-c {
    float: right
}

body.story-mahindra-finance .percentile-row p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 21px;
    color: #000;
    margin: 0 0 0 0
}

body.story-mahindra-finance .percentile-row .col-b p {
    padding: 0 40px
}

body.story-mahindra-finance .percentile-row .col-c p {
    padding: 0 0 0 40px
}

body.story-mahindra-finance h3.per-counter,
body.story-mahindra-finance h3.per-counter span {
    font-family: "EurostileLTStdBold";
    font-size: 60px;
    font-weight: 400;
    color: #e31837;
    margin: 0 0 0 0;
    padding: 0 0
}

body.story-mahindra-finance h3.per-counter span {
    font-size: 30px
}

body.story-mahindra-finance .col-b h3.per-counter,
body.story-mahindra-finance .percentile-row .col-b p {
    text-align: center
}

body.story-mahindra-finance .col-c h3.per-counter,
body.story-mahindra-finance .percentile-row .col-c p {
    text-align: right
}

body.story-mahindra-finance .arrow-container {
    width: 100%;
    margin: 2% auto 0 auto;
    text-align: center!important
}

body.story-mahindra-finance .key-facts-container {
    width: 148px;
    margin: 0 auto
}

body.story-mahindra-finance .tbl-keyfact {
    display: table;
    width: 100%;
    text-align: center
}

body.story-mahindra-finance .key-facts {
    font-family: "EurostileLTStd";
    font-size: 15px;
    color: #fff;
    background-color: #e31837;
    line-height: normal;
    padding: 1px 0 0 0;
    height: 30px;
    margin: 0 auto 0 auto;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle
}

body.story-mahindra-finance .mf-slide03 .carousel-caption {
    vertical-align: top;
    width: 90%;
    margin: 0 auto;
    max-width: none
}

body.story-mahindra-finance .mf-slide03 h2.font-cheddar {
    font-size: 45px;
    color: #000;
    text-align: center;
    line-height: 50px;
    font-weight: 400;
    padding: 0 0;
    margin: 45px 0 0 0
}

body.story-mahindra-finance .mf-slide03 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 25px;
    color: #000;
    text-align: center;
    padding: 0 20%;
    margin: 10px 0 0 0
}

body.story-mahindra-finance .mf-slide03 .percentile-row p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 30px;
    color: #000;
    text-align: center;
    padding: 0 0;
    margin: 0 0
}

body.story-mahindra-finance .mf-slide03 .percentile-row {
    width: 96%;
    border-bottom: 1px solid #727272;
    margin: 5% auto 0% auto;
    padding: 0 2% 45px 2%
}

body.story-mahindra-finance .mf-slide03 .col-a,
body.story-mahindra-finance .mf-slide03 .col-b,
body.story-mahindra-finance .mf-slide03 .col-c {
    width: 33%
}

body.story-mahindra-finance .mf-slide03 .col-a p {
    text-align: left
}

body.story-mahindra-finance .mf-slide03 .col-b p {
    text-align: center
}

body.story-mahindra-finance .mf-slide03 .col-c p {
    text-align: right
}

body.story-mahindra-finance .mf-slide03 h3.per-counter {
    font-family: "EurostileLTStdBold";
    font-size: 60px;
    line-height: 62px;
    font-weight: 400;
    color: #e31837;
    margin: 0 0 0 0;
    padding: 0 0
}

body.story-mahindra-finance .mf-slide03 .carousel-caption .hero-title {
    font-size: 30px;
    text-align: center;
    text-shadow: none;
    margin-top: 2%
}

body.story-mahindra-finance .mf-slide01 .carousel-caption .hero-title .font-cheddar {
    font-size: 45px
}

body.story-mahindra-finance .mf-thumb {
    float: left;
    display: block;
    width: 175px
}

body.story-mahindra-finance .mf-desc {
    float: left;
    display: block;
    width: 100px;
    padding: 40px 0 0 0
}

body.story-mahindra-finance .mf-desc h4 {
    font-family: "EurostileLTStdBold";
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0
}

body.story-mahindra-finance .mf-desc h4 span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 25px;
    color: #000;
    display: block
}

body.story-mahindra-finance .col-b .mf-thumb {
    float: none;
    display: block;
    width: 100%;
    text-align: center
}

body.story-mahindra-finance .col-b .mf-desc {
    float: none;
    display: block;
    width: 100%;
    padding: 10px 0 0 0
}

body.story-mahindra-finance .col-b .mf-desc h4 {
    text-align: center;
    display: block
}

body.story-mahindra-finance .col-b .mf-desc h4 span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 25px;
    color: #000;
    display: inline-block
}

body.story-mahindra-finance .p-facts .col-c {
    text-align: right
}

body.story-mahindra-finance .col-c .mf-thumb {
    float: left;
    width: 145px
}

body.story-mahindra-finance .col-c .mf-desc {
    float: left;
    width: 145px;
    padding: 25px 0 0 0
}

body.story-mahindra-finance .mf-slide03 .percentile-row.p-facts {
    width: 96%;
    border-bottom: none;
    margin: 2% auto 0% auto;
    padding: 0 2% 0 2%
}

body.story-mahindra-finance .branch-workers {
    display: inline-block
}

body.story-mahindra-finance .col-c .mf-desc h4.r-align {
    text-align: right;
    margin: 13px -47px 0 0
}

body.story-mahindra-finance .mf-slide03,
body.story-mahindra-finance .mf-slide03 .carousel-inner {
    height: 710px!important
}

body.story-mahindra-finance .mf-slide05 {
    background-color: #e5e5e5;
    height: 550px
}

body.story-mahindra-finance .mf-slide05 .carousel {
    width: 90%;
    margin: 0 auto
}

body.story-mahindra-finance .mf-slide05 h1.font-cheddar {
    text-align: center;
    font-weight: 400;
    margin-bottom: 0
}

body.story-mahindra-finance .mf-slide05 p {
    text-align: center;
    font-weight: 400;
    margin: 0 0;
    font-size: 17px;
    line-height: 25px
}

body.story-mahindra-finance .mf-slide05 .dec-imp {
    text-align: center;
    padding: 2% 0;
    margin-top: 2%
}

body.story-mahindra-finance .mf-slide05 .dec-imp span {
    font-size: 20px;
    color: #606060;
    display: block;
    margin-top: 2%
}

body.story-mahindra-finance .mf-slide07 .carousel {
    width: 100%;
    margin: 0 auto
}

body.story-mahindra-finance .mf-slide08,
body.story-mahindra-finance .mf-slide08 .carousel-inner {
    height: 388px
}

body.story-mahindra-finance .mf-slide08 .item {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    transform-origin: center top;
    background-position: center top!important;
    background-size: 100% auto
}

body.story-mahindra-finance .mf-slide07 {
    height: 983px
}

body.story-mahindra-finance .mf-slide07 h1 {
    font-family: "EurostileLTStdBold";
    font-size: 60px;
    line-height: 65px;
    text-align: center;
    color: #e31837;
    margin-bottom: 0
}

body.story-mahindra-finance .mf-slide07 .dec-imp span {
    font-size: 20px;
    color: #606060;
    display: block;
    margin-top: 2%
}

body.story-mahindra-finance .mf-slide07 p {
    font-size: 17px;
    text-align: center;
    line-height: 25px;
    padding: 0 15%
}

body.story-mahindra-finance .mf-slide07 .dec-imp {
    font-size: 30px;
    color: #e31837;
    padding: 0% 0% 0% 0;
    margin-top: 0%;
    line-height: 35px;
    border: none
}

body.story-mahindra-finance .top-hr {
    padding: 2% 0% 0% 0%;
    border-top: 1px solid #a1a1a1;
    margin: 2% 5% 0 5%
}

body.story-mahindra-finance .bottom-hr {
    padding: 0% 0% 2% 0%;
    border-bottom: 1px solid #a1a1a1;
    margin: 0 5%
}

body.story-mahindra-finance .mf-slide07 .ras-col-1 {
    width: 60%;
    margin-left: 5%;
    padding: 0 5% 0 0;
    float: left
}

body.story-mahindra-finance .mf-slide07 .ras-col-2 {
    width: 35%;
    padding: 0 0;
    text-align: right;
    float: left
}

body.story-mahindra-finance .mf-slide07 h1 span.font-cheddar {
    color: #000;
    font-size: 45px
}

body.story-mahindra-finance .mf-slide09 {
    height: 1360px
}

body.story-mahindra-finance .mf-slide09 h1 {
    font-family: "EurostileLTStdBold";
    font-size: 60px;
    line-height: 65px;
    text-align: center;
    color: #e31837;
    margin-bottom: 0
}

body.story-mahindra-finance .mf-slide09 h1 span.font-cheddar {
    font-size: 45px;
    color: #000
}

body.story-mahindra-finance .mf-slide09 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 21px;
    color: #000;
    margin-top: 5px;
    text-align: center;
    padding: 0 15%
}

body.story-mahindra-finance .tbl-mf09,
body.story-mahindra-finance .tbl01-mf09,
body.story-mahindra-finance .tbl02-mf09 {
    border: 1px solid #e5e5e5;
    width: 70%;
    max-width: 940px;
    margin: 0 auto
}

body.story-mahindra-finance .tbl-mf09 {
    margin-top: 3%
}

body.story-mahindra-finance .col-mf09-01 {
    width: 30%;
    background-color: #e5e5e5;
    display: table-cell
}

body.story-mahindra-finance .col-mf09-01 p {
    padding: 5% 10% 10% 10%;
    margin-top: 0;
    text-align: left
}

body.story-mahindra-finance .col-mf09-01 p:first-child {
    padding: 10% 10% 0% 10%
}

body.story-mahindra-finance .col-mf09-02 {
    width: 60%;
    display: table-cell;
    background-image: url(../img/mahindra-finance/mf-slide08-a.png);
    background-position: right bottom;
    background-repeat: no-repeat
}

body.story-mahindra-finance .col-mf09-02 h3 {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    line-height: 30px;
    text-align: left;
    color: #e31837;
    padding: 5% 10% 0% 5%;
    margin: 0
}

body.story-mahindra-finance .col-mf09-02 h4 {
    font-family: "EurostileLTStdBold";
    font-size: 24px;
    line-height: 28px;
    text-align: left;
    color: #000;
    padding: 2% 10% 0% 5%;
    margin: 0
}

body.story-mahindra-finance .tbl02-mf09 .col-mf09-01 p:first-child {
    padding: 10% 10% 10% 10%
}

body.story-mahindra-finance .tbl02-mf09 .col-mf09-02 {
    width: 60%;
    display: table-cell;
    background-image: url(../img/mahindra-finance/mf-slide08-b.png);
    background-position: right center;
    background-repeat: no-repeat
}

body.story-mahindra-finance .mf-slide09 p.footer-para {
    margin-top: 5%
}

body.story-mahindra-finance .tbl01-mf09 .col-mf09-02 {
    background-image: none
}

body.story-mahindra-finance .tbl01-mf09 .col-mf09-01 {
    vertical-align: middle
}

body.story-mahindra-finance .tbl01-mf09 .col-mf09-01 p {
    padding: 15% 10% 10% 10%
}

body.story-mahindra-finance .col-mf09-01.desktop-all {
    display: block;
    display: table-cell
}

body.story-mahindra-finance .cm-slide15 h3.dec-small,
body.story-mahindra-finance .cm-slide15 h3.dec-big {
    font-family: "EurostileLTStdBold";
    font-size: 25px;
    font-weight: 400;
    color: #e31837;
    margin: 4% 0 0 0;
    padding: 0 0
}

body.story-mahindra-finance .cm-slide15 h3.dec-big {
    font-size: 45px;
    text-align: center
}

body.story-mahindra-finance .cm-slide15 h3.dec-big span {
    font-family: "cheddar_jackregular";
    color: #000;
    text-shadow: none;
    font-size: 45px;
    font-weight: 400;
    padding: 0 0;
    margin: 0 0
}

body.story-mahindra-finance .video-container {
    width: 713px;
    height: 281px;
    margin: 2% auto 0 auto
}

body.story-mahindra-finance .cm-slide15 {
    height: 530px;
    border-bottom: 1px solid #ccc
}

body.story-mahindra-finance .cm-slide15.cm-slide15-a {
    height: 170px
}

body.story-mahindra-finance .cm-slide15 .vid-box {
    margin: 0
}

body.story-mahindra-finance .cm-slide15 .our-brand-page .introduction-of-core-purpose {
    padding: 0
}

body.story-mahindra-finance .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
    background: url(../img/icon-play-41.png) left top no-repeat
}

body.story-mahindra-finance .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    border-right-width: 0;
    border-top: none;
    border-left: none;
    border: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

body.story-mahindra-finance .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    max-width: none
}

body.story-mahindra-finance .cm-slide15 .our-brand-page.vid-box .introduction-of-core-purpose .intro-image::before {
    padding-top: 39.5%
}

body.story-mahindra-finance .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image .overlay>* {
    display: inline-block;
    vertical-align: middle
}

body.story-mahindra-finance .slide09 {
    border-bottom: 1px solid #ccc
}

body.story-mahindra-finance .section .section-header.scorp {
    padding: 40px 0 80px 0
}

body.story-mahindra-finance h4.dec-imp.pad {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 24px!important;
    line-height: 27px!important;
    color: #000
}

body.story-mahindra-finance h4.dec-imp.pad.top {
    padding: 40px 0 0 0
}

body.story-mahindra-finance .fifa-video .btn-play {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: transparent url(../img/icon-play-white-big.png) no-repeat center center;
    transition: background-color 0.3s ease
}

body.story-mahindra-finance .fifa-video .btn-play:hover {
    background: transparent url(../img/icon-play-white-big.png) no-repeat center center
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.story-mahindra-finance .fifa-video {
        max-height: 400px
    }
}

@media only screen and (max-width:767px) {
    body.story-mahindra-finance .fifa-video {
        max-height: 250px
    }
    body.story-mahindra-finance .fifa-video .btn-play {
        background: rgba(0, 0, 0, .5) url(../img/icon-play-white-41.png) no-repeat center center
    }
}

@media (min-width:1367px) {
    body.story-mahindra-finance .mf-slide07 {
        height: 860px
    }
    body.story-mahindra-finance .mf-slide07 {
        height: 1100px
    }
    body.story-mahindra-finance .mf-slide07 {
        background-position: right 100%
    }
}

@media (min-width:1025px) {
    body.story-mahindra-finance .mf-slide02 .item {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        background-position: right bottom!important;
        background-size: auto 100%
    }
}

@media only screen and (max-width:980px) {
    body.story-mahindra-finance {}
}

@media only screen and (max-width:767px) {
    body.story-mahindra-finance {}
    body.story-mahindra-finance .mf-slide01 .carousel-caption .hero-title {
        font-size: 40px;
        line-height: 30px
    }
    body.story-mahindra-finance .mob-padding {
        padding: 0 5%
    }
    body.story-mahindra-finance .top-hr,
    body.story-mahindra-finance .bottom-hr {
        display: none
    }
    body.story-mahindra-finance .mf-slide07 .dec-imp {
        font-size: 30px;
        color: #e31837;
        padding: 2% 0% 2% 0;
        margin-top: 0%;
        line-height: 35px;
        border: none;
        border-top: 1px solid #a1a1a1;
        border-bottom: 1px solid #a1a1a1
    }
    body.story-mahindra-finance .mf-slide07 .ras-col-1 {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        padding: 0 0% 0 0;
        float: none
    }
    body.story-mahindra-finance .mf-slide07 .ras-col-2 {
        width: 90%;
        margin: 0 5%;
        padding: 0 0% 0 0;
        float: none;
        text-align: center
    }
    body.story-mahindra-finance .mf-slide05 .dec-imp {
        text-align: left;
        padding: 2% 0;
        margin-top: 2%
    }
    body.story-mahindra-finance .mf-slide05 h1.font-cheddar {
        text-align: left;
        font-weight: 400;
        margin-bottom: 0;
        line-height: 30px;
        font-size: 34px;
        margin-top: 12%
    }
    body.story-mahindra-finance .mf-slide05 p {
        text-align: left;
        font-weight: 400;
        margin: 0 0;
        font-size: 17px;
        line-height: 25px
    }
    body.story-mahindra-finance .mf-slide05 .dec-imp {
        text-align: left;
        padding: 2% 0;
        margin-top: 12%;
        font-size: 25px;
        line-height: 28px
    }
    body.story-mahindra-finance .mf-slide05 {
        height: 823px
    }
    body.story-mahindra-finance .mf-slide01 .carousel-caption .hero-title .font-cheddar {
        font-size: 28px;
        color: #fff;
        line-height: 40px
    }
    body.story-mahindra-finance .mf-slide01 .carousel-caption p {
        font-size: 14px;
        line-height: 21px
    }
    body.story-mahindra-finance .mf-slide01 .carousel-caption .hero-title span {
        display: block;
        line-height: 60px
    }
    body.story-mahindra-finance .mf-slide01 .carousel-caption {
        width: 90%;
        margin: 0 auto!important;
        bottom: 15%
    }
    body.story-mahindra-finance .mf-slide01 .carousel-caption p {
        margin-top: 0
    }
    body.story-mahindra-finance .mob-767,
    body.story-mahindra-finance .col-mf09-01.mob-767 {
        display: block
    }
    body.story-mahindra-finance .mf-slide02 .item {
        background-image: none!important
    }
    body.story-mahindra-finance .mf-slide08 .item {
        background-image: none!important
    }
    body.story-mahindra-finance .mf-slide06 .item {
        background-image: none!important
    }
    body.story-mahindra-finance .mf-slide04 .item {
        background-image: none!important
    }
    body.story-mahindra-finance .mf-slide02 .ras-col-1,
    body.story-mahindra-finance .mf-slide04 .ras-col-1 {
        width: 100%;
        margin: 0 auto 0 auto;
        padding: 0 0 0 0
    }
    body.story-mahindra-finance .mf-slide02 .carousel-caption,
    body.story-mahindra-finance .mf-slide04 .carousel-caption {
        width: 94%!important
    }
    body.story-mahindra-finance .mf-slide06 .ras-col-1 {
        width: 100%;
        margin: 5% auto 0 auto;
        padding: 0 0
    }
    body.story-mahindra-finance .mf-slide06 .dec-imp {
        font-size: 25px
    }
    body.story-mahindra-finance .mf-slide02 .carousel-caption {
        margin: 52% 3% 0 3%!important
    }
    body.story-mahindra-finance .mf-slide06 .carousel-caption {
        width: 94%!important;
        margin: 0 0% 0 3%!important
    }
    body.story-mahindra-finance .mf-slide04 .carousel-caption {
        margin: 52% 3% 0 3%!important
    }
    body.story-mahindra-finance .mf-slide02,
    body.story-mahindra-finance .mf-slide02 .carousel-inner {
        height: 880px
    }
    body.story-mahindra-finance .mf-slide06,
    body.story-mahindra-finance .mf-slide06 .carousel-inner {
        height: 889px
    }
    body.story-mahindra-finance .mf-slide04,
    body.story-mahindra-finance .mf-slide04 .carousel-inner {
        height: 889px
    }
    body.story-mahindra-finance .mf-slide03 .miss-brain-contbox {
        margin-top: 0
    }
    body.story-mahindra-finance .mf-slide03 h2.font-cheddar {
        font-size: 45px;
        text-align: left;
        line-height: 57px;
        margin: 35px 0 0 0
    }
    body.story-mahindra-finance .mf-slide03 p {
        text-align: left;
        padding: 0 0%
    }
    body.story-mahindra-finance .mf-slide03 .percentile-row p {
        text-align: center;
        padding: 0 0;
        margin: 0 0
    }
    body.story-mahindra-finance .mf-slide03 .col-a,
    body.story-mahindra-finance .mf-slide03 .col-b,
    body.story-mahindra-finance .mf-slide03 .col-c {
        width: 100%;
        margin-top: 12%
    }
    body.story-mahindra-finance .mf-slide03,
    body.story-mahindra-finance .mf-slide03 .carousel-inner {
        height: 1390px!important
    }
    body.story-mahindra-finance .mf-slide03 .carousel-caption .hero-title {
        margin-top: 12%
    }
    body.story-mahindra-finance .mf-slide03 .col-a .mf-thumb,
    body.story-mahindra-finance .mf-slide03 .col-b .mf-thumb,
    body.story-mahindra-finance .mf-slide03 .col-c .mf-thumb {
        float: left;
        width: 40%;
        text-align: left
    }
    body.story-mahindra-finance .mf-slide03 .col-a .mf-desc,
    body.story-mahindra-finance .mf-slide03 .col-b .mf-desc,
    body.story-mahindra-finance .mf-slide03 .col-c .mf-desc {
        float: right;
        width: 55%;
        padding: 25px 0 0 5%
    }
    body.story-mahindra-finance .col-a .mf-desc h4,
    body.story-mahindra-finance .col-b .mf-desc h4,
    body.story-mahindra-finance .col-c .mf-desc h4 {
        text-align: left;
        display: block
    }
    body.story-mahindra-finance .col-c .mf-desc h4.r-align {
        text-align: left;
        margin: 13px 0 0 0
    }
    body.story-mahindra-finance .branch-workers {
        display: block
    }
    body.story-mahindra-finance .mf-slide05 {
        height: 930px
    }
    body.story-mahindra-finance .mf-slide06 .dec-imp {
        line-height: 30px
    }
    body.story-mahindra-finance .mf-slide07 h1 {
        font-family: "EurostileLTStdBold";
        font-size: 45px;
        line-height: 65px;
        text-align: left;
        color: #e31837;
        margin-bottom: 0
    }
    body.story-mahindra-finance .mf-slide07 h1 span.font-cheddar {
        font-size: 35px
    }
    body.story-mahindra-finance .mf-slide07 p {
        font-size: 17px;
        text-align: left;
        line-height: 25px;
        padding: 0 0%
    }
    body.story-mahindra-finance .mf-slide07 .dec-imp {
        font-size: 22px;
        color: #e31837;
        padding: 2% 0% 2% 0;
        margin-top: 5%
    }
    body.story-mahindra-finance .mf-slide08,
    body.story-mahindra-finance .mf-slide08 .carousel-inner {
        height: 190px
    }
    body.story-mahindra-finance .mf-slide09 {
        width: 100%;
        margin: 0 auto;
        height: 2190px
    }
    body.story-mahindra-finance .mob-left-right {
        margin: 0 5%
    }
    body.story-mahindra-finance .mf-slide09 p {
        margin-top: 5px;
        text-align: left;
        padding: 0 0
    }
    body.story-mahindra-finance .mf-slide09 h1 {
        font-size: 40px;
        text-align: left
    }
    body.story-mahindra-finance .mf-slide09 h1 span.font-cheddar {
        font-size: 25px
    }
    body.story-mahindra-finance .tbl-mf09,
    body.story-mahindra-finance .tbl01-mf09,
    body.story-mahindra-finance .tbl02-mf09 {
        width: 100%;
        border: none
    }
    body.story-mahindra-finance .col-mf09-01 {
        width: 100%;
        background-color: #e5e5e5;
        display: block
    }
    body.story-mahindra-finance .col-mf09-02 {
        width: 100%;
        display: block
    }
    body.story-mahindra-finance .col-mf09-01 p {
        padding: 5% 5% 5% 5%
    }
    body.story-mahindra-finance .col-mf09-01 p:first-child {
        padding: 5% 5% 0% 5%
    }
    body.story-mahindra-finance .tbl-mf09 .col-mf09-02 {
        height: 350px;
        background-size: 70%
    }
    body.story-mahindra-finance .col-mf09-01.desktop-all {
        display: none
    }
    body.story-mahindra-finance .col-mf09-01.mob-767 p:first-child {
        padding: 5% 5% 5% 5%
    }
    body.story-mahindra-finance .tbl01-mf09 .col-mf09-01 p:first-child {
        padding: 5% 5% 5% 5%
    }
    body.story-mahindra-finance .tbl02-mf09 .col-mf09-01 p:first-child {
        padding: 5% 5% 5% 5%
    }
    body.story-mahindra-finance .tbl-mf09 p,
    body.story-mahindra-finance .tbl01-mf09 p,
    body.story-mahindra-finance .tbl02-mf09 p {
        margin-top: 0
    }
    body.story-mahindra-finance .tbl02-mf09 .col-mf09-02 {
        display: block;
        width: 100%;
        height: 410px;
        background-size: 70%;
        background-position: right bottom
    }
    body.story-mahindra-finance .mf-slide09 p.footer-para {
        margin-top: 7%;
        text-align: center
    }
    body.story-mahindra-finance .mf-slide03 h3.per-counter {
        text-align: center
    }
    body.story-mahindra-finance .innovation-stories-heros .junior-hero .carousel .carousel-caption .hero-title {
        font-size: 30px
    }
}

@media only screen and (max-width:640px) {
    body.story-mahindra-finance {}
    body.story-mahindra-finance .mf-slide02,
    body.story-mahindra-finance .mf-slide02 .carousel-inner {
        height: 820px
    }
    body.story-mahindra-finance .mf-slide05 .dec-imp {
        padding: 2% 0;
        margin-top: 4%
    }
    body.story-mahindra-finance .tbl-mf09 .col-mf09-02 {
        background-size: 56%
    }
    body.story-mahindra-finance .tbl02-mf09 .col-mf09-02 {
        background-size: 56%
    }
    body.story-mahindra-finance .mf-slide03 .col-a,
    body.story-mahindra-finance .mf-slide03 .col-b,
    body.story-mahindra-finance .mf-slide03 .col-c {
        margin-top: 4%
    }
    body.story-mahindra-finance .mf-slide03 .carousel-caption .hero-title {
        margin-top: 4%
    }
    body.story-mahindra-finance .mf-slide03,
    body.story-mahindra-finance .mf-slide03 .carousel-inner {
        height: 1290px!important
    }
    body.story-mahindra-finance .mf-slide05 {
        height: 585px
    }
    body.story-mahindra-finance .mf-slide06,
    body.story-mahindra-finance .mf-slide06 .carousel-inner {
        height: 519px
    }
    body.story-mahindra-finance .mf-slide07 {
        height: 1030px
    }
    body.story-mahindra-finance .mf-slide09 {
        height: 2050px
    }
    body.story-mahindra-finance .video-container {
        width: 80%;
        height: 281px;
        margin: 2% auto 0 auto
    }
    body.story-mahindra-finance .vid-box {
        display: block
    }
    body.story-mahindra-finance .cm-slide15 {
        height: 310px
    }
    body.story-mahindra-finance .cm-slide15.cm-slide15-a {
        height: 135px
    }
}

@media only screen and (max-width:568px) {
    body.story-mahindra-finance .mf-slide02,
    body.story-mahindra-finance .mf-slide02 .carousel-inner {
        height: 810px
    }
    body.story-mahindra-finance .mf-slide05 .dec-imp {
        margin-top: 2%
    }
    body.story-mahindra-finance .mf-slide04 .ras-col-1 {
        margin: 5% auto 0 auto
    }
    body.story-mahindra-finance .mf-slide03 .col-a,
    body.story-mahindra-finance .mf-slide03 .col-b,
    body.story-mahindra-finance .mf-slide03 .col-c {
        margin-top: 5%
    }
    body.story-mahindra-finance .mf-slide03 .carousel-caption .hero-title {
        margin-top: 5%
    }
    body.story-mahindra-finance .mf-slide03,
    body.story-mahindra-finance .mf-slide03 .carousel-inner {
        height: 1330px!important
    }
    body.story-mahindra-finance .mf-slide04,
    body.story-mahindra-finance .mf-slide04 .carousel-inner {
        height: 960px
    }
    body.story-mahindra-finance .mf-slide05 {
        height: 576px
    }
    body.story-mahindra-finance .mf-slide06,
    body.story-mahindra-finance .mf-slide06 .carousel-inner {
        height: 529px
    }
    body.story-mahindra-finance .mf-slide07 {
        height: 1059px
    }
    body.story-mahindra-finance .mf-slide09 {
        height: 2040px
    }
    body.story-mahindra-finance .cm-slide15.cm-slide15-a {
        height: 115px
    }
}

@media only screen and (max-width:480px) {
    body.story-mahindra-finance .mf-slide05 {
        height: 630px
    }
    body.story-mahindra-finance .mf-slide06 h1.font-cheddar {
        font-size: 41px
    }
    body.story-mahindra-finance .mf-slide07 {
        height: 1227px
    }
    body.story-mahindra-finance .mf-slide05 .dec-imp {
        margin-top: 5%
    }
    body.story-mahindra-finance .mf-slide07 {
        height: 1057px
    }
}

@media only screen and (max-width:384px) {
    body.story-mahindra-finance {}
    body.story-mahindra-finance .mf-slide06,
    body.story-mahindra-finance .mf-slide06 .carousel-inner {
        height: 728px!important
    }
    body.story-mahindra-finance .mf-slide04,
    body.story-mahindra-finance .mf-slide04 .carousel-inner {
        height: 1100px!important
    }
    body.story-mahindra-finance .mf-slide04 .ras-col-1 {
        margin: 5% auto 0 auto
    }
    body.story-mahindra-finance .mf-slide05 {
        height: 728px
    }
    body.story-mahindra-finance .mf-slide07 {
        height: 1042px
    }
    body.story-mahindra-finance .mf-slide09 {
        height: 2160px
    }
    body.story-mahindra-finance .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-mahindra-finance .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-mahindra-finance .video-container {
        width: 100%;
        height: auto;
        margin: 2% auto 0 auto
    }
    body.story-mahindra-finance .vid-box {
        display: block
    }
    body.story-mahindra-finance .cm-slide15 {
        height: 330px
    }
    body.story-mahindra-finance .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-finance .mf-slide02,
    body.story-mahindra-finance .mf-slide02 .carousel-inner {
        height: 880px
    }
}

@media only screen and (max-width:360px) {
    body.story-mahindra-finance {}
    body.story-mahindra-finance .mf-slide02,
    body.story-mahindra-finance .mf-slide02 .carousel-inner {
        height: 920px
    }
    body.story-mahindra-finance .mf-slide03,
    body.story-mahindra-finance .mf-slide03 .carousel-inner {
        height: 1300px!important
    }
    body.story-mahindra-finance .mf-slide06,
    body.story-mahindra-finance .mf-slide06 .carousel-inner {
        height: 681px!important
    }
    body.story-mahindra-finance .mf-slide04,
    body.story-mahindra-finance .mf-slide04 .carousel-inner {
        height: 1070px!important
    }
    body.story-mahindra-finance .mf-slide05 {
        height: 753px
    }
    body.story-mahindra-finance .mf-slide07 {
        height: 1130px
    }
    body.story-mahindra-finance .mf-slide09 {
        height: 2210px
    }
    body.story-mahindra-finance .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-mahindra-finance .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-mahindra-finance .video-container {
        width: 100%;
        height: auto;
        margin: 2% auto 0 auto
    }
    body.story-mahindra-finance .vid-box {
        display: block
    }
    body.story-mahindra-finance .cm-slide15 {
        height: 330px
    }
    body.story-mahindra-finance .cm-slide15.cm-slide15-a {
        height: 135px
    }
}

@media only screen and (max-width:320px) {
    body.story-mahindra-finance {}
    body.story-mahindra-finance .mf-slide02,
    body.story-mahindra-finance .mf-slide02 .carousel-inner {
        height: 870px!important
    }
    body.story-mahindra-finance .mf-slide04 .ras-col-1 {
        margin: 5% auto 0 auto
    }
    body.story-mahindra-finance .mf-slide06,
    body.story-mahindra-finance .mf-slide06 .carousel-inner {
        height: 540px!important
    }
    body.story-mahindra-finance .mf-slide06 h1.font-cheddar {
        font-size: 40px;
        line-height: 40px
    }
    body.story-mahindra-finance .mf-slide06 .ras-col-1 {
        margin: 5% auto 0 auto
    }
    body.story-mahindra-finance .rise-and-shine .carousel-caption .dec-imp {
        font-size: 22px;
        line-height: 25px
    }
    body.story-mahindra-finance .mf-slide06 .dec-imp span {
        font-size: 15px;
        line-height: 20px
    }
    body.story-mahindra-finance .mf-slide04,
    body.story-mahindra-finance .mf-slide04 .carousel-inner {
        height: 965px!important
    }
    body.story-mahindra-finance .mf-slide03 .percentile-row {
        width: 100%;
        border-bottom: 1px solid #727272;
        margin: 5% auto 0% auto;
        padding: 0 0% 45px 0%
    }
    body.story-mahindra-finance .mf-slide03 .percentile-row.p-facts {
        width: 100%;
        border-bottom: none;
        margin: 2% auto 0% auto;
        padding: 0 0% 0 0%
    }
    body.story-mahindra-finance .mf-slide03,
    body.story-mahindra-finance .mf-slide03 .carousel-inner {
        height: 1344px!important
    }
    body.story-mahindra-finance .mf-slide05 {
        height: 813px
    }
    body.story-mahindra-finance .mf-slide07 h1 {
        font-size: 38px;
        line-height: 45px
    }
    body.story-mahindra-finance .mf-slide07 {
        height: 1887px
    }
    body.story-mahindra-finance .mf-slide09 {
        height: 2270px
    }
    body.story-mahindra-finance .mf-slide08,
    body.story-mahindra-finance .mf-slide08 .carousel-inner {
        height: 160px
    }
    body.story-mahindra-finance .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-mahindra-finance .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-mahindra-finance .video-container {
        width: 100%;
        height: auto;
        margin: 2% auto 0 auto
    }
    body.story-mahindra-finance .vid-box {
        display: block
    }
    body.story-mahindra-finance .cm-slide15 {
        height: 290px
    }
    body.story-mahindra-finance .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-finance .slide09 .btn-primary:first-child {
        margin-bottom: 20px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    body.story-mahindra-finance {}
    body.story-mahindra-finance .col-c .mf-thumb {
        width: 130px
    }
    body.story-mahindra-finance .mf-slide05 {
        height: 620px
    }
    body.story-mahindra-finance .mf-slide08,
    body.story-mahindra-finance .mf-slide08 .carousel-inner {
        height: 294px
    }
    body.story-mahindra-finance .mf-slide06 .ras-col-1 {
        width: 55%
    }
    body.story-mahindra-finance .mf-slide07 {
        height: 1320px
    }
    body.story-mahindra-finance .mf-slide07 .dec-imp {
        font-size: 30px;
        color: #e31837;
        padding: 2% 0% 2% 0;
        margin-top: 2%;
        line-height: 36px
    }
    body.story-mahindra-finance .tbl-mf09,
    body.story-mahindra-finance .tbl01-mf09,
    body.story-mahindra-finance .tbl02-mf09 {
        width: 92%
    }
    body.story-mahindra-finance .mf-slide09 {
        height: 1390px
    }
    body.story-mahindra-finance .mf-slide04,
    body.story-mahindra-finance .mf-slide04 .carousel-inner {
        height: 755px
    }
    body.story-mahindra-finance .mf-slide04 .ras-col-1 {
        width: 56%;
        margin-left: 48%
    }
    body.story-mahindra-finance .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-finance .cm-slide15 {
        height: 490px
    }
    body.story-mahindra-finance .mf-slide02 .ras-col-1 {
        width: 54%
    }
    body.story-mahindra-finance .mf-slide06 .dec-imp {
        font-size: 25px;
        line-height: 30px;
        padding: 2% 0;
        margin: 4% 0 0 0
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    body.story-mahindra-finance {}
    body.story-mahindra-finance .mf-slide01 .carousel-caption .hero-title .font-cheddar {
        font-size: 45px;
        color: #fff
    }
    body.story-mahindra-finance .mf-slide02 .carousel-caption {
        margin: 5% 3% 0 3%!important
    }
    body.story-mahindra-finance .mf-slide02 .ras-col-1 {
        width: 44%
    }
    body.story-mahindra-finance .mf-slide03 h2.font-cheddar {
        font-size: 38px
    }
    body.story-mahindra-finance .mf-slide02 .dec-imp {
        font-size: 25px;
        line-height: 26px
    }
    body.story-mahindra-finance .mf-slide02 .ras-col-1 p {
        font-size: 14px;
        line-height: 18px
    }
    body.story-mahindra-finance .mf-slide06,
    body.story-mahindra-finance .mf-slide06 .carousel-inner {
        height: 490px
    }
    body.story-mahindra-finance .mf-slide06 .item {
        background-position: 26% bottom!important
    }
    body.story-mahindra-finance .mf-slide06 .carousel-caption {
        margin: 0% 3% 0 3%!important
    }
    body.story-mahindra-finance .mf-slide06 .ras-col-1 {
        width: 59%
    }
    body.story-mahindra-finance .mf-slide06 h1.font-cheddar {
        font-size: 36px;
        font-weight: 400;
        margin: 0 0 0 0
    }
    body.story-mahindra-finance .mf-slide06 .dec-imp {
        font-size: 25px;
        line-height: 26px
    }
    body.story-mahindra-finance .mf-slide06 .dec-imp span {
        font-size: 18px;
        line-height: 22px
    }
    body.story-mahindra-finance .mf-slide06 .ras-col-1 p {
        font-size: 14px;
        line-height: 18px
    }
    body.story-mahindra-finance .mf-slide03 .col-a .mf-thumb {
        width: 120px
    }
    body.story-mahindra-finance .mf-slide03 .col-a .mf-desc {
        float: left;
        display: block;
        width: 88px;
        padding: 40px 0 0 0
    }
    body.story-mahindra-finance .mf-desc h4 {
        font-size: 18px;
        line-height: 18px
    }
    body.story-mahindra-finance .mf-desc h4 span {
        font-size: 12px;
        line-height: 14px
    }
    body.story-mahindra-finance .col-b .mf-thumb img {
        width: 116px
    }
    body.story-mahindra-finance .col-c .mf-thumb {
        width: 102px
    }
    body.story-mahindra-finance .col-c .mf-desc {
        width: 102px
    }
    body.story-mahindra-finance .col-c .mf-desc h4.r-align {
        margin: 6px -27px 0 0
    }
    body.story-mahindra-finance .mf-slide03 h3.per-counter {
        font-size: 45px;
        line-height: 45px
    }
    body.story-mahindra-finance .mf-slide03 .percentile-row p {
        font-size: 14px;
        line-height: 25px
    }
    body.story-mahindra-finance .mf-slide03 .percentile-row {
        width: 100%;
        margin: 5% auto 0% auto;
        padding: 0 0% 25px 0%
    }
    body.story-mahindra-finance .mf-slide03 .miss-brain-contbox {
        margin-top: 0
    }
    body.story-mahindra-finance .mf-slide03,
    body.story-mahindra-finance .mf-slide03 .carousel-inner {
        height: 600px!important
    }
    body.story-mahindra-finance .mf-slide04 .carousel-caption {
        margin-top: 0%!important
    }
    body.story-mahindra-finance .mf-slide05 {
        height: 600px
    }
    body.story-mahindra-finance .mf-slide04,
    body.story-mahindra-finance .mf-slide04 .carousel-inner {
        height: 542px
    }
    body.story-mahindra-finance .mf-slide04 .ras-col-1 p {
        font-size: 14px;
        line-height: 20px
    }
    body.story-mahindra-finance .mf-slide04 .dec-imp {
        font-size: 22px!important;
        line-height: 26px
    }
    body.story-mahindra-finance .mf-slide04 .ras-col-1 {
        width: 55%
    }
    body.story-mahindra-finance .mf-slide04 .dec-imp span {
        font-size: 15px;
        line-height: 20px;
        margin: 1% 0 0 0
    }
    body.story-mahindra-finance .mf-slide07 .dec-imp {
        font-size: 22px
    }
    body.story-mahindra-finance .mf-slide07 {
        height: 965px
    }
    body.story-mahindra-finance .tbl-mf09,
    body.story-mahindra-finance .tbl01-mf09,
    body.story-mahindra-finance .tbl02-mf09 {
        width: 100%
    }
    body.story-mahindra-finance .col-mf09-02 {
        width: 50%;
        background-size: 50%
    }
    body.story-mahindra-finance .tbl02-mf09 .col-mf09-02 {
        width: 60%;
        background-size: 50%
    }
    body.story-mahindra-finance .tbl01-mf09 .col-mf09-01 p {
        padding: 3% 5% 2% 5%
    }
    body.story-mahindra-finance .mf-slide08,
    body.story-mahindra-finance .mf-slide08 .carousel-inner {
        height: 220px
    }
    body.story-mahindra-finance .vid-box {
        display: block
    }
    body.story-mahindra-finance .cm-slide15 {
        height: 466px
    }
    body.story-mahindra-finance .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-finance .section .section-header.scorp {
        padding: 40px 0 20px 0
    }
    body.story-mahindra-finance h4.dec-imp.pad {
        font-size: 18px!important
    }
}

body.story-mahindra-airvan .mob-767 {
    display: none
}

body.story-mahindra-airvan .mob-767 img {
    width: 100%
}

body.story-mahindra-airvan .cm-slide15 h3.dec-small,
body.story-mahindra-airvan .cm-slide15 h3.dec-big {
    font-family: "EurostileLTStdBold";
    font-size: 25px;
    font-weight: 400;
    color: #e31837;
    margin: 4% 0 0 0;
    padding: 0 0
}

body.story-mahindra-airvan .cm-slide15 h3.dec-big {
    font-size: 45px;
    text-align: center
}

body.story-mahindra-airvan .cm-slide15 h3.dec-big span {
    font-family: "cheddar_jackregular";
    color: #000;
    text-shadow: none;
    font-size: 45px;
    font-weight: 400;
    padding: 0 0;
    margin: 0 0
}

body.story-mahindra-airvan .cm-slide15 {
    height: 530px;
    border-bottom: 1px solid #ccc
}

body.story-mahindra-airvan .cm-slide15.cm-slide15-a {
    height: 170px
}

body.story-mahindra-airvan .cm-slide15 .vid-box {
    margin: 0
}

body.story-mahindra-airvan .cm-slide15 .our-brand-page .introduction-of-core-purpose {
    padding: 0
}

body.story-mahindra-airvan .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
    background: url(../img/icon-play-41.png) left top no-repeat
}

body.story-mahindra-airvan .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    border-right-width: 0;
    border-top: none;
    border-left: none;
    border: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

body.story-mahindra-airvan .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    max-width: none
}

body.story-mahindra-airvan .cm-slide15 .our-brand-page.vid-box .introduction-of-core-purpose .intro-image::before {
    padding-top: 39.5%
}

body.story-mahindra-airvan .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image .overlay>* {
    display: inline-block;
    vertical-align: middle
}

body.story-mahindra-airvan .slide09 {
    border-bottom: 1px solid #ccc
}

body.story-mahindra-airvan .section .section-header.scorp {
    padding: 40px 0 80px 0
}

body.story-mahindra-airvan h4.dec-imp.pad {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 24px!important;
    line-height: 27px!important;
    color: #000
}

body.story-mahindra-airvan h4.dec-imp.pad.top {
    padding: 40px 0 0 0
}

body.story-mahindra-airvan .fifa-video .btn-play {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: transparent url(../img/icon-play-white-big.png) no-repeat center center;
    transition: background-color 0.3s ease
}

body.story-mahindra-airvan .fifa-video .btn-play:hover {
    background: transparent url(../img/icon-play-white-big.png) no-repeat center center
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.story-mahindra-airvan .fifa-video {
        max-height: 400px
    }
}

@media only screen and (max-width:767px) {
    body.story-mahindra-airvan .fifa-video {
        max-height: 250px
    }
    body.story-mahindra-airvan .fifa-video .btn-play {
        background: rgba(0, 0, 0, .5) url(../img/icon-play-white-41.png) no-repeat center center
    }
}

body.story-mahindra-airvan .av-slide01 .carousel-caption .hero-title {
    font-size: 60px;
    font-family: "EurostileLTStdBold";
    color: #e31837;
    text-shadow: none;
    font-weight: 700;
    line-height: 56px;
    margin: 0
}

body.story-mahindra-airvan .av-slide01 .carousel-hero-mobility .carousel-caption {
    width: 37%
}

body.story-mahindra-airvan .introduction-of-core-purpose .section-header {
    width: 90%;
    text-align: left
}

body.story-mahindra-airvan .introduction-of-core-purpose .section-header h4 {
    font-size: 14px;
    line-height: 22px
}

body.story-mahindra-airvan .introduction-of-core-purpose .row {
    margin: 0;
    background-color: #f1f1f1
}

body.story-mahindra-airvan .introduction-of-core-purpose .row>div[class^='col-'] {
    padding: 0
}

body.story-mahindra-airvan .introduction-of-core-purpose .intro-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    border-right-width: 0;
    border-top: none;
    border-left: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

body.story-mahindra-airvan .introduction-of-core-purpose .intro-image:before {
    content: '';
    display: block;
    padding-top: 50%
}

body.story-mahindra-airvan .introduction-of-core-purpose .intro-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    display: block;
    max-width: none
}

body.story-mahindra-airvan .introduction-of-core-purpose .intro-image .overlay {
    background: transparent;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

body.story-mahindra-airvan .introduction-of-core-purpose .intro-image .overlay:after {
    content: '';
    height: 100%;
    line-height: 100%;
    display: inline-block;
    vertical-align: middle
}

body.story-mahindra-airvan .introduction-of-core-purpose .intro-image .overlay>* {
    display: inline-block;
    vertical-align: middle
}

body.story-mahindra-airvan .introduction-of-core-purpose .intro-image .overlay:hover {
    background: rgba(0, 0, 0, .4)
}

body.story-mahindra-airvan .introduction-of-core-purpose .intro-image .overlay .fa {
    font-size: 42px;
    margin: 10px
}

body.story-mahindra-airvan .introduction-of-core-purpose .intro-image .overlay .icon-play {
    margin: 10px;
    background: url(../img/icon-play-white.png) left top no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block
}

body.story-mahindra-airvan .introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
    margin: 10px;
    background: url(../img/icon-play-white-41.png) left top no-repeat;
    width: 41px;
    height: 41px;
    display: inline-block
}

@media (min-width:992px) {
    body.story-mahindra-airvan .introduction-of-core-purpose {
        padding-top: 0
    }
    body.story-mahindra-airvan .introduction-of-core-purpose .section-header {
        text-align: center
    }
    body.story-mahindra-airvan .introduction-of-core-purpose .section-header h4 {
        font-size: 17px;
        line-height: 30px
    }
    body.story-mahindra-airvan .introduction-of-core-purpose .intro-image {
        border-right-width: 1px
    }
    body.story-mahindra-airvan .introduction-of-core-purpose .intro-image .overlay {
        background: rgba(0, 0, 0, .2);
        opacity: 1;
        -webkit-transition: opacity 0.35s;
        -moz-transition: opacity 0.35s;
        transition: opacity 0.35s
    }
    body.story-mahindra-airvan .introduction-of-core-purpose .intro-image:hover .overlay {
        background: rgba(0, 0, 0, .4);
        opacity: 1;
        visibility: visible
    }
    body.story-mahindra-airvan .introduction-of-core-purpose .section-content .col-md-4:before {
        content: "";
        display: block;
        padding-top: 100%
    }
    body.story-mahindra-airvan .introduction-of-core-purpose .section-content .row-des {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 0;
        white-space: nowrap
    }
    body.story-mahindra-airvan .introduction-of-core-purpose .section-content .row-des:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 0
    }
    body.story-mahindra-airvan .introduction-of-core-purpose .section-content .row-des-inner {
        vertical-align: middle;
        margin: 0 auto;
        white-space: normal;
        width: 75%
    }
    body.story-mahindra-airvan .introduction-of-core-purpose .section-content .row-des-inner .row-title {
        font-family: "EurostileLTStdBold"
    }
    body.story-mahindra-airvan .introduction-of-core-purpose .section-content .row-content {
        font-size: 15px;
        line-height: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    body.story-mahindra-airvan .introduction-of-core-purpose .section-header h4 {
        font-size: 17px;
        line-height: 25px
    }
    body.story-mahindra-airvan .introduction-of-core-purpose .intro-image .overlay .des {
        font-size: 21px
    }
    body.story-mahindra-airvan .introduction-of-core-purpose .row-des .row-content {
        font-size: 17px;
        line-height: 25px
    }
}

body.story-mahindra-airvan .av-slide02 .carousel .carousel-caption {
    margin: 0 0% 0 0%!important;
    width: 100%!important;
    max-width: none!important;
    vertical-align: top
}

body.story-mahindra-airvan .av-slide02 .vid-box {
    margin-top: 0%
}

body.story-mahindra-airvan .av-slide02 .ras-col-1 {
    width: 50%;
    float: left;
    padding: 0 0 0 0;
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 4%
}

body.story-mahindra-airvan .av-slide07 .ras-col-1 {
    width: 50%;
    float: left;
    padding: 0 0 0 0;
    margin-top: 40%;
    margin-left: 2%;
    margin-right: 4%
}

body.story-mahindra-airvan .av-slide02 .ras-col-2 {
    width: 40.5%;
    float: right;
    padding: 0 0 0 0;
    margin-top: 2%;
    margin-left: 1.5%;
    margin-right: 2%
}

body.story-mahindra-airvan .av-slide02 h1.font-cheddar {
    color: #000;
    font-size: 45px;
    line-height: 67px;
    padding-left: 2px;
    margin-left: 10px;
    font-weight: 400;
    text-shadow: none;
    margin: 0 0
}

body.story-mahindra-airvan .av-slide02 p {
    font-family: arial;
    font-size: 17px;
    line-height: 25px;
    text-align: left;
    color: #000;
    padding: 0 0% 0 0%
}

body.story-mahindra-airvan .av-slide07 p {
    font-family: arial;
    font-size: 17px;
    line-height: 25px;
    text-align: left;
    color: #fff;
    padding: 0 0% 0 0%
}

body.story-mahindra-airvan .av-slide02 .dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    line-height: 35px;
    color: #e31837;
    border-top: 1px solid #909090;
    border-bottom: 1px solid #909090;
    padding: 2% 0;
    margin-top: 2%
}

body.story-mahindra-airvan .av-slide07 .dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    line-height: 35px;
    color: #e31837;
    border-top: 1px solid #909090;
    border-bottom: 1px solid #909090;
    padding: 2% 0;
    margin-top: 2%
}

body.story-mahindra-airvan .av-slide02 .item {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    transform-origin: right bottom;
    background-position: right bottom!important
}

body.story-mahindra-airvan .av-slide07 .item {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    transform-origin: right bottom;
    background-position: right bottom!important
}

body.story-mahindra-airvan .av-slide02,
body.story-mahindra-airvan .av-slide02 .carousel-inner {
    height: 940px
}

body.story-mahindra-airvan .av-slide07,
body.story-mahindra-airvan .av-slide07 .carousel-inner {
    height: 885px
}

body.story-mahindra-airvan .av-slide04 .carousel .hero-title,
body.story-mahindra-airvan .av-slide06 .carousel .hero-title {
    font-size: 60px;
    font-family: "EurostileLTStdBold";
    color: #e31837;
    text-shadow: none;
    text-align: center;
    font-weight: 700;
    line-height: 56px;
    margin: 5% 0 0 0;
    padding: 0 0
}

body.story-mahindra-airvan .av-slide04 span.font-cheddar,
body.story-mahindra-airvan .av-slide06 span.font-cheddar {
    color: #000;
    font-size: 45px;
    line-height: 67px;
    padding-left: 2px;
    margin-left: 10px;
    font-weight: 400;
    text-shadow: none;
    margin: 0 0
}

body.story-mahindra-airvan .av-slide04 p,
body.story-mahindra-airvan .av-slide06 p {
    font-family: arial;
    font-size: 17px;
    line-height: 25px;
    text-align: left;
    color: #000;
    padding: 0 18%;
    text-align: center
}

body.story-mahindra-airvan .av-slide06 p {
    padding: 0 5%;
    margin: 0 0 0 0
}

body.story-mahindra-airvan .av-slide06 p.mv-mt20 {
    margin-top: 20px
}

body.story-mahindra-airvan .av-slide04 .dec-imp,
body.story-mahindra-airvan .av-slide06 .dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    margin: 2% 5% 0 5%;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    padding: 2% 18%;
    text-align: center;
    line-height: 35px
}

body.story-mahindra-airvan .av-slide06 .dec-imp {
    padding: 2% 5%
}

body.story-mahindra-airvan .av-slide08 .dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    margin: 2% 0% 0 0%;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    text-align: center;
    line-height: 35px;
    padding: 2% 5%
}

body.story-mahindra-airvan .av-slide08 .dec-imp span {
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 21px;
    color: #606060;
    margin: 2% 0 0 0
}

body.story-mahindra-airvan .av-slide04 {
    height: 640px
}

body.story-mahindra-airvan .av-slide06 {
    height: 685px
}

body.story-mahindra-airvan .av-slide08 {
    height: 1253px
}

body.story-mahindra-airvan .av-slide08 .carousel-caption {
    vertical-align: top
}

body.story-mahindra-airvan .av-slide08 .item {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    transform-origin: center center;
    background-position: center center!important;
    background-size: 100% auto
}

@media only screen and (max-width:980px) {
    body.story-mahindra-airvan {}
    body.story-mahindra-airvan .vid-box {
        display: block
    }
}

@media only screen and (max-width:767px) {
    body.story-mahindra-airvan .mob-767 {
        display: block
    }
    body.story-mahindra-airvan .av-slide01 .carousel-caption .hero-title .font-cheddar {
        font-size: 28px;
        line-height: 30px
    }
    body.story-mahindra-airvan .av-slide01 .carousel-caption .hero-title {
        font-size: 40px;
        line-height: 30px
    }
    body.story-mahindra-airvan .av-slide03 .item {
        background-image: none!important
    }
    body.story-mahindra-airvan .av-slide05 .item {
        background-image: none!important
    }
    body.story-mahindra-airvan .av-slide03,
    body.story-mahindra-airvan .av-slide03 .carousel-inner {
        height: 296px
    }
    body.story-mahindra-airvan .av-slide05,
    body.story-mahindra-airvan .av-slide05 .carousel-inner {
        height: 296px
    }
    body.story-mahindra-airvan .av-slide04 .carousel .hero-title {
        margin: 10% 0 0 0;
        padding: 0 0
    }
    body.story-mahindra-airvan .av-slide06 .carousel .hero-title {
        margin: 10% 0 2% 0;
        padding: 0 0
    }
    body.story-mahindra-airvan .av-slide04 span.font-cheddar,
    body.story-mahindra-airvan .av-slide06 span.font-cheddar {
        color: #000;
        font-size: 28px;
        line-height: 30px;
        padding-left: 2px;
        margin-left: 10px;
        font-weight: 400;
        text-shadow: none;
        margin: 0 0
    }
    body.story-mahindra-airvan .av-slide04 p {
        padding: 0 5%;
        text-align: center
    }
    body.story-mahindra-airvan .av-slide06 p {
        padding: 0 5%;
        text-align: center
    }
    body.story-mahindra-airvan .av-slide04 .dec-imp,
    body.story-mahindra-airvan .av-slide06 .dec-imp {
        padding: 2% 0%
    }
    body.story-mahindra-airvan .av-slide08 .dec-imp {
        font-size: 22px;
        line-height: 27px;
        padding: 2% 0%
    }
    body.story-mahindra-airvan .av-slide08 .dec-imp span {
        font-size: 16px;
        line-height: 21px
    }
    body.story-mahindra-airvan .av-slide01 .carousel-hero-mobility .carousel-caption {
        width: 90%;
        margin-left: 0;
        left: 5%;
        right: 5%
    }
    body.story-mahindra-airvan .av-slide02 h1.font-cheddar,
    body.story-mahindra-airvan .av-slide02 p,
    body.story-mahindra-airvan .av-slide02 .dec-imp {
        text-align: center
    }
    body.story-mahindra-airvan .av-slide07 p {
        text-align: center;
        font-size: 14px;
        line-height: 22px
    }
    body.story-mahindra-airvan .av-slide07 .dec-imp {
        text-align: center;
        font-size: 25px;
        line-height: 30px
    }
    body.story-mahindra-airvan .av-slide02 .ras-col-1 {
        width: 90%;
        float: none;
        padding: 0 0 0 0;
        margin: 2% auto 0 auto
    }
    body.story-mahindra-airvan .av-slide07 .ras-col-1 {
        width: 100%;
        float: none;
        padding: 0 0 0 0;
        margin: 92% auto 0 auto
    }
    body.story-mahindra-airvan .av-slide02 .ras-col-2 {
        width: 100%;
        float: none;
        padding: 0 0 0 0;
        margin: 6% auto 0 auto
    }
    body.story-mahindra-airvan .av-slide02,
    body.story-mahindra-airvan .av-slide02 .carousel-inner {
        height: 1170px
    }
    body.story-mahindra-airvan .av-slide07,
    body.story-mahindra-airvan .av-slide07 .carousel-inner {
        height: 1170px
    }
    body.story-mahindra-airvan .av-slide02 .item {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        background-position: center bottom!important;
        background-image: none!important
    }
    body.story-mahindra-airvan .av-slide07 .item {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        background-position: center bottom!important;
        background-image: none!important
    }
    body.story-mahindra-airvan .av-slide08 .item {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        background-position: center bottom!important;
        background-size: 100% auto
    }
    body.story-mahindra-airvan .av-slide04 .hero-title {
        font-size: 40px!important;
        line-height: 30px!important
    }
    body.story-mahindra-airvan .av-slide06 .hero-title {
        font-size: 40px!important;
        line-height: 30px!important
    }
}

@media only screen and (max-width:640px) {
    body.story-mahindra-airvan {}
    body.story-mahindra-airvan .cm-slide15 {
        height: 310px
    }
    body.story-mahindra-airvan .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-airvan .av-slide02,
    body.story-mahindra-airvan .av-slide02 .carousel-inner {
        height: 1385px
    }
    body.story-mahindra-airvan .av-slide07,
    body.story-mahindra-airvan .av-slide07 .carousel-inner {
        height: 840px
    }
    body.story-mahindra-airvan .av-slide07 .ras-col-1 {
        margin: 98% auto 0 auto
    }
    body.story-mahindra-airvan .av-slide04 {
        height: 660px
    }
    body.story-mahindra-airvan .av-slide06 {
        height: 780px
    }
    body.story-mahindra-airvan .av-slide08 {
        height: 770px
    }
}

@media only screen and (max-width:568px) {
    body.story-mahindra-airvan .cm-slide15.cm-slide15-a {
        height: 115px
    }
    body.story-mahindra-airvan .av-slide06 {
        height: 870px
    }
    body.story-mahindra-airvan .av-slide08 {
        height: 770px
    }
    body.story-mahindra-airvan .av-slide07 .ras-col-1 {
        margin: 93% auto 0 auto
    }
    body.story-mahindra-airvan .av-slide07,
    body.story-mahindra-airvan .av-slide07 .carousel-inner {
        height: 747px
    }
    body.story-mahindra-airvan .av-slide04 {
        height: 720px
    }
    body.story-mahindra-airvan .av-slide02,
    body.story-mahindra-airvan .av-slide02 .carousel-inner {
        height: 1317px
    }
}

@media only screen and (max-width:480px) {
    body.story-mahindra-airvan .av-slide02,
    body.story-mahindra-airvan .av-slide02 .carousel-inner {
        height: 1288px
    }
    body.story-mahindra-airvan .av-slide04 {
        height: 780px
    }
    body.story-mahindra-airvan .av-slide06 {
        height: 820px
    }
}

@media only screen and (max-width:384px) {
    body.story-mahindra-airvan {}
    body.story-mahindra-airvan .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-mahindra-airvan .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-mahindra-airvan .cm-slide15 {
        height: 330px
    }
    body.story-mahindra-airvan .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-airvan .av-slide04 {
        height: 840px
    }
    body.story-mahindra-airvan .av-slide06 {
        height: 970px
    }
    body.story-mahindra-airvan .av-slide08 {
        height: 760px
    }
    body.story-mahindra-airvan .av-slide02,
    body.story-mahindra-airvan .av-slide02 .carousel-inner {
        height: 1274px
    }
    body.story-mahindra-airvan .av-slide07,
    body.story-mahindra-airvan .av-slide07 .carousel-inner {
        height: 649px
    }
}

@media only screen and (max-width:360px) {
    body.story-mahindra-airvan {}
    body.story-mahindra-airvan .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-mahindra-airvan .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-mahindra-airvan .cm-slide15 {
        height: 330px
    }
    body.story-mahindra-airvan .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-airvan .av-slide02,
    body.story-mahindra-airvan .av-slide02 .carousel-inner {
        height: 1303px
    }
    body.story-mahindra-airvan .av-slide07,
    body.story-mahindra-airvan .av-slide07 .carousel-inner {
        height: 620px
    }
    body.story-mahindra-airvan .av-slide07 .ras-col-1 {
        margin: 88% auto 0 auto
    }
    body.story-mahindra-airvan .av-slide04 {
        height: 930px
    }
    body.story-mahindra-airvan .av-slide06 {
        height: 1000px
    }
    body.story-mahindra-airvan .av-slide08 {
        height: 730px
    }
}

@media only screen and (max-width:320px) {
    body.story-mahindra-airvan {}
    body.story-mahindra-airvan .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-mahindra-airvan .av-slide04 .carousel .hero-title {
        margin: 0% 0 0 0;
        padding: 0 0
    }
    body.story-mahindra-airvan .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-mahindra-airvan .av-slide02,
    body.story-mahindra-airvan .av-slide02 .carousel-inner {
        height: 1311px
    }
    body.story-mahindra-airvan .cm-slide15 {
        height: 290px
    }
    body.story-mahindra-airvan .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-airvan .slide09 .btn-primary:first-child {
        margin-bottom: 20px
    }
    body.story-mahindra-airvan .av-slide04 {
        height: 978px
    }
    body.story-mahindra-airvan .av-slide06 {
        height: 1090px
    }
    body.story-mahindra-airvan .av-slide08 {
        height: 800px
    }
    body.story-mahindra-airvan .av-slide07 p {
        font-size: 14px;
        line-height: 18px
    }
    body.story-mahindra-airvan .av-slide07 .dec-imp {
        font-size: 20px;
        line-height: 25px
    }
    body.story-mahindra-airvan .av-slide07,
    body.story-mahindra-airvan .av-slide07 .carousel-inner {
        height: 554px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    body.story-mahindra-airvan {}
    body.story-mahindra-airvan .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-airvan .av-slide04 .carousel .hero-title,
    body.story-mahindra-airvan .av-slide06 .carousel .hero-title {
        margin: 4% 0 0 0
    }
    body.story-mahindra-airvan .cm-slide15 {
        height: 490px
    }
    body.story-mahindra-airvan .av-slide02,
    body.story-mahindra-airvan .av-slide02 .carousel-inner {
        height: 713px
    }
    body.story-mahindra-airvan .av-slide02 .item {
        background-size: auto 100%
    }
    body.story-mahindra-airvan .av-slide01 .carousel-hero-mobility .carousel-caption {
        width: 40%
    }
    body.story-mahindra-airvan .av-slide07 .ras-col-1 {
        margin-top: 46%;
        margin-left: 0%;
        margin-right: 0%
    }
    body.story-mahindra-airvan .av-slide08 {
        height: 1162px
    }
    body.story-mahindra-airvan .av-slide06 {
        height: 665px
    }
    body.story-mahindra-airvan .av-slide08 .dec-imp span {
        font-size: 20px;
        line-height: 21px
    }
    body.story-mahindra-airvan .av-slide04 {
        height: 660px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    body.story-mahindra-airvan {}
    body.story-mahindra-airvan .cm-slide15 {
        height: 466px
    }
    body.story-mahindra-airvan .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-airvan .section .section-header.scorp {
        padding: 40px 0 20px 0
    }
    body.story-mahindra-airvan h4.dec-imp.pad {
        font-size: 18px!important
    }
    body.story-mahindra-airvan .av-slide01 .carousel-hero-mobility .carousel-caption {
        width: 47%;
        margin-left: 0
    }
    body.story-mahindra-airvan .av-slide02 .ras-col-1 {
        width: 52%;
        float: left;
        padding: 0 0 0 0;
        margin-top: 0%;
        margin-left: 2%;
        margin-right: 1%
    }
    body.story-mahindra-airvan .av-slide07 .ras-col-1 {
        width: 47%;
        float: left;
        padding: 0 0 0 0;
        margin-top: 45%;
        margin-left: 2%;
        margin-right: 1%
    }
    body.story-mahindra-airvan .av-slide02 .ras-col-2 {
        width: 40.5%;
        float: right;
        padding: 0 0 0 0;
        margin-top: 0%;
        margin-left: 2%;
        margin-right: 1.5%
    }
    body.story-mahindra-airvan .av-slide02 .item {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        background-position: right bottom!important;
        background-size: 100% auto
    }
    body.story-mahindra-airvan .av-slide07 .item {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        background-position: right bottom!important;
        background-size: 100% auto
    }
    body.story-mahindra-airvan .av-slide02,
    body.story-mahindra-airvan .av-slide02 .carousel-inner {
        height: 528px
    }
    body.story-mahindra-airvan .av-slide07,
    body.story-mahindra-airvan .av-slide07 .carousel-inner {
        height: 630px
    }
    body.story-mahindra-airvan .av-slide02 .ras-col-1 {
        width: 54%;
        float: left;
        padding: 0 0 0 0;
        margin-top: 0%;
        margin-left: 2%;
        margin-right: 0
    }
    body.story-mahindra-airvan .av-slide02 p {
        font-family: arial;
        font-size: 14px;
        line-height: 22px;
        text-align: left;
        color: #000;
        padding: 0 0% 0 0%;
        margin: 5px 0
    }
    body.story-mahindra-airvan .av-slide02 .dec-imp {
        font-size: 25px;
        line-height: 27px
    }
    body.story-mahindra-airvan .av-slide02 h1.font-cheddar {
        font-size: 45px;
        line-height: normal
    }
    body.story-mahindra-airvan .av-slide05 .item {
        background-image: none!important
    }
    body.story-mahindra-airvan .av-slide03,
    body.story-mahindra-airvan .av-slide03 .carousel-inner {
        height: 378px
    }
    body.story-mahindra-airvan .av-slide05,
    body.story-mahindra-airvan .av-slide05 .carousel-inner {
        height: 378px
    }
    body.story-mahindra-airvan .av-slide05 .mob-767 {
        display: block
    }
    body.story-mahindra-airvan .av-slide04 p {
        padding: 0 10%;
        text-align: center
    }
    body.story-mahindra-airvan .av-slide06 p {
        padding: 0 5%;
        text-align: center
    }
    body.story-mahindra-airvan .av-slide04 .dec-imp {
        padding: 2% 10%
    }
    body.story-mahindra-airvan .av-slide06 .dec-imp {
        padding: 2% 0%
    }
    body.story-mahindra-airvan .av-slide08 .dec-imp {
        padding: 2% 0%
    }
    body.story-mahindra-airvan .av-slide06 {
        height: 750px
    }
    body.story-mahindra-airvan .av-slide08 .item {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        background-position: center bottom!important;
        background-size: 100% auto
    }
    body.story-mahindra-airvan .av-slide08 {
        height: 1002px
    }
    body.story-mahindra-airvan .av-slide08 .dec-imp span {
        font-size: 18px
    }
    body.story-mahindra-airvan .av-slide07 p {
        font-size: 13px;
        line-height: 24px
    }
    body.story-mahindra-airvan .av-slide07 .dec-imp {
        font-size: 22px;
        line-height: 24px
    }
    body.story-mahindra-airvan .av-slide04 {
        height: 660px
    }
}

body.story-mahindra-yuvraj .mob-767 {
    display: none
}

body.story-mahindra-yuvraj .mob-767 img {
    width: 100%
}

body.story-mahindra-yuvraj .cm-slide15 h3.dec-small,
body.story-mahindra-yuvraj .cm-slide15 h3.dec-big {
    font-family: "EurostileLTStdBold";
    font-size: 25px;
    font-weight: 400;
    color: #e31837;
    margin: 4% 0 0 0;
    padding: 0 0
}

body.story-mahindra-yuvraj .cm-slide15 h3.dec-big {
    font-size: 45px;
    text-align: center
}

body.story-mahindra-yuvraj .cm-slide15 h3.dec-big span {
    font-family: "cheddar_jackregular";
    color: #000;
    text-shadow: none;
    font-size: 45px;
    font-weight: 400;
    padding: 0 0;
    margin: 0 0
}

body.story-mahindra-yuvraj .cm-slide15 {
    height: 530px;
    border-bottom: 1px solid #ccc
}

body.story-mahindra-yuvraj .cm-slide15.cm-slide15-a {
    height: 170px
}

body.story-mahindra-yuvraj .cm-slide15 .vid-box {
    margin: 0
}

body.story-mahindra-yuvraj .cm-slide15 .our-brand-page .introduction-of-core-purpose {
    padding: 0
}

body.story-mahindra-yuvraj .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
    background: url(../img/icon-play-41.png) left top no-repeat
}

body.story-mahindra-yuvraj .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    border-right-width: 0;
    border-top: none;
    border-left: none;
    border: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

body.story-mahindra-yuvraj .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    max-width: none
}

body.story-mahindra-yuvraj .cm-slide15 .our-brand-page.vid-box .introduction-of-core-purpose .intro-image::before {
    padding-top: 39.5%
}

body.story-mahindra-yuvraj .cm-slide15 .our-brand-page .introduction-of-core-purpose .intro-image .overlay>* {
    display: inline-block;
    vertical-align: middle
}

body.story-mahindra-yuvraj .slide09 {
    border-bottom: 1px solid #ccc
}

body.story-mahindra-yuvraj .section .section-header.scorp {
    padding: 40px 0 80px 0
}

body.story-mahindra-yuvraj h4.dec-imp.pad {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 24px!important;
    line-height: 27px!important;
    color: #000
}

body.story-mahindra-yuvraj h4.dec-imp.pad.top {
    padding: 40px 0 0 0
}

body.story-mahindra-yuvraj .fifa-video .btn-play {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: transparent url(../img/icon-play-white-big.png) no-repeat center center;
    transition: background-color 0.3s ease
}

body.story-mahindra-yuvraj .fifa-video .btn-play:hover {
    background: transparent url(../img/icon-play-white-big.png) no-repeat center center
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.story-mahindra-yuvraj .fifa-video {
        max-height: 400px
    }
}

@media only screen and (max-width:767px) {
    body.story-mahindra-yuvraj .fifa-video {
        max-height: 250px
    }
    body.story-mahindra-yuvraj .fifa-video .btn-play {
        background: rgba(0, 0, 0, .5) url(../img/icon-play-white-41.png) no-repeat center center
    }
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .section-header {
    width: 90%;
    text-align: left
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .section-header h4 {
    font-size: 14px;
    line-height: 22px
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .row {
    margin: 0;
    background-color: #f1f1f1
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .row>div[class^='col-'] {
    padding: 0
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    border-right-width: 0;
    border-top: none;
    border-left: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image:before {
    content: '';
    display: block;
    padding-top: 50%
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    max-width: none
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image .overlay {
    background: transparent;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image .overlay:after {
    content: '';
    height: 100%;
    line-height: 100%;
    display: inline-block;
    vertical-align: middle
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image .overlay>* {
    display: inline-block;
    vertical-align: middle
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image .overlay:hover {
    background: rgba(0, 0, 0, .4)
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image .overlay .fa {
    font-size: 42px;
    margin: 10px
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image .overlay .icon-play {
    margin: 10px;
    background: url(../img/icon-play-white.png) left top no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block
}

body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image .overlay .icon-play-white-41 {
    margin: 10px;
    background: url(../img/icon-play-white-41.png) left top no-repeat;
    width: 41px;
    height: 41px;
    display: inline-block
}

@media (min-width:992px) {
    body.story-mahindra-yuvraj .introduction-of-core-purpose {
        padding-top: 0
    }
    body.story-mahindra-yuvraj .introduction-of-core-purpose .section-header {
        text-align: center
    }
    body.story-mahindra-yuvraj .introduction-of-core-purpose .section-header h4 {
        font-size: 17px;
        line-height: 30px
    }
    body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image {
        border-right-width: 1px
    }
    body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image .overlay {
        background: rgba(0, 0, 0, .2);
        opacity: 1;
        -webkit-transition: opacity 0.35s;
        -moz-transition: opacity 0.35s;
        transition: opacity 0.35s
    }
    body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image:hover .overlay {
        background: rgba(0, 0, 0, .4);
        opacity: 1;
        visibility: visible
    }
    body.story-mahindra-yuvraj .introduction-of-core-purpose .section-content .col-md-4:before {
        content: "";
        display: block;
        padding-top: 100%
    }
    body.story-mahindra-yuvraj .introduction-of-core-purpose .section-content .row-des {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 0;
        white-space: nowrap
    }
    body.story-mahindra-yuvraj .introduction-of-core-purpose .section-content .row-des:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 0
    }
    body.story-mahindra-yuvraj .introduction-of-core-purpose .section-content .row-des-inner {
        vertical-align: middle;
        margin: 0 auto;
        white-space: normal;
        width: 75%
    }
    body.story-mahindra-yuvraj .introduction-of-core-purpose .section-content .row-des-inner .row-title {
        font-family: "EurostileLTStdBold"
    }
    body.story-mahindra-yuvraj .introduction-of-core-purpose .section-content .row-content {
        font-size: 15px;
        line-height: 25px
    }
}

@media (min-width:768px) and (max-width:991px) {
    body.story-mahindra-yuvraj .introduction-of-core-purpose .section-header h4 {
        font-size: 17px;
        line-height: 25px
    }
    body.story-mahindra-yuvraj .introduction-of-core-purpose .intro-image .overlay .des {
        font-size: 21px
    }
    body.story-mahindra-yuvraj .introduction-of-core-purpose .row-des .row-content {
        font-size: 17px;
        line-height: 25px
    }
}

body.story-mahindra-yuvraj .my-slide01 .carousel-caption .hero-title {
    font-family: "EurostileLTStdBold";
    color: #e31837;
    font-size: 60px;
    line-height: 67px;
    text-shadow: none;
    font-weight: 700;
    margin: 0
}

body.story-mahindra-yuvraj .my-slide01 .carousel-caption .hero-title .font-cheddar {
    font-family: "cheddar_jackregular";
    color: #000;
    font-size: 45px;
    padding-left: 2px;
    margin-left: 0;
    font-weight: 400;
    text-shadow: none
}

body.story-mahindra-yuvraj .my-slide01 .carousel-hero-mobility .carousel-caption {
    vertical-align: top;
    margin-top: 15%
}

body.story-mahindra-yuvraj .my-slide02 .carousel .carousel-caption {
    margin: 0 0% 0 0%!important;
    width: 100%!important;
    max-width: none!important
}

body.story-mahindra-yuvraj .my-slide05 .carousel .carousel-caption {
    margin: 0 0% 0 0%!important;
    width: 100%!important;
    max-width: none!important
}

body.story-mahindra-yuvraj .my-slide06 .carousel .carousel-caption {
    margin: 0 0% 0 0%!important;
    width: 100%!important;
    max-width: none!important;
    vertical-align: top
}

body.story-mahindra-yuvraj .my-slide02 .vid-box {
    margin-top: 0%
}

body.story-mahindra-yuvraj .my-slide02 .ras-col-1 {
    width: 40%;
    float: left;
    padding: 0 0 0 0;
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 4%
}

body.story-mahindra-yuvraj .my-slide05 .ras-col-1 {
    width: 40%;
    float: left;
    padding: 0 0 0 0;
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 4%
}

body.story-mahindra-yuvraj .my-slide06 .ras-col-1 {
    width: 40%;
    float: left;
    padding: 0 0 0 0;
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 4%
}

body.story-mahindra-yuvraj .my-slide02 .ras-col-2 {
    width: 48%;
    float: right;
    padding: 0 0 0 0;
    margin-top: 0%;
    margin-left: 2%;
    margin-right: 4%
}

body.story-mahindra-yuvraj .my-slide05 .ras-col-2 {
    width: 60%;
    float: right;
    padding: 0 0 0 0;
    margin-top: 0%;
    margin-left: 2%;
    margin-right: 4%
}

body.story-mahindra-yuvraj .my-slide06 .ras-col-2 {
    width: 30%;
    float: right;
    padding: 0 0 0 0;
    margin-top: 0%;
    margin-left: 2%;
    margin-right: 4%
}

body.story-mahindra-yuvraj .my-slide02 p {
    font-family: arial;
    font-size: 17px;
    line-height: 25px;
    text-align: left;
    color: #000;
    padding: 0 0% 0 0%
}

body.story-mahindra-yuvraj .my-slide05 p {
    font-family: arial;
    font-size: 17px;
    line-height: 25px;
    text-align: left;
    color: #000;
    padding: 0 0% 0 0%
}

body.story-mahindra-yuvraj .my-slide05 p {
    font-family: arial;
    font-size: 17px;
    line-height: 25px;
    text-align: left;
    color: #000;
    padding: 0 0% 0 0%
}

body.story-mahindra-yuvraj .my-slide02 .dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    line-height: 35px;
    color: #e31837;
    border-top: 1px solid #909090;
    border-bottom: 1px solid #909090;
    padding: 2% 0;
    margin-top: 2%
}

body.story-mahindra-yuvraj .my-slide05 .dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    line-height: 35px;
    color: #e31837;
    border-top: 1px solid #909090;
    border-bottom: 1px solid #909090;
    padding: 2% 0;
    margin-top: 2%
}

body.story-mahindra-yuvraj .my-slide02 .item {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    transform-origin: left bottom;
    background-position: left bottom!important
}

body.story-mahindra-yuvraj .my-slide05 .item {
    background-color: #e8e8e8;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    transform-origin: left bottom;
    background-position: left bottom!important;
    background-size: auto 100%
}

body.story-mahindra-yuvraj .my-slide06 .item {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    transform-origin: left bottom;
    background-position: left bottom!important;
    background-size: auto 100%
}

body.story-mahindra-yuvraj .my-slide03 .item {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom;
    background-position: center bottom!important;
    background-size: 100% auto
}

body.story-mahindra-yuvraj .my-slide03,
body.story-mahindra-yuvraj .my-slide03 .carousel-inner {
    height: 1116px
}

body.story-mahindra-yuvraj .my-slide06,
body.story-mahindra-yuvraj .my-slide06 .carousel-inner {
    height: 595px
}

body.story-mahindra-yuvraj .my-slide07,
body.story-mahindra-yuvraj .my-slide07 .carousel-inner {
    height: 460px
}

body.story-mahindra-yuvraj .my-slide03 .carousel .carousel-caption {
    margin: 0 5% 0 5%;
    width: 90%!important;
    max-width: none!important;
    vertical-align: top
}

body.story-mahindra-yuvraj .my-slide07 .carousel .carousel-caption {
    margin: 0 5% 0 5%;
    width: 90%!important;
    max-width: none!important;
    vertical-align: middle
}

body.story-mahindra-yuvraj .my-slide03 .dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    line-height: 35px;
    color: #e31837;
    margin: 0;
    border-top: 1px solid #62686a;
    border-bottom: 1px solid #62686a;
    padding: 2% 5%;
    margin-top: 4%;
    text-align: center
}

body.story-mahindra-yuvraj .my-slide07 .dec-imp {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    line-height: 35px;
    color: #e31837;
    margin: 0;
    border-top: 1px solid #62686a;
    border-bottom: 1px solid #62686a;
    padding: 2% 5%;
    margin-top: 4%;
    text-align: center
}

body.story-mahindra-yuvraj .my-slide03 p {
    font-family: arial;
    font-size: 17px;
    line-height: 25px;
    color: #000;
    padding: 0 5%;
    text-align: center
}

body.story-mahindra-yuvraj .my-slide07 p {
    font-family: arial;
    font-size: 17px;
    line-height: 25px;
    color: #000;
    padding: 0 5%;
    text-align: center
}

body.story-mahindra-yuvraj .my-slide04 .item {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    transform-origin: center center;
    background-position: center center!important;
    background-size: 100% auto
}

body.story-mahindra-yuvraj .my-slide04,
body.story-mahindra-yuvraj .my-slide04 .carousel-inner {
    height: 561px
}

body.story-mahindra-yuvraj .col-my-a {
    width: 40%;
    float: left;
    margin-left: 10%
}

body.story-mahindra-yuvraj .col-my-b {
    width: 40%;
    float: left;
    margin-left: 10%
}

body.story-mahindra-yuvraj .my-slide06 .carousel-caption .hero-title {
    font-family: "EurostileLTStdBold";
    color: #e31837;
    font-size: 60px;
    line-height: 67px;
    text-shadow: none;
    font-weight: 700;
    margin: 0;
    margin-top: 30%;
    text-align: center
}

body.story-mahindra-yuvraj .my-slide06 .carousel-caption .hero-title .font-cheddar {
    font-family: "cheddar_jackregular";
    color: #cfd7df;
    font-size: 45px;
    line-height: 29px;
    padding-left: 0;
    padding-right: 2px;
    margin-left: 0;
    font-weight: 400;
    text-shadow: none
}

body.story-mahindra-yuvraj .about-yuvraj {
    width: 90%;
    margin: 4% auto 0 auto
}

body.story-mahindra-yuvraj .my-slide06 h3 {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    line-height: 29px;
    color: #e31837;
    margin: 0;
    padding: 0% 0%;
    margin-top: 4%;
    text-align: left
}

body.story-mahindra-yuvraj .my-slide06 h3 sup {
    font-family: "EurostileLTStdBold";
    font-size: 15px;
    line-height: 15px;
    color: #e31837;
    margin: 0;
    padding: 0% 0%;
    text-align: left;
    top: -14px
}

body.story-mahindra-yuvraj .my-slide06 p,
body.story-mahindra-yuvraj .my-slide06 h3 p {
    font-family: arial;
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    padding: 0 0;
    margin: 0 0;
    text-align: left;
    font-weight: 400
}

body.story-mahindra-yuvraj .my-slide06 p.t-center {
    text-align: center
}

body.story-mahindra-yuvraj .hr-my {
    border-bottom: 1px solid #99a7c7;
    margin: 5% 0
}

body.story-mahindra-yuvraj .key-facts-container {
    width: 148px;
    margin: 0 auto
}

body.story-mahindra-yuvraj .tbl-keyfact {
    display: table;
    width: 100%;
    text-align: center
}

body.story-mahindra-yuvraj .key-facts {
    font-family: "EurostileLTStd";
    font-size: 15px;
    color: #fff;
    background-color: #e31837;
    line-height: normal;
    padding: 1px 0 0 0;
    height: 30px;
    margin: 0 auto 0 auto;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle
}

body.story-mahindra-yuvraj .my-slide06 .item {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    transform-origin: right top;
    background-position: right top!important;
    background-size: 100% auto
}

body.story-mahindra-yuvraj .our-brand-page.vid-box .introduction-of-core-purpose .intro-image::before {
    padding-top: 50%
}

@media (min-width:1367px) {
    body.story-mahindra-yuvraj .my-slide06 .carousel-caption .hero-title {
        margin-top: 20%
    }
}

@media only screen and (max-width:980px) {
    body.story-mahindra-yuvraj {}
    body.story-mahindra-yuvraj .vid-box {
        display: block
    }
}

@media only screen and (max-width:767px) {
    body.story-mahindra-yuvraj .mob-767 {
        display: block
    }
    body.story-mahindra-yuvraj .my-slide01 .carousel-caption .hero-title {
        font-size: 40px;
        line-height: 47px
    }
    body.story-mahindra-yuvraj .my-slide01 .carousel-caption .hero-title .font-cheddar {
        font-size: 28px
    }
    body.story-mahindra-yuvraj .my-slide01 .carousel-caption {
        bottom: 63%
    }
    body.story-mahindra-yuvraj .my-slide02 .ras-col-1 {
        display: none
    }
    body.story-mahindra-yuvraj .my-slide02 .ras-col-2 {
        width: 100%;
        float: none;
        padding: 0 0 0 0;
        margin-top: 2%;
        margin-left: 0%;
        margin-right: 0%
    }
    body.story-mahindra-yuvraj .my-slide05 .ras-col-2 {
        width: 100%;
        float: none;
        padding: 0 0 0 0;
        margin-top: 0%;
        margin-left: 0%;
        margin-right: 0%
    }
    body.story-mahindra-yuvraj .my-slide06 .ras-col-2 {
        width: 100%;
        float: none;
        padding: 0 0 0 0;
        margin-top: 0%;
        margin-left: 0%;
        margin-right: 0%
    }
    body.story-mahindra-yuvraj .my-slide06 .carousel-caption {
        padding-top: 0;
        padding-bottom: 20px
    }
    body.story-mahindra-yuvraj .my-slide06 .carousel-caption .hero-title {
        font-family: "EurostileLTStdBold";
        color: #e31837;
        font-size: 40px;
        line-height: 47px;
        margin-top: 4%;
        text-align: center
    }
    body.story-mahindra-yuvraj .my-slide06 .carousel-caption .hero-title .font-cheddar {
        color: #000;
        font-size: 28px;
        line-height: 15px
    }
    body.story-mahindra-yuvraj .col-my-a {
        width: 40%;
        margin-left: 5%
    }
    body.story-mahindra-yuvraj .col-my-b {
        width: 50%;
        margin-left: 5%
    }
    body.story-mahindra-yuvraj .col-my-a span {
        display: inline-block;
        float: left
    }
    body.story-mahindra-yuvraj .col-my-b span {
        display: inline-block;
        float: left;
        margin-top: 11%
    }
    body.story-mahindra-yuvraj .my-slide06 h3 {
        font-family: "EurostileLTStdBold";
        font-size: 18px;
        line-height: 20px;
        color: #e31837;
        margin: 0;
        padding: 0% 0%;
        margin-top: 9%;
        margin-left: 2%;
        text-align: left;
        display: inline-block;
        float: left
    }
    body.story-mahindra-yuvraj .my-slide06 h3 sup {
        font-family: "EurostileLTStdBold";
        font-size: 10px;
        line-height: 10px;
        color: #e31837;
        margin: 0;
        padding: 0% 0%;
        text-align: left;
        top: -7px
    }
    body.story-mahindra-yuvraj .my-slide06 p,
    body.story-mahindra-yuvraj .my-slide06 h3 p {
        font-family: arial;
        font-size: 14px;
        line-height: 22px;
        color: #000;
        padding: 0 0;
        margin: 0 0;
        text-align: left
    }
    body.story-mahindra-yuvraj .my-slide02 .item {
        background-image: none!important
    }
    body.story-mahindra-yuvraj .my-slide05 .item {
        background-image: none!important
    }
    body.story-mahindra-yuvraj .my-slide06 .item {
        background-image: none!important;
        background-color: #ededed
    }
    body.story-mahindra-yuvraj .my-slide05 .carousel-caption {
        padding: 0 0 0 0
    }
    body.story-mahindra-yuvraj .my-slide02 .dec-imp,
    body.story-mahindra-yuvraj .my-slide03 .dec-imp,
    body.story-mahindra-yuvraj .my-slide04 .dec-imp,
    body.story-mahindra-yuvraj .my-slide05 .dec-imp,
    body.story-mahindra-yuvraj .my-slide07 .dec-imp {
        text-align: center;
        font-size: 20px;
        line-height: 25px;
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0;
        padding-right: 0
    }
    body.story-mahindra-yuvraj .my-slide04 .dec-imp {
        font-size: 15px;
        line-height: 20px
    }
    body.story-mahindra-yuvraj .my-slide05 .dec-imp {
        margin-top: 5%
    }
    body.story-mahindra-yuvraj .my-slide02 p,
    body.story-mahindra-yuvraj .my-slide03 p,
    body.story-mahindra-yuvraj .my-slide04 p,
    body.story-mahindra-yuvraj .my-slide05 p,
    body.story-mahindra-yuvraj .my-slide07 p {
        text-align: center;
        font-size: 14px;
        line-height: 22px;
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0;
        padding-right: 0
    }
    body.story-mahindra-yuvraj .my-slide04 p {
        font-size: 13px;
        line-height: 20px
    }
    body.story-mahindra-yuvraj .my-slide03 .carousel .carousel-caption {
        margin: 0% 0%!important;
        width: 100%!important
    }
    body.story-mahindra-yuvraj .my-slide07 .carousel .carousel-caption {
        margin: 0% 0%!important;
        width: 100%!important
    }
    body.story-mahindra-yuvraj .my-slide04 .carousel .carousel-caption {
        margin: 0% 0%!important;
        width: 100%!important
    }
    body.story-mahindra-yuvraj .my-slide03 .item {
        background-color: #dde2e6;
        background-image: url(../img/mahindra-yuvraj/my-slide03_m.jpg)!important;
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        background-position: center bottom!important;
        background-size: 100% auto
    }
    body.story-mahindra-yuvraj .my-slide04 .item {
        background-image: url(../img/mahindra-yuvraj/my-slide04_m.jpg)!important;
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        background-position: center bottom!important;
        background-size: 100% auto
    }
}

@media only screen and (max-width:640px) {
    body.story-mahindra-yuvraj {}
    body.story-mahindra-yuvraj .cm-slide15 {
        height: 310px
    }
    body.story-mahindra-yuvraj .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-yuvraj .my-slide02,
    body.story-mahindra-yuvraj .my-slide02 .carousel-inner {
        height: 638px
    }
    body.story-mahindra-yuvraj .my-slide04 .dec-imp {
        font-size: 20px;
        line-height: 25px
    }
    body.story-mahindra-yuvraj .my-slide05,
    body.story-mahindra-yuvraj .my-slide05 .carousel-inner {
        height: 1143px
    }
    body.story-mahindra-yuvraj .my-slide06,
    body.story-mahindra-yuvraj .my-slide06 .carousel-inner {
        height: 913px
    }
    body.story-mahindra-yuvraj .my-slide03,
    body.story-mahindra-yuvraj .my-slide03 .carousel-inner {
        height: 886px
    }
    body.story-mahindra-yuvraj .my-slide07,
    body.story-mahindra-yuvraj .my-slide07 .carousel-inner {
        height: 395px
    }
    body.story-mahindra-yuvraj .my-slide04,
    body.story-mahindra-yuvraj .my-slide04 .carousel-inner {
        height: 641px
    }
}

@media only screen and (max-width:568px) {
    body.story-mahindra-yuvraj .cm-slide15.cm-slide15-a {
        height: 115px
    }
    body.story-mahindra-yuvraj .my-slide02,
    body.story-mahindra-yuvraj .my-slide02 .carousel-inner {
        height: 619px
    }
    body.story-mahindra-yuvraj .my-slide05,
    body.story-mahindra-yuvraj .my-slide05 .carousel-inner {
        height: 1062px
    }
    body.story-mahindra-yuvraj .my-slide06,
    body.story-mahindra-yuvraj .my-slide06 .carousel-inner {
        height: 822px
    }
    body.story-mahindra-yuvraj .my-slide03,
    body.story-mahindra-yuvraj .my-slide03 .carousel-inner {
        height: 856px
    }
    body.story-mahindra-yuvraj .my-slide07,
    body.story-mahindra-yuvraj .my-slide07 .carousel-inner {
        height: 455px
    }
    body.story-mahindra-yuvraj .my-slide04,
    body.story-mahindra-yuvraj .my-slide04 .carousel-inner {
        height: 664px
    }
}

@media only screen and (max-width:480px) {
    body.story-mahindra-yuvraj .my-slide02,
    body.story-mahindra-yuvraj .my-slide02 .carousel-inner {
        height: 616px
    }
    body.story-mahindra-yuvraj .my-slide05,
    body.story-mahindra-yuvraj .my-slide05 .carousel-inner {
        height: 960px
    }
    body.story-mahindra-yuvraj .my-slide06,
    body.story-mahindra-yuvraj .my-slide06 .carousel-inner {
        height: 730px
    }
    body.story-mahindra-yuvraj .my-slide03,
    body.story-mahindra-yuvraj .my-slide03 .carousel-inner {
        height: 806px
    }
    body.story-mahindra-yuvraj .my-slide07,
    body.story-mahindra-yuvraj .my-slide07 .carousel-inner {
        height: 496px
    }
    body.story-mahindra-yuvraj .my-slide04,
    body.story-mahindra-yuvraj .my-slide04 .carousel-inner {
        height: 594px
    }
}

@media only screen and (max-width:384px) {
    body.story-mahindra-yuvraj {}
    body.story-mahindra-yuvraj .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-mahindra-yuvraj .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-mahindra-yuvraj .cm-slide15 {
        height: 330px
    }
    body.story-mahindra-yuvraj .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-yuvraj .my-slide02,
    body.story-mahindra-yuvraj .my-slide02 .carousel-inner {
        height: 632px
    }
    body.story-mahindra-yuvraj .my-slide05,
    body.story-mahindra-yuvraj .my-slide05 .carousel-inner {
        height: 871px
    }
    body.story-mahindra-yuvraj .my-slide06,
    body.story-mahindra-yuvraj .my-slide06 .carousel-inner {
        height: 631px
    }
    body.story-mahindra-yuvraj .my-slide03,
    body.story-mahindra-yuvraj .my-slide03 .carousel-inner {
        height: 778px
    }
    body.story-mahindra-yuvraj .my-slide07,
    body.story-mahindra-yuvraj .my-slide07 .carousel-inner {
        height: 600px
    }
    body.story-mahindra-yuvraj .my-slide04,
    body.story-mahindra-yuvraj .my-slide04 .carousel-inner {
        height: 475px
    }
}

@media only screen and (max-width:360px) {
    body.story-mahindra-yuvraj {}
    body.story-mahindra-yuvraj .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-mahindra-yuvraj .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-mahindra-yuvraj .cm-slide15 {
        height: 330px
    }
    body.story-mahindra-yuvraj .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-yuvraj .my-slide02,
    body.story-mahindra-yuvraj .my-slide02 .carousel-inner {
        height: 666px
    }
    body.story-mahindra-yuvraj .my-slide05,
    body.story-mahindra-yuvraj .my-slide05 .carousel-inner {
        height: 883px
    }
    body.story-mahindra-yuvraj .my-slide06,
    body.story-mahindra-yuvraj .my-slide06 .carousel-inner {
        height: 600px
    }
    body.story-mahindra-yuvraj .my-slide03,
    body.story-mahindra-yuvraj .my-slide03 .carousel-inner {
        height: 800px
    }
    body.story-mahindra-yuvraj .my-slide07,
    body.story-mahindra-yuvraj .my-slide07 .carousel-inner {
        height: 690px
    }
    body.story-mahindra-yuvraj .my-slide04,
    body.story-mahindra-yuvraj .my-slide04 .carousel-inner {
        height: 445px
    }
}

@media only screen and (max-width:320px) {
    body.story-mahindra-yuvraj {}
    body.story-mahindra-yuvraj .cm-slide15 h3.dec-big {
        font-size: 45px;
        text-align: center
    }
    body.story-mahindra-yuvraj .cm-slide15 h3.dec-big span {
        display: block;
        text-align: center;
        font-size: 33px
    }
    body.story-mahindra-yuvraj .cm-slide15 {
        height: 290px
    }
    body.story-mahindra-yuvraj .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-yuvraj .slide09 .btn-primary:first-child {
        margin-bottom: 20px
    }
    body.story-mahindra-yuvraj .my-slide02,
    body.story-mahindra-yuvraj .my-slide02 .carousel-inner {
        height: 687px
    }
    body.story-mahindra-yuvraj .my-slide05,
    body.story-mahindra-yuvraj .my-slide05 .carousel-inner {
        height: 872px
    }
    body.story-mahindra-yuvraj .my-slide06,
    body.story-mahindra-yuvraj .my-slide06 .carousel-inner {
        height: 562px
    }
    body.story-mahindra-yuvraj .my-slide04,
    body.story-mahindra-yuvraj .my-slide04 .carousel-inner {
        height: 396px
    }
    body.story-mahindra-yuvraj .about-yuvraj {
        width: 100%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    body.story-mahindra-yuvraj {}
    body.story-mahindra-yuvraj .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-yuvraj .cm-slide15 {
        height: 490px
    }
    body.story-mahindra-yuvraj .my-slide03,
    body.story-mahindra-yuvraj .my-slide03 .carousel-inner {
        height: 920px
    }
    body.story-mahindra-yuvraj .my-slide06,
    body.story-mahindra-yuvraj .my-slide06 .carousel-inner {
        height: 500px
    }
    body.story-mahindra-yuvraj .about-yuvraj {
        width: 100%;
        margin: 4% auto 0 auto
    }
    body.story-mahindra-yuvraj .my-slide06 .ras-col-2 {
        width: 38%
    }
    body.story-mahindra-yuvraj .my-slide06 .carousel-caption .hero-title {
        margin-top: 20%
    }
    body.story-mahindra-yuvraj .my-slide07,
    body.story-mahindra-yuvraj .my-slide07 .carousel-inner {
        height: 550px
    }
    body.story-mahindra-yuvraj .my-slide04 .item {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        background-position: center bottom!important;
        background-size: 100% auto
    }
    body.story-mahindra-yuvraj .my-slide04 .ras-col-1 {
        width: 56%
    }
    body.story-mahindra-yuvraj .my-slide04,
    body.story-mahindra-yuvraj .my-slide04 .carousel-inner {
        height: 469px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    body.story-mahindra-yuvraj {}
    body.story-mahindra-yuvraj .cm-slide15 {
        height: 466px
    }
    body.story-mahindra-yuvraj .cm-slide15.cm-slide15-a {
        height: 135px
    }
    body.story-mahindra-yuvraj .section .section-header.scorp {
        padding: 40px 0 20px 0
    }
    body.story-mahindra-yuvraj h4.dec-imp.pad {
        font-size: 18px!important
    }
    body.story-mahindra-yuvraj .my-slide02,
    body.story-mahindra-yuvraj .my-slide02 .carousel-inner {
        height: 690px
    }
    body.story-mahindra-yuvraj .my-slide05,
    body.story-mahindra-yuvraj .my-slide05 .carousel-inner {
        height: 690px
    }
    body.story-mahindra-yuvraj .my-slide06,
    body.story-mahindra-yuvraj .my-slide06 .carousel-inner {
        height: 690px
    }
    body.story-mahindra-yuvraj .my-slide02 .item {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        background-position: 46% bottom!important;
        background-size: auto 100%
    }
    body.story-mahindra-yuvraj .my-slide03,
    body.story-mahindra-yuvraj .my-slide03 .carousel-inner {
        height: 699px
    }
    body.story-mahindra-yuvraj .my-slide07,
    body.story-mahindra-yuvraj .my-slide07 .carousel-inner {
        height: 708px
    }
    body.story-mahindra-yuvraj .my-slide03 .dec-imp {
        font-size: 25px;
        padding: 2% 0%;
        margin-top: 2%;
        text-align: center
    }
    body.story-mahindra-yuvraj .my-slide03 p {
        font-size: 14px;
        padding: 2% 0%;
        margin-top: 0%;
        text-align: center
    }
    body.story-mahindra-yuvraj .my-slide07 .dec-imp {
        font-size: 25px;
        padding: 2% 0%;
        margin-top: 2%;
        text-align: center
    }
    body.story-mahindra-yuvraj .my-slide07 p {
        font-size: 14px;
        padding: 2% 0%;
        margin-top: 0%;
        text-align: center
    }
    body.story-mahindra-yuvraj .my-slide04 .ras-col-1 {
        width: 62%
    }
    body.story-mahindra-yuvraj .my-slide04,
    body.story-mahindra-yuvraj .my-slide04 .carousel-inner {
        height: 352px
    }
    body.story-mahindra-yuvraj .my-slide05 .ras-col-2 {
        width: 43%
    }
    body.story-mahindra-yuvraj .my-slide06,
    body.story-mahindra-yuvraj .my-slide06 .carousel-inner {
        height: 375px
    }
    body.story-mahindra-yuvraj .about-yuvraj {
        width: 100%;
        margin: 4% auto 0 auto
    }
    body.story-mahindra-yuvraj .my-slide06 .ras-col-2 {
        width: 40%;
        margin-right: 2%
    }
    body.story-mahindra-yuvraj .my-slide06 .carousel-caption .hero-title {
        margin-top: 5%
    }
    body.story-mahindra-yuvraj .my-slide07,
    body.story-mahindra-yuvraj .my-slide07 .carousel-inner {
        height: 520px
    }
    body.story-mahindra-yuvraj .my-slide06 p {
        font-size: 14px;
        line-height: 22px
    }
    body.story-mahindra-yuvraj .hr-my {
        border-bottom: 1px solid #99a7c7;
        margin: 2% 0
    }
    body.story-mahindra-yuvraj .my-slide02 .dec-imp {
        font-size: 25px;
        line-height: 30px;
        padding: 2% 0;
        margin-top: 2%
    }
}

body.atw-page .atw-carousel-section .drop-down-listbox ul.FLN {
    float: none!important
}

body.atw-page {
    background-color: #fff
}

body.atw-page .atw-carousel-section .drop-down-listbox ul.FLN {
    float: none!important
}

body.atw-page .about-us-menu>li {
    width: 16%
}

body.atw-page .about-us-section {
    padding-bottom: 30px
}

body.atw-page .about-us-section hr {
    margin-top: 40px
}

body.atw-page .about-us-section p.article {
    font-size: 15px
}

@media only screen and (max-width:767px) {
    body.atw-page .about-us-section {
        padding-bottom: 0
    }
    body.atw-page .about-us-section hr {
        margin-top: 20px
    }
}

body.atw-page .atw-carousel-section {
    position: relative;
    max-width: 820px
}

body.atw-page .atw-carousel-section .drop-down-listbox h2 {
    display: inline-block;
    margin: 0 0 20px 0;
    font-size: 25px;
    font-family: "EurostileLTStdBold";
    color: #e31837
}

body.atw-page .atw-carousel-section .drop-down-listbox ul {
    display: inline-block;
    padding: 0;
    margin: 5px 0 0 0;
    float: right
}

body.atw-page .atw-carousel-section .drop-down-listbox ul .custom-list-box {
    width: 292px
}

body.atw-page .atw-carousel-section .drop-down-listbox ul .custom-list-box .check_list li {
    width: 85%
}

body.atw-page .atw-carousel-section .drop-down-listbox ul .custom-list-box .check_list li a {
    color: #000;
    text-decoration: none;
    font: 13px arial
}

body.atw-page .atw-carousel-section .drop-down-listbox ul .custom-list-box .check_list.libgnone li {
    background: none
}

body.atw-page .atw-carousel-section .atw-carousel-wrapper {
    background-color: #e8e8e8
}

body.atw-page .atw-carousel-section .atw-carousel-wrapper h3 {
    font-family: 'arial', sans-serif;
    color: #e31837;
    font-size: 20px
}

body.atw-page .atw-carousel-section .atw-carousel-wrapper h4 {
    margin-bottom: 10px
}

body.atw-page .atw-carousel-section .atw-carousel-wrapper a.video-pl {
    display: block;
    position: relative
}

body.atw-page .atw-carousel-section .atw-carousel-wrapper a.video-pl img {
    width: 100%;
    position: relative;
    z-index: 1
}

body.atw-page .atw-carousel-section .atw-carousel-wrapper a.video-pl .icon-play-white-41 {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -20px;
    background: url(../img/icon-play-white-41.png) left top no-repeat;
    height: 41px;
    width: 41px;
    z-index: 2
}

body.atw-page .atw-carousel-section .atw-carousel-wrapper a.video-pl:hover img {
    -webkit-filter: brightness(120%)
}

body.atw-page .atw-carousel-section #atwcarousel-prev,
body.atw-page .atw-carousel-section #atwcarousel-next {
    position: absolute;
    top: 48%;
    font-size: 30px;
    color: #b2b2b2
}

body.atw-page .atw-carousel-section #atwcarousel-prev {
    left: -50px
}

body.atw-page .atw-carousel-section #atwcarousel-next {
    right: -50px
}

body.atw-page .atw-carousel-section .links {
    position: relative;
    margin-top: 20px;
    padding-bottom: 50px
}

body.atw-page .atw-carousel-section .links a {
    margin-top: 10px;
    display: block;
    text-transform: uppercase;
    font-weight: 700
}

body.atw-page .atw-carousel-section .links a .fa {
    margin-left: 10px
}

body.atw-page .atw-carousel-section .links a:hover {
    text-decoration: underline!important
}

body.atw-page .atw-carousel-section .links .social {
    position: absolute;
    bottom: 50px;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0
}

body.atw-page .atw-carousel-section .links .social li {
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    width: auto;
    height: 25px;
    line-height: 25px
}

body.atw-page .atw-carousel-section .links .social li a {
    background: #e31837;
    color: #FFF;
    display: block;
    margin-top: 0;
    text-align: center;
    width: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

body.atw-page .atw-carousel-section .links .social li a .fa {
    margin-left: 0
}

body.atw-page .atw-carousel-section .details-list {
    list-style-type: none;
    padding: 0
}

body.atw-page .atw-carousel-section .details-list li {
    padding: 5px 0
}

body.atw-page .atw-carousel-section .details-list .label {
    display: inline-block;
    font-weight: 700;
    width: 100px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.atw-page .atw-carousel-section {
        max-width: 625px
    }
    body.atw-page .atw-carousel-section .drop-down-listbox h2 {
        font-size: 20px
    }
    body.atw-page .atw-carousel-section .drop-down-listbox ul {
        width: 300px
    }
    body.atw-page .atw-carousel-section .drop-down-listbox .w120 {
        width: 145px
    }
    body.atw-page .atw-carousel-section .drop-down-listbox .w130 {
        width: 134px
    }
    body.atw-page .atw-carousel-section .drop-down-listbox ul .custom-list-box {
        width: 240px
    }
    body.atw-page .atw-carousel-section .drop-down-listbox ul .custom-list-box .check_list {
        width: 220px
    }
    body.atw-page .atw-carousel-section .drop-down-listbox ul .custom-list-box .check_list li {
        width: 85%
    }
    body.atw-page .atw-carousel-section .links {
        padding-bottom: 80px
    }
    body.atw-page .atw-carousel-section .drop-down-listbox li:last-child .custom-list-box {
        margin-left: -106px
    }
}

@media only screen and (max-width:767px) {
    body.atw-page .atw-carousel-section {
        max-width: 75%
    }
    body.atw-page .atw-carousel-section #atwcarousel-prev {
        left: -33px;
        top: 56%
    }
    body.atw-page .atw-carousel-section #atwcarousel-next {
        right: -33px;
        top: 56%
    }
    body.atw-page .atw-carousel-section .links .social {
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 10px
    }
    body.atw-page .atw-carousel-section .links .social li {
        height: auto
    }
    body.atw-page .atw-carousel-section .links .social li:first-child {
        line-height: 17px;
        margin-bottom: 5px
    }
    body.atw-page .atw-carousel-section .drop-down-listbox {
        padding-top: 0
    }
    body.atw-page .atw-carousel-section .drop-down-listbox ul {
        width: 100%
    }
    body.atw-page .atw-carousel-section .drop-down-listbox ul a {
        width: 100%
    }
    body.atw-page .atw-carousel-section .drop-down-listbox li {
        width: 100%;
        margin-right: 0
    }
    body.atw-page .atw-carousel-section .drop-down-listbox li .custom-list-box {
        width: 100%
    }
    body.atw-page .atw-carousel-section .drop-down-listbox li+li .custom-list-box {
        margin-left: 0
    }
    body.atw-page .atw-carousel-section .drop-down-listbox h2 {
        font-size: 17px;
        text-align: center;
        margin-top: 20px;
        display: block
    }
    body.atw-page .atw-carousel-section .atw-carousel-wrapper h3 {
        font-size: 16px
    }
    body.atw-page .atw-carousel-section .atw-carousel-wrapper h4 {
        margin-top: 10px
    }
    body.atw-page .atw-carousel-section .details-list {
        margin-bottom: 10px
    }
    body.atw-page .atw-carousel-section .details-list .label {
        display: block;
        width: 100%;
        margin-bottom: 10px
    }
}

footer {
    text-align: center
}

@media (min-width:992px) {
    footer {
        text-align: left
    }
}

footer .inner {
    background: #fff url(../img/footer-bg.jpg) left top repeat
}

footer .footer-content {
    width: 95%;
    margin: 0 auto
}

footer .footer-content .col-md-2 {
    width: 20%
}

.social-media {
    background-color: #222;
    color: #fff;
    vertical-align: middle;
    margin: 0 auto 10px;
    margin-bottom: 25px!important;
    padding: 35px 0;
    position: relative
}

.social-media .bar-title {
    font-family: "EurostileLTStdBold";
    font-size: 12px;
    text-transform: uppercase
}

.social-media a {
    color: #ccc
}

.social-media a:hover {
    color: #fff
}

.social-media a .icon-share {
    margin-right: 5px
}

.social-media .social-links {
    list-style-type: none;
    margin: 12px 0 15px;
    padding: 0
}

.social-media .social-links>li {
    display: inline-block;
    font-size: 11px;
    margin: 0 5px
}

.social-media .social-links>li .fa {
    font-size: 28px;
    float: left;
    margin-right: 5px
}

.social-media .social-links>li .num {
    display: none
}

@media (min-width:992px) {
    .social-media {
        height: 85px;
        line-height: 85px;
        padding: 0;
        padding-left: 25px;
        margin: 0 auto
    }
    .social-media .bar-title {
        width: 12%;
        padding-right: 0
    }
    .social-media .social-links {
        margin: 5px 0
    }
    .social-media .social-links>li {
        min-width: 80px;
        margin: 0 10px;
        white-space: nowrap
    }
    .social-media .social-links>li .fa {
        margin-right: 10px
    }
    .social-media .social-links .num {
        display: inline-block!important
    }
    .social-media .social-links .info {
        display: block
    }
    .social-media .social-links+.col-md-3 {
        width: auto;
        right: 2%;
        position: absolute;
        white-space: nowrap
    }
}

ul.link-group {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-height: 200px;
    font-size: 12px;
    text-align: left
}

ul.link-group .col-title a {
    color: #e31837;
    font-size: 12px;
    font-family: "EurostileLTStdBold"
}

ul.link-group a {
    color: #000;
    line-height: 18px
}

ul.link-group a:hover {
    color: #e31837
}

@media (min-width:992px) {
    ul.link-group .col-title {
        text-transform: uppercase
    }
    ul.link-group .col-title a {
        font-size: 11px
    }
}

@media (min-width:768px) and (max-width:991px) {
    ul.link-group {
        font-size: 15px
    }
}

ul.link-group+ul.link-group {
    min-height: 0
}

.copyright-term-privacy-group {
    padding: 25px 25px 35px;
    display: block;
    width: 100%;
    clear: both
}

.copyright-term-privacy-group .copyright {
    font-size: 12px
}

.copyright-term-privacy-group .term-privacy-links {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0
}

.copyright-term-privacy-group .term-privacy-links>li {
    display: inline-block;
    border-right: 1px solid #666;
    padding: 0 10px
}

.copyright-term-privacy-group .term-privacy-links>li:last-child {
    border: none
}

.copyright-term-privacy-group .term-privacy-links>li a {
    color: #444;
    font-size: 12px
}

.copyright-term-privacy-group .term-privacy-links>li a:hover {
    color: #e31837
}

@media (min-width:992px) {
    .copyright-term-privacy-group .term-privacy-links {
        text-align: right
    }
}

a.scroll-to-top {
    position: fixed;
    visibility: hidden;
    z-index: 98;
    top: auto;
    bottom: 0;
    right: 0;
    background: #222;
    height: 31px;
    width: 40px;
    line-height: 31px;
    text-align: center;
    font-size: 16px
}

a.scroll-to-top:hover {
    background: #333
}

a.scroll-to-top.follow-bottom {
    position: absolute;
    top: -31px;
    bottom: auto
}

@media (max-width:991px) {
    footer .footer-content {
        position: relative
    }
    footer .footer-content>.col-md-2 {
        width: 55%
    }
    footer .footer-content>.col-md-2+div+div+div {
        float: right;
        width: 45%;
        position: absolute;
        right: 0
    }
    footer .footer-content>.col-md-2+div+div+div+div {
        float: right;
        width: 45%;
        position: absolute;
        right: 0;
        top: 22px
    }
    footer ul.link-group {
        min-height: 0;
        padding: 0
    }
    footer ul.link-group>li {
        display: none
    }
    footer ul.link-group>li.col-title {
        display: block;
        line-height: 22px
    }
    footer ul.link-group>li a {
        padding: 3px 5px;
        color: #e31837
    }
    footer ul.link-group>li a:focus,
    footer ul.link-group>li a:active {
        color: #fff;
        background-color: #e31837
    }
    .copyright-term-privacy-group {
        color: black
    }
    .copyright-term-privacy-group .term-privacy-links {
        margin-top: 15px
    }
    .copyright-term-privacy-group .term-privacy-links>li a {
        color: black
    }
    .social-media .social-links>li {
        display: inline-block;
        font-size: 11px;
        margin: 0 5px
    }
    .social-media .social-links>li .fa {
        font-size: 47px;
        float: left;
        margin-right: 5px
    }
    .social-media .social-links>li .num {
        display: none
    }
}

@media (min-width:992px) {
    ul.link-group {
        font-size: 13px
    }
    ul.link-group .col-title a {
        font-size: 12px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    ul.link-group .col-title a {
        font-size: 14px
    }
}

body.video-page .video-header {
    background: #333;
    height: 50px
}

body.video-page .video-close {
    background: url(../img/btn-lbox-close.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    float: right;
    margin: 10px
}

body.video-page .video-section {
    position: relative
}

body.video-page .video-section .wrapper {
    width: 90%;
    margin: 0 auto
}

body.video-page .video-logo-box {
    width: 200px;
    height: 50px;
    float: left;
    background: #FFF;
    text-align: center
}

body.video-page .video-logo-box a {
    display: inline-block;
    margin-top: 15px;
    max-width: 135px;
    width: 50%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.video-page .video-section .wrapper {
        margin-top: 30%
    }
    body.video-page .video-header,
    body.video-page .video-logo-box {
        height: 40px
    }
    body.video-page .video-logo-box {
        width: 90px
    }
    body.video-page .video-logo-box a {
        width: 80%;
        margin-top: 8px
    }
    body.video-page .video-close {
        margin: 5px
    }
    body.video-page .video-section .wrapper {
        width: 90%
    }
}

@media only screen and (max-width:767px) {
    body.video-page .video-header,
    body.video-page .video-logo-box {
        height: 40px
    }
    body.video-page .video-logo-box {
        width: 90px
    }
    body.video-page .video-logo-box a {
        width: 80%;
        margin-top: 8px
    }
    body.video-page .video-close {
        margin: 5px
    }
    body.video-page .video-section .wrapper {
        width: 90%
    }
}

@media only screen and (max-width:360px) {
    body.video-page .video-section .wrapper {
        margin-top: 45%
    }
}

.flex {
    display: flex
}

.vam_box2.hide-arrow .bx-prev,
.vam_box2.hide-arrow .bx-next {
    display: none
}

#bx-pager-mobile li {
    float: left;
    display: inline
}

.stretch {
    flex-flow: stretch
}

body.milestone-page .vam_box {
    margin: 85px 50px 0 50px;
    height: 185px;
    position: relative
}

body.milestone-page .vam_box2 {
    margin-top: 75px
}

body.milestone-page .vam_box2 .white-cont-box .cont-pa20 {
    height: 170px;
    overflow: auto
}

body.milestone-page .vam_box2 .white-cont-box .cont-pa20.HT365 {
    height: 365px
}

body.milestone-page .milestone-section {
    background: #343434;
    padding: 50px 0
}

body.milestone-page .milestone-section .container-milestone {
    width: 940px;
    margin: 0 auto
}

body.milestone-page .milestone-section .container-milestone .photo-gallery-mobile {
    display: none
}

body.milestone-page .milestone-section .container-milestone .photogal_cont {
    overflow: hidden
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .bx-viewport {
    height: auto!important;
    color: #FFF
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .video-gallery-box img {
    width: 105%
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .video-caption {
    background: rgba(0, 0, 0, .6);
    padding: 15px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FFF
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .video-caption .fa-close {
    float: right;
    color: #FFF
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .play-icon-70 {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -35px
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .play-icon-70 img {
    width: 100%;
    height: auto;
    display: block
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .zoom-ic {
    background: url(../img/arow_button.png) no-repeat -30px -45px;
    width: 22px;
    height: 21px;
    position: absolute;
    right: 10px;
    top: 10px
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .zoom-img-box.zoom-box {
    width: 100%
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .zoom-ic.zoom-close {
    background-position: -70px -45px
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .white-cont-box {
    background: #FFF;
    padding: 20px;
    color: #333;
    font: 15px arial;
    min-height: 218px
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .white-cont-box h3 {
    font-family: "EurostileLTStdBold";
    font-size: 30px;
    color: #e31837;
    margin: 0
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .white-cont-box h4 {
    font: bold 15px arial;
    color: #000;
    margin: 0
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .white-cont-box .databox {
    font: 12px arial;
    color: #333
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .white-cont-box .dec-lh20 {
    line-height: 22px
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .vam_box .white-cont-box {
    min-height: auto
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .vam_box .white-cont-box .cont-pa20 {
    height: 145px;
    overflow: auto
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .vam_box .bx-next {
    right: -30px
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .vam_box.rt15 .bx-next {
    right: -15px
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .vam_box .bx-prev {
    left: -30px
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .bx-next,
body.milestone-page .milestone-section .container-milestone .photogal_cont .bx-prev {
    width: 25px;
    height: 25px;
    position: absolute;
    background: url(../img/arow_button.png) no-repeat;
    top: 40px;
    font-size: 0;
    text-indent: -9999999px
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .bx-next {
    background-position: -125px 0;
    right: 15px
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .bx-next.disabled {
    pointer-events: none
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .bx-prev {
    background-position: -125px -30px;
    right: 45px
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .bx-prev.disabled {
    pointer-events: none
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .col-md-4-gallery-pull {
    right: 66.6667%
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .col-md-8-gallery-push {
    left: 33.3333%
}

body.milestone-page .milestone-section .container-milestone .photogal_cont .col-md-8-gallery-push.zoom-img-box.zoom-box {
    left: 0
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont {
    width: 180px;
    float: left;
    margin-right: 20px
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont .bx-wrapper {
    background: url(../img/dotted_line.png) no-repeat center 0;
    padding-top: 50px
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont .bx-viewport {
    height: 445px!important
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont #pgPager {
    margin: 0;
    padding: 0
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont #pgPager li {
    margin-bottom: 15px;
    color: #FFF
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont #pgPager li .descrip-year {
    background: #000;
    padding: 7px 20px;
    font: 14px arial;
    color: #FFF
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont #pgPager li .year-title {
    font-family: "EurostileLTStd";
    font-size: 15px;
    color: #e31837;
    text-align: center;
    margin-bottom: 10px
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont #pgPager li.active {
    color: #FFF
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont #pgPager li.active .descrip-year {
    background: #e31837
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont #pgPager li.active .year-title {
    font-size: 24px
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont .bx-next,
body.milestone-page .milestone-section .container-milestone .thumbpagerCont .bx-prev {
    width: 40px;
    height: 38px;
    position: absolute;
    background: url(../img/arow_button.png) no-repeat;
    font-size: 0;
    text-indent: -9999999px;
    left: 85px;
    z-index: 1
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont .bx-next {
    background: url(../img/milestone-donw-arow.png) no-repeat;
    width: 180px;
    bottom: -40px;
    box-shadow: 1px -25px 27px #343434;
    left: 15px
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont .bx-next.disabled {
    pointer-events: none
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont .bx-prev {
    background-position: -32px 0;
    top: 0
}

body.milestone-page .milestone-section .container-milestone .thumbpagerCont .bx-prev.disabled {
    pointer-events: none
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body.milestone-page .flex {
        display: inline-block
    }
    body.milestone-page .milestone-section .vam_box {
        margin-top: 0;
        height: auto
    }
    body.milestone-page .milestone-section .container-milestone {
        width: 700px
    }
    body.milestone-page .milestone-section .container-milestone .photo-gallery-mobile {
        display: none
    }
    body.milestone-page .milestone-section .container-milestone #bx-pager-box {
        display: none
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .white-cont-box {
        margin: 0 15px
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .white-cont-box .cont-pa20 {
        height: 170px;
        overflow: auto
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .white-cont-box .cont-pa20.HT365 {
        height: 365px
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .white-cont-box .cont-pa20.HT365.TB170 {
        height: 150px
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .col-md-4-gallery-pull {
        right: 0
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .col-md-8-gallery-push {
        left: 0
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .vam_box .white-cont-box .cont-pa20 {
        height: auto
    }
}

@media only screen and (max-width:767px) {
    body.milestone-page .PR.video-gallery-box .mbfix {
        height: 355px
    }
    body.milestone-page .flex {
        display: inline-block
    }
    body.milestone-page .milestone-section {
        padding: 20px 0
    }
    body.milestone-page .milestone-section .container-milestone {
        width: 100%
    }
    body.milestone-page .milestone-section .container-milestone .PhotoGallery {
        display: none
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .bx-next,
    body.milestone-page .milestone-section .container-milestone .photogal_cont .bx-prev {
        top: 45%
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .bx-next {
        right: 0
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .bx-prev {
        right: auto;
        left: 0
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .white-cont-box {
        margin: 0 15px;
        min-height: 200px
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .white-cont-box .dec-lh20 {
        height: 90px;
        overflow-y: auto
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .white-cont-box .dec-box-ht250 {
        height: 247px;
        overflow-y: auto;
        font: 15px/22px arial
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .col-md-4-gallery-pull {
        right: 0
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont .col-md-8-gallery-push {
        left: 0
    }
    body.milestone-page .milestone-section .container-milestone .photogal_cont {
        padding: 0
    }
    body.milestone-page .milestone-section .container-milestone .photo-gallery-mobile {
        position: relative;
        display: block
    }
    body.milestone-page .milestone-section .container-milestone #bx-pager-box {
        width: 100%;
        overflow-x: scroll;
        padding-top: 0;
        background: url(../img/line-dot.png) no-repeat 0 15px;
        background-size: 100% auto
    }
    body.milestone-page .milestone-section .container-milestone #bx-pager-mobile li {
        padding: 22px 0
    }
    body.milestone-page .milestone-section .container-milestone #bx-pager-mobile li.active {
        font-size: 18px
    }
    body.milestone-page .milestone-section .container-milestone #bx-pager-mobile li.active a span {
        width: 20px;
        height: 20px;
        border-radius: 12px;
        background: #e31837;
        top: -30px
    }
    body.milestone-page .milestone-section .container-milestone #bx-pager-mobile li a {
        width: 100px;
        float: left;
        text-align: center;
        font-family: "EurostileLTStd";
        font-size: 15px;
        color: #e31837;
        position: relative
    }
    body.milestone-page .milestone-section .container-milestone #bx-pager-mobile li a span {
        width: 10px;
        height: 10px;
        border: 2px solid #e31837;
        position: absolute;
        border-radius: 7px;
        left: 50%;
        top: -24px;
        margin-left: -6px;
        background: #333
    }
}