<!DOCTYPE html>
<html lang="en"><head><title>Crystal Beshara | International Artist &amp; Educator</title>


    <link rel="shortcut icon" type="image/png" href="https://storage.mlcdn.com/account_image/2102020/new faviconMbliiD.png">




<meta name="keywords" content="wildlife painter, watercolour artist, art educator, commissions, illustrations, watercolour brushes, art retreats, Crystal Beshara, Artful Living,">
<meta name="description" content="Award-winning Canadian Artist &amp; Educator. Shop art, gifts, workshops &amp; retreats. Working in oil and watercolour. 25 years of fostering art &amp; community.">

    <meta name="robots" content="index, follow">


<meta property="og:type" content="website">
<meta property="og:title" content="Crystal Beshara | Fine Art &amp; Creative Education">
<meta property="og:description" content="Explore original  fine art, workshops and artful living tips from international artist Crystal Beshara.">
<meta property="og:image" content="https://storage.mlcdn.com/account_image/2102020/1BsjwqNa45fUKg3f7GLB2stpKTjCe51Ogu9vpDDE.png">
<meta property="og:image:alt" content="Crystal Beshara | Fine Art &amp; Creative Education">
<meta property="og:url" content="https://crystalbeshara.com/404">


<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Crystal Beshara | Fine Art &amp; Creative Education">
<meta name="twitter:description" content="Explore original  fine art, workshops and artful living tips from international artist Crystal Beshara.">
<meta name="twitter:image" content="https://storage.mlcdn.com/account_image/2102020/1BsjwqNa45fUKg3f7GLB2stpKTjCe51Ogu9vpDDE.png">


    <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
















    
    

<link rel="stylesheet" href="https://assets.mlcdn.com/ml/bootstrap/css/bootstrap-4.6.2.min.css">


<script src="https://assets.mlcdn.com/ml/jquery/jquery-3.7.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://assets.mlcdn.com/ml/bootstrap/js/bootstrap-4.6.2.min.js"></script>

<script src="https://assets.mlcdn.com/ml/fontawesome/v5.10.2/js/0f54bd8811.js"></script>



  
  



<style type="text/css">@import url("https://assets.mlcdn.com/fonts.css?version=1775043");</style>


<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.0/baguetteBox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.0/baguetteBox.min.css">

<script>
  (function($) {
    window.addEventListener('DOMContentLoaded', function() {
        $('.ml-gallery').length && baguetteBox && baguetteBox.run('.ml-gallery');
    })
  })(jQuery);
</script>

<script src="https://assets.mlcdn.com/ml/moment/moment.min.js"></script>
<script src="https://assets.mlcdn.com/ml/moment-timezone/moment-timezone-with-data.min.js"></script>

<script>
  var previousTimeZone = [];
  var updatingTimer = false;

	function timers(newDate) {
    updatingTimer = true;

		setTimeout(function(){
			$('.countdown').each(function() {
        var id = $(this).attr('id');
        var selected_zone = $(this).attr('data-zone');
        var zone = $(this).attr('data-' + selected_zone);

        if (typeof previousTimeZone[id] === 'undefined') {
          previousTimeZone[id] = zone;
        }

        // init countdown timer || || endTime changed || zone changed
        if(!$(this).data('countdown-bound') || newDate || previousTimeZone[id] !== zone) {
          previousTimeZone[id] = zone;
          $(this).data('countdown-bound', true);

          var endTime = newDate || $(this).attr('data-date');
          var endTimeUTC = getUTC(endTime, zone);

          initializeClock(id, endTimeUTC);
        }

			});
      updatingTimer = false;
		});
	}

	function getUTC(endTime, zone){
	  var moment = window.moment;
    try {
      moment = window.top && window.top.moment;
    } catch (err) { }
    var format = 'YYYY-MM-DD HH:mm:ss';
    if (moment.tz && zone) {
      var date = moment.tz(endTime, zone);
      date = date.tz ? date.tz("UTC") : date;
    } else {
      var date = moment(endTime, format);
      date = (zone && date.tz) ? date.tz(zone) : date;
    }
    return date.format(format);
  }

	$(document).ready(function () {
		timers();

        const observer = new MutationObserver((mutations) => {
            mutations.forEach((mutation) => {
                if (!updatingTimer && mutation.type === 'childList') {
                    timers();
                }
            });
        });

        observer.observe(document.body, {
            childList: true, // Monitor additions/removals of child elements
            subtree: true,   // Include all descendants of the body
        });
	});

	function getTimeRemaining(endtime) {
        endtime = endtime.replace(' ', 'T') + 'Z';
        var currentTime = new Date();
        var currentUTC = Date.parse(currentTime.toUTCString());
        if (!endtime || Number.isNaN(Date.parse(endtime))) {
            endtime = currentUTC;
        }
        var t = Date.parse(endtime) - currentUTC;
		var seconds = Math.floor((t / 1000) % 60);
		var minutes = Math.floor((t / 1000 / 60) % 60);
		var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
		var days = Math.floor(t / (1000 * 60 * 60 * 24));
		return {
			'total': t,
			'days': days,
			'hours': hours,
			'minutes': minutes,
			'seconds': seconds
		};
	}

	function initializeClock (id, endtime) {
		var clock = document.getElementById(id);
		var daysSpan = clock.querySelector('.days');
		var hoursSpan = clock.querySelector('.hours');
		var minutesSpan = clock.querySelector('.minutes');
		var secondsSpan = clock.querySelector('.seconds');

		function updateClock() {
			var t = getTimeRemaining(endtime);

			daysSpan.innerHTML = t.days;
			hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
			minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
			secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

			if (t.total <= 0) {
				daysSpan.innerHTML = '00';
				hoursSpan.innerHTML = '00';
				minutesSpan.innerHTML = '00';
				secondsSpan.innerHTML = '00';
			}
		}

		updateClock();

		if (window['timerinterval' + id]) {
			clearInterval(window['timerinterval' + id]);
		}

		window['timerinterval' + id] = setInterval(updateClock, 1000);
	}
