Default basic style

This is our basic CSS template. You can take inspiration for your custom template.

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body.noscroll {
  overflow: hidden !important;
  overflow-y: hidden !important;
}

#maitre-widget-container, #maitre-widget-popup {
  font-size: 14px;
  width: 100%;
  max-width: 400px;
  text-align: center;
  color: #000;
  margin: 0 auto;
  text-shadow: 0 0 0;
}

#maitre-widget-popup {
  max-width: 100%;
  z-index: 999999999999;
  position: fixed;
  opacity: 1;
  top: 0;
  overflow-y: auto;
  height: 100vh;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.6);
  padding: 65px 5px;
  -webkit-animation: fadein 0.7s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.7s; /* Firefox < 16 */
        -ms-animation: fadein 0.7s; /* Internet Explorer */
         -o-animation: fadein 0.7s; /* Opera < 12.1 */
            animation: fadein 0.7s;
}

  #maitre-widget-popup.closed {
    z-index: -999999999999;
    opacity: 0;
  }

#maitre-widget-container *, #maitre-widget-popup * {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1em;
  font-family: inherit;
  vertical-align: baseline;
  text-transform: initial;
  color: inherit;
  outline: 0;
  line-height: 1.2;
  list-style: none;
  text-rendering: optimizeLegibility;
  float: none;
  -webkit-font-smoothing: antialiased !important;
}

#maitre-widget-container input, #maitre-widget-popup input {
  height: 32px;
}

#maitre-widget-container a, #maitre-widget-popup a {
  outline: 0;
  background: initial;
  color: #000;
}

  #maitre-widget-container a:hover, #maitre-widget-popup a:hover {
    color: #000;
  }

#maitre-widget-container a#maitre-status, #maitre-widget-container a#maitre-status:hover {
  color: #000;
}

#maitre-widget-container #maitre-submit-button, #maitre-widget-popup #maitre-submit-button { 
  margin: 0;
  width: auto;
  height: 32px;
}

#maitre-widget-container .hide, #maitre-widget-popup .hide {
  display: none;
}

#maitre-widget-container #maitre-form {
  margin: 0 0 15px;
}

#maitre-widget-container #maitre-main-header {
  font-size: 1.6em;
  margin: 0 0 1em;
  color: #000;
}

#maitre-widget-container #maitre-powered-by {
  margin: 1em 0;
  font-size: 0.9em;
}

  #maitre-widget-container #maitre-powered-by a {
    opacity: 0.7;
    text-decoration: none;
  }

  #maitre-widget-container #maitre-powered-by a:hover {
    opacity: 1;
  }

#maitre-widget-container #maitre-form-content {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: flex;
  flex-flow: row nowrap;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  /*margin-bottom: 20px;*/
}

  #maitre-widget-container div.maitre-field {
    padding: 0 5px;
    width: 100%;
    /*max-width: 400px;*/
    -webkit-flex: 2; /* Safari */
    flex: 2;
    margin-bottom: 20px;
  }

  #maitre-widget-container #maitre-field-name, #maitre-widget-container #maitre-field-email {
    -webkit-flex: 3; /* Safari */
    flex: 3;
  }

#maitre-widget-container #maitre-content, #maitre-widget-popup #maitre-content {
  display: none;
}

  #maitre-widget-container #maitre-content.show, #maitre-widget-popup #maitre-content.show {
    display: block;
  }

#maitre-widget-popup #maitre-content {
  position: static;
  background: #fff;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 25px 15px;
  border-radius: 7px;
  box-shadow: 1px 2px 5px rgba(0,0,0,.4);
}

  #maitre-content #maitre-content-close {
    display: none;
  }

  #maitre-widget-popup #maitre-content #maitre-content-close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: #bbb;
    font-size: 37px;
    /*font-size: 2.5rem;*/
    font-weight: 700;
    padding: 10px 20px;
  }

  #maitre-widget-popup #maitre-content #maitre-content-close:before {
    content: 'CLOSE';
    font-size: 0.25em;
    position: relative;
    top: -9px;
    margin-right: 5px;
  }

  /*#maitre-widget-container #maitre-content.show.fullscreen #maitre-content-close, #maitre-widget-popup #maitre-content.show.fullscreen #maitre-content-close {
    display: block;
  }*/

  #maitre-widget-popup #maitre-content #maitre-content-close:hover, #maitre-widget-popup #maitre-content.show.fullscreen #maitre-content-close {
    cursor: pointer;
    color: #fff;
  }

#maitre-widget-container #maitre-share-container, #maitre-widget-popup #maitre-share-container {
  margin-top: 1.3em;
}

