body {
    overflow-x: hidden;
}
span.pink {
    color: #ee0050;
}
.et_pb_button {
    box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 30%);
    transition: color 300ms ease 0ms,background-color 300ms ease 0ms;
}

/* landing pages */
body.playable-landing #et-top-navigation, body.playable-landing .et_pb_row_0 .et_pb_button_module_wrapper {
	visibility: hidden;
}
.playable-landing-show {
	display: none;
}
body.playable-landing .playable-landing-hide {
	display: none;
}
body.playable-landing .playable-landing-show {
	display: block;
}

h2 {
    font-size: 40px !important;
}
@media only screen and (max-width: 767px){
h2{
    font-size: 24px !important;
	line-height: 1.43em !important;
}
	a.et_pb_button, .footer-form1 input[type=submit], .footer-form1 button {
    font-size: 16px !important;
}
	h1 {
    font-size: 25px;
    }
	h2{
    font-size: 24px !important;
	line-height: 1.43em !important;
   }
	h3{
		font-size:22px !important;
	}
	h4{
		font-size:20px !important;
		line-height: 1.45em;
	}
}
@media screen and (min-device-width: 768px) and (max-device-width: 980px) {
	h1 {
    font-size: 38px !important;
  }
	h2 {
    font-size: 35px!important;
		line-height: 1.43em !important;
   }
	h3 {
    font-size: 30px !important;
    }
	h4{
		font-size:25px !important;
	}
	a.et_pb_button, .footer-form1 input[type=submit], .footer-form1 button {
    font-size: 16px !important;
}
}

.nav ul li a:hover, .et_mobile_menu li a:hover {
  opacity: 1.0 !important; 
}

ul#top-menu li a:hover 
{
 color: #ed3a51!important;
}

ul#top-menu li a:active {
    color: #ed3a51!important;
}

/*my css fore menu
#top-menu .menu_cta a {
 border: 2px solid #ee0050!important;
	color:#fff !important;
	border-radius:50px;
}
#top-menu .menu_cta a:hover{
	color:#ee0050!important;
	background-color:transparent !important;
}
*/

#main-header.et-fixed-header #top-menu .menu_cta a:hover{
	color:#ee0050!important;
}

