/*



 *  Remodal - v1.1.0



 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.



 *  http://vodkabears.github.io/remodal/



 *



 *  Made by Ilya Makarov



 *  Under MIT License



 */







/* ==========================================================================



   Remodal's default mobile first theme



   ========================================================================== */







/* Default theme styles for the background */







.remodal-bg.remodal-is-opening,



.remodal-bg.remodal-is-opened {



  -webkit-filter: blur(3px);



  filter: blur(3px);



}







/* Default theme styles of the overlay */







.remodal-overlay {



  background: rgba(43, 46, 56, 0.9);



}







.remodal-overlay.remodal-is-opening,



.remodal-overlay.remodal-is-closing {



  -webkit-animation-duration: 0.3s;



  animation-duration: 0.3s;



  -webkit-animation-fill-mode: forwards;



  animation-fill-mode: forwards;



}







.remodal-overlay.remodal-is-opening {



  -webkit-animation-name: remodal-overlay-opening-keyframes;



  animation-name: remodal-overlay-opening-keyframes;



}







.remodal-overlay.remodal-is-closing {



  -webkit-animation-name: remodal-overlay-closing-keyframes;



  animation-name: remodal-overlay-closing-keyframes;



}







/* Default theme styles of the wrapper */







.remodal-wrapper {



  padding: 10px 10px 0;



}







/* Default theme styles of the modal dialog */







.remodal {



  box-sizing: border-box;



  width: 100%;



  /*margin-bottom: 10px;*/



  padding: 35px;







  -webkit-transform: translate3d(0, 0, 0);



  transform: translate3d(0, 0, 0);







  color: #2b2e38;



  background: #fff;



	border-radius: 3px;



	text-align: left;



}







.remodal.remodal-is-opening,



.remodal.remodal-is-closing {



  -webkit-animation-duration: 0.3s;



  animation-duration: 0.3s;



  -webkit-animation-fill-mode: forwards;



  animation-fill-mode: forwards;



}







.remodal.remodal-is-opening {



  -webkit-animation-name: remodal-opening-keyframes;



  animation-name: remodal-opening-keyframes;



}







.remodal.remodal-is-closing {



  -webkit-animation-name: remodal-closing-keyframes;



  animation-name: remodal-closing-keyframes;



}







/* Vertical align of the modal dialog */







.remodal,



.remodal-wrapper:after {



  vertical-align: middle;



}







/* Close button */







.remodal-close {



  position: absolute;



  top: 0;



  left: 0;







  display: block;



  overflow: visible;







  width: 35px;



  height: 35px;



  margin: 0;



  padding: 0;







  cursor: pointer;



  -webkit-transition: color 0.2s;



  transition: color 0.2s;



  text-decoration: none;







  color: #95979c;



  border: 0;



  outline: 0;



  background: transparent;



}







.remodal-close:hover,



.remodal-close:focus {



  color: #2b2e38;



}







.remodal-close:before {



  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;



  font-size: 40px;



  line-height: 35px;







  position: absolute;



  top: 0;



  left: 0;







  display: block;







  width: 35px;







  content: "\00d7";



  text-align: center;



}







/* Dialog buttons */







.remodal-confirm,



.remodal-cancel {



  font: inherit;







  display: inline-block;



  overflow: visible;







  min-width: 110px;



  margin: 0;



  padding: 12px 0;







  cursor: pointer;



  -webkit-transition: background 0.2s;



  transition: background 0.2s;



  text-align: center;



  vertical-align: middle;



  text-decoration: none;







  border: 0;



  outline: 0;



}







.remodal-confirm {



  color: #fff;



  background: #81c784;



}







.remodal-confirm:hover,



.remodal-confirm:focus {



  background: #66bb6a;



}







.remodal-cancel {



  color: #fff;



  background: #e57373;



}







.remodal-cancel:hover,



.remodal-cancel:focus {



  background: #ef5350;



}







/* Remove inner padding and border in Firefox 4+ for the button tag. */







.remodal-confirm::-moz-focus-inner,



.remodal-cancel::-moz-focus-inner,



.remodal-close::-moz-focus-inner {



  padding: 0;







  border: 0;



}







/* Keyframes



   ========================================================================== */







@-webkit-keyframes remodal-opening-keyframes {



  from {



    -webkit-transform: scale(1.05);



    transform: scale(1.05);







    opacity: 0;



  }



  to {



    -webkit-transform: none;



    transform: none;







    opacity: 1;



  }



}







@keyframes remodal-opening-keyframes {



  from {



    -webkit-transform: scale(1.05);



    transform: scale(1.05);







    opacity: 0;



  }



  to {



    -webkit-transform: none;



    transform: none;







    opacity: 1;



  }



}







@-webkit-keyframes remodal-closing-keyframes {



  from {



    -webkit-transform: scale(1);



    transform: scale(1);







    opacity: 1;



  }



  to {



    -webkit-transform: scale(0.95);



    transform: scale(0.95);







    opacity: 0;



  }



}







@keyframes remodal-closing-keyframes {



  from {



    -webkit-transform: scale(1);



    transform: scale(1);







    opacity: 1;



  }



  to {



    -webkit-transform: scale(0.95);



    transform: scale(0.95);







    opacity: 0;



  }



}







@-webkit-keyframes remodal-overlay-opening-keyframes {



  from {



    opacity: 0;



  }



  to {



    opacity: 1;



  }



}







@keyframes remodal-overlay-opening-keyframes {



  from {



    opacity: 0;



  }



  to {



    opacity: 1;



  }



}







@-webkit-keyframes remodal-overlay-closing-keyframes {



  from {



    opacity: 1;



  }



  to {



    opacity: 0;



  }



}







@keyframes remodal-overlay-closing-keyframes {



  from {



    opacity: 1;



  }



  to {



    opacity: 0;



  }



}







/* Media queries



   ========================================================================== */







@media only screen and (min-width: 641px) {



  .remodal {



    max-width: 700px;



  }



}







@media only screen and (max-width: 500px) {



	.remodal {



		padding: 35px 10px 10px;



	}



}







/* IE8



   ========================================================================== */







.lt-ie9 .remodal-overlay {



  background: #2b2e38;



}







.lt-ie9 .remodal {



  width: 700px;



}