/* --- Website by Ogino Design : www.oginodesign.com --- */

/* --- FADE IN --- */

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* --- FLOAT/BOUNCE --- */

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 15px);}
    to {-webkit-transform: translate(0, -0px);}    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 15px);}
    to {-moz-transform: translate(0, -0px);}    
}

/* --- PADDING --- */

.pad-tb-0{ padding-top:0; padding-bottom:0; }
.pad-tb-15{ padding-top:15px; padding-bottom:15px; }
.pad-tb-30{ padding-top:30px; padding-bottom:30px; }
.pad-tb-60{ padding-top:60px; padding-bottom:60px; }

.pad-tb-30-content{ padding-top:30px; padding-bottom:15px; }
.pad-tb-60-content{ padding-top:60px; padding-bottom:45px; }
.pad-tb-60-minified{ padding-top:60px; padding-bottom:15px; }

.pad-t-0{ padding-top:0; }
.pad-b-0{ padding-bottom:0; }
.pad-t-15{ padding-top:15px; }
.pad-b-15{ padding-bottom:15px; }
.pad-t-30{ padding-top:30px; }
.pad-b-30{ padding-bottom:30px; }
.pad-t-45{ padding-top:45px; }
.pad-b-45{ padding-bottom:45px; }
.pad-t-60{ padding-top:60px; }
.pad-b-60{ padding-bottom:60px; }

.pad-lr-15{ padding-left:15px; padding-right:15px; }
.pad-lr-30{ padding-left:30px; padding-right:30px; }
.pad-lr-60{ padding-left:60px; padding-right:60px; }

.pad-15{ padding:15px; }
.pad-30{ padding:30px; }
.pad-60{ padding:60px; }

.no-margin{ margin:0; }
.no-padding{ padding:0; }

@media (max-width:767px){

    .pad-tb-60{ padding-top:30px; padding-bottom:30px; }

    .pad-tb-60-content{ padding-top:30px; padding-bottom:15px; }
    .pad-tb-60-minified{ padding-top:30px; padding-bottom:15px; }

    .pad-t-60{ padding-top:30px; }
    .pad-b-60{ padding-bottom:30px; }

    .pad-lr-60{ padding-left:30px; padding-right:30px; }

    .pad-30{ padding:15px; }
    .pad-60{ padding:30px; }

}

/* --- CSS TABLE --- */

.display-table{ display:table; float: none; }
.display-table-row{ display:table-row; }
.display-table-cell{ display:table-cell; float: none; vertical-align:top; }
.display-table-cell-middle{ vertical-align:middle; }
.display-table-full{ width:100%; margin-left:auto; margin-right:auto; }

@media (max-width:767px){

  .display-table-responsive{ display:inline-block; }
  .display-table-responsive .display-table-row{ display:inline-block; }
  .display-table-responsive .display-table-cell{ display:inline-block; }

}

/* --- IMG RESPONSIVE --- */

.img-content{ margin-bottom:15px; }

@media (max-width:767px){

  .img-responsive{ width:100%; }
  
}

/* --- MODAL --- */

/* .modal.fade {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}*/

@media (min-width: 1200px){ .modal-dialog{ width:1170px; } }
@media (min-width: 992px) and (max-width:1199px){ .modal-dialog{ width:970px; } }
@media (min-width: 768px) and (max-width:991px){ .modal-dialog{ width:750px; } }

/* --- FLEX MEDIA --- */

.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 15px!important;
  overflow: hidden;
}
.flex-video.widescreen {
  padding-bottom: 57.25%;
}
.flex-video.album {
    padding-top:0;
    padding-bottom:100%;
}
.flex-video.vimeo {
  padding-top: 0;
} 
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}