.vertical-tabs3 input.email_required {
    color: #999;
    font-size: 14px;
    padding: 17px;
    border-radius: 50px;
    border: 0px;
    width: 100%;
}
.vertical-tabs3 button {
    color: #FFFFFF!important;
    border: 2px solid #ee0050!important;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600!important;
    background-color: #ee0050;
    padding: 13px 36px;
    position: absolute;
    right: 111px;
    transition: all .3s;
}
#verticaltabs3 h3 {
    text-align: center !important;
    color: #1c0e3e;
    font-size: 33px;
    font-weight: 700;
	    width: 100%;
	padding-bottom: 30px;
	line-height: 1.25em;
	text-transform: capitalize;
}
.vertical-tabs3 p {
    color: #1c0e3e!important;
	    padding-bottom: 2em;
	    width: 100%;
}
.vertical-tabs3 form.signup-form {
    width: 100%;
    max-width: 500px !important;
    margin: 0 auto;
    text-align: center;
}
.vertical-tabs3 .et_pb_tab_content {
    background-image: url(https://playable.video/wp-content/uploads/2021/05/pink-circle-background.png) !important;
    background-size: cover !important;
}
.vertical-tabs3 button:hover {
    background: transparent;
    color: #ee0050!important;
}
.vertical-tabs3 a.et_pb_video_play::after {
    content: "click here";
    text-transform: capitalize;
    font-size: 28px;
    text-align: center;
    position: relative;
    right: 40px;
	bottom: 27px;
	opacity:0;
	transition:all .3s;
}
#verticaltabs3 a.et_pb_video_play {
    margin-top: -5rem !important;
    margin-left: -2.5rem!important;
}
a#tab-btn {
    text-align: center;
    margin: 0 auto;
	padding: 11px 36px;
}
.vertical-tabs3 .et_pb_tabs_controls li a::before {
    font-size: 24px;
}
.vertical-tabs3 .et_pb_tabs_controls li a {
    display: flex;
    align-items: center;
	}
	.vertical-tabs3 .et_pb_tabs_controls li a::before {
    font-size: 24px;
    padding-right: 13px !important;
}
.vertical-tabs3 .et_pb_tabs_controls li {
    border-radius: 5px 5px 5px 5px;
	padding: 15px;
}
.playvideo:hover .et_pb_video_play:before {
    opacity: 1;
}
.playvideo .et_pb_video_play:before{
	opacity:0;
	transition:all .3s;
}
.playvideo:hover a.et_pb_video_play::after {
	opacity:1;
}
/*new css for new form*/
.footer-form1 input[type=email] {
    color: #000000;
    font-size: 14px;
    padding: 18px;
    border-radius: 50px;
    border: 0px;
    width: 100%;
}
.footer-form1 input[type=submit], .footer-form1 button  {
    color: #FFFFFF!important;
    border: 2px solid #ee0050 !important;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600!important;
    background-color: #ee0050;
    padding: 14px 36px;
    position: absolute;
    right: 0px;
  transition:all .3s;
  cursor: pointer;
}
.footer-form1 button:hover, .footer-form1 input[type=submit]:hover{
  background:transparent;
  color:#ee0050 !important;
}
/*header section icon image css*/
.header-section-icon {
    opacity: 0.5;
}
.header-section p {
    margin-bottom: 10px;
}
/*home page responsive*/
div#reviwe-slid .et-pb-controllers {
    display: none;
}
.mobile_menu_bar:before {
	color: #ee0050!important;
}
.et_mobile_menu {
   border-top: 3px solid #ee0050;
}
@media (max-width: 1024px){
#et_mobile_nav_menu {
    display: block;
}
	#top-menu {
    display: none;
}
	.video-sec {
    width: 100%;
     }
	div#videosec .et_pb_column {
       width: 100% !important;
     }
	.video-sec {
   margin-left: auto;
    margin-right: auto;
}
}
@media only screen and (device-width: 1024px) {
   div#page-container {
    padding-top: 82px !important;
  }
	div#arrow-img {
    left: -21px !important;
    margin-top: -40px !important;
   }
	#clients-row .et_pb_module.et_pb_blurb {
    min-height: 150px;
   }
	#logo-play {
       margin-top: 40% !important;
     }
	.play-mob {
        margin-top: 54%;
     }
	/*tutorial page*/
	.step-row {
    display: flex !important;
    margin: auto !important;
    align-items: center;
   }
	.mob-img {
    margin-top: 100px;
}
}
@media (max-width: 980px){
.herosec .et_pb_fullwidth_header_0:before {
   background-color: rgb(0 0 0 / 38%) !important;
   }
	#service-row .et_pb_module.et_pb_blurb {
         position: initial;
		margin-bottom: 30px !important;
}
	
	 .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
	#steps-sec .reverse .et_pb_column:nth-child(1) {
   margin-bottom: 0px !important;
    }
}
@media only screen and (max-width: 1024px) {
.herosec .et_pb_fullwidth_header_container.left {
    min-height: 550px !important;
}
.herosec {
    min-height: 550px !important;
}
	#mob-sec .et_pb_blurb_content {
		max-width: 100% !important;
	}
	p.reviwe::before {
		left:0px !important;
	}
	p.reviwe::before, .review-slider .et_pb_slide_content:after {
     height: 56px !important;
    width: 56px !important;
      }
	#reviwe-slid .et_pb_slide_description {
      padding: 0% 12%!important;
    }
	.arrowimg {
      left: 0px !important;
    }
	.arrowimg img, div#arrow-img img {
    max-width: 40px;
}
	.arrowimg2 {
    max-width: 40px;
    left: 4vw !important;
    }
	.arrowimg3 {
    max-width: 40px;
    left: -20px !important;
     }
	
	
}
/*@media only screen and (device-width: 768px) {
.sm-btn-row .et_pb_column {
    max-width: 50%;
}
.sm-btn-row {
    max-width: 55%;
  }
}*/
@media (max-width: 768px){
	.herosec .et_pb_fullwidth_header_container.left {
      min-height: 400px !important;
   }
  .herosec {
    min-height: 400px !important;
  }
.herosec .header-content {
    margin-left: 0px !important;
    margin-right: 0px !important;
     }
	.herosec h1.et_pb_module_header {
    background: #fffffffc;
		max-width: 281px;
	}
	 p.reviwe::before, .review-slider .et_pb_slide_content:after {
     height: 50px !important;
    width: 50px !important;
      }
	.review-slider .et-pb-controllers {
       bottom: 0% !important;
    }
	#reviwe-slid .et_pb_slide_description {
    padding: 0% 12%!important;
    }
	#reviwe-slid .et_pb_slide {
      padding-right: 0%!important;
       padding-left: 0%!important;
     }
		}
@media (max-width:767px){
div#reviwe-slid .et-pb-controllers {
   display: block !important;
}  
div#subscribe-from button {
    position: inherit;
    width: 100%;
    margin-top: 20px;
}	
}

