/*Shortcodes*/

/* Blockquotes */
blockquote.left {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 20px;
	quotes: "\201C""\201D""\2018""\2019";
	color: #6a6a6a;
}
blockquote.left:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote.left cite {
	text-align: left;
	font-style: normal;
}
blockquote.right {
	background: #f9f9f9;
	border-right: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 20px;
	quotes: "\201C""\201D""\2018""\2019";
	color: #6a6a6a;
	text-align: right;
}
blockquote.right:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote.right cite {
	text-align: right;
	font-style: normal;
}
blockquote.border {
	background: #f9f9f9;
	border: 5px solid #ccc;
	margin: 1.5em 10px;
	padding: 1.0em 20px;
	quotes: "\201C""\201D""\2018""\2019";
	color: #6a6a6a;
}
blockquote.border:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote.border cite {
	text-align: left;
	font-style: normal;
}
blockquote.left.red-b {
	border-color: red;
}
blockquote.left.blue-b {
	border-color: blue;
}
blockquote.left.green-b {
	border-color: green;
}
blockquote.left.yellow-b {
	border-color: yellow;
}
/* Horizontal Rules */
hr.style1 {
	border-top: 1px solid #8c8b8b;
}
hr.style2 {
	border-top: 3px double #8c8b8b;
}
hr.style3 {
	border-top: 1px dashed #8c8b8b;
}
hr.style4 {
	border-top: 1px dotted #8c8b8b;
}
hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}
hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}
hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}
hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}
hr.style11 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}
hr.style12 {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
hr.style13 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style13:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}
hr.style14 {
	border-top: 1px dashed #8c8b8b;
}
hr.style14:after {
	content: '\002702';
	display: inline-block;
	position: relative;
	top: -12px;
	left: 40px;
	padding: 0 3px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}