</script>



  <style type="text/css">
      .ml-notification {
        text-align: center;
        margin-bottom: 0;
        border-radius: 0;
      background-color: #eeeeee;
      border-bottom: 1px solid #cccccc;
      padding-top: 8px;
      padding-bottom: 8px;
      z-index: 1000;
      }
      .ml-notification.box {
        position: fixed;
        bottom: 20px;
        left: 20px;
        right: auto;
        flex-direction: column;
        display: flex;
        max-width: 340px;
        border-radius: 4px;
      border: 1px solid #cccccc;
      }
      .ml-notification.box.right {
        right: 20px;
        left: auto;
      }
            @media only screen and (max-width: 480px) {
        .ml-notification.box {
          bottom: 0;
          left: 0;
          right: 0;
          max-width: 100%;
          border-radius: 0!important;
        }
      }
      .ml-notification.bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top:auto;
        z-index: 1;
      }
      
      /* Text and link */
      .ml-notification .text-block {
        padding: 6px 0;
      }
      .ml-notification .text-block p {
      font-family: 'Playfair Display', sans-serif;
      color: #4f5f5f;
      font-size: 14px;
      line-height: 21px;
      margin-bottom: 10px;
      }
      .ml-notification .text-block p:last-child {
        margin-bottom: 0;
      }
      .ml-notification .text-block p a {
      color: #4f5f5f;
      text-decoration: underline;
      }

      /* Button */
      .ml-notification .button-block {
        padding: 2px 0;
      }
      .ml-notification .button-block .btn-one {
        width: auto;
        display: inline-block;
      font-family:'Raleway', sans-serif;
      background-color:#4f5f5f;
      font-size:14px;
      
      
      
      
      color:#ffffff;
      border-radius:12px;
      padding:5px 15px!important;
      font-weight: normal; font-style: normal; text-decoration: none;
      }
      .ml-notification .button-block .btn-one:hover, .ml-notification .button-block .btn-one:focus, .ml-notification .button-block .btn-one:active, .ml-notification .button-block .btn-one:active:hover {
      background-color:#4bbbb5;
      
      
      
      
      color:#ffffff;
      font-weight: normal; font-style: normal; text-decoration: none;
      }

      /* Button 2 */

      .ml-notification .button-block .btn-two {
        width: auto;
        display: inline-block;
      font-family:'Raleway', sans-serif;
      background-color:#D1D3D3;
      font-size:14px;
      border-top:1px solid #000000;
      border-bottom:1px solid #000000;
      border-left:1px solid #000000;
      border-right:1px solid #000000;
      color:#000000;
      border-radius:3px;
      padding:5px 15px!important;
      font-weight: normal; font-style: normal; text-decoration: none;
      }
      .ml-notification .button-block .btn-two:hover, .ml-notification .button-block .btn-two:focus, .ml-notification .button-block .btn-two:active, .ml-notification .button-block .btn-two:active:hover {
      background-color:;
      border-top:1px solid #29F1C3;
      border-bottom:1px solid #29F1C3;
      border-left:1px solid #29F1C3;
      border-right:1px solid #29F1C3;
      color:#539280;
      font-weight: normal; font-style: normal; text-decoration: none;
      }
    </style><style>
      /* BS fix for too big height */
      .flex-column .col-1, .flex-column .col-2, .flex-column .col-3, .flex-column .col-4, .flex-column .col-5, .flex-column .col-6, .flex-column .col-7, .flex-column .col-8, .flex-column .col-9, .flex-column .col-10, .flex-column .col-11, .flex-column .col-12  {
        flex-basis: auto;
      }
    </style><style>

      .skip-link {
        background: #007bff;
        height: 30px;
        left: 50%;
        padding: 8px;
        position: absolute;
        transform: translateY(-1000%);
        transition: transform 0.3s;
        color: #ffffff;
        text-decoration: none;
      }

      .skip-link:focus {
        transform: translateY(-50%);
      }

      .navbar-toggler {
        color: rgba(0, 0, 0, 0) !important;
        border-color: rgba(0, 0, 0, 0) !important;
      }

      .navbar-toggler-icon {
        background-image: none !important;
      }

      .navbar-toggler-icon {
        background-image: none;
      border-bottom: 1px solid #000000;
      height: 17px;
      position: relative;
      transition: all 300ms linear;
      width: 24px;
      }

      .navbar-toggler-icon:after,
      .navbar-toggler-icon:before {
      background-color: #000000;
      content: '';
      height: 1px;
      left: 0;
      position: absolute;
      top: 0;
      transition: all 300ms linear;
      width: 24px;
      z-index: 2;
      }

      .navbar-toggler-icon:after {
        top: 8px;
      }

      .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
        transform: rotate(45deg);
      }

      .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
        transform: translateY(8px) rotate(-45deg);
      }

      .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        border-color: transparent;
      }

      a.mobile-search {
        font-size: 18px;
        color: #000000;
        margin-top: 4px;
      }

    </style><style>

      button:focus {
        outline: none;
      }

      /*header.active {*/
      /*  background: #fffcf7;*/
      /*}*/
      header {
      padding-top: 20px;
      padding-bottom: 20px;
      background-color: transparent;
      border-bottom: 0px solid  #cccccc;
      -webkit-transition : all 0.3s ease-out;
      transition : all 0.3s ease-out;
      box-shadow: none;
      position: relative;
      z-index: 1;
      }

      header .navbar {
        padding: 0;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
      }

      header .navbar .navbar-brand img {
      height: 63px;
      }

      @media (min-width: 768px) {

        header .navbar-nav .nav-item {
          padding-left: 16px;
          padding-right:  16px;
        }

        header .navbar-nav .nav-item:first-child {
          padding-left: 0;
        }

        header .navbar-nav .nav-item:last-child {
          padding-right: 0;
        }

      }

      header .navbar .nav-item a.dropdown-toggle {
          white-space: normal;
      }

      header .navbar .nav-item a.dropdown-toggle:after {
        border: solid #000000!important;
        border-width: 0 2px 2px 0!important;
        vertical-align: 0.2em;
        padding: 2px!important;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin-left: 10px;
        transition: transform 0.3s;
        color: #000000!important;
      }

      header .navbar .nav-item a.dropdown-toggle:hover:after {
        vertical-align: 0.15em;
        transform: rotate(-135deg)!important;
        -webkit-transform: rotate(-135deg)!important;
        border-color: #4f4c4c!important;
      }

      header .navbar .nav-item .dropdown-menu {
        border: 1px solid rgba(241, 241, 241, 0.5);
        border: 1px solid #00000030!important;
        margin-top: 0px;
        margin-right: -3px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        min-width: 200px;
        background: #fffcf7;
        right: 16px; left: inherit;
      }

      header .navbar .nav-item:last-child .dropdown-menu {
        right: 0px!important;
      }

      header .navbar .nav-item .dropdown-menu a {
        border-bottom: none!important;
        padding: .5rem 1.5rem;
        font-size: 15px!important;
      }

      header .navbar .nav-item .dropdown-menu a:hover {
        border-bottom: none;
        color: #4f4c4c!important;
        background: #4f4c4c30!important;
      }

      header .navbar .nav-item a {

      font-family: 'Raleway', sans-serif;
      color: #000000!important;
      font-size: 16px!important;
      -webkit-transition : all 0.3s ease-out;
      transition : all 0.3s ease-out;
      border-bottom: 2px solid rgba(225,225,225,0);
      font-weight: bold; font-style: normal; text-decoration: none;

      }

      header .navbar .nav-item a:hover {

      color: #4f4c4c!important;
      -webkit-transition : all 0.3s ease-out;
      transition : all 0.3s ease-out;
      border-bottom: 2px solid #4f4c4c;

      }

      header .navbar .nav-item a.active-page{
        font-weight: bold !important;
      }

      header .navbar .btn-block {
        width: auto;
        display: inline-block;
      font-family:'Merriweather', serif;
      background-color:#4f5f5f;
      font-size:14px;
      border-top:0px solid #111111;
      border-bottom:0px solid #111111;
      border-left:0px solid #111111;
      border-right:0px solid #111111;
      color:#ffffff;
      border-radius:12px;
      padding:14px 40px!important;
      font-weight: normal; font-style: normal; text-decoration: none;
      }

      header .navbar .btn-block:hover,
      header .navbar .btn-block:focus,
      header .navbar .btn-block:active,
      header .navbar .btn-block:active:hover {
      background-color:#29f1c3;
      border-top:0px solid #111111;
      border-bottom:0px solid #111111;
      border-left:0px solid #111111;
      border-right:0px solid #111111;
      color:#ffffff;
      font-weight: normal; font-style: normal; text-decoration: none;
      }

      @media (max-width: 767px) {


        body header {
          width: 100%;
          min-height: 1%;
          z-index: 20;
        }

        body header {
          width: 100%;
          min-height: 100%!important;
          height: 100%;
          max-height: 100vh;
          overflow-y: scroll;
          background: #fffcf7;
        }

        .navbar-light .navbar-nav .nav-link {
          text-align: left;
          border-bottom: none!important;
          width:100%;
        }

        header .navbar .nav-item .dropdown-menu {
          border: none!important;
          margin-left: 0px!important;
          box-shadow: none!important;
          min-width: 100%!important;
          background: none!important;
          display: block!important;
          padding: 0;
        }

        header .navbar .nav-item a.dropdown-toggle:hover:after {
          transform: rotate(45deg)!important;
          vertical-align: 0.2em!important;
        }

        header .navbar .nav-item .dropdown-menu a {
          color: #000000!important;
        }

        header .navbar .nav-item .dropdown-menu a:hover {
          background: none!important;
        }

      }

      @media (max-width: 768px) {
        body header {
          max-height: 100vh;
          overflow-y: scroll;
          scrollbar-width: none;
          -ms-overflow-style: none;
        }
        body header::-webkit-scrollbar {
          width: 0;
          background: transparent;

        }
      }
    </style><style type="text/css">
          .image-block-25 img {
                                      max-width: 100%;
                                    }
        </style><style type="text/css">

  .container-fluid.ml-lp-24 {

    padding-bottom: 160px;
    padding-top: 160px;
    background-color: #fffcf7;

  }