#maitre-widget-container #maitre-verification, #maitre-widget-popup #maitre-verification {
  font-size: 1.1em;
  margin-bottom: 1.2em;
  font-weight: 400;
}

  #maitre-widget-container #maitre-verification.hide, #maitre-widget-popup #maitre-verification.hide {
    display: none;
  }

#maitre-widget-container #maitre-header, #maitre-widget-popup #maitre-header {
  font-size: 2.8em;
  margin: 0 0 0.5em;
  font-weight: bold;
  color: #000000;
}

#maitre-widget-container #maitre-subheader, #maitre-widget-popup #maitre-subheader {
  font-size: 1.4em;
  margin: 0 0 0.5em;
  color: #000000;
}

#maitre-widget-container #maitre-thank-you.hide, #maitre-widget-popup #maitre-thank-you.hide {
  display: none;
}

#maitre-widget-container #maitre-people-ahead-number, #maitre-widget-container #maitre-people-referred-number, #maitre-widget-popup #maitre-people-ahead-number, #maitre-widget-popup #maitre-people-referred-number {
  font-size: 3.5em;
}

#maitre-widget-container #maitre-people-behind-number, #maitre-widget-popup #maitre-people-behind-number {
  font-size: 2.14em;
  margin: 0.7em 0 0;
}

#maitre-widget-container #maitre-people-behind-text, #maitre-widget-popup #maitre-people-behind-text {
  display: none;
}

  #maitre-widget-container #maitre-people-behind-text.show, #maitre-widget-popup #maitre-people-behind-text.show {
    display: block;
  }

#maitre-widget-container #maitre-people-ahead-text, #maitre-widget-container #maitre-people-behind-text, #maitre-widget-container #maitre-people-referred-text, #maitre-widget-popup #maitre-people-ahead-text, #maitre-widget-popup #maitre-people-behind-text, #maitre-widget-popup #maitre-people-referred-text {
  font-size: 1.3em;
}

#maitre-widget-container #maitre-people-ahead-number, #maitre-widget-container #maitre-people-ahead-text, #maitre-widget-container #maitre-people-referred-text, #maitre-widget-container #maitre-people-referred-number, #maitre-widget-popup #maitre-people-ahead-number, #maitre-widget-popup #maitre-people-ahead-text, #maitre-widget-popup #maitre-people-referred-text, #maitre-widget-popup #maitre-people-referred-number {
  color: #3498db;
}

#maitre-widget-container #maitre-instructions, #maitre-widget-popup #maitre-instructions {
  font-size: 1.2em;
  margin-top: 2em;
  color: #000000
}

#maitre-widget-container #maitre-share-plain, #maitre-widget-popup #maitre-share-plain {
  margin-bottom: 20px;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

  #maitre-widget-container #maitre-share-plain-explanation, #maitre-widget-popup #maitre-share-plain-explanation {
    font-size: 1em;
    margin-top: 1.2em;
  }

  #maitre-widget-container #maitre-share-plain-url, #maitre-widget-popup #maitre-share-plain-url {
    margin-top: 1em;
    background: #f1f1f1;
    padding: 10px;
    font-size: 1em;
    display: inline-block;
    color: #000;
    text-align: center;
  }

#maitre-widget-container #maitre-leaderboard, #maitre-widget-popup #maitre-leaderboard {
  display: none;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

  #maitre-widget-container #maitre-leaderboard.show, #maitre-widget-popup #maitre-leaderboard.show {
    display: block;
  }

