1.You may add following code as an examole into the custom.css:

@font-face {
  font-family: 'Geostar';
  font-style: normal;
  font-weight: 900;
  src: local('Geostar'), local('Geostar-Regular'),url(http://fonts.gstatic.com/s/geostar/v6/nzPy9OeCUlrvasr5B00qNQ.woff2) format('woff2');}
h3.widget-title{font-family: 'Geostar' !important;}

You may use local fonts(upload your font).
2.Please use this code for mask:

.hover-mask{
background-color: rgba(255, 199, 231, 0.37) !important;}

You may use this color picker.

With best regards
Brian Johnson

Hello

Please clarify us with details of what data you would like exactly to transfer(your woocommerce data, site default demo data). Are you tying to transfer data between living sites?

With best regards
Brian Johnson

Our footer is set up with widgets area because it should be visible on all pages usually. You may completely disable footer and make custom footer for each page using Visual Composer.

With best regards
Brian Johnson

Hello

Please make all changes within child theme. How to to create child theme you may read here.

With best regards
Brian Johnson

Please update all plugins and theme to current versions from the https://www.8theme.com/download-plugins/ and themeforest.net. I have recreated sittuation and all of the statc block which can be used for footer were displayed in dropdown list.

With best regards
Brian Johnson

Hello

Please provide us with wp-admin credentials to your site.

With best regards
Brian Johnson

This is .info .success .error .warning classes which are added to the tag and they are already included in your style.css. They should look fine with your form.

With best regards
Brian Johnson

Hello

Please make following changes in style.css : find .homepage-title h2 and remove !important tag
from line font-size: 44px !important;.
We strogly recommend make all changes in Child theme..

With best regards
Brian Johnson

Hello

You may try to add this code into the custom.css

.product-grid .product-information .btn-cont{
		  position: absolute;
;right:0;left:0;bottom:2px!important;
}
.product-information{position:absolute;height:150px;}

.product-grid .product-name a{
	position:absolute;right:0;left:0;
}
.price del{display:table-cell;position:relative !important;}
.price ins{display:table-cell;position:relative !important;}
.price {display: table-cell !important;text-align:center! important;width:100px!important;
	  position: absolute;left:0px;right:0px;margin-left:auto!important;margin-right:auto!important;
  transform: translate(0px, 60px);
}
}

With best regards
Brian Johnson

Hello

Please provide us with the link to your site.

With best regards
Brian Johnspon

Hello
You may try to add this code into the custom.css:

.footer-product{
opacity:0;transform:none !important;webkit-transform:none !important; transition: opacity: .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } 

.product-image-wrapper:hover .footer-product {
 opacity: 0.9; }

With best regards
Brian Johnson

1. I have removed this margin. Please check.
2.Please add this code into the custom.css:
.ubtn-link {position:absolute!important;left:0;right:0;}

With best regards
Brian Johnson

Hello i have added display:none; to the wp-content\plugins\js_composer\assets\css\js_composer_frontend_editor.css for #vc_preloader. Please check your site now.

With best regards
Brian Johnson

You may add your own class like <h1 class="ultra-pink color-white size-x3 font-alt">INFORMATIVE</h1>
And specify this class in custom.css:
.ultra-pink{color:pink!important;}

How to create custom.css you may watch here.

With best regards
Brian Johnson

You may find these words in \legenda\woocommerce\checkout\review-order.php line 68.

With best regards
Brian Johnson