</style><style type="text/css">

  .ml-lp-24 .card,
  .ml-lp-24 .card.card-24 {

    background-color: #ffffff;
    background-image: none;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0px solid #000000;
    border-radius: 10px;

  }

  .ml-lp-24 .card .card-body,
  .ml-lp-24 .card.card-24 .card-body {

    padding: 1.75rem;

  }

  .ml-lp-24 .card.card-large .card-body,
  .ml-lp-24 .card.card-24.card-large .card-body {

    padding: 3rem;

  }

  .ml-lp-24 .card .card-body.with-image,
  .ml-lp-24 .card.card-24 .card-body.with-image {

    padding: 0.75rem 1.75rem 1.75rem 1.75rem;

  }

  .ml-lp-24 .card.card-large .card-body.with-image,
  .ml-lp-24 .card.card-24.card-large .card-body.with-image {

    padding: 1rem 3rem 3rem 3rem;

  }

  .ml-lp-24 .card .card-image-spacing {

    padding: 1.75rem 1.75rem 0 1.75rem;

  }

  .ml-lp-24 .card.card-large .card-image-spacing {

    padding: 3rem 3rem 0 3rem;

  }


</style><style type="text/css">
  .ml-lp-24 h1 {
    font-family: 'Poppins', sans-serif;
    color:#000000;
    font-size:70px;
    letter-spacing: 0px;
    line-height: 125%!important;
    font-weight: bold; font-style: normal; text-decoration: none;;
  }
  .ml-lp-24 h2 {
    font-family: 'Poppins', sans-serif;
    color:#000000;
    font-size:30px;
    letter-spacing: 0px;
    line-height: 125%!important;
    font-weight: bold; font-style: normal; text-decoration: none;;
  }
  .ml-lp-24 h3 {
    font-family: 'Poppins', sans-serif;
    color:#2d2d2d;
    font-size:20px;
    letter-spacing: 0px;
    line-height: 125%!important;
  }
  .ml-lp-24 blockquote {
    font-family: 'Poppins', sans-serif;
    color: #000000;
    font-size: 16px;
    margin: 0 0 15px 0;
    padding-left: 1em;
    border-left: 0.2em solid #000000;
  }
  .ml-lp-24 blockquote:before,
  .ml-lp-24 blockquote:after {
    content: '\201C';
    font-family: 'Poppins', sans-serif;
    color: #000000;
  }
  .ml-lp-24 blockquote:after {
    content: '\201D';
  }
  .ml-lp-24 p,
  .ml-lp-24 ul,
  .ml-lp-24 ol {
    font-family: 'Poppins', sans-serif;
    color: #000000;
    font-size: 16px;
    margin: 0 0 15px 0;
    line-height: 150%!important;
  }
  .ml-lp-24 p:last-child,
  .ml-lp-24 ul:last-child,
  .ml-lp-24 ol:last-child {
    margin-bottom: 0;
  }
  .ml-lp-24 p a,
  .ml-lp-24 ul a,
  .ml-lp-24 ol a {
    font-family: 'Poppins', sans-serif;
    color: #505256;
    text-decoration: underline;
  }

  @media (max-width: 768px) {
    .ml-lp-24 p,
    .ml-lp-24 ul,
    .ml-lp-24 ol {
      font-size: 16px!important;
    }
    .ml-lp-24 h1 {
      font-size: 28px!important;
    }
    .ml-lp-24 h2 {
      font-size: 24px!important;
    }
    .ml-lp-24 h3 {
      font-size: 20px!important;
    }
  }
