/*
 *  Remodal - v1.1.1
 *  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 necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  padding: 35px 20px;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* Additional CSS */
.remodal p {
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 1em;
}
.remodal .qrBox {
	border: 1px solid #cccccc;
	padding: 0 10px 10px;
	border-radius: 12px;
    box-sizing: border-box;
}
.remodal .qrBox img {
	display: block;
	margin: 0 auto;
	width: 180px;
	height: auto;
}
.remodal .qrBox a img {
	height: 36px;
	width: auto;
}
#sm_content {
	border: none!important;
	display: none;
}
.sm_field {
	border:1px solid #ccc;
	border-radius: 6px;
	padding-left: 10px;
}

#sm_wrapper {
	width: 100%!important;
}
.sm_submit {
	font-weight: bold;
	border-radius: 6px;
}
.remodal .shareBtns,
.remodal .btns {
	display: block;
	overflow: hidden;
}
.remodal .shareBtns li,
.remodal .btns li {
	display: block;
	position: relative;
}
.remodal .shareBtns li + li,
.remodal .btns li + li {
	margin-top: 20px;
}
.remodal .shareBtns li a {
	display: block;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	padding-left: 60px;
	border-radius: 6px;
	color:#fff;
	text-align: left;
}
.remodal .btns li a {
	display: block;
	height: 80px;
	font-size: 16px;
	border-radius: 6px;
	color:#fff;
	text-align: center;
	padding: 15px 0;
}
.remodal .btns li:nth-child(2) a {
	line-height: 50px;
}
.remodal .shareBtns li a:hover,
.remodal .btns li a:hover {
	text-decoration: none;
}
.remodal .shareBtns li.line a {
	background: #00c300;
}
.remodal .shareBtns li.mail a {
	background: #fea839;
}
.remodal .shareBtns li.fb a {
	background: #315096;
}
.remodal .shareBtns li.tw a {
	background: #55acee;
}
.remodal .shareBtns li a:before {
	display: block;
	position: absolute;
	font-family: 'icomoon';
	font-size: 30px;
	left:15px;
	top:15px;;
	line-height: 1;
}
.remodal .shareBtns li.line a:before {
	content: '\e904';
}
.remodal .shareBtns li.mail a:before {
	content: '\e902';
}
.remodal .shareBtns li.fb a:before {
	content: '\ea91';
}
.remodal .shareBtns li.tw a:before {
	content: '\ea96';
}

.remodal .btns li {
	padding-bottom: 5px;
}
.remodal .btns li a {
	background: #fea839;
	box-shadow: 0 5px rgb(180,109,45);
	font-weight: bold;
}
.remodal .btns li a:before {
	font-size: 30px;
	vertical-align: middle;
}
.remodal .btns li span.ribbon {
	position: absolute;
	display: block;
	background: #e31d1c;
	color:#fff;
	-moz-transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	transform: rotate(-40deg);
    border-top: 2px solid #dcdc64;
    border-bottom: 2px solid #dcdc64;
    padding: 3px 36px;
    left: -40px;
    top: 10px;
    font-weight: bold;
    letter-spacing: -1px;
}
.remodal.compeTerms h3 {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 30px;
	position: relative;
}
.remodal.compeTerms h3:after {
	display: block;
	width: 30px;
	height: 1px;
	margin: 0 auto;
	background: #a0a0a0;
	content:'';
	margin-top: 30px;
}
.remodal.compeTerms table {width:100%;}
.remodal.compeTerms table  th{background: rgba(157,195,0,0.35);font-weight: 600;}
.remodal.compeTerms table  th,
.remodal.compeTerms table  td{padding:8px 10px;border:1px solid #a0a0a0;}
@media screen and (max-width: 600px) {
	.remodal.compeTerms table  th,
	.remodal.compeTerms table  td {
		display: block;
		width: 100%;
		border-bottom: none;
		text-align: center;
	}
	.remodal.compeTerms table tr:last-child td {
		border-bottom: 1px solid #a0a0a0;;
	}
}