/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://themeforest.net/user/artbees
Description:    Child theme for the Jupiter theme 
Author:         Dennis Garcia
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Version:        6.0
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/
.mk-header-social ul li a i:before{font-size:24px;}
#mk-theme-container .mk-header{background-color:transparent !important;}
#mk-theme-container  .mk-header .mk-header-inner{background-color:#30a0e7}
#mk-page-introduce{position:relative;}
/* #mk-page-introduce #mk-breadcrumbs .mk-breadcrumbs-inner {position: absolute;top: 10px;right: 0;} */
#mk-page-introduce #mk-breadcrumbs .mk-breadcrumbs-inner {float:left;margin-left:10px;}
body.home #mk-theme-container .mk-header{background-color:#30a0e7 !important;} /*'background color' was twice*/

a.mk-quick-contact-link:hover{width:140px;}
a.mk-quick-contact-link:hover .mk-icon-envelope:before{content:"\f0e0 \00a0 Contact\00a0Us";}
a.mk-quick-contact-link{overflow:hidden;}


.paragraph-justified p{text-align:justify;}
.custom-orange-button{background-color: #f65700;color: #ffffff;padding: 10px 20px;border: 0;box-shadow: 0 3px #cf4600;}
.custom-blue-button{background-color:#2293e2;color: #ffffff;padding: 10px 20px;border: 0;box-shadow: 0px 3px 0px 0px #1b76b5;}
.schedule-cta .mk-button .mk-button--text{font-size:16px;text-transform:uppercase;}

/** Navigation **/
ul.main-navigation-ul li#menu-item-9207 a{cursor:default;}
ul.main-navigation-ul li#menu-item-9207 ul li a{cursor:pointer;}
ul.main-navigation-ul li#menu-item-9207 ul li#menu-item-9232 a{cursor:default;}
ul.main-navigation-ul li#menu-item-9207 ul li#menu-item-9233 a{cursor:default;}
ul.main-navigation-ul li#menu-item-9207 ul li#menu-item-9232 ul li a{cursor:pointer;}
ul.main-navigation-ul li#menu-item-9207 ul li#menu-item-9233 ul li a{cursor:pointer;}
ul.main-navigation-ul li#menu-item-9384 ul li a{cursor:pointer;}

/** Home Page **/
.page-id-7840 .wpb_wrapper .mk-button-container{margin-left:80px !important;}

/** Stylesheet for Pre-Consultation Form **/
#pre-consultation-form div span{display:inline-block;}
#pre-consultation-form .width-140{width:140px;}
#pre-consultation-form textarea{resize: none;width: 522px;height: 120px;}
#pre-consultation-form .text-full{width:378px;}
#pre-consultation-form .text-half{width:100px;}
#pre-consultation-form p label{font-size:20px;}
#pre-consultation-form input[type="radio"]{margin-left:20px;}

/** About Us Page **/
.page-id-9354 .mk-box-icon-2{height:155px;}
.page-id-9354 .mk-box-icon-2 ul li{list-style-type:none;color:#ffffff;}
.page-id-9354 .mk-box-icon ul li{color:#ffffff;list-style-type:none !important;}
.page-id-9354 .mk-box-icon-2-icon{float:left;}
.page-id-9354 .mk-box-icon-2 h3{text-align:left;margin-left:120px;}
.page-id-9354 .mk-box-icon-2 ul{text-align:left;margin-left:120px;}
.page-id-9354 .mk-box-icon-2-title{padding:0 !important;}
.page-id-9354 .mk-slider-title{font-size:30px !important;}
.page-id-9354 .mk-employee-item p{font-size:12px;}
.page-id-9354 .mk-employee-item .team-thumbnail{width:140px;}
.page-id-9354 .mk-employee-item .team-thumbnail img{width:140px;}

@media screen and (max-width: 460px) {
.page-id-9354 .mk-box-icon-2{height:360px;}
.page-id-9354 .mk-box-icon-2-icon{width:70px!important;height:70px!important;}
.page-id-9354 .mk-box-icon-2-icon i{line-height:70px!important;}
.page-id-9354 .mk-box-icon-2-icon h3,.page-id-9354 .mk-box-icon-2-icon ul{margin-left:40px;}
}

@media screen and (max-width: 520px) {
.page-id-9354 .mk-box-icon-2{height:300px;}
.page-id-9354 .mk-box-icon-2-icon{width:70px!important;height:70px!important;}
.page-id-9354 .mk-box-icon-2-icon i{line-height:70px!important;}
.page-id-9354 .mk-box-icon-2 h3,.page-id-9354 .mk-box-icon-2 ul{margin-left:90px;}
}


/** Service Pages **/
.our-package-details{background-color: rgba(0,0,0,0.5);margin-bottom: 30px !important;padding:20px !important;}
.our-package-details h3{font-size:30px !important;color:#cccccc !important;}
.our-package-details p{color:#ffffff !important;}
.price-box h3{font-size:40px !important;color:#32A1E7 !important}
.price-box p{color:#ffffff !important;}

.page-section-content .mk-padding-wrapper .mk-text-block p{text-align:justify;}
.page-section-content .mk-padding-wrapper .our-package-details p{text-align:center;}
.page-section-content .mk-padding-wrapper .price-box p{text-align:center;}
.page-section-content .mk-padding-wrapper .mk-text-block ul{text-align:justify;}
.page-section-content .mk-padding-wrapper .mk-text-block ol{text-align:justify;}
.page-section-content .mk-padding-wrapper .mk-text-block ol li{font-size:16px;}
.page-section-content .mk-padding-wrapper .mk-text-block ul li{font-size:16px;}

/** SEO SPECIALIST VA **/
.page-id-9551 #page-section-5 .mk-text-block ol li {margin-bottom:20px;}
.page-id-9551 #page-section-5 .mk-text-block ol li ol{list-style-type:none;}
.page-id-9551 #page-section-5 .mk-text-block ol li ol li{margin-bottom:0;}

/** Become a VA **/
.page-id-9564 .join-us-form{background-color:rgba(0,0,0,0.3);padding:20px 40px;border-radius:20px;}
.page-id-9564 h2.join-us-today span p strong{color:#ffffff !important;}
.page-id-9564 .join-us-form p label{color:#ffffff;}
.page-id-9564 .mk-box-icon ul li{color:#ffffff;list-style-type:none !important;}
/*.page-id-9564 .master-holder strong{color:#ffffff !important;}*/ /*Edited for unquote // preceding*/
.page-id-9564 .join-us-form .form-heading{margin: 20px 0 40px 0;}
.page-id-9564 .join-us-form .form-heading h2, .page-id-9564 .join-us-form .form-heading p{color:#ffffff;text-transform:none;}
.page-id-9564 .join-us-form p{color:#ffffff;}
.page-id-9564 .join-us-form .form-heading p{font-size:20px;}

.page-id-9564 .join-us-form label{color: #ffffff;font-size: 16px;}
.page-id-9564 .join-us-form input[type="text"]{display:block;width:400px;}
.page-id-9564 .join-us-form textarea{width: 400px;height: 120px;resize: none;}


/*Override CSS below the Form*/
/*.page-id-9564 #page-section-13 .page-section-content .mk-padding-wrapper .vc_col-sm-12 .wpb_content_element{margin-bottom:0 !important;}*/ /* Edited for unquote // preceding*/

.page-id-9564 .wpb_content_element{margin-bottom:0 !important;}


/** Blog Post **/
.single-post .mk-single-content li{font-size:16px;margin-bottom:20px;}
.single-post h2 .app-author{text-transform:initial;font-weight:normal;font-size:18px;}

/** Our Team **/
.page-id-10063 .item-holder{width:75%;margin:0 auto;}
@media screen and (min-width: 960px) {
.page-id-10063 #box-8{width:50%;margin:0 auto;}
.page-id-10063 #box-8 .a_colitem{width:50%;}
}


@media screen and (max-width: 959px) {
.page-id-10063 #box-8{width:100%;margin:0 auto;}
.page-id-10063 #box-8 .four-column a_colitem{width:48%!important;}
}




/** Single Employee**/
.single-employees .mk-fancy-title{margin-bottom:0 !important;}
.single-employees .mk-text-block{margin-bottom:40px !important;}


/**.page-id-10431 #mk-page-id-10431{display:none;}**/

.display-posts-listing .listing-item{width:280px;display:inline-block;background-color:#f1f1f1;vertical-align:top;margin-right:10px;}
.display-posts-listing .listing-item .image{display:block;}
.display-posts-listing .listing-item .title{display: block;margin: 10px;font-size: 20px;color: #23282d;}
.display-posts-listing .listing-item .excerpt-dash{display:none;}
.display-posts-listing .listing-item .excerpt{display:block;margin:10px;}
.margin-top-50{margin-top:50px;}.margin-top-100{margin-top:100px;}
.margin-right-50{margin-right:50px;}
.master-holder .client-testimonials h3{font-size:18px;}
.client-testimonials .mk-testimonial.avantgarde-style .mk-testimonial-content{font-size:12px!important;padding:0;font-weight:normal;}
.client-testimonials .mk-testimonial.avantgarde-style{padding:0;margin:0;}
.client-testimonials .flex-direction-nav{display:none;}

@media screen and (max-width: 959px) {
.page-id-10431 .vc_col-sm-2,.page-id-10431 .vc_col-sm-10{width:100%;text-align:center;}
.page-id-10431 .vc_col-sm-2{margin-top:80px;}
.page-id-10431 .vc_col-sm-2 ul{margin:0;padding:0;}
.page-id-10431 .vc_col-sm-2 ul li{list-style-type:none;margin-left:0;}
}

p span.old-price{position:relative;font-size:160%;margin-right:10px;top:2px;}
p span.old-price:before{position:absolute;content:"";left:-5px;top:50%;right:-5px;border-top:3px solid;border-color:inherit;-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-20deg);}


/*** 20Four7VA Customized Icons ***/

i.icon-247-small{width:65px;height:65px;display:inline-block;background-size:cover!important;}
i.icon-admin{background:URL('/wp-content/uploads/2016/11/admin-va.png') no-repeat;}
i.icon-specialist{background:URL('/wp-content/uploads/2016/11/specialist-va.png') no-repeat;}
i.icon-ecommerce{background:URL('/wp-content/uploads/2016/11/ecommerce-va.png') no-repeat;}

/*** Pre-Consultation Form for Live Blood Online ***/
.page-id-11633 #theme-page .theme-page-wrapper{margin:0!important;}
.page-id-11633 #theme-page .theme-page-wrapper .theme-content{padding:0!important;}
.page-id-11633 .full-width-2 .page-section-content{padding:0!important;}
.page-id-11633 .full-width-2 .page-section-content{margin-bottom:0!important;}
.page-id-11633 .wpb_button, .wpb_content_element{margin-bottom:0!important;}


/*** Contact Form 7 CSS Button Style***/
input.wpcf7-form-control.wpcf7-submit{
background-color: #0099ff !important;
color: #ffffff;
border: 1px solid #006bb3 !important;  
}
/*** Contact Form 7 Text Styles ***/
.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea { 
background-color:#f3fcff !important;
border: 1px solid #99e6ff !important;

}
/*** Contact Page h1 Text Styles ***/
h1.page-title {
font-size:30px !important;
}
/*** H3 Tag Text Transformation Style ***/

/*h3{
text-transform:none !important;
color: #319ee3 !important;
}*/
/* Remove Post 'By-Author' from Blog*/
.mk-blog-author {
display: none !important;
}

/*.rpt_description rpt_description_0 {
color:#d3d3d3 !important;
} */
/*FAQ Title Customization*/
.mk-toggle-title {
font-size:18px !important;
/*color:#2089d2 !important;*/
}
.mk-faq-container.fancy-style-wrapper .mk-toggle-title svg{
/*fill: rgba(0,0,0,0.7)!important;*/
fill:rgba(51, 51, 51, 1) !important;
height: 17px !important;
}

.page-id-9564 .master-holder strong{
color:#ffffff !important;
font-weight:700;
}
/*############################## GRAVITY FORMS CUSTOM STYLES####################################### */
/* Styling Gravity Forms */
/* Form Field Color */
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {border: 1px solid #cecece !important}

/*Form Drop Down Fields */
body .gform_wrapper .gform_body .gform_fields .gfield select {border: 1px solid #cecece !important;
 padding-left:15px !important;
 color: #333333 !important;
}

body .gform_fields .gfield input[type=text] {
margin-left:15px !important;
}

body .gform_wrapper {
    background-color: #ffffff !important;
}
/*Form field label styling */
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label{
padding-left:15px !important;
border: 1px #cecece;
font-size:medium !important;
}

/*Address Line field CSS  */
/*Address Line 1 CSS Label Editing*/
/*Street Address*/
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_1 label {
 padding-left: 15px !important;
 color: #777777 !important;
font-weight:bold !important;}

/* Sub Label CSS Editing */ 
/*Address Line 2 */
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_2 label {
padding-left: 15px !important;
color: #777777 !important;
font-weight:bold !important;} 

/*City*/
body .gform_wrapper .gform_body .gform_fields .gfield .address_city {
color: #777777 !important;
font-weight:bold !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield .address_city label{
padding-left: 15px !important;
}
/*State*/
body .gform_wrapper .gform_body .gform_fields .gfield .address_state{
color: #777777 !important;
font-weight:bold !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield .address_state label{
padding-left: 15px !important;
}
/*ZIP / Postal Code*/
body .gform_wrapper .gform_body .gform_fields .gfield .address_zip label{
padding-left: 15px !important;
color: #777777 !important;
font-weight:bold !important;
}
/*Country*/
body .gform_wrapper .gform_body .gform_fields .gfield .address_country{
padding-left:15px !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield .address_country select{
line-height:2.3em !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .address_country label{
color: #777777 !important;
font-weight:bold !important;
}

/*Select Box Drop Down Field Custom CSS */
body .gform_wrapper .gform_body .gform_fields .gfield select{
padding-left:15px !important;
}

/*Border for Gravity Forms */
body .gform_wrapper { 
border-radius:25px;
border: 2px solid #9ac5e1 !important; 
padding:30px !important;
background:#dceffb !important;
color:#246e90; /*Previous color #4599d0*/
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; !important;
}

/*Previous Next and Submit Button Custom CSS */
/*Next Button*/
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button{
color:#ffffff;
background-color:#246e90 !important; /*Previous Color #32a1e7 */
margin-left:10px !important;
width:15%;
}

@media screen and (max-width:600px) {body .gform_wrapper .gform_body .gform_page_footer .gform_next_button
{
width:50%;
}
}

/*Previous Button*/
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button {
color:#ffffff;
background-color:#246e90 !important; /*Previous color #32a1e7*/
margin-left:10px !important;
margin-bottom:20px !important;
/*width:15%;*/
}
input#gform_submit_button_27{
       line-height: 18px !important;
}

input#gform_previous_button_27 {
    min-width: 115px;
} /* End of Previous Button Custom CSS */

@media screen and (max-width:600px) {body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button
{
width:50%;
}
}

/*Single line text field*/
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {
border: 1px solid #9ac5e1 !important;
}

/*DropDown Fields CSS */
body .gform_wrapper .gform_body .gform_fields .gfield select{
border: 1px solid #9ac5e1 !important;
margin-left:15px !important; 
}

/*Select (Timezone) Dropdown Field CSS 
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select {
padding-left:15px !important; 
border: 1px solid #9ac5e1 !important;
}
*/

/*Address Labels Custom CSS Addon */
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_1 label , 
body .gform_wrapper .gform_body .gform_fields .gfield .address_line_2 label,
body .gform_wrapper .gform_body .gform_fields .gfield .address_city label,
body .gform_wrapper .gform_body .gform_fields .gfield .address_state label,
body .gform_wrapper .gform_body .gform_fields .gfield .address_zip label,
body .gform_wrapper .gform_body .gform_fields .gfield .address_country label
{
color:#246e90 !important;/* Previous Color #4599d0*/
}

/*Gravity forms Multi Page form Progressor Title text color custom css */
h3.gf_progressbar_title {
color:#011a26 !important; /*Previous Color #014667 */
font-weight:bold !important;
}

/* Link Customization CSS for Gravity Forms 
body .gform_wrapper .gform_body a:link, a:hover{
color:green !important;
}
*/
/*Tooltip CSS for Gravity Forms*/
.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/*CSS For Precon Form Tooltip */
/*Requested VA Service Section*/

.tooltip1 {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

.tooltip1 .tooltiptext2 {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align:center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left:-60px;
    padding: 5px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip1 .tooltiptext2::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}

.tooltip1:hover .tooltiptext2 {
    visibility: visible;
    opacity: 1;
}

.tooltip1 .tooltiptext2 {
    visibility: hidden;
    width: 220px;
    background-color: #000;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 0 0 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    opacity: 0;
    transition: opacity 0.3s;
}

/* Submit Button Center Align Code for all buttons 
div.gform_footer.top_label {
 text-align: center;
}
*/

/* Inline Positioning Of Submit Button */
/* make the form container relative for positioning 
 
body #gform_wrapper_1 {
    position: relative;
}
*/
/* resize and position the form footer with the button
 
body #gform_wrapper_1 .gform_footer {
    width: auto;
    position: absolute;
    top: 46px;
    left: 150px;
    padding: 0;
    margin: 0;
}
 */

/* Input Type CSS for Form Fields */
.gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url]{
font-size: 16px !important;
}
/*Check Box Button, Radio Button Label Custom CSS */
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
font-size:15px !important;
}
/*Artbees Theme Support Custom CSS Provided */
body #theme-page select {
    background: url(//20four7va.com/wp-content/themes/jupiter/assets/stylesheet/min/../../images/selectbox-arrow.png) right center no-repeat #fff !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield .address_country{
    padding: 0 !important;
    padding-right: 8px !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield .address_country select{
    padding: 6px !important;
}

/* Preconsultation Form Submit button Center Alignment CSS */
input#gform_submit_button_7, input#gform_submit_button_27 {
margin: 0 auto !important;
display: block !important;
background-color: #246e90 !important;
white-space: normal;
}


/*Contact Form Mobile Devices Button CSS */
@media screen and (max-width:600px) { input#gform_submit_button_1 
{
width:50%;
background-color:#246e90 !important;
}
}
/*
input#gform_submit_button_1 {
width:30%;
background-color: #246e90 !important;
}
*/

/*Preconsultation Form Drop Down Select Font Size increment*/
.medium.gfield_select{
font-size:15px !important;
font-weight:50;
}

/*Submit Button Color Change */
body .gform_wrapper .gform_footer input[type=submit]{
background-color:#02567c !important;
}

/*Form Field Description Custom CSS */
.gfield_description{
padding-top:0px !important;
padding-left:15px !important;
}

/*Active menu top bar fixed*/
.menu-hover-style-1 .main-navigation-ul > li.dropdownOpen > a.menu-item-link, .menu-hover-style-1 .main-navigation-ul > li.active > a.menu-item-link, .menu-hover-style-1 .main-navigation-ul > li.open > a.menu-item-link, .menu-hover-style-1 .main-navigation-ul > li.menu-item > a:hover, .menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link, .menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link {
    border-top-color: #f66e0a;
}

/*Header menu fixed*/
.header-style-1 .mk-header-padding-wrapper, .header-style-2 .mk-header-padding-wrapper, .header-style-3 .mk-header-padding-wrapper {
    padding-top: 125px !important;
}

/*Footer column fixed*/
/*Tablet screen*/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#recent_posts-2 > ul{
		padding: 0px;
	}
	.trustpilot-widget{
		display: inline-block;
		float: right;
		top: -35px;
	}
}
/*Desktop screen*/
@media only screen and (min-width: 1024px) {
	#recent_posts-2 > ul{
		padding: 0px;
	}
	.trustpilot-widget{
		left: -45px;
	}
}


/*Sticky form */
._form_95{
    top: 0px;
    z-index: 100;
    max-width: 350px !important
}






/*Sticky form */
._form_95 {
    top: 0px;
    z-index: 100;
    max-width: 350px !important;
  }
  
  /* custom sticky header */
  .mysticky-welcomebar-fixed,
  .mysticky-welcomebar-fixed * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .mysticky-welcomebar-fixed .mysticky-welcomebar-btn {
    line-height: 1;
    margin-left: 10px;
  }
  
  .mysticky-welcomebar-fixed-wrap {
    min-height: 60px;
    padding: 20px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .mysticky-welcomebar-fixed {
    background-color: #f66e0a;
    font-family: "Open Sans";
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999999;
    opacity: 1;
  }
  
  .mysticky-welcomebar-fixed .mysticky-welcomebar-content p a,
  .mysticky-welcomebar-fixed .mysticky-welcomebar-content p {
    color: #f1f1f1;
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-weight: 400;
  }
  
  .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop
    .mysticky-welcomebar-close {
    display: inline-block;
    cursor: pointer;
  }
  .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
    display: none;
    vertical-align: top;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    color: #000;
    position: absolute;
    top: 5px;
    right: 10px;
    outline: none;
    text-decoration: none;
    text-shadow: 0 0 0px #fff;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  
  
  
  @-webkit-keyframes swing {
    20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg);
    }
  
    40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg);
    }
  
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
    }
  
    80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg);
    }
  
    to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
    }
  }
  
  @keyframes swing {
    20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg);
    }
  
    40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg);
    }
  
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
    }
  
    80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg);
    }
  
    to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
    }
  }
  
  
  .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a {
    background-color: #000;
    font-family: inherit;
    color: #ffffff;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 20px;
    white-space: nowrap;
    
  }
  
  .mysticky-welcomebar-btn a.animation-start {
    -webkit-transform-origin: top center;
              transform-origin: top center;
              animation: swing 1s infinite;
  }