</style><style type="text/css">
  .ml-lp-24 .button-block .btn-block {
    width: auto;
    display: inline-block;
    font-family:'Poppins', sans-serif;
    background-color:#111111;
    font-size:14px;
    
    
    
    
    color:#ffffff;
    border-radius:3px;
    padding:15px 40px!important;
  font-weight: normal; font-style: normal; text-decoration: none;
  }
  .ml-lp-24 .button-block .btn-block:hover,
  .ml-lp-24 .button-block .btn-block:focus,
  .ml-lp-24 .button-block .btn-block:active,
  .ml-lp-24 .button-block .btn-block:active:hover {
    background-color:#2d2d2d;
    
    
    
    
    color:#ffffff;
    font-weight: normal; font-style: normal; text-decoration: none;
  }
  .ml-lp-24 .button2-block .btn-block {
    width: auto;
    display: inline-block;
    font-family:'Poppins', sans-serif;
    background-color:;
    font-size:14px;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    color:#000000;
    border-radius:3px;
    padding:15px 40px!important;
    font-weight: normal; font-style: normal; text-decoration: none;
  }
  .ml-lp-24 .button2-block .btn-block:hover,
  .ml-lp-24 .button2-block .btn-block:focus,
  .ml-lp-24 .button2-block .btn-block:active,
  .ml-lp-24 .button2-block .btn-block:active:hover {
    background-color:;
    border-top:1px solid #29f1c3;
    border-bottom:1px solid #29f1c3;
    border-left:1px solid #29f1c3;
    border-right:1px solid #29f1c3;
    color:#29f1c3;
    font-weight: normal; font-style: normal; text-decoration: none;
  }
  @media (max-width: 768px) {
    .ml-lp-24 .button-block .btn-block {
      width: 100%!important;
    }
  .ml-lp-24 .button2-block .btn-block {
      width: 100%!important;
    }
  }
