/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media screen and (min-width : 320px) {

    }      

    /* Extra Small Devices, Phones */ 
    @media screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media screen and (min-width : 1200px) {

    }

    /* Large Devices, Wide Screens */
    @media screen and (min-width : 1500px) {

    }

 @media screen and (orientation:portrait) { 

  }
 @media screen and (orientation:landscape) { 

  }


a {
    color: #1c9cd8;
}
a:hover {
    color: #9a233f;
}
a:visited {
    color: #1c9cd8;
}
a:active {
    color: #1c9cd8;
}

body {
  font-family: 'Open Sans', sans-serif;
  color:#fff;
}

     
.mmn-hidden                       { display: none; }
.mmn-message                      {  }
.mmn-message strong               {  }
.mmn-success                      { color: #0fa; }
.mmn-success a                    { font-size: 15pt!important;line-height:1.1; }
.mmn-success p                    { font-size: 14pt!important;line-height:1.1; }
.mmn-error                        { color: rgba(245,39,63,1); }
      
.mmn-dropzone                     { color: #ccc; border-radius: 10px; border: 2px dashed #ccc; height: 300px; line-height: 300px; margin-bottom: 20px; text-align: center; }
.mmn-dropzone.mmn-drop            { border-color: #fff; color: #fff; }
      
.mmn-progress                     { border: 1px solid #fff; border-radius: 5px; height: 2em; text-align: center; }
.mmn-progress span                { position: relative; top: -1.7em; }
.mmn-progress-bar                 { background-color:rgba(245,39,63,0.6); border-radius: 5px; height: 100%; }
      
.mmn-thumbnail                    { border: 1px solid #fff; overflow: hidden; padding: 10px; margin-bottom: 10px; }
.mmn-thumbnail img                { display: inline-block; float: left; margin-right: 10px; max-height: 150px; max-width: 200px; filter: grayscale(1); -webkit-filter: grayscale(1); }
.mmn-thumbnail img:hover          { filter: grayscale(0); -webkit-filter: grayscale(0); }