@media screen and (min-device-width: 767px) and (max-device-width: 980px) { 

#service-row .et_pb_column {
     max-width: 46.5%;
       margin-right: 7%;
   }
	#service-row .et_pb_column:nth-child(2n) {
    margin-right: 0px !important;
    }
	div#service-row .et_pb_module.et_pb_blurb {
    min-height: 183px;
   }
	.leftt, .rightt{
    padding-top: 0px !important;
   }
	.herosec h1.et_pb_module_header {
    background: #fffffffc;
    max-width: 250px;
}
	#tab-blog .et_pb_blog_grid .column {
    float: left;
    max-width: 45.7%;
    margin-right: 7%;
    }
	#tab-blog .et_pb_blog_grid .column:nth-child(2n) {
    margin-right: 0px !important;
    }
	#tab-blog .et_pb_blog_grid .column:last-child {
    margin-right: 0px;
   }
  .sm-btn-row .et_pb_column {
    max-width: 50%;
}
  .sm-btn-row {
    max-width: 55%;
  }
	div#non-profit {
    max-width: 85%;
}
	#mob-sec h4 {
    font-size: 20px!important;
   }
   }
@media screen and (min-device-width: 320px) and (max-device-width: 600px) { 
.footer-form1 input[type=submit], .footer-form1 button {
    position: initial;
    width: 100% !important;
		margin-top: 20px;
  }
	div#mob-sec h4 {
    font-size: 18px !important;
   }
   }
   
@media (max-width:479px){
div#clients-row .et_pb_column {
    max-width: 46.5%;
    margin-right: 7%;
    }
	div#clients-row .et_pb_column:nth-child(2n) {
    margin-right: 0px !important;
    }
	p.reviwe {
   padding-left: 0 !important;
    } 
	p.reviwe::before, .review-slider .et_pb_slide_content:after {
    height: 30px!important;
    width: 30px!important;
     }
	p.clientname {
   margin-top: 20px!important;
    }
	.header .et_pb_section_0 {
    min-height: 600px !important;
   }
	div#mob-sec h4 {
    font-size: 15px !important;
      }
}
@media (max-width:420px){
.video-email-sample button {
    float: unset !important;
    width: 100%;
	position: inherit !important;
	margin-top: 20px;
	}
	}
@media (max-width:320px){
	.header-section {
    min-height: 440px !important;
 
}
h1 {
    font-size: 20px !important;
}
	h2 {
    font-size: 18px !important;
  }
	p {
    font-size: 14PX;
     }
	a.et_pb_button, .video-email-sample button, div#subscribe-from button {
    font-size: 13px !important;
   }
	div#two-line-header-sec {
       padding-top: 25px;
    }
}

/* styling for video samples
 */
.video-email-sample {
	box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 37%);
}

.video-email-sample video {
	display: block;
	position: relative;
	width: 100%;
	z-index: 1001;
	object-fit: cover;
	/* min-height: 300px; */
}

.video-email-sample img {
	display: block;
	position: relative;
	width: 100%;
}

.video-email-sample .preview-container {
	position: absolute;
	opacity: 0.0;
	z-index: 1000;
	/* min-height: 300px; */
}

.video-email-sample .preview {
	width: 200%;
	max-width: 200%;
	zoom: 0.5;
	-moz-transform: scale(0.5);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.5);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: 0 0;
}

.video-email-sample .preview-small {
	width: 250%;
	max-width: 250%;
	zoom: 0.35;
	-moz-transform: scale(0.35);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.35);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.35);
	-webkit-transform-origin: 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.video-email-sample .preview { zoom: 1; }
}

.video-email-sample .sample-content {
	padding: 26px;
	background-color: #1c0e3e;
	text-align:center;
}

a.sample-tag {
	background-color: #005F97;
	color: #FFFFFF;
	font-size: 75%;
	padding: 2px 5px;
	text-decoration: none;
}

.video-email-sample p {
	color: #ccc;
}
.video-email-sample h3 {
    color: #eee;
}
form.sample-form {
    margin-top: 18px;
}

.video-email-sample input[type=email] {
    background: #fff;
    border-radius: 50px;
    padding: 14px;
    width: 100%;
	height: 44px;
}
.video-email-sample button {
    float: right;
    position: absolute;
    right: 25px;
    padding: 11px 45px;
    border-radius: 50px;
    background: #ee0050;
    border: 2px solid #ee0050;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
	  cursor: pointer;
}
.video-email-sample button:hover {
    background: transparent;
    color: #ee0050;
}