#maitre-widget-container #maitre-leaderboard .maitre-lb-table, #maitre-widget-popup #maitre-leaderboard .maitre-lb-table {
  width: 100%;
  table-layout: auto;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
}

  #maitre-widget-container #maitre-leaderboard .maitre-lb-table td, #maitre-widget-popup #maitre-leaderboard .maitre-lb-table td {
    padding: 10px 5px;
    text-align: center;
    font-size: 1.1em;
  }

  #maitre-widget-container #maitre-leaderboard .maitre-lb-table tbody td, #maitre-widget-popup #maitre-leaderboard .maitre-lb-table tbody td {
    border-bottom: solid #ccc 1px;
    background-color: #fff;
  }

  #maitre-widget-container #maitre-leaderboard .maitre-lb-table thead td, #maitre-widget-popup #maitre-leaderboard .maitre-lb-table thead td {
    background-color: #222;
    color: #fff;
    font-weight: 700;
  }

  #maitre-widget-container #maitre-leaderboard .maitre-lb-table td.maitre-lb-position.maitre-lb-header, #maitre-widget-container #maitre-leaderboard .maitre-lb-table td.maitre-lb-header.maitre-lb-points, #maitre-widget-popup #maitre-leaderboard .maitre-lb-table td.maitre-lb-position.maitre-lb-header, #maitre-widget-popup #maitre-leaderboard .maitre-lb-table td.maitre-lb-header.maitre-lb-points {
    width: 20%;
  }

  #maitre-widget-container #maitre-leaderboard .maitre-lb-table tr.maitre-lb-highlight td, #maitre-widget-popup #maitre-leaderboard .maitre-lb-table tr.maitre-lb-highlight td {
    background-color: #ffff4b;
  }

  #maitre-widget-container #maitre-leaderboard .maitre-lb-footnote, #maitre-widget-popup #maitre-leaderboard .maitre-lb-footnote {
    color: #333;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.9em;
    font-weight: 400;
    margin: 5px 0;
  }

  #maitre-widget-container #maitre-subscribers-position.hide, #maitre-widget-popup #maitre-subscribers-position.hide {
    display: none;
  }

  #maitre-widget-container #maitre-people-ahead-number, #maitre-widget-container #maitre-people-ahead-text, #maitre-widget-container #maitre-people-referred-text, #maitre-widget-container #maitre-people-referred-number, #maitre-widget-popup #maitre-people-ahead-number, #maitre-widget-popup #maitre-people-ahead-text, #maitre-widget-popup #maitre-people-referred-text, #maitre-widget-popup #maitre-people-referred-number {
    color: #26a69a;
  }

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}#maitre-widget-container input, #maitre-widget-popup input {
	padding: 0 1rem;
	width: 100%;
	margin: 0 auto;
	font-size: 1.2em;
	box-shadow: none;
	border: none;
  border-bottom: 1px solid #26a69a;
  border-radius: 0;
  transition: all .3s;
  background: #fff;
  color: #000;
}

	#maitre-widget-container input:focus, #maitre-widget-popup input:focus {
		border-bottom: 1px solid #26a69a;
    box-shadow: 0 1px 0 0 #26a69a;
	}

	#maitre-widget-container input:focus ~ label, #maitre-widget-container input:valid ~ label, #maitre-widget-popup input:focus ~ label, #maitre-widget-popup input:valid ~ label {
	 font-size: 0.75em;
	 color: #26a69a;
	 top: -30px;
	 -webkit-transition: all 0.125s ease;
	 transition: all 0.125s ease;
	}

#maitre-widget-container div.maitre-field, #maitre-widget-popup div.maitre-field {
  position: relative;
  width: 100%;
}

#maitre-widget-container label, #maitre-widget-popup label {
	color: #999;
  padding: 1rem;
  position: absolute;
  top: -5px;
  left: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  pointer-events: none;
  text-transform: initial;
}

#maitre-widget-container #maitre-submit-button, #maitre-widget-popup #maitre-submit-button {
  -webkit-appearance: none;
  position: relative;
  overflow: visible;
  font: inherit;
  text-transform: initial;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  height: 36px;
  line-height: 36px;
  outline: 0;
  padding: 0 1.2rem;
  font-size: 1.2em;
  text-decoration: none;
  text-align: center;
  border-radius: 2px;
  font-weight: 400;
  background-color: #26a69a;
  color: #fff;
  cursor: pointer;
  letter-spacing: .5px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  will-change: opacity, transform;
  transition: all .3s ease-out;
  -webkit-tap-highlight-color: transparent;
}

	#maitre-widget-container #maitre-submit-button:hover, #maitre-widget-popup #maitre-submit-button:hover {
		background-color: #26a69a;
		box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
	}

  #maitre-widget-container #maitre-submit-button:active, #maitre-widget-popup #maitre-submit-button:active {
  	top: 1px;
  }#maitre-widget-container .maitre-widget-social, #maitre-widget-container a.maitre-widget-social, #maitre-widget-popup .maitre-widget-social, #maitre-widget-popup a.maitre-widget-social {
  display: inline-block;
  width: 55px;
  height: 55px;
  margin-right: 2px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  cursor: pointer;
}

#maitre-widget-container .maitre-widget-social:active, #maitre-widget-container a.maitre-widget-social:active, #maitre-widget-popup .maitre-widget-social:active, #maitre-widget-popup a.maitre-widget-social:active {
  top: 2px;
}