</style><style type="text/css">
    footer {
      background-color: #fffcf7;
      padding-top: 40px;
      padding-bottom: 50px;
    }

    /* Footer logo */

    .ml-lp-29 .logo-footer img {
      height: 66px;
    }

    /* Footer disclaimer */

    .ml-lp-29 .footer-description p,
    .ml-lp-29 .footer-description ul,
    .ml-lp-29 .footer-description ol {
      font-family: 'Playfair Display', sans-serif;
      color: #000000;
      font-size: 14px;
      margin: 0 0 15px 0;
    }
    .ml-lp-29 .footer-description p:last-child,
    .ml-lp-29 .footer-description ul:last-child,
    .ml-lp-29 .footer-description ol:last-child {
      margin-bottom: 0;
    }
    .ml-lp-29 .footer-description p a,
    .ml-lp-29 .footer-description ul a,
    .ml-lp-29 .footer-description ol a {
      font-family: 'Playfair Display', sans-serif;
      color: #4f5f5f;
      text-decoration: underline;
    }

    /* Footer navigation */

    .footer-navigation h4 {
      color: #000000;
      font-family: 'Poppins', sans-serif;
      font-size: 14px;
      font-weight: bold; font-style: normal; text-decoration: none;
    }
    .footer-navigation .nav-footer-item {
      padding-bottom: .75rem;
    }
    .footer-navigation .nav-footer-item:last-child {
      padding-bottom: 0;
    }
    .footer-navigation .nav-footer-link {
      color: #666666;
      font-family: 'Raleway', sans-serif;
      font-size: 14px;
      padding-bottom: .25rem;
      -webkit-transition : all 0.3s ease-out;
      transition : all 0.3s ease-out;
      border-bottom: 1px solid rgba(225,225,225,0);
      font-weight: normal; font-style: normal; text-decoration: none;
    }
    .footer-navigation .nav-footer-link:hover {
      color: #666666;
      -webkit-transition : all 0.3s ease-out;
      transition : all 0.3s ease-out;
      border-bottom: 1px solid #666666;
    }
  </style><style>

  body {

  background-color: #f6f6f6;
  background-image: none;
  background-size:  none;
  background-position: center none;
  background-repeat: none;

  }

  body ol ol {
    list-style-type: lower-alpha;
  }

  body ol ol ol {
    list-style-type: lower-roman;
  }

  .container.with-border {

  border-left: 0px solid #cccccc;
  border-right: 0px solid #cccccc;

  }

  /* Default */

  .default-heading-1 {
  font-family: 'Oswald', sans-serif;
  color:#9bc2c2;
  font-size:66px;
  font-weight: bold; font-style: normal; text-decoration: none;
  letter-spacing: 0px;
  }

  /* Input */

  .form-group .form-control {
  background-color: #ffffff;
  font-family: 'Raleway', sans-serif;
  border-radius: 12px;
  font-size: 14px;
  color: #333333;
  border: px solid #cccccc;
  padding-top:px!important;
  padding-bottom:px!important;
  height: auto;
  }

  .form-group .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666666;
  opacity: 1; /* Firefox */
  }
  .form-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666666;
  }
  .form-group .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #666666;
  }

  /* Large gutters */

  .container.with-large-gutters,
  .container-fluid.with-large-gutters {

    padding-left: 60px;
    padding-right: 60px;

  }

  @media (max-width: 991.98px) {

    .container.with-large-gutters,
    .container-fluid.with-large-gutters {

      padding-left: 30px;
      padding-right: 30px;

    }

  }

  @media (max-width: 575.98px) {

    .container.with-large-gutters,
    .container-fluid.with-large-gutters {

      padding-left: 15px;
      padding-right: 15px;

    }

  }

  .container.container-large-gutter {

    padding-right: 15px;
    padding-left: 15px;

  }

  .container.with-large-gutters .card-body {

    padding: 2.25rem;

  }

  .container.container-large-gutter .container {
    padding-right: 30px;
    padding-left: 30px;

  }

  .container .large-gutters {
    margin-right: -30px;
    margin-left: -30px;

  }
  .container .large-gutters .col,
  .container .large-gutters [class*="col-"] {
    padding-right: 30px;
    padding-left: 30px;
  }
  .container .large-gutters .row {
    margin-right: -30px;
    margin-left: -30px;

  }

  .sections-repeaters .container {
      padding: 0;
  }

  .sections-repeaters .container-fluid {
      padding-left: 0;
      padding-right: 0;
  }

  /* End of Large gutters */

</style><style type="text/css">
  #landing-0 {
  padding-left: 0px!important;
  padding-right: 0px !important;
  }
</style><script src="https://assets.mailerlite.com/js/universal.js" type="text/javascript"></script>

<script>
    window.ml = function () {
        (window.ml.q = window.ml.q || []).push(arguments)
    }
    ml('account', 2102020);
    ml('initializePage', '178959413946615355');
    ml('enablePopups', '1')
</script>


