/** font face **/
@font-face {
    font-family: 'tcfNoli-SemiBold';
    font-weight:normal;
    src:
            url('fonts/TCFNoli-SemiBold.eot?#iefix') format('embedded-opentype'),
            url('fonts/TCFNoli-SemiBold.woff') format('woff'),
            url('fonts/TCFNoli-SemiBold.ttf')  format('truetype'),
            url('fonts/TCFNoli-SemiBold.svg#TCFNoli-SemiBold') format('svg');
    font-style: normal;
}
/** font face **/
@font-face {
    font-family: 'tcfNoli-Black';
    font-weight:normal;
    src:
            url('fonts/TCFNoli-Black.eot?#iefix') format('embedded-opentype'),
            url('fonts/TCFNoli-Black.woff') format('woff'),
            url('fonts/TCFNoli-Black.ttf')  format('truetype'),
            url('fonts/TCFNoli-Black.svg#TCFNoli-Black') format('svg');
    font-style: normal;
}

#overlay {
    /*position: fixed; !* Sit on top of the page content *!*/
    /*display: block; !* Hidden by default *!*/
    /*width: 100%; !* Full width (cover the whole page) *!*/
    /*height: 100%; !* Full height (cover the whole page) *!*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*background-color: rgba(0,0,0,0.5); !* Black background with opacity *!*/
    /*z-index: 9999; !* Specify a stack order in case you're using a different order for other elements *!*/
    /*min-width: 320px;*/
    /*width: 100%;*/
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    background: #000 url('../images/mcvs/landingpage_main_bg.jpg') no-repeat center top;
    background-size: 100%;
}