/* styling for free videos */
.video-email-trycode hr {
	margin: 50px 0;
}
.video-email-trycode video {
	width: 100%;
	max-width: 300px;
}
.video-email-trycode textarea {
	width: 100%;
    height: 120px;
    font-family: 'Monaco','Courier New',monospace;
    background-color: #333333;
    color: #959599;
}
.video-email-trycode .embed_container {
	display: none;
}
.video-email-trycode .embed_code_copy {
	cursor:pointer;
}


/* FAQ accordions */
.wp-block-yoast-faq-block .schema-faq-section {
    border: 1px solid #d1dfee;
    margin-bottom: 20px;
    background-color: #fdfeff;
}
.wp-block-yoast-faq-block .schema-faq-question {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 17px 56px 17px 12px;
line-height: 1.4;
cursor: pointer;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: block;
}
.wp-block-yoast-faq-block .schema-faq-question.faq-q-open {
border-bottom: 1px solid #d1dfee;
}
.wp-block-yoast-faq-block .schema-faq-question:after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 0;
    width: 56px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: bold;
    color: #000;
    font-size: 20px;
}
.wp-block-yoast-faq-block .schema-faq-question.faq-q-open:after {
    content: "-"; 
}
.wp-block-yoast-faq-block p.schema-faq-answer {
margin: 0;
padding: 12px;
background-color:#fff;
font-size: 16px!important;
line-height: 1.4!important;
  border-bottom: 1px solid #dedee0;
  display: none;
}

/* clickable blurb */
.pl_clickable {
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 15%)
}
.pl_clickable:hover {
	box-shadow: 0px 0px 15px 0px rgb(72 73 121 / 35%)
}
html[amp] .pl_clickable {
	cursor: default;
}

.pl_grid {
  display: grid;
  grid-column-gap: 60px;
	grid-row-gap: 40px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.pl_grid.pl_grid_primary {
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.pl_grid .pl_blurb {
	text-align: center;
	font-weight: 700;
    font-size: 20px;
    color: #1c0e3e;
	  background-color:#ffffff;
    border-bottom: solid 4px #ee0050;
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
}
.tile_img {
	margin: 20px 0;
}
.tile_img .helper {
    vertical-align: middle;
    height: 100%;
    display: inline-block;
}
.tile_img img {
	display:inline-block;
	width: 100%;
	max-width: 200px;
	vertical-align: middle;
}
.tile_img img.logo {
	max-width: 64px;
	margin: 0 4px;
}
.pl_grid .pl_blurb a {
  color: #1c0e3e;	
}
.pl_grid .tile_header {
  color: #ee0050;	
	font-size: 14px;
	font-weight: 300;
}
.a2z {
	cursor: pointer;
}

.wave-right-dotted {
    background-image: url(/wp-content/uploads/2021/05/wave-img2.png),url(/wp-content/uploads/2021/05/dotted-pattren.png);
    background-position: top left,bottom left;
    background-repeat: no-repeat;
    background-size: auto,auto;
}
.wave-left-dotted {
    background-image: url(/wp-content/uploads/2021/05/right-wave-img.png),url(/wp-content/uploads/2021/05/h4-img-6.png);
    background-position: top right,bottom right;
    background-repeat: no-repeat;
    background-size: auto,auto;
}

/* nav menu images */
.menu-item-321 img {
	filter: grayscale(0.9);
}
.menu-item-321 img:hover {
	filter: grayscale(0);
}
@media (max-width: 1024px) {
	.menu-item-321 img {
		display: none;
	}
}
.industry-blurb h3 {
	font-weight: 700;
	margin-top: 1em;
}

.schema-how-to-step img {
	max-width: 200px;
	display: block;
}


.email_required {
	border: 2px solid black;
}
.email_required:not(:placeholder-shown):not(:focus):invalid {
	border: 2px dashed red;
}


#top-menu {
	padding: 10px 0 20px 0;
	white-space: nowrap;
}
#top-menu li {
	white-space: normal;
}
#top-menu a {
	font-size: 16px;
	font-weight: 300 !important;
}

#top-menu .menu_cta a {
	background-color: #ee0050;
	color: #FFFFFF !important;
    font-weight: 600 !important;
	padding: 0.3em 1em !important;
	line-height: 1.7em;
	border: 2px solid #ee0050 !important;
	border-radius: 8px;
	transition: all 300ms ease;
}
#top-menu .menu_cta a:hover {
	opacity: 1.0 !important;
	color:#ee0050!important;
	background-color:transparent !important;
}

#top-menu li.mega-menu > ul {
	border-color: #ee0050;
	padding: 30px 0px 30px 20px !important;
}