#maitre-widget-container #maitre-social-facebook, #maitre-widget-popup #maitre-social-facebook {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABmFBMVEUAAAA6WJc6WJg7WZg7WZg9W5w6WZk9XJ48W5w6WJk5V5U7WJc6WJc8WJc3TZY7WZk6WJc7Wpo5V5U7WZk8VZQ7WZk7Wpo6WZg7WZk7WZk7WZk7WZo4WZg5V5c8Wpk2Vpc8W507W5s7W5s7WZg7W5s6WJc5WJY8W5s7Wpo7Wpo6WZg9XJ48W506WZc7Wps5V5Y8W508Wpw6WJc9W5s7WZk6WJg8W506WZc8W5w7Wps8W5w7WZj///88WppAYKQ8W5xAYaU7WZk/X6I9XJ0rS5A9XZ+ottI+XqE4VZEiO3FAYaY4Vpa+xdUwUJIzUpT8/f5LYIv19vlof7BAVYMuSoMsR4GquNNMZ6EoRH2MmrdZc6gsTJA0T4c0S30sRHYeOXEZM2zEytnBx9e8w9Sks9CXp8lfd6xKZ6E2VZYsTJMfPXskPnX7+/z2+Prs7/Xo6/Pa4Ozf4+vO0+DGzdq1wdmir8mrtMiMncOJl7NuhLN9jKxzhapbc6RVbqNPaqJFY55bbZRWaZFUaJA2UYwuTIwiQ4tHXIg0ToZLi1OjAAAAO3RSTlMAb4xkUf0u+/aCWD4pGwfbwG1ENhP47erVrKUzJCAYD+S8tpaLeHJI/PPz7+fHxKKfkY93Wzrw0M7Mr5WW1L0AAAMzSURBVFjDtZf3W9pAGMcvbARFFFmiuLfW2XUkd0lMo6GiFBScte7Rvfce/3YlaJTmLiQ8Tz+/8nw/eW+/gP9IqNXBeG02mzfocCWthhv6e8bCosCVEVCk0etrMB9v7u6QsYx4eAGLZCwFelzm4v2dIhahDl7Czts+E1/vEgQekmE5KeavMvYeJ8dDOiz2TBnlXTcVFhqDlM42ar7OI8DqcCNNlHyfIEIzSO5pYr4XI2gOUbaTvo9ZaBYk1+nHLyBoHtH9747we0RoBXmkvXL9owK0Bu6sENgUaBUleHUDOakTmM4slDjST8NgPdBo5CjxzLpz7V6Jz2n9IK5p+SbK8WEXCitPUir76/pfnX6tAMoMLqw9Tp2zegJ5agmtEk8efvpp6oK39/UC1HI+C92YUsC7lMYqQQBxb3kPRCh7aHa/ikC+UZ5CGVIEd9Rs9v3S92+5LYKAReo02rCx4MX2abGY3yAIIGZKgtEqFTyY/4FYlrjThFjp/QgjYvwo82tPFexs/8xk0pCEFCgtosgT17CwVnipCp4vfTw4OFQNxIV0CPT6L3lzDAnw4gwADEcWrFQIPhQhCcEBgJczU8HXU0iCswNgM1XB7yJLFDAATJIF63uPsg/V7GI2m322mScL+qgVwC+FzdflfbCZy+W2NqgVeDnaVXTyShXsbi/n8xtzZIFdXQUKx+V5vDs/J7KIp66CQ6AJZjUBC8nwYjMALsTWLEBD7QAkI6hmgRRVb0S5ZgEXLwm8uHaB+kr7JL5GATuQUO/EgFSjQB7VPYzWBJgBKn4nW5MADYZAmS7DA7lDE+BurbmUeHIFiyV2KQLUctnvxTDxOB1+Wjojt0UWKJNAI+FB5AO5fEb+T5okECOhqy2eQllpFeI5wpWNWiMHraHEQQX1YclSXggkQSU+t2ghL1336ztNGZnPu0n9tl0WTef7yd2+WzY3/mFav+/rwNXjvBJ1ARr1XYpYrXwungQGBIcNu36kdEwDY9rGnRyixbFnIgSq0jruwbK+DFbG4YkEMEXb1C2EBUl7jXgkcdzAWLAdmMcVjAVazv88C+JQNG5PAMvUzzjsDMPYHc0Gn/4LwM7Oi1hZ7SoAAAAASUVORK5CYII=');
}