hr.style15 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}
hr.style16 {
	height: 30px;
	border-style: solid;
	border-color: #8c8b8b;
	border-width: 1px 0 0 0;
	border-radius: 20px;
}
hr.style16:before {
	display: block;
	content: "";
	height: 30px;
	margin-top: -31px;
	border-style: solid;
	border-color: #8c8b8b;
	border-width: 0 0 1px 0;
	border-radius: 20px;
}
/* Pricing Tables */
#pricing-table {
	margin: 40px auto;
	text-align: center;
	width: 100%;
	max-width: 892px; /* total computed width = 222 x 3 + 226 */
}
#pricing-table .plan {
	font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
	text-shadow: 0 1px rgba(255,255,255,.8);
	background: #fff;
	border: 1px solid #ddd;
	color: #333;
	padding: 20px;
	width: 100%;
	max-width: 105px; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */
	float: left;
	position: relative;
}
#pricing-table #most-popular {
	z-index: 2;
	top: -13px;
	border-width: 3px;
	padding: 30px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
	box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
}
#pricing-table .plan:nth-child(1) {
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
#pricing-table .plan:nth-child(4) {
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
/* --------------- */
#pricing-table h3 {
	font-size: 20px;
	font-weight: normal;
	padding: 20px;
	margin: -20px -20px 50px -20px;
	background-color: #eee;
	background-image: -moz-linear-gradient(#fff, #eee);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background-image: -webkit-linear-gradient(#fff, #eee);
	background-image: -o-linear-gradient(#fff, #eee);
	background-image: -ms-linear-gradient(#fff, #eee);
	background-image: linear-gradient(#fff, #eee);
}
#pricing-table #most-popular h3 {
	background-color: #ddd;
	background-image: -moz-linear-gradient(#eee, #ddd);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	background-image: -webkit-linear-gradient(#eee, #ddd);
	background-image: -o-linear-gradient(#eee, #ddd);
	background-image: -ms-linear-gradient(#eee, #ddd);
	background-image: linear-gradient(#eee, #ddd);
	margin-top: -30px;
	padding-top: 30px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#pricing-table .plan:nth-child(1) h3 {
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}
#pricing-table .plan:nth-child(4) h3 {
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}
#pricing-table h3 span {
	display: block;
	font: bold 25px/100px Georgia, Serif;
	color: #777;
	background: #fff;
	border: 5px solid #fff;
	height: 100px;
	width: 100px;
	margin: 10px auto -65px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	-webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}
/* --------------- */
#pricing-table ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}
#pricing-table li {
	border-top: 1px solid #ddd;
	padding: 10px 0;
}
/* --------------- */	
#pricing-table .signup {
	position: relative;
	padding: 8px 20px;
	margin: 20px 0 0 0;
	color: #fff;
	font: bold 14px Arial, Helvetica;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	background-color: #72ce3f;
	background-image: -moz-linear-gradient(#72ce3f, #62bc30);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#72ce3f), to(#62bc30));
	background-image: -webkit-linear-gradient(#72ce3f, #62bc30);
	background-image: -o-linear-gradient(#72ce3f, #62bc30);
	background-image: -ms-linear-gradient(#72ce3f, #62bc30);
	background-image: linear-gradient(#72ce3f, #62bc30);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 1px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
}
#pricing-table .signup:hover {
	background-color: #62bc30;
	background-image: -moz-linear-gradient(#62bc30, #72ce3f);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#62bc30), to(#72ce3f));
	background-image: -webkit-linear-gradient(#62bc30, #72ce3f);
	background-image: -o-linear-gradient(#62bc30, #72ce3f);
	background-image: -ms-linear-gradient(#62bc30, #72ce3f);
	background-image: linear-gradient(#62bc30, #72ce3f);
}
#pricing-table .signup:active, #pricing-table .signup:focus {
	background: #62bc30;
	top: 2px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
	box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
}

@media(max-width:359px) {
#pricing-table .plan {
	margin: 0 auto;
	float: none;
}
}
/* Pricing Table DARK */
#pricing-table-dark {
	margin: 40px auto;
	text-align: center;
	width: 100%;
	max-width: 892px; /* total computed width = 222 x 3 + 226 */
}
#pricing-table-dark .plan {
	font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
	background: #4c4c4c;
	border: 1px solid #ddd;
	color: #fff;
	padding: 20px;
	width: 100%;
	max-width: 105px; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */
	float: left;
	position: relative;
}
#pricing-table-dark #most-popular {
	z-index: 2;
	top: -13px;
	border-width: 3px;
	padding: 30px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
	box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
}
#pricing-table-dark .plan:nth-child(1) {
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
#pricing-table-dark .plan:nth-child(4) {
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
/* --------------- */
#pricing-table-dark h3 {
	font-size: 20px;
	font-weight: normal;
	padding: 20px;
	margin: -20px -20px 50px -20px;
	background-color: #2b2b2b;
	background-image: -moz-linear-gradient(#2b2b2b, #383838);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#383838));
	background-image: -webkit-linear-gradient(#2b2b2b, #383838);
	background-image: -o-linear-gradient(#2b2b2b, #383838);
	background-image: -ms-linear-gradient(#2b2b2b, #383838);
	background-image: linear-gradient(#2b2b2b, #383838);
}
#pricing-table-dark #most-popular h3 {
	background-color: #111;
	margin-top: -30px;
	padding-top: 30px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#pricing-table-dark .plan:nth-child(1) h3 {
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}
#pricing-table-dark .plan:nth-child(4) h3 {
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}
#pricing-table-dark h3 span {
	display: block;
	font: bold 25px/100px Georgia, Serif;
	color: #777;
	background: #fff;
	border: 5px solid #fff;
	height: 100px;
	width: 100px;
	margin: 10px auto -65px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	-webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}
/* --------------- */
#pricing-table-dark ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}
#pricing-table-dark li {
	border-top: 1px solid #ddd;
	padding: 10px 0;
}
/* --------------- */	
#pricing-table-dark .signup {
	position: relative;
	padding: 8px 20px;
	margin: 20px 0 0 0;
	color: #fff;
	font: bold 14px Arial, Helvetica;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	background-color: #1f6bb8;
	background-image: -moz-linear-gradient(#1f6bb8, #2378ce);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1f6bb8), to(#2378ce));
	background-image: -webkit-linear-gradient(#1f6bb8, #2378ce);
	background-image: -o-linear-gradient(#1f6bb8, #2378ce);
	background-image: -ms-linear-gradient(#1f6bb8, #2378ce);
	background-image: linear-gradient(#1f6bb8, #2378ce);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 1px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
	box-shadow: 0 1px 0 rgba(100, 100, 100, .7), 0 2px 0 rgba(0, 0, 0, .7);
}
#pricing-table-dark .signup:hover {
	background-color: #2378ce;
	background-image: -moz-linear-gradient(#2378ce, #1f6bb8);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2378ce), to(#1f6bb8));
	background-image: -webkit-linear-gradient(#2378ce, #1f6bb8);
	background-image: -o-linear-gradient(#2378ce, #1f6bb8);
	background-image: -ms-linear-gradient(#2378ce, #1f6bb8);
	background-image: linear-gradient(#2378ce, #1f6bb8);
}
#pricing-table-dark .signup:active, #pricing-table .signup:focus {
	background: #62bc30;
	top: 2px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
	box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
}

@media(max-width:359px) {
#pricing-table-dark .plan {
	margin: 0 auto;
	float: none;
}
}
/*Buttons*/
.btn-flat {
	border-radius: 5px;
	padding: 15px 25px;
	font-size: 22px;
	text-decoration: none;
	margin: 20px;
	color: #fff;
	position: relative;
	display: inline-block;
}
.btn-flat:active {
	transform: translate(0px, 5px);
	-webkit-transform: translate(0px, 5px);
	box-shadow: 0px 1px 0px 0px;
}
.btn-flat:hover {
	text-decoration: none;
	color: #fff;
}
.blue {
	background-color: #55acee;
	box-shadow: 0px 5px 0px 0px #3C93D5;
	color: #fff;
}
.blue:hover {
	background-color: #6FC6FF;
}
.green {
	background-color: #2ecc71;
	box-shadow: 0px 5px 0px 0px #15B358;
}
.green:hover {
	background-color: #48E68B;
}
.red {
	background-color: #e74c3c;
	box-shadow: 0px 5px 0px 0px #CE3323;
}
.red:hover {
	background-color: #FF6656;
}
.purple {
	background-color: #9b59b6;
	box-shadow: 0px 5px 0px 0px #82409D;
}
.purple:hover {
	background-color: #B573D0;
}
.orange {
	background-color: #e67e22;
	box-shadow: 0px 5px 0px 0px #CD6509;
}
.orange:hover {
	background-color: #FF983C;
}
.yellow {
	background-color: #f1c40f;
	box-shadow: 0px 5px 0px 0px #D8AB00;
}
.yellow:hover {
	background-color: #FFDE29;
}
/*Accordions*/
.ui-state-focus { outline: none; }
#accordion-dark{
  width: 250px;
  float:left;
}
#accordion-dark .ui-accordion-content {
  background-color: #222931;
  color: #777;
  font-size: 10pt;
  line-height: 16pt;
}
#accordion-dark .ui-accordion-header {
  background-color: #3A3E4A;
    color: #eee;
  margin: 0px;
}
#accordion-dark .ui-accordion-header a {
  text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
  text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
  border-right: 1px solid rgba(0, 0, 0, .2);
  border-left: 1px solid rgba(0, 0, 0, .2);
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  border-top: 1px solid rgba(250, 250, 250, .2);
}
#accordion-dark .ui-icon-triangle-1-e{
    color: #A8B5C5
}
#accordion-dark .ui-state-active{
    border: 1px solid #111;
}

#accordion-light{
  width: 250px;
  float:left;
}
#accordion-light .ui-accordion-content {
  background-color: #f9f9f9;
  color: #555;
  font-size: 10pt;
  line-height: 16pt;
}
#accordion-light .ui-accordion-header {
  background-color: #f4f4f4;
    color: #888;
  margin: 0px;
}
#accordion-light .ui-accordion-header a {
  text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
  text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
  border-right: 1px solid rgba(0, 0, 0, .2);
  border-left: 1px solid rgba(0, 0, 0, .2);
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  border-top: 1px solid rgba(250, 250, 250, .2);
}
#accordion-light .ui-icon-triangle-1-e{
    color: #A8B5C5
}
#accordion-light .ui-state-active{
    border: 1px solid #dadada;
}
#accordion1 {
	background: #004050;
	width: 250px;
	color: white;
	/*Some cool shadow and glow effect*/
	box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);
}
/*heading styles*/
#accordion1 h3 {
	font-size: 18px;
	line-height: 40px;
	padding: 0 10px;
	cursor: pointer;
	/*fallback for browsers not supporting gradients*/
	background: #003040; 
	background: linear-gradient(#003040, #002535);
	margin-bottom:0px;
}
/*heading hover effect*/
#accordion1 h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordion1 h3 span {
	font-size: 22px;
	margin-right: 10px;
}
/*list items*/
#accordion1 li {
	list-style-type: none;
}
/*links*/
#accordion1 ul ul li a {
	color: white;
	text-decoration: none;
	font-size: 17px;
	line-height: 36px;
	display: block;
	padding: 0 15px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}