#top-menu .nav_icon {
	width: 42px;
	float: left;
	margin-right: 12px;
	margin-bottom: 2px;
}

#top-menu .solution-featured li {
	margin-bottom: 24px !important;
}

#top-menu .solution-featured .nav_icon {
	width: 64px;
}
#top-menu .solution-more .nav_icon {
	width: 26px;
	float: left;
	margin-right: 8px;
	margin-bottom: 2px;
}

#top-menu li li {
	margin: 6px 0 !important;
	line-height: 1.5em;
}
#top-menu li li a {
	padding: 6px 4px 6px 20px !important;
}
#top-menu .esp_name {
	font-weight: 700;
}
#top-menu .sub-menu .menu-item-has-children {
	border-left: 1px solid #dddddd;
}
#top-menu .sub-menu .menu-item-has-children:first-child {
	border-left: none;
}
#top-menu li.mega-menu > ul > li > a:first-child {
    color: #bbbbbb !important;
    border-bottom: 0px !important;
}
#top-menu .menu-support a {
	cursor:help;
}
.mobile_nav .nav_icon {
	width: 22px;
	float: left;
	margin-right: 8px;
	border-radius: 0;
}
.mobile_nav .menu-spacer > a {
	display: none;
}
.mobile_nav li br {
	display: none;
}

footer {
	font-size: 14px;
}
footer a, footer a:hover {
    color: #ffffff;
    text-decoration: none;
}


.pl-trans {
	display:none;
}

/* pricing */
.et_pb_pricing_title {
	white-space: nowrap;
}
.pricing-expander {
	float:right;
	padding:0px 4px;
	background:#ccc;
	color:#fff !important;
	cursor:pointer;
	margin-top: 3px;
    border-radius: 8px;
    line-height: 16px;
    font-size: 16px;
    width: 16px;
    text-align: center;
}
.pricing-expanded {
	font-size:12px;
	background:#eee;
	color:#333;
	padding:4px;
	display: none;
}
a.play-link {
  color: inherit !important;
  text-decoration: none;
  font-weight: inherit !important;
}
a.play-link:hover, a.play-link:focus, a.play-link:active {
  text-decoration: underline !important;
}
.et_pb_pricing_content_top {
 padding-bottom:15px;
}
.et_pb_pricing_content li  {
 padding-left: 0px;
}
.new-pricing-table .et_pb_pricing_content  {
 padding: 1em;
}
.new-pricing-table .pricing-expander {
	background-color: red!important;
}
.et_pb_pricing_heading {
 padding: 20px 32px !important;
 height: 8em;
}
.header {
 display: none;
}
.strikediag {
  background: linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%);
  padding: 0px 0.2em;
}
#adv_toggle {
 cursor: pointer;
}
#adv_calc input {
  text-align: center;
  width: 80px;
}
#best_value_ribbon {
 position: absolute;
 width: 80px;
 right: -5px;
 top: -5px;
}
.et_pb_pricing_table:not(.et_pb_featured_table) {
 opacity:0.3;
}
.new-pricing-table .et_pb_pricing_table {
	opacity: 1!important;
}
.new-pricing-table ul.et_pb_pricing li {
	padding-bottom: 0.5em!important;
}
.et_pb_featured_table ~ .et_pb_pricing_table {
 opacity:1.0;
}
.et-tooltip-box {
 z-index: 10000;
 width: 280px;
}
table.price_details {
 margin-bottom: 0px !important;
 border: 0px !important;
 width: auto !important;
}
table.price_details tr td {
 border-top: 0px;
 padding: 0px 4px;
}

.rmv-dropdown::after {
    position:absolute;
    top: 46px;
    right:10px;
    width:0;
    height:0;
    border: 6px solid;
    border-color:#666 transparent transparent transparent;
    content:"";
    pointer-events:none;
}
.video_overlay {
    display: none;
    position: absolute;
    overflow: hidden;
    z-index: 2;
}
#video_scanner {
    border-top: 5px solid red;
    margin-top: -5px;
    animation: blink 0.01s infinite, scan 1s infinite;
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
@keyframes scan {
  0%, 5%, 95%, 100% {transform: translateY(5);}
  50% {transform: translateY(100%);}
}

#sampler_data_title {
	font-size: 200%;
	background-color: #eeeeee;
	padding: 5px;
	border-radius: 5px;
}
#video_scenes {
	width: 100%;
}
#sampler_video {
	width: 100%;
}
#sampler-result {
	display: none;
}
#sampler_data_progress {
	display: none;
}
.iphone-screen {
	overflow: hidden;
}
.new-pricing-table .plan_notice {
	display: none;
}