#maitre-widget-container #maitre-social-facebook-messenger, #maitre-widget-popup #maitre-social-facebook-messenger {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAn1BMVEUAAAAAiv8Aiv8AhP0Ag/0Agv0AhP0Ag/0Ag/8Ag/4AhP0Ag/0AhP8AhP8Ahf8Ag/0AhP0AhP0Ag/0Ag/8AhP0Ag/0AhP0Ag/0AhP4AhP8Ag/8AhP8AhP8Agv4Agv8Ag/4Ag/0Ag/4AhP4AhP4AhP8Ahf4AhP4Agv0Agv0Ag/4Ag/0Ag/4AhP4AhP4Agf4AhP0AhP0AhP0Ag/4Agv4AhP9Jx0f6AAAANHRSTlMABwT9xfvjzy7xypZnRRDovrePDPXs2dOBQCYcq3AzIpuJbWphPjnLsKKGeHNdFcOxqExUnEK+TAAAAkRJREFUWMPd1Nl2okAQBuCi2RRQBFRQQYz7kjHL1Ps/24ycRqApljZ3+W6Soy3atfzwm41Hif05sazJ2d6OxiBp8HZSsUQ/XQfQm7ILkWA6Sr+Pv7vYwEgYdBrNscV80fX1G+xgt95jGWInM4VGxxn2MFs3Xn+KvQwbCnGcYk/DNXn/GfY2S4n6hyjBrPdig1LsWgFR0kG4wBwlhdWpfkdp28oPcFGaUa7jDl+wh0KIL7BK+YO0iY4kQ83+LCH3hqSY/VGxzt1qmIkgd0KKp1DFmUZjj/+rPfNXRYIWEP1VLyv2hZwetE2hyZM8qhRlXZn5fK0TKvzu9QLNv4V6OfyITdR5BdzzbXf3GN4blvj8xGe90EsosMujdtegPnExPzGpJc4Aylj8v3bwILTV4wcssVNHMWz4A791oVH0A/QRZNI7VC2mYqfJK+h/4eHu61knC+shcuIVzpVR2Wc/+jbks/Q0qIduTLUxyYpl8K8oYiflL1Ft3CLHF2RkYu4rf8KqyLz6II0qzxx4WLLh6xK2Bev42Z0LrDbCZr09TgQWEvRAXOfz+DpF0Q1AmSBFg9yV71pCZqvDzkiKhEhTDSSpH0grLYyJL9Cg4Pw01hUDpRkMShKU5lRXfo6STCasKspRjyCwUYoPIkWqlRaDmnSGvblFaAuJQyNCl7QY9vz8ARqse93CHUCj1OxRvxW0UOyu/vsM2h3C1vk7Qie2NRr3x2HQh7K3yP3fM+htGWl6JT8/oiVIChaOH3ua5sW+cwjgF/sHQJrTZqKLxAwAAAAASUVORK5CYII=');
}

#maitre-widget-container #maitre-social-twitter, #maitre-widget-popup #maitre-social-twitter {
  background-image: url('data:image/png;base64,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');
}

#maitre-widget-container #maitre-social-email, #maitre-widget-popup #maitre-social-email {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABaFBMVEUAAACyO1qxOlmzO1uzO1qyO1qyO1q4PVy3PVyzO1qyO1qvOlmyO1qwOlm4PV2yO1mxO1m2PFuzO1qyO1q0PFu3PVyyO1m3PFywOlmvOVmvOViwOlmwOlmtOVepOFWzO1uyO1qyO1q4PVy3PFyzO1qzO1qyO1qzO1q3PVyzO1q4PVy3PVywOlizO1qyO1q4PVysOVe5PV2sOVexO1m3PVyvOlmsOVeyO1r+/f2qOFa+P2CzPFu4PVx8KT+bM06sOVfuzdagNVG/QGG7Pl+ZMk3hprWmN1T9+PquOVjw09vkrryjNlLBRGXGVXPFUnC6Pl6CK0Hlsr+fNFCQMEmOL0j35urho7PfoLHQcovCSWm1PFzqvsnena7claeHLET79Pb14ebsxtDousbZjKDSeI+oOFV+KUBwJTj68PLw0tntytPObIXHWHWTMEqLLkb57PDz3OLy197ntsPjq7nWhJnTfpTKYHvEUW92cdvkAAAAN3RSTlMAjXAabTUu/faCZVpQKfr3wLqpOw7v1KJVREAkIBMF8+7p5+Tax6+Wi/vYzaOSeHdhRwrgw3dKxTjzVwAAA6FJREFUWMO1l1lb00AUhqf7SrEooCBurO67M5lMi52paaDBlBYrFiggm6zu+vedttFMmoWE5/G968X3ns45yUkC/iMTsavhVCgUSkWz8StBw8+ehqZvEfwXcvtSauyG/3hsdpJRRqAJ4b/vzcX9xZ/mCSXQjk4TM5d9VM9jDF2QMRsa8I7fmEtg6AVOPvbKx+9rMvSGaPnrrvmrSQzPB9+55pIPYwL9wHIZx/wjSqA/CHviVJ/y4/s2ZOznxwT6h+T6r4iBJIFBYHci1vmPYBgMmgciIQ0GRYuKF1BCDiwgN4VDXMIwOPTBv/w1DC+AnBgQ/sBFwH//QkyHIooiuaEoUKA1aHRhlkITdW937bUbH48tBvqot/9uE7H+DkKbyJFKBaFd0cBGei1k0GSe8vR6o16yU65vI/Slahllt40h8QTSElrbRj/ap+V+VlYW0fujSl000CjgTDNR8BY124eoqcCWLNKaV9fQ99o2KhZlYQ5DPH/lFrEKFg/UBfS+qkIRSVpDy2eFo4pFoE91hkhgn2C/REyDkF+plRcMgTjIq7hfUFD3DIOZ/9jJF6U+ASR8LYTtgnmomAYhD20CnAUg5SQwDUJedhCk+RSdBD3DeqljkJRvRt5BEHYVcMM2Wq+qPL+MFhudfEABLO8ibpD2llFFP+AxN0HKRVA/RluHaIPX30JfWlXIce5B1FlQX0WfydkRT39r7KB3HzoG5ylkHQU8/0kr1OACP//+2bphsAlIDIA4sQuMfEOVtN12rahWNzoGu4AMRsx7QRSUjLwM1XqjCKFa6hpsAn2kuxGZVfC9UF5Fm728ATd0+yAdVux3I0j17YPFg2P0Dh+0+QSFbVj+yQ3lr8gqSAPOZSauRH3z849KZVUhv0+WBE6WtDdoawd9bddNgXx3vPtcfK6LO/En8uKkUDIFbBoA206Dyq+NZvONA81mcwPvr6h9G40zkJAthtP9ghu1U0UWno4ToMcMhiIynHcFCrXoLDCIMXgByKD5vjdDYXC0h+Af40kSOK/fngAmL7XAApwBAsGf8NoQsBC5w4LVn+r/iBlLBGkDG7a/9meYf4OeGwN2nvg2sNwr4EQmx/ydf9jtfX9skvrp/704cCOS18h5x8ejnh+R0WEqe37wTGaAN9dHE5i4xWlybgKcS3w0SZk9LTM6/HAc+OL64/uEYr1lltYxvvsiGgH+iUeHpgYJ7kFujoymx0FgIpez6XA4nM7GPEr/AW4qtr72Wi0/AAAAAElFTkSuQmCC');
}

