/*!
 * jquery.niftymodals v1.1.1 (https://github.com/foxythemes/jquery-niftymodals)
 * Copyright 2016 Codrops <www.codrops.com> and Foxy Themes 
 * Licensed under Codrops license http://tympanus.net/codrops/licensing/ 
 */
/* General styles for the modal */
/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
  height: 100%;
  overflow: hidden;
}
.md-perspective body {
  background: #222;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px;
}
.md-container {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.md-show {
  visibility: visible;
}
.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}
/* Content styles */
.md-content {
  color: #fff;
  background: #fff;
  position: relative;
  border-radius: 6px;
  margin: 0 auto;
}


/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.md-content .title{ padding:20px 40px 30px;}
.md-content .text{ padding:0 40px 10px;}
.md-content .text .p{ font-size:30px; font-weight:bold; color:#303030; padding:0 20px; margin-bottom:45px;}
.md-content .text li{ margin-bottom:40px;}
.md-content .text li label{ font-size:18px; color:#2c2b2b; display:block; width:100%; margin-bottom:10px;}
.md-content .text li input[type="text"]{ width:90%; height:50px; border:1px solid #e4e4e4; font-size:18px; padding:0 20px;}
.md-content .text li input[type="reset"]{ width:120px; height:50px; border:1px solid #bfbfbf; border-radius:4px; background:#fff; cursor:pointer; font-size:18px; margin:0 20px;} 
.md-content .text li input[type="submit"]{ width:120px; height:50px; border:1px solid #0074bf; border-radius:4px; background:#0074bf; color:#fff;  cursor:pointer;  font-size:18px; margin:0 20px;}
.md-content .text li:last-child{ text-align:center;}
.md-content .text button{ background:url(../images/yw/yw-close.png) no-repeat center; width:37px; height:37px; border:none; cursor:pointer; position:absolute; top:20px; right:10px;}