/*hover effect on links*/
#accordion1 ul ul li a:hover {
	background: #003545;
	border-left: 5px solid lightgreen;
}
/*Lets hide the non active LIs by default*/
#accordion1 ul ul {
	display: none;
}
#accordion1 li.active ul {
	display: block;
}

#accordion2 {
	background: #004050;
	width: 250px;
	color: #003545;
	/*Some cool shadow and glow effect*/
	box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);
}
/*heading styles*/
#accordion2 h3 {
	font-size: 18px;
	line-height: 40px;
	padding: 0 10px;
	cursor: pointer;
	/*fallback for browsers not supporting gradients*/
	background: #003040; 
	background: linear-gradient(#c0c0c0, #dadada);
	margin-bottom:0px;
}
/*heading hover effect*/
#accordion2 h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordion2 h3 span {
	font-size: 22px;
	margin-right: 10px;
}
/*list items*/
#accordion2 li {
	list-style-type: none;
}
/*links*/
#accordion2 ul ul li a {
    background: #f4f4f4;
	color: #003545;
	text-decoration: none;
	font-size: 17px;
	line-height: 36px;
	display: block;
	padding: 0 15px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}
/*hover effect on links*/
#accordion2 ul ul li a:hover {
	background: #e8e8e8;
	border-left: 5px solid #005c78;
}
/*Lets hide the non active LIs by default*/
#accordion2 ul ul {
	display: none;
}
#accordion2 li.active ul {
	display: block;
}
/*Tooltips*/
.tooltip_templates {
	display: none; 
}
.mylightbox{
	display:none;
}
/*Call to Action*/
#contact-cta-section {
font-family: "proxima-nova", sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
float: left;
width: 100%;
text-align: center; 
}
.wrapper-full {
  position: relative;
max-width: 1050px;
    width: 100%;
margin: 0 auto;
}
.cta-wrapper {
margin-bottom: 0;
text-align: left;
padding: 28px;
background-color: #3686BE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.cta-red{
    background-color: red;
}
.cta-green{
    background-color: green;
}
.cta-orange{
    background-color: orange;
}
.cta-wrapper .details-wrapper {
float: left;
width: 60%;
}
.cta-wrapper .details-wrapper h2 {
font-weight: 600;
margin: 0 0 4px 0;
color: #FFF;
font-size: 27px;
}
.cta-wrapper .details-wrapper p {
font-size: 18px;
color: #FFF;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.cta-wrapper .cta-button {
text-transform: uppercase;
letter-spacing: 0.1em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
font-weight: 600;
display: inline-block;
white-space: pre;
margin: 31px 0 25px 0;  
float: right;
margin: 0;
padding: 17px 0;
width: 40%;
text-align: center;
}