#maitre-widget-container #maitre-social-whatsapp, #maitre-widget-popup #maitre-social-whatsapp {
  background-image: url('data:image/png;base64,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');
}

#maitre-widget-container #maitre-social-plain, #maitre-widget-popup #maitre-social-plain {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABlVBMVEUAAAChpDaipTamqDijpTekpjeoqzinqTijpTaipDahozalpzefoTWkpjeipDafoTWcnzScnjSkpjenqTikpzenqjijpjekpjenqTiipDajpjekpzeipDagojWhpDaipDaipTagozanqjigojWkpjekpzejpTejpTakpjenqTiipDahpDaipTajpTakpjeipDahozahozahozahozanqTimqDeipDamqTifojagojWipTeoqzilqDifojakpjf+/v2lqDixszyipTeusTuztTyqrDmnqTiYmjOoqziwsjuhozacnzWUljGrrjmfojaeoDWbnTSLjS+ZnDOXmTL3+Ora3JTNz256fClzdSf9/fnw8dTV14XS1H2Cgyxycyb09ODg4qjFx1iJiy77+/T5+u7t7szKzGbAw0m+wUK4uz6GiC1/gSv7/PXx8tjr7Mbo6bzj5K/f4aTc3ZrY2o7T1YLP0XTLzWnIy2HGyVzFyFnCxFG7vj+SlDGRkzB8fil3eSh2eCjm57fQ0nm0tz2PkTCDhSxnaSPghLK6AAAAPnRSTlMAGnD9ZVD69sGkjoxDNi8SDQb08Ovm2tW6i4JubFg+OjMsJyD4zsewq6FyW1RH+/Tu5LyWlIR4d2EqI/zidxgYfxAAAAPWSURBVFjDtZfnWxNBEMaPkBA0KkoXFAWkCdh72czeXuUunRRIEVCa2Hvv+nebC7nEvb3cXj74e+BD8uR9d3dmbnZO+I/0nF4IjEQiB0dOhI4cbVd8dDEy3a8RvA9R+ruvjh3zLz985Q7BMQWQDWjVz4ORI/7ki8MylhEDyFLnzJiP1YcJAeQO6PLshLf82PFOHVBrAIeve+mPTEmAvFGk4cmW+pNhgvjggUMt9GeJLCI+Yqxr3lV/DSvIHxq54bY+BoR8O5xk9AtEQf7Ruk459ONhqnb4cRjooPM/RETUlgO+RBkcl1C7SCf+LaBOaNtA6/3nEJd0/p6ZL6QDDf0hwlMn1aSqLiEK6By3Dbo5Bkvq+vOna28NhwO2t3BaBs762ajFWoJ2UM7Uo3CZkwI1F92nmKFXkq7t18BF2fsAidW6wT2T3kJsylcIjaXlaB3FpLYAcLNWRNhz/YySXanrVxIbQIdx1DKYjnnETzVe34vabOZTtIE+a90fFxS3vKtqAiFDfb8ZbbJdMGkDedBKosYkMW68e7FW/Jgxd55ZuuWtnVUrhOuFcpz+LViJXCDMseNrlu5B7uUj6+AvzUrh0/bWh1+VvTQ474pqWwhgJu/ZaJNnscrXDUM09/LllMHslYQEYcRpEJfuN+RPtr8VHqoAqPpn/TvRg4Jw0GmQfmfL77/5UimbyKPQccDFILneWP9P/nNc8dAjfNbFIE4e1A2Wc2aS6QPMDkbYIBajNqtvkmnago3BCcyk0agV7+PHlsXTDxkDoYSaUQ1kwWYhRNj6T+/mSu8f/i7VnqLnu2bm54/sq51mS2oOHoerDdUtSsZG/mt5I6W9qFVUMWc5PSoyAVHOVyvx6AUNsQCIIihG6uP3aJNcGtHIQy07ol02amp9tRlS07EFvdYVr3p1NEDm59KK7YAcPQ0HLYNTMUBeFol0oyOJdD+Ac7f89cRNuyeWaQMy7e9iVN/WDbYqn8Dtepzg3IyiWqo9n6++7VEPtNLbI+wzo3NutvTu62xJL3wx6Q1cbgyXMu9yTqTyhXy1MdAXU3Pem8GIA0A8joC+nQ8KDW6FFcS3cFRhf4/Q5G7bEwpgelDrxiJHwY4XFB39sbb0ZND5EjN2W2tDL/fdFJzME82/vstt3r5BZNGvftF92u+Kib7O39dq3h8bwHw9SEPjQis6hiVeIGQ85/kSOdongecLz8C84M3kXCdWWsrDkR6By+m5XsmlywGR+q5MCL6YvD6lYF0GsLWKrONz3aMdgn/GR2cHe2WiY4x1op0fOhDkL87m5FQoGAgEgqHDHkv/BRGx+bxuYMNZAAAAAElFTkSuQmCC');
  margin-right: 0;
}