</head>

  <body>
          
    
    

    <div class="container-fluid" id="landing-0">
    <!-- Pages -->
    

  




    <!-- Deisgn -->
    

  

  

  

  

  

    

    
      
      
      

      
      
      
      
      
    

    
      
      
      
      
      
      
    

    
      
      
      
      
      
      
    

    
    
    
    
    
    
    
  

    
      
      
      
      
      
      
    

    
      
      
      
      
    

    
      
      
    

    

      
        
        
        
        
        
        
        
        
        
        
      

      
        
        
        
        
      
    

    
      
        
        
        
        
        
        
        
        
        
      
      
        
        
        
        
      
    

    
      
      
      
      
      
      
      
    

    
      
      
      
      
    

    
      
      
      
      
    

    
      
      
      
      
    

    
      
      
      
    

    
      
      
      
      
      
      
      
      
    

    
      
      
      
      
    

  







      <!-- Notification -->
    

     <script type="text/javascript" move-to-head="">
        function hideParent(parentKey){
            localStorage.setItem(parentKey, 'false');

            checkIfSticky( function(stickyNavbar, stickyNotification) {
              stickyNavbar.style.top = 0;
            })
        }

        $(document).ready(function(){
            var showNotification = localStorage.getItem('showCookieNotificationBar');
            if (showNotification === 'false'){
                $( ".ml-visible-only-once" ).css( "display", "none" );
            }

            checkIfSticky( function(stickyNavbar, stickyNotification) {
              var notificationHeight = stickyNotification.offsetHeight;
              stickyNavbar.style.top = notificationHeight + 'px';
            })
        })

        function checkIfSticky (callback) {
            var stickyNavbar = document.querySelector('header.sticky-top');
            var stickyNotification = document.querySelector('#notification.sticky-top');
            if (stickyNavbar && stickyNotification) {
              callback(stickyNavbar, stickyNotification);
            }
        }
    </script>


    <!-- Header -->
    

  
  <header class="sticky-top justify-content-center">

    <!-- Skip to content link-->
    <a class="skip-link" href="#main">Skip to content</a>
    <!-- End of skip to content link-->

    

    

    

    

    

      
      

      

      

      

      

      

      
        
        

        

        
        

        
        
        
      

      
        
      

      
        
        
        
        
        
      

      
        
          
          
          
          
          
          
          
          
          
        
        
          
          
          
          
        
      

      
        

          
          
          
          
          
          
        
        
          
          
          
        
      

      
        
        
        
      

      
            
      

      
                  
                  
              

      
                  
                  
                  
                  
              

      
                    
                    
                    
                

      
                
                
              

    

    <div class="container-fluid  ml-lp-2">
      <div class="row justify-content-center">
        <div class="col-lg-9 col-12">

          <nav class="navbar navbar-light navbar-expand-md mr-auto ml-auto
            pl-lg-3 pr-lg-3
            
            ">

            <a class="navbar-brand mr-5" href="/">
              <img alt="" src="https://storage.mlcdn.com/account_image/2102020/CkDD7WhzveXtvRij7z0WgGglVut3IPvzXtBl25yr.png" style="display: block;" border="0">
            </a>

            

            <div class="d-flex">
                
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#pageNavbar" aria-controls="pageNavbar" aria-expanded="false" aria-label="Toggle navigation">
                  <span class="navbar-toggler-icon"></span>
                </button>
            </div>

            <div class="collapse navbar-collapse justify-content-end" id="pageNavbar">

            <ul class="navbar-nav mt-3 mt-md-0 text-center">
                <li class="nav-item dropdown dropdown-auto">
                  <a role="button" href="/gallery" class="nav-link px-0 dropdown-toggle" target="_self">For Collectors</a>

                  <div class="dropdown-menu">
                    <div>
                      <a role="button" class="dropdown-item ml-nav-link" href="/exhibitions" target="_self">Upcoming Exhibitions</a>

                    </div><div>
                      <a role="button" class="dropdown-item ml-nav-link" href="/collections" target="_self">Shop by Collection</a>

                    </div><div>
                      <a role="button" class="dropdown-item ml-nav-link" href="/studio-collection" target="_self">Original Art</a>

                    </div><div>
                      

                    </div><div>
                      

                    </div><div>
                      

                    </div><div>
                      

                    </div><div>
                      <a role="button" class="dropdown-item ml-nav-link" href="https://crystal-beshara.square.site/" target="_blank">Gift Boutique</a>

                    </div><div>
                      

                    </div><div>
                      <a role="button" class="dropdown-item ml-nav-link" href="/little-farmhouse-print-shop-boutique" target="_self">Prints</a>

                    </div>
                  </div>
                </li><li class="nav-item ">
                  <a role="button" href="/about-the-artist" class="nav-link px-0 " target="_self">About</a>

                  
                </li><li class="nav-item ">
                  <a role="button" href="/artist-resources" class="nav-link px-0 " target="_self">Learn with Me</a>

                  
                </li><li class="nav-item ">
                  <a role="button" href="/contact" class="nav-link px-0 " target="_self">Contact</a>

                  
                </li>
                
            </ul>

             

           </div>

            

            
          </nav>
        </div>
      </div>
    </div>

    

    

    

    

    

    <style xp-if="variable.headerBackgroundType.value === 'scroll' && variable.settings.value.indexOf('sticky') !== -1">

      header.active {
        background: #fffcf7;
      }

    </style>

    
  </header>




<script>
      function toggleDropdown (e) {
      var _d = $(e.target).closest('.dropdown-auto'),
        _m = $('.dropdown-menu', _d);
      setTimeout(function () {
        var shouldOpen = e.type !== 'click' && e.type === 'mouseover';
        _m.toggleClass('show', shouldOpen);
        _d.toggleClass('show', shouldOpen);
        $('[data-toggle="dropdown"]', _d).attr('aria-expanded', shouldOpen);
      }, e.type === 'mouseleave' ? 100 : 0);
    }
    $('body')
      .on('mouseenter mouseleave','.dropdown-auto',toggleDropdown)
      .on('click', '.dropdown-auto .dropdown-menu a', toggleDropdown);

    </script>


<script>
  $(window).on("scroll", function () {
    if ($(window).scrollTop() > 100) {
      $("header").addClass("active");
    } else {
      $("header").removeClass("active");
    }
  });

  $('.nav-link, .nav-button').on('click', function () {
    $('.navbar-collapse').collapse('hide');
  });

  window.onload = function () {
    var currentPath = window.location.pathname;
    var navButtons = document.querySelectorAll('.nav-link,.ml-nav-link');

    navButtons.forEach(function (button) {
      var href = button.getAttribute('href');
      if(currentPath === href){
        button.className += ' active-page';
        return;
      }
    })
  }
</script>




    <!-- Items -->
    
<main id="main"></main>

    <div class="container-fluid ml-lp-24 " data-aos="">
  <div class="container">

    
      
      

  
  
  

  
  

  

  

  
    
    
    
    
    
    
  

  
    
    
  











      

  

  

  

  
    
    
    
    
    
    
  






      
  
    
    
    
    
    
    
  



  
    
    
    
    
    
    
  



  
    
    
    
    
    
    
  



  
    
    
    
    
  
  
    
    
  





      
  

    
      
      
      
      
      
      
      
      
      
      
    

    
      
      
      
      
    

  
  

    
      
      
      
      
      
      
      
      
      
    

    
      
      
      
      
    

  



      
      

      <div class="row justify-content-center">
        <div class="col col-sm-12">
          <div class="card  shadow-sm">
            <div class="card-body">
              <!-- Media -->

