/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel-fade {
    .carousel-inner {
        .item {
            transition-property: opacity;
        }
        
        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

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

    .carousel-control {
        z-index: 2;
    }
}
.carousel, 
.carousel-inner, 
.carousel-inner .item {
    height: 300px;
}
.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
     width: 100%;
      height: 300px;
  }
  .modal {
 display: none;
 overflow: hidden;
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 -webkit-overflow-scrolling: touch;
 z-index: 1080;
 outline: 0;
}
.modal.fade .modal-dialog {
 -webkit-transform: scale(0.5);
 -ms-transform: scale(0.5);
 -o-transform: scale(0.5);
 transform: scale(0.5);
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
 -o-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
 -ms-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
 -moz-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
 transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
 -webkit-transform-origin: center top 0;
 -moz-transform-origin: center top 0;
 -ms-transform-origin: center top 0;
 transform-origin: center top 0;
}
.modal.in .modal-dialog {
 opacity: 1;
 filter: alpha(opacity=100);
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}

#myModal .modal-dialog {
    width: 600px;
    margin: 160px auto;
}
.banner-app {
background-color: #f2f2f2;
}
.banner-app-wrapper {
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
margin: 0 auto;
padding: 10px 0;
width: 320px;
}
.banner-app-wrapper::after {
clear: both;
content: " ";
display: table;
}
.banner-app-close {
background: url("../images/icon-close-banner.png") no-repeat;
display: block;
font-size: 0;
height: 14px;
line-height: 0;
margin-left: 10px;
margin-right: 5px;
margin-top: 22px;
width: 14px;
}
.banner-logo-download {
background: url("../images/icon-banner-download.png") no-repeat;
display: block;
font-size: 0;
height: 59px;
line-height: 0;
margin-right: 5px;
width: 61px;
}
.banner-app-text {
color: #000000;
font-size: 16px;
line-height: 16px;
margin: 0;
}
.banner-app-text small {
color: #303030;
font-size: 12px;
}

.col-banner-app-col-first {
margin-right: 15px;
margin-top: 15px;
}
.col-banner-app-col-second {
margin-top: 20px;
}
.col-banner-app-col-second a {
color: #000000;
font-size: 20px;
text-decoration: none;
}

.col-banner-app-col-second a:focus,
.col-banner-app-col-second a:hover {
text-decoration: underline;
}