@media only screen and (min-width: 768px) {

  #maitre-widget-container .show-mobile, #maitre-widget-container a.show-mobile, #maitre-widget-popup .show-mobile, #maitre-widget-popup a.show-mobile {
    display: none;
  }

  #maitre-widget-container #maitre-form-content, #maitre-widget-popup #maitre-form-content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }

  #maitre-widget-container #maitre-field-name, #maitre-widget-container #maitre-field-email, #maitre-widget-container #maitre-field-extra-field, #maitre-widget-popup #maitre-field-name, #maitre-widget-popup #maitre-field-email, #maitre-widget-popup #maitre-field-extra-field {
    -webkit-flex: 3; /* Safari */
    flex: 3;
  }

  #maitre-widget-container #maitre-submit-button, #maitre-widget-popup #maitre-submit-button { 
    width: 100%;
  }

  /*#maitre-widget-container div.maitre-field, #maitre-widget-popup div.maitre-field {
    margin-bottom: 0;
  }*/


}#maitre-widget-container #maitre-bonuses, #maitre-widget-popup #maitre-bonuses {
  margin-top: 15px;
  border-top: 1px solid #ccc;
  padding: 30px 2em 50px 0;
  background-color: #e9f0f5;
}

#maitre-widget-container #maitre-bonuses-list, #maitre-widget-popup #maitre-bonuses-list {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  padding: 2em 0;
}

#maitre-widget-container #maitre-bonuses-list::before, #maitre-widget-popup #maitre-bonuses-list::before {
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}

#maitre-widget-container .maitre-bonus-block, #maitre-widget-popup .maitre-bonus-block {
  position: relative;
  margin: 2em 0;
}

#maitre-widget-container .maitre-bonus-block.unlocked, #maitre-widget-popup .maitre-bonus-block.unlocked {
  opacity: 0.5;
}

#maitre-widget-container .maitre-bonus-block.unlocked .maitre-bonus-point, #maitre-widget-popup .maitre-bonus-block.unlocked .maitre-bonus-point {
  background-color: #bbb;
}

#maitre-widget-container .maitre-bonus-block:after, #maitre-widget-popup .maitre-bonus-block:after {
  content: "";
  display: table;
  clear: both;
}

#maitre-widget-container .maitre-bonus-block:first-child, #maitre-widget-popup .maitre-bonus-block:first-child {
  margin-top: 0;
}

#maitre-widget-container .maitre-bonus-block:last-child, #maitre-widget-popup .maitre-bonus-block:last-child {
  margin-bottom: 0;
}

#maitre-widget-container .maitre-bonus-point, #maitre-widget-popup .maitre-bonus-point {
  position: absolute;
  top: 13px;
  left: 0;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 2px 0 2px rgba(0, 0, 0, 0.05);
  background-color: #26a69a;
}