<!-- /Media -->

<!-- Text -->
<div class="row mb-3">
  <div class="col">
    
      
      
      

      <h1 style="text-align: center;font-size: 90px;"><strong>404</strong></h1>
<h2 class="mb-4" style="text-align: center;"><strong>Oops, looks like you got lost...</strong></h2>
<p style="text-align: center;">Sorry, the page you are looking for could be not found.</p>
    
  </div>
</div>
<!-- /Text -->

<!-- Button -->
<div class="row">
  <div class="col">
    
            <div class="buttons btn-group d-flex flex-row justify-content-center">

        <div class="button-block ">
          
          <a class="btn btn-block" href="#" target="_self">Back home</a>
        </div>
        

      </div>
    
  </div>
</div>
<!-- /Button -->






            </div>
          </div>
        </div>
      </div>

    

  </div>
</div>

  






    <!-- Footer -->
    

  
  

  
  
  

  

    

    
    

    

    
      
      
    

    
      
      
      
    
    
      
      
      
    

    
      
    
    
      
      
      
    

    
      
      
      
      
    
    
      

        
        
        
        
      
      
        
        
        
      
    

  

  <footer class="ml-lp-29 pl-3 pr-3">

    

    <div class="container-fluid  ml-lp-29">

      <div class="row justify-content-center">
        <div class=" col-12">

          <!-- Social icons -->
          <div class="row mb-4">
            <div class="col">
              <ul class="list-inline mb-0 text-center">
                <li class="list-inline-item">
                  <a href="https://www.facebook.com/CrystalBesharaArtist" target="_blank">
                    <img width="38" alt="facebook" src="https://assets.mlcdn.com/ml/images/icons/default/round/grey/facebook.png" style="display: block;" border="0">
                  </a>
                </li><li class="list-inline-item">
                  <a href="https://www.youtube.com/@CrystalBesharaArtist" target="_blank">
                    <img width="38" alt="youtube" src="https://assets.mlcdn.com/ml/images/icons/default/round/grey/youtube.png" style="display: block;" border="0">
                  </a>
                </li><li class="list-inline-item">
                  <a href="https://www.instagram.com/crystalbesharaartist" target="_blank">
                    <img width="38" alt="instagram" src="https://assets.mlcdn.com/ml/images/icons/default/round/grey/instagram.png" style="display: block;" border="0">
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <!-- /Social icons -->
          <!-- Disclaimer -->
        <div class="row mb-4">
            <div class="col">
              <div class="footer-description text-center">
                <p>© 2026 Crystal Beshara. All Rights Reserved. </p>
<p><strong><span><a href="https://crystal-beshara.square.site/store-policies" target="_blank">Shipping / Return policies</a></span></strong></p>
<p><strong><strong><a href="https://crystal-beshara.square.site/education" target="_blank">Learn with Crystal</a></strong><br></strong></p>
<p><strong><span><a href="http://subscribepage.io/art-commission">Commission Inquiries</a></span> </strong></p>
<p><strong><span><a href="https://crystal-beshara-fine-art-studio.mailerpage.io/hire-artist"><span>Collaborations / Hire Crystal for a Paint Party, Seminar or Live Demo</span><span><br></span></a></span></strong></p>
<p><strong><span><a href="https://crystal-beshara-fine-art-studio.mailerpage.io/hire-artist"><br></a></span></strong></p>
<p style="text-align: center;"><br></p>
<p>57 Heritage Court Street, L'Orignal<br>Canada</p>
              </div>
            </div>
          </div>
          <!-- /Disclaimer -->
          <!-- Logo -->
          <div class="row">
            <div class="col">
              <a class="logo-footer d-flex justify-content-center" href="/">
                <img alt="" src="https://storage.mlcdn.com/account_image/2102020/CkDD7WhzveXtvRij7z0WgGglVut3IPvzXtBl25yr.png" style="display: block;" border="0">
              </a>
            </div>
          </div>
          <!-- /Logo -->
        </div>
      </div>

    </div>

    

  </footer>

  

      <script>
 

  var $ = window.ml_jQuery || window.jQuery;

 document.onkeydown = function(evt) {
   evt = evt || window.event;
   var isEscape = false;
   if ('key' in evt) {
     isEscape = evt.key == 'Escape';
   } else {
     isEscape = evt.keyCode == 27;
   }

   if (isEscape) {
     close();
   }
 };

 function close() {
        window.parent.postMessage('ml-accounts---webforms-36917971--hide', '*');
 };

 (function ($, window) {
   function sendHeightToParent(selector, sendSize) {
     var formHeight = $(selector).outerHeight();

     window.parent.postMessage('ml-accounts---webforms-36917971--setHeight-' + formHeight + 'px', '*');

     if (sendSize) {

       var formWidth = $(selector).outerWidth();
       window.parent.postMessage('ml-accounts---webforms-36917971--setSize-' + formHeight + 'px' + '-' + formWidth + 'px', '*');
     }
   }

   var resizeTimer;
   var formTypes = [
     '.mailerlite-trigger-sendHeightToParent',

     // old classes that triggers sendHeight too
     '.mailerlite-popup',
     '.mailerlite-slidebox',
     '.mailerlite-form-bar',
     '.mailerlite-fullscreen'
   ];

   function resizeFunction(formType, sendSize) {
     sendHeightToParent(formType, sendSize);
   }

   formTypes.forEach(function (formType) {
     if (window.sendHeightToParentTriggered) {
       return;
     }

     if ($(formType).length) {
       setTimeout(resizeFunction(formType), 200);

       $(window).resize(function() {
         clearTimeout(resizeTimer);
         resizeTimer = setTimeout(resizeFunction(formType, true), 50);
       });

       // if height is already triggered - do not trigger again
       window.sendHeightToParentTriggered = true;
     }
   })
 })($, window);

 
    