.cta-blue-btn{
color: #3686BE !important;
background-color: #FFF;
}
.cta-red-btn{
color: red !important;
background-color: #FFF; 
}
.cta-green-btn{
color: green !important;
background-color: #FFF; 
}
.cta-orange-btn{
color: orange !important;
background-color: #FFF; 
}
@media(max-width:545px){
    .cta-wrapper .blue-cta-button{
        font-size: 2.5vw;
        margin-top:15px !important;
        
    }
    .cta-wrapper .details-wrapper, .cta-wrapper .blue-cta-button{
        float:none;
        margin: 0 auto;
        display: block;
        text-align: center;
    }
}
/*Modal*/
.body-modalx {
	max-width: 700px;
	background-color: rgba(255, 255, 255, 0.95);
	padding: 15px 15px 15px 15px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.32);
	-moz-box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.32);
	box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.32)
}
.body-modalx img{
	max-width: 100%;
}
.btn-close-modalx {
	background-color: #fff;
	color: #000;
	font-size: 16px;
	border: none;
	outline: none;
	padding: 7px;
	letter-spacing: 2px;
	border-radius: 2px;
	transition: 0.2s;
	margin-top: 14px;
}
.btn-close-modalx:hover {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}
#modalx-fastFade {
	-webkit-animation-name: fade-Out;
	animation-name: fade-Out;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes fade-Out {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}