#maitre-widget-container .maitre-bonus-content, #maitre-widget-popup .maitre-bonus-content {
  position: relative;
  margin-left: 45px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
  text-align: left;
}

#maitre-widget-container .maitre-bonus-content:after, #maitre-widget-popup .maitre-bonus-content:after {
  content: "";
  display: table;
  clear: both;
}

#maitre-widget-container .maitre-bonus-content h2, #maitre-widget-popup .maitre-bonus-content h2 {
  color: #000;
  font-size: 1.25em;
  font-weight: 700;
}

#maitre-widget-container .maitre-bonus-content p, #maitre-widget-container .maitre-bonus-content .maitre-bonus-referrals, #maitre-widget-popup .maitre-bonus-content p, #maitre-widget-popup .maitre-bonus-content .maitre-bonus-referrals {
  font-size: 13px;
  font-size: 1em;
}

#maitre-widget-container .maitre-bonus-content p, #maitre-widget-popup .maitre-bonus-content p {
  margin: 1em 0;
  line-height: 1.6;
}

#maitre-widget-container .maitre-bonus-content .maitre-bonus-referrals, #maitre-widget-popup .maitre-bonus-content .maitre-bonus-referrals {
  float: left;
  padding: .8em 0;
  opacity: .7;
  color: #000;
  font-weight: 700;
}

#maitre-widget-container .maitre-bonus-content::before, #maitre-widget-popup .maitre-bonus-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}

@media only screen and (min-width: 768px) {
  #maitre-widget-container .maitre-bonus-content h2, #maitre-widget-popup .maitre-bonus-content h2 {
    font-size: 20px;
    font-size: 1.4em;
  }
  #maitre-widget-container .maitre-bonus-content p, #maitre-widget-popup .maitre-bonus-content p {
    font-size: 16px;
    font-size: 1em;
  }
  #maitre-widget-container .maitre-bonus-content .maitre-bonus-referrals, #maitre-widget-popup .maitre-bonus-content .maitre-bonus-referrals {
    font-size: 14px;
    font-size: 0.8em;
  }
}

@media only screen and (min-width: 1170px) {
  #maitre-widget-container #maitre-bonuses, #maitre-widget-popup #maitre-bonuses {
    padding: 15px 2em 50px 1em;
  }
  #maitre-widget-container #maitre-bonuses-list, #maitre-widget-popup #maitre-bonuses-list {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  #maitre-widget-container #maitre-bonuses-list::before, #maitre-widget-popup #maitre-bonuses-list::before {
    left: 50%;
    margin-left: -2px;
  }
  #maitre-widget-container .maitre-bonus-block, #maitre-widget-popup .maitre-bonus-block {
    margin: 4em 0;
  }
  #maitre-widget-container .maitre-bonus-block:first-child, #maitre-widget-popup .maitre-bonus-block:first-child {
    margin-top: 0;
  }
  #maitre-widget-container .maitre-bonus-block:last-child, #maitre-widget-popup .maitre-bonus-block:last-child {
    margin-bottom: 0;
  }
  #maitre-widget-container .maitre-bonus-point, #maitre-widget-popup .maitre-bonus-point {
    width: 30px;
    height: 30px;
    left: 50%;
    top: 15px;
    margin-left: -15px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  #maitre-widget-container .maitre-bonus-content, #maitre-widget-popup .maitre-bonus-content {
    margin-left: 0;
    padding: 1em;
    width: 45%;
  }
  #maitre-widget-container .maitre-bonus-content::before, #maitre-widget-popup .maitre-bonus-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  #maitre-widget-container .maitre-bonus-content .maitre-bonus-referrals, #maitre-widget-popup .maitre-bonus-content .maitre-bonus-referrals {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 0.9em;
    font-size: 16px;
    font-size: 0.9em;
    text-align: left;
  }
  #maitre-widget-container .maitre-bonus-block:nth-child(even) .maitre-bonus-content, #maitre-widget-popup .maitre-bonus-block:nth-child(even) .maitre-bonus-content {
    float: right;
  }
  #maitre-widget-container .maitre-bonus-block:nth-child(even) .maitre-bonus-content::before, #maitre-widget-popup .maitre-bonus-block:nth-child(even) .maitre-bonus-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  #maitre-widget-container .maitre-bonus-block:nth-child(even) .maitre-bonus-content .maitre-bonus-referrals, #maitre-widget-popup .maitre-bonus-block:nth-child(even) .maitre-bonus-content .maitre-bonus-referrals {
    left: auto;
    right: 122%;
    text-align: right;
  }
}

Still need help? Contact Us Contact Us