</script>

      

    
            <script>
      ml('webpages', '36917971', '', 'visitor', 'track');
    </script>
          
      <script>
        function debounce(func, wait, immediate) {
          var timeout;
          return function () {
            var context = this, args = arguments;
            var later = function () {
              timeout = null;
              if (!immediate) func.apply(context, args);
            };
            var callNow = immediate && !timeout;
            clearTimeout(timeout);
            timeout = setTimeout(later, wait);

            if (callNow) func.apply(context, args);
          };
        }

        var heatmap_submit_url = '';

        // continue only if heatmap_submit_url is valid
        if (/^https?:\/\/.*$/i.test(heatmap_submit_url)) {
          var heatmap_clicks = [];

          var addData = function (targetTagName, targetIndex, x, y) {
            var width = $(window).width();

            var clickObject = {
              targetTagName: targetTagName,
              targetIndex: targetIndex,
              x: x,
              y: y,
              value: 1,
              screenWidth: width,
              webformId: '36917971',
              webformCode: '',
              blog_post_id: '',
              blog_category_id: ''
            };

            heatmap_clicks.push(clickObject);

            window.debounce_function = window.debounce_function || debounce(function () {
              sendHeatmapData();
            }, 3000);

            window.debounce_function();
          };

          var sendHeatmapData = function () {
            var xhr = new XMLHttpRequest();
            xhr.open('POST', heatmap_submit_url, true);
            xhr.send(JSON.stringify(heatmap_clicks));

            heatmap_clicks = [];
          };

          $(document).on("click tap", function (event) {
            var target = event.target;

            // if click is made on carousel, send only clicks from 1st slide
            var clickedInsideCarousel = target.closest(".ml-carousel-item");
            var firstSlide = false;
            if (clickedInsideCarousel) {
              var elementClasses = clickedInsideCarousel.classList;

              for (var i = 0; i < elementClasses.length; i++) {
                if ( elementClasses[i] === 'ml-carousel-item-0') {
                  firstSlide = true;
                  break;
                }
              }
            }
            if (clickedInsideCarousel && !firstSlide) {
              return;
            }

            var targetTagName = target.tagName;
            var targetIndex;
            var elements = document.getElementsByTagName(targetTagName);
            var x, y;

            Array.prototype.forEach.call(elements, function (element, key) {
              if (element === target) {
                targetIndex = key;
              }
            });

            if ((event.offsetX > target.offsetWidth || event.offsetY > target.offsetHeight) && target.offsetParent) {
              // because some tags like <strong>, <span> are picking up offsetX from parent element
              target = target.offsetParent;
            }

            x = event.offsetX / target.offsetWidth * 100;
            y = event.offsetY / target.offsetHeight * 100;

            addData(targetTagName, targetIndex, x, y);
          });

          function getElementDisplayType(element) {
            if (!element) {
              return false;
            }

            var cStyle = element.currentStyle || window.getComputedStyle(element, "");
            return cStyle.display;
          }

          window.onbeforeunload = function () {
            if (heatmap_clicks.length) {
              sendHeatmapData();
            }
          }
        }
      </script>
    
  

  
  <script>
      (function(window) {
  window.addEventListener("message", receiveMessage, false);

  function receiveMessage(event) {
      if (event && event.data && typeof event.data === 'string') {
        var message_parts = event.data.split('-');
        if (message_parts.length > 1) {
            if (message_parts[0] == 'mlWebformSubmitSuccess') {
                var id = message_parts[1];
                var cookieName = 'mailerlite:webform:submited:' + id
                var cookieValue = (new Date()).getTime();
                document.cookie = cookieName + "=" + cookieValue + "; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT";
            } else if (message_parts[0] == 'mlWebformRedirect') {
                var target = message_parts[message_parts.length - 1];
                var targets = ['_blank', '_self', '_parent', '_top'];
                var redirect = message_parts.slice(1, message_parts.length - 1).join('-');
                if (targets.indexOf(target) < 0) {
                    redirect = message_parts.slice(1).join('-');
                    target = '_blank';
                }

                var redirectUrl = new URL(decodeURIComponent(redirect));
                if (redirectUrl && redirectUrl.protocol != 'javascript:') {

                    window.open(decodeURIComponent(redirect), target);
                }
            }
        }
      }
  }
})(window);
  </script>

  


<div class="ml-hide-branding">
  <div class="container py-4">
    <a href="https://www.mailerlite.com" target="_blank" class="d-table mx-auto">
      <img src="https://assets.mlcdn.com/ml/logo/created-with-mailerlite.png" width="100" alt="Created with MailerLite" style="display: block;" border="0">
    </a>
  </div>
</div>


    </div>

    

      <script src="https://groot.mailerlite.com/js/w/webforms.min.js?v95037e5bac78f29ed026832ca21a7c7b" type="text/javascript"></script>

    
    

  
      <div id="ml-checkout-modal" class="modal">
        <div class="modal-backdrop" style="opacity: 0.5"></div>
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content rounded-lg" style="z-index: 1040; width: 768px; max-width: 90vw; height: 840px; max-height: 80vh;">
                <iframe id="ml-checkout-iframe" src="" class="w-100 h-100 border-0 rounded-lg"></iframe>
            </div>
        </div>
    </div>
  
  </body>

</html>
