/* Styles for dialog window */
#small-dialog {
	text-align: left;
	max-width:30%;
	margin: 40px auto;
	position: relative;
}
/* start state */
.my-mfp-zoom-in #small-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready #small-dialog {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing #small-dialog {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
/**
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width:20px;
  height:30px;
  position: absolute;
  right:-30px;
  top:-25px;
  text-decoration: none;
  text-align: center;
  opacity: 0.85;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  outline:none;
  font-family: 'Open Sans', sans-serif;		
 }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
.mfp-close-btn-in .mfp-close {
  color: #FFF; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color:#FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; 
}
.priceing-tabel{
	background: #151C27;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #0D131A;
	 font-family: 'Open Sans', sans-serif;		
}
.priceing-tabel:last-child{
	margin-right:0;
}
.priceing-tabel ul li{
  	list-style-type:none;
}
.priceing-header a{
	color: #FFF;
	font-size:3em;
	display: block;
	padding: 0.5em 0;
}
.priceing-header a span{
	font-size: 0.6em;
	vertical-align:top;
}
.priceing-header a label{
	font-size: 0.4em;
	color: #9095AA;
	padding-left:5px;
}
.priceing-header h4{
	background:#FF742C;
	color: #FFF;
	text-transform: uppercase;
	border-bottom: 5px solid #DA530E;
	padding:0.8em 0;
	font-size:2.5em;
	font-weight:600;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
}
.priceing-tabel ul li a{
	color: #9095AA;
	font-size: 1.2em;
	padding: 0.8em 0;
	display: block;
	border-bottom: 1px solid rgba(144, 149, 170, 0.22);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.priceing-tabel ul li:first-child a{
	border-top: 1px solid rgba(144, 149, 170, 0.22);
}
.priceing-tabel ul li a:hover{
	color:#FFF;
	background:#394264;
}
.price-btn{
	 display:inline-block;
	 margin:1em 0;
    color:#FFF;
    font-size:1.2em;
    font-weight:400;
    background:#7accc8;
    padding:10px 30px;
    border-bottom:4px solid #45A39E;
    border-radius:3px;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   -o-border-radius:3px;
    -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}
.price-btn:hover{
	  background:#60C2BD;
}
.price-btn:active{
	  position:relative;
   	  top:5px;
}
@media all and (max-width:1024px){
	#small-dialog{
		max-width:50%;
	}
}
@media all and (max-width:640px){
	#small-dialog{
		max-width:75%;
	}
}
@media all and (max-width:480px){
	.priceing-header h4{
		font-size:2em;		
		padding:0.5em 0;
   }
   .priceing-header a{
   	 font-size:2em;
   	 padding:0.2em 0;
   }
   .priceing-tabel ul li a{
   	  font-size:1em;
   }
}
@media all and (max-width:320px){
	.priceing-header h4{
		font-size:1.8em;
	}
	.priceing-header a{
		font-size:1.5em;
	}
}