.smoke-c { width: 100%; height: 100%; }
.smoke-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
    @-webkit-keyframes clouds {
        0% {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

    @-moz-keyframes clouds {
        0% {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

    @-ms-keyframes clouds {
        0% {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

    @-o-keyframes clouds {
        0% {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

    @keyframes clouds {
        0% {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%);
        }
    }
.smoke-img:before, .smoke-img:after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background-image: url('../images/mcvs/smoke.png');
   background-position: 0 0;
   background-size: 100%;
   opacity: 0.7;
   -webkit-animation: clouds 90s linear infinite;
   -moz-animation: clouds 90s linear infinite;
   -ms-animation: clouds 90s linear infinite;
   -o-animation: clouds 90s linear infinite;
   animation: clouds 90s linear infinite;
}
.smoke-img:before {
 right: 100%;
}
.introopacity { opacity: 0; }
.tcfNoli-SemiBold { font-family: 'tcfNoli-SemiBold', sans-serif; }
.tcfNoli-Black { font-family: 'tcfNoli-Black', sans-serif; }
.sixteen-nine {
    position: relative;
}
.sixteen-nine:before {
     display: block;
     content: "";
     width: 100%;
     padding-top: 56.25%;
 }
.sixteen-nine .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.landing-page-mcvs {
    min-width: 320px;
    width: 100%;
    background: #000000 url('../images/mcvs/landingpage_main_bg.jpg') no-repeat center top;
    background-size: 100%;
}
#main-wrapper {
    -webkit-box-shadow:0 0 100px 0 #000 inset;
    -moz-box-shadow:0 0 100px 0 #000 inset;
    -ms-box-shadow:0 0 100px 0 #000 inset;
    -o-box-shadow:0 0 100px 0 #000 inset;
    box-shadow:0 0 100px 0 #000 inset;

}
.ribbon-corner-ul {
    top: 0;
    left: 0;
}
.ribbon-corner-br {
    z-index: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.l-p-m-container {
    width: 100%;
    height: 100%;
}
.l-p-m-c-center { width: 50%; position: relative; z-index: 1; }
.l-p-m-c-side { width: 25%; z-index: 1; position: relative;}
.m-auto-left { margin-left: 25%;}
.main-center-container {
    color: #fff;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.gameloft-central-logo {
    margin: 30px auto 17px;
}
.mobile-redirect-link { display: none; }
.mobile-redirect-link span.go-to-central { text-transform: uppercase; font-family: 'tcfNoli-SemiBold', sans-serif; font-size: 15px; text-decoration: underline; color: #fff; cursor: pointer; }
.fa { padding-left: 5px; font-size: 19px;}

.mobile-redirect-link {
    margin-top: 31px;
}
#overlay a { font-size: 11px; }
.fa { font-size: 12px;}
.m-c-c-mcvslogo {
    max-width: 338px;
    width: 48%;
    margin: 0 auto 5px;
}
.m-c-c-mcvslogo img { width: 100%; height: auto; }
.video-frame {
    background-color: #000;
    border: 2px solid #fff;
    cursor: pointer;
}
.video-frame .placeholder-vid {
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.video-frame .placeholder-vid img { width: 100%; height: 100%; }
.video-frame .placeholder-vid span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transition: all ease 0.5s;
    overflow: hidden;
}
.video-frame .placeholder-vid span:before, .video-frame .placeholder-vid span:after {
   content: '';
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -16px 0 0 -8px;
   border-left: 22px solid #fff;
   border-top: 16px solid transparent;
   border-bottom: 16px solid transparent;
   -webkit-transition: all ease 0.4s;
   -moz-transition: all ease 0.4s;
   -ms-transition: all ease 0.4s;
   -o-transition: all ease 0.4s;
   transition: all ease 0.4s;
}
.video-frame .placeholder-vid:before {
   -webkit-transform: scale(0.1) translateX(-100px);
   -moz--transform: scale(0.1) translateX(-100px);
   -ms--transform: scale(0.1) translateX(-100px);
   -o--transform: scale(0.1) translateX(-100px);
   transform: scale(0.1) translateX(-100px);
 }
.video-frame .placeholder-vid:after {
   -webkit-transform:scale(1) translateX(0);
   -moz-transform:scale(1) translateX(0);
   -ms-transform:scale(1) translateX(0);
   -o-transform:scale(1) translateX(0);
   transform:scale(1) translateX(0);
}
.video-frame .placeholder-vid:hover span {
    border-color: #00bff3;
}
.video-frame .placeholder-vid:hover span:before {
    -webkit-transform:scale(1) translateX(0);
    -moz-transform:scale(1) translateX(0);
    -ms-transform:scale(1) translateX(0);
    -o-transform:scale(1) translateX(0);
    transform:scale(1) translateX(0);
}
.video-frame .placeholder-vid:hover span:after {
    -webkit-transform: scale(0.1) translateX(-100px);
    -moz--transform: scale(0.1) translateX(-100px);
    -ms--transform: scale(0.1) translateX(-100px);
    -o--transform: scale(0.1) translateX(-100px);
    transform: scale(0.1) translateX(-100px);
}

.store-badges li { display: inline-block; width:20%; margin: 0 2%; }
.store-badges li a { display: block; width: 100%; }
.store-badges li a img { width: 100%; height: auto; }
.txt-1 { margin-top: -38px; letter-spacing: 10px; font-size: 1.8em;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
}
.txt-2 { margin: 30px auto 25px; }
.sidebar-container {
 padding: 20px 16% 20px 16%;
 color: #fff;
}
.sns-container { margin: 10px auto 50px; }
.sns-container ul { width: 100%; }
.sns-container ul li { display: inline-block; margin: 0 1px; opacity: 0; }
.sns-container ul li a { display: block; width: 30px; height: 30px; line-height: 30px; background-color: #fff; font-size: 16px; color: #000;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.articles-container { font-family: 'tcfNoli-SemiBold', sans-serif; }
.articles-container .a-c-items { padding: 15px; background-color: #fff; }
.articles-container .a-c-items ul li { margin-bottom: 15px; opacity: 0; }
.articles-container .a-c-items ul li:last-child { margin-bottom: 0; }
.articles-container .a-c-items ul li img { width: 100%; height: auto; }
.articles-container .a-c-items ul li p { margin-top: 3px; font-size: 15px; color: #000; line-height: 1.2; }
.redirect-container {
    width: 100%;
    padding-top: 20px;
}
.redirect-container .arrow-right img {
    width: 100%; height: auto;
}
.character-container {
    left: -55px;
    bottom: 0;
    width: 28%;
}
.character-container img { width: 100%; height: auto; }
.mcvs-footer {
    position: absolute;
    width: 100%;
    min-width: 100%;
    bottom: 0;
    padding: 10px 20px 30px;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mcvs-footer p {
    width: 60%;
    color: #fff;
    font-size: 12px;
    margin: 0 auto; font-family: 'tcfNoli-SemiBold', sans-serif; @extend .par-small; }
/*media queries*/
@media screen and (max-width: 1200px){
    .sidebar-container { padding-top: 30px; }
}
@media screen and (max-width: 1024px){
    .articles-container .a-c-items ul li p { font-size: 12px; }
}
@media screen and (max-width: 950px){
    .txt-1 { font-size: 1.1em; margin-top: -25px; }
}
@media screen and (max-width: 810px){
    .main-center-container { padding: 0 2%; }
    .ribbon-corner-ul { display: none; }
    .ribbon-corner-br { display: none; }
    .l-p-m-c-center { width: 100%; margin: auto; }
    .l-p-m-c-side { width: 100%; margin: auto; }
    .m-auto-left { margin-left: 0;}
    .gameloft-central-logo { float:left; }
    .mobile-redirect-link { display: inline-block; float: right; margin-top: 38px; }
    .txt-1 { letter-spacing: 3px; }
    .store-badges li { display: inline-block; width: 35%; margin: 0 auto 8px; }
    .sidebar-container { padding: 0 0 20px 0; }
    .sns-container {
        margin-top: 30px;
        margin-bottom: 0;
    }
    .sns-container li { margin: 0 5px;}
    .articles-container { margin-top: 45px; }
    .articles-container .a-c-items { padding:0; }
    .articles-container .a-c-items > p { border-top: 4px double #fff; width: 80%; padding-top: 40px; margin: 60px auto 10px; }
    .articles-container .a-c-items ul {
        height: 100%;
        padding: 10px 1%;
    }
    .articles-container .a-c-items ul:after { content: ""; display: block; width: 100%; clear: both; }
    .articles-container .a-c-items ul li { width: 80%; height: auto; padding: 0; margin: 1px auto 12px; }
    .articles-container .a-c-items ul li p { font-size: 14px; }
    .character-container { display: none; }
    .redirect-container { display: none; }
}
@media screen and (max-width: 640px){
    .txt-1 { font-size: 1.5em; }
    .store-badges li { width: 28%; margin: 0 1%; }
}
@media screen and (max-width: 480px){
    .gameloft-central-logo { width: 140px; }
    img { width: 100%; height: auto; }
    .a-c-items ul li { width: 98%; height: auto; padding: 0; margin: 1px 1% 10px; }
    .a-c-items ul li p { font-size: 12px; }
}
@media screen and (max-width: 360px){
    .txt-1 { margin-top: 0; font-size: 16px; letter-spacing: 3px; }
    .store-badges li { width: 40%; }
    .mobile-redirect-link span.go-to-central { font-size: 10px;}
}

/*mcvs header banner styles*/
/*some styles inherited from landingo-page css*/
.smoke-c {
    width: 100%; height: 100%;
}
.smoke-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
@-webkit-keyframes clouds{
    0%{
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@-moz-keyframes clouds{
    0%{
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@-ms-keyframes clouds{
    0%{
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@-o-keyframes clouds{
    0%{
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@keyframes clouds{
    0%{
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}
.smoke-c .smoke-img:before, .smoke-c .smoke-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../images/mcvs/smoke.png');
    background-position: 0 0;
    background-size: 50%;
    opacity: 0.7;
    -webkit-animation: clouds 90s linear infinite;
    -moz-animation: clouds 90s linear infinite;
    -ms-animation: clouds 90s linear infinite;
    -o-animation: clouds 90s linear infinite;
    animation: clouds 90s linear infinite;
}
.smoke-c .smoke-img:before { right: 100%; }

.mcvs-hb-video, .mcvs-hb-content {
    width: 50%;
    padding: 0 10px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.mcvs-hbanner {
    height: 400px;
    background: #000 url('../images/mcvs/landingpage_main_bg.jpg');
    color: #fff;
}
.mcvs-hb-video .video-frame {
    margin: 42px 0;
    background-color: #000;
    border: 2px solid #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease 0.5;
    -moz-transition: all ease 0.5;
    -ms-transition: all ease 0.5;
    -o-transition: all ease 0.5;
    transition: all ease 0.5;
}
.mcvs-hb-video .video-frame .placeholder-vid {
    z-index:2;
    left: 0;
    right:0;
    top: 0;
    bottom:0;
}
.mcvs-hb-video .video-frame img { width: 100%; height: 100%; }
.mcvs-hb-video .vf-playvideo {
    top: 50%;
    left: 50%;
    -webkit-transform :translate(-50%, -50%);
    -moz-transform :translate(-50%, -50%);
    -ms-transform :translate(-50%, -50%);
    -o-transform :translate(-50%, -50%);
    transform :translate(-50%, -50%);
    display: block;
    padding: 10px 25px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 24px;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
}
.mcvs-hb-content { padding-top: 60px; }
.mcvs-hb-content p { margin: 0 auto; font-size: 24px; line-height: 1.2; }
.mcvs-hb-content .mcvs-h-c-logo {
    max-width: 270px;
    width: 100%;
    margin: 0 auto 20px;
}
.mcvs-hb-content img { width: 100%; height: auto; }
.mcvs-hb-content .store-badges { margin: 25px auto 0; }
.mcvs-hb-content .store-badges li { display: inline-block; width:25%; margin: 0 1%; }
.mcvs-hb-content .store-badges li a { display: block; width: 100%; }
.mcvs-hb-content .store-badges li img { width: 100%; height: auto; }
.mcvs-hb-content .vf-playvideo-mobile {
    display: none;
    padding: 10px 25px;
    margin: 10px auto;
    border: 2px solid #fff;
    color: #fff;
    font-size:24px;
}

/*media queries*/
@media screen and (max-width: 1400px) {
    #overlay .container { width: 80%; margin: auto; }
}
@media screen and (max-width: 1200px) {
    .mcvs-hbanner { height: 400px; }
    .mcvs-hb-video .video-frame { margin: 75px 0; }
    .mcvs-hb-video .vf-playvideo { font-size: 18px; }
    .mcvs-hb-content p { font-size: 20px; }
}
@media screen and (max-width: 1024px) {
    .mcvs-hb-video .video-frame { margin: 92px 0; }
}
@media screen and (max-width: 950px) {
    .mcvs-hbanner {
        height: 370px;
    }

    @media screen and (max-width: 810px) {
        .mcvs-hb-video {
            display: none;
        }

        .mcvs-hb-content {
            width: 100%;
            float: none;
        }

        .mcvs-hb-content p {
            font-size: 18px;
        }

        .mcvs-hb-content .mcvs-h-c-logo {
            max-width: 200px;
            margin: 0 auto 10px;
        }

        .mcvs-hb-content .vf-playvideo-mobile {
            display: inline-block;
            line-height: 1;
        }

        .mcvs-hb-content .store-badges {
            margin: 0 auto;
        }
    }
    @media screen and (max-width: 640px) {
        .mcvs-hbanner {
            height: 300px;
        }

        .mcvs-hb-content {
            width: 100%;
            float: none;
        }

        .mcvs-hb-content p {
            font-size: 14px;
        }

        .mcvs-hb-content .mcvs-h-c-logo {
            max-width: 150px;
            margin: 0 auto 10px;
        }

        .mcvs-hb-content .vf-playvideo-mobile {
            margin: 0 auto;
        }
    }
    @media screen and (max-width: 480px) {
        .mcvs-hb-content .store-badges li {
            display: inline-block;
            width: 30%;
            margin: 0 1% 5px;
        }
    }
    @media screen and (max-width: 400px) {
        .mcvs-hbanner {
            height: 380px;
        }

        .mcvs-hb-content .store-badges li {
            display: inline-block;
            width: 45%;
            margin: 0 1% 5px;
        }
    }
}

@media all and (max-width: 640px) {
    .carousel-caption.widget-carousel-caption .w-c-caption, .post-content, .mcvs-hbanner .mcvs-hb-content .vf-playvideo-mobile {
        font-size: 13px
    }
}

.ease, .header-banner, .main-carousel .carousel-inner .item, .carousel-indicators li, .main-center-container .video-frame .placeholder-vid span, .mcvs-hbanner .mcvs-hb-video .video-frame, a, input[type="submit"], button {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}


.main-carousel .carousel-inner .item {
    /*padding-top: 61px;*/
    background: #181818
}

.main-carousel .carousel-inner .item .slide-img-container {
    width: 100%;
    height: auto
}

.main-carousel .carousel-inner .item .slide-img-container.object-fit {
    background-size: cover;
    background-position: center 20%
}

.main-carousel .carousel-inner .item .slide-img-container.object-fit img {
    opacity: 0
}

.main-carousel .carousel-inner .item .slide-img-container img {
    width: 100%;
    height: 545px;
    object-fit: cover;
    object-position: center center
}

@media (max-width: 1200px) {
    .main-carousel .carousel-inner .item .slide-img-container img {
        height: 400px
    }
}

@media (max-width: 950px) {
    .main-carousel .carousel-inner .item .slide-img-container img {
        height: 370px
    }
}

@media (max-width: 640px) {
    .main-carousel .carousel-inner .item .slide-img-container img {
        height: 300px
    }
}

@media (max-width: 400px) {
    .main-carousel .carousel-inner .item .slide-img-container img {
        height: 380px
    }
}

.carousel-control {
    z-index: 2
}

.carousel-control .glyphicon {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px
}

.carousel-fade .carousel-inner .item {
    transition-property: opacity
}

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    opacity: 0
}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0)
}

.carousel-fade .carousel-control {
    z-index: 2
}

.carousel.widget-carousel {
    min-height: 320px
}

@media (max-width: 767px) {
    .carousel.widget-carousel {
        max-width: 300px;
        width: 100%;
        margin: 0 auto
    }
}

.carousel.widget-carousel .carousel-inner {
    height: 320px
}

@media (max-width: 767px) {
    .carousel.widget-carousel .carousel-inner {
        height: 360px
    }
}

.carousel-caption.widget-carousel-caption {
    position: relative;
    left: auto;
    right: auto
}

.carousel-caption.widget-carousel-caption .w-c-caption {
    margin-top: 15px;
    color: #0095f3;
    text-shadow: none;
    font-weight: bold
}