@keyframes fade-Out {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}
.popup_visible #modalx-fastFade {
	-webkit-animation-name: fastFade;
	animation-name: fastFade;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes fastFade {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@keyframes fastFade {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
/*/*/

/**/

#modalx-fadeScale {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}
.popup_visible #modalx-fadeScale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
/*/*/

/**/

#modalx-fadeOutUp {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}
@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}
.popup_visible #modalx-fadeOutUp {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
/*/*/

/**/

#modalx-slowFade {
	-webkit-animation-name: fastFadeOut;
	animation-name: fastFadeOut;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes fastFadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}
@keyframes fastFadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}
.popup_visible #modalx-slowFade {
	-webkit-animation-name: fastFade;
	animation-name: fastFade;
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes fastFade {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@keyframes fastFade {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
}
/*/*/

/**/

#modalx-lightSpeed {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
0%,
60%,
75%,
90%,
100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
@-webkit-keyframes lightSpeedOut {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}
@keyframes lightSpeedOut {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}
.popup_visible #modalx-lightSpeed {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}
@keyframes bounceInLeft {
	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}
/*/*/

/**/

#modalx-slideDown {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}
@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}
.popup_visible #modalx-slideDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
/*/*/

/**/

#modalx-slideUp {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}
@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}
.popup_visible #modalx-slideUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
/*/*/

/**/

#modalx-flipOut {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(900px);
		transform: perspective(900px)
	}
	30% {
		-webkit-transform: perspective(900px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(900px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}
@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(900px);
		transform: perspective(900px)
	}
	30% {
		-webkit-transform: perspective(900px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(900px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}
.popup_visible #modalx-flipOut {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(1200px) rotate3d(0, 1, 0, 180deg);
		transform: perspective(1200px) rotate3d(0, 1, 0, 180deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(1200px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(1200px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(1200px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(1200px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(1200px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(1200px) rotate3d(0, 1, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(1200px);
		transform: perspective(1200px)
	}
}
@keyframes flipInY {
	0% {
		-webkit-transform: perspective(1200px) rotate3d(0, 1, 0, 180deg);
		transform: perspective(1200px) rotate3d(0, 1, 0, 180deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(1200px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(1200px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(1200px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(1200px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(1200px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(1200px) rotate3d(0, 1, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(1200px);
		transform: perspective(1200px)
	}
}
/*/*/

/**/

#modalx-zoomIn {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}
@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}
.popup_visible #modalx-zoomIn {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}
@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}
/*/*/

/**/

#modalx-slideHard {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.950, 0.555, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.950, 0.555, 0.675, 0.190)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}
@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.950, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.950, 0.055, 0.675, 0.190)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}
.popup_visible #modalx-slideHard {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 15px, 0);
		transform: translate3d(0, 15px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}
@keyframes bounceInDown {
	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 15px, 0);
		transform: translate3d(0, 15px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}
/*/*/

/**/

#modalx-rollIn {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes fadeOutRightBig {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 220deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 220deg)
	}
}
@keyframes fadeOutRightBig {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 220deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 220deg)
	}
}
.popup_visible #modalx-rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -220deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -220deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -220deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -220deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
/*/*/

/**/

#modalx-popBounce {
	-webkit-animation-name: popBounceOffSet;
	animation-name: popBounceOffSet;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
0%,
60%,
75%,
90%,
100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
@-webkit-keyframes popBounceOffSet {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}
@keyframes popBounceOffSet {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}
.popup_visible #modalx-popBounce {
	-webkit-animation-name: popBounceOut;
	animation-name: popBounceOut;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes popBounceOut {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.115, 0.610, 0.055, 1.000);
		transition-timing-function: cubic-bezier(0.115, 0.610, 0.055, 1.000)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}
@keyframes popBounceOut {
	0%,
	60%,
	75%,
	90%,
	100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}
@media (max-width:400px){
	.body-modalx{
		margin: 8px;
	}
}
/*/*/