h1 {
   color: #007936;
 }
 
 h3 {
  color: #497e51;

}
 .c1 {
  color: #007936;
 }






.nav-link {
  font-size: 1.2rem;
  font-weight: bold;
  color:#387a2f !important; 
  /*text-shadow: #000000 0px 2px 2px;*/
  
}

.nav-link:hover {
  color:#ffed84 !important; 
}



/*
 /$$$$$$$  /$$   /$$ /$$$$$$$$ /$$$$$$$$ /$$$$$$  /$$   /$$  /$$$$$$ 
| $$__  $$| $$  | $$|__  $$__/|__  $$__//$$__  $$| $$$ | $$ /$$__  $$
| $$  \ $$| $$  | $$   | $$      | $$  | $$  \ $$| $$$$| $$| $$  \__/
| $$$$$$$ | $$  | $$   | $$      | $$  | $$  | $$| $$ $$ $$|  $$$$$$ 
| $$__  $$| $$  | $$   | $$      | $$  | $$  | $$| $$  $$$$ \____  $$
| $$  \ $$| $$  | $$   | $$      | $$  | $$  | $$| $$\  $$$ /$$  \ $$
| $$$$$$$/|  $$$$$$/   | $$      | $$  |  $$$$$$/| $$ \  $$|  $$$$$$/
|_______/  \______/    |__/      |__/   \______/ |__/  \__/ \______/ 
                                                                                                                                     
*/
/*Mobile - Disable selection on long press */
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently */
}

  /*------------------------------   STANDARD BUTTONS   ------------------------------*/

 .cbtnC {
    background: #387a2f  ;
    background-image: -webkit-linear-gradient(top, #387a2f  , #367552);
    background-image: -moz-linear-gradient(top, #387a2f  , #367552);
    background-image: -ms-linear-gradient(top, #387a2f  , #367552);
    background-image: -o-linear-gradient(top, #387a2f  , #367552);
    background-image: linear-gradient(to bottom, #387a2f  , #367552);

  }
  /*CHANGE FONT IF MOBILE*/
  
  
  .cbtnC:hover {
    background: #20b964;   
  }

     /*------------------------------   SMALL BUTTONS   ------------------------------*/
 .sbtnC {
  background: #007936;
  background-image: -webkit-linear-gradient(top, #387a2f  , #367552);
  background-image: -moz-linear-gradient(top, #387a2f  , #367552);
  background-image: -ms-linear-gradient(top, #387a2f  , #367552);
  background-image: -o-linear-gradient(top, #387a2f  , #367552);
  background-image: linear-gradient(top bottom, #387a2f  , #367552);

}
/*CHANGE FONT IF MOBILE*/


.sbtnC:hover {
  background: #20b964; 
}
   /*------------------------------   ALERT BUTTONS   ------------------------------*/
  .alertbtnC {
    background: #b98440;
    background-image: -webkit-linear-gradient(top, #d8a953, #b98440);
    background-image: -moz-linear-gradient(top, #d8a953, #b98440);
    background-image: -ms-linear-gradient(top, #d8a953, #b98440);
    background-image: -o-linear-gradient(top, #d8a953, #b98440);
    background-image: linear-gradient(to bottom, #d8a953, #b98440);

  }
  /*CHANGE FONT IF MOBILE*/
  
  
  .alertbtnC:hover {
    background: #efd555 !important;

  }

  /*------------------------------   PUSHED CANVAS BUTTONS   ------------------------------*/
  .pushbtnC {

    
    background: #005828;
    background-image: -webkit-linear-gradient(top, #005828, #007936);
    background-image: -moz-linear-gradient(top, #005828, #007936);
    background-image: -ms-linear-gradient(top, #005828, #007936);
    background-image: -o-linear-gradient(top, #005828, #007936);
    background-image: linear-gradient(to bottom, #005828, #007936);

  }
  .pushbtnC:hover {
    background: #20b964!important;
    
  }

  /*------------------------------   GREY BUTTONS   ------------------------------*/
  .gbtn {
    background: #999;/*6792af*/
    -webkit-border-radius: 15;
    -moz-border-radius: 15;
    border-radius: 15px;
    border: none;
    /*text-shadow: 1px 1px 3px #000000;*/
    font-family: Arial;
    color: #ffffff;
    font-size: 30px;
    padding: 10px 20px 10px 20px;
    margin-top: 5px;
    font-weight: bold;
    text-decoration: none;

    cursor: pointer;
  }
  /*CHANGE FONT IF MOBILE*/
  
  
  .gbtn:hover {
    background:#20b964 !important;
    
    text-decoration: none;
  }

  .gbtn:active {
    text-shadow: none;
  }


  /*------------------------------   ARROW BUTTONS   ------------------------------*/
  .abtn {
    background: #999;/*6792af*/
    -webkit-border-radius: 15;
    -moz-border-radius: 15;
    border-radius: 15px;
    border: none;
    /*text-shadow: 1px 1px 3px #000000;*/
    font-family: Arial;
    color: #ffffff;
    font-size: 30px;
    height: 60px;
    padding: 10px 20px 10px 20px;
    
    font-weight: bold;
    text-decoration: none;

    margin: 2px;
    float:left;

    cursor: pointer;
  }

  .abtn:hover {
    background:#20b964 !important;
    
    text-decoration: none;
  }

  .abtn:active {
    text-shadow: none;
  }





  #manage_background:hover {
    background-color: #20b964 !important;
  }

  .edit_object_btn:hover {
    background-color: #20b964 !important;
 }


.pushed_gbtn {

  color: #666;
  box-shadow: inset 1px 3px 10px 4px #000000;

}


.long_btn {
  padding: 22px 12px !important;
}



  .canvas_btn {

    top: 20px;
   
    line-height: 60px;
    padding: 10px 15px;
  
    float:left;
    margin: 2px;

    font-size: 30px;
    background: #007936 ;
    background-image: -webkit-linear-gradient(top, #007936, #007936);
    background-image: -moz-linear-gradient(top, #007936, #007936);
    background-image: -ms-linear-gradient(top, #007936, #007936);
    background-image: -o-linear-gradient(top, #007936, #007936);
    background-image: linear-gradient(to bottom, #007936, #007936);
    -webkit-border-radius: 15;
    -moz-border-radius: 15;
    border-radius: 15px;
    border: none;
    /*text-shadow: 1px 1px 3px #000000;*/
    font-family: Arial;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;

    cursor: pointer;
  }

  .canvas_btn:hover {
    background: #20b964 !important;
    background-image: -webkit-linear-gradient(top, #005828, #007936);
    background-image: -moz-linear-gradient(top, #005828, #007936);
    background-image: -ms-linear-gradient(top, #005828, #007936);
    background-image: -o-linear-gradient(top, #005828, #007936);
    background-image: linear-gradient(to bottom, #005828, #007936);
    text-decoration: none;
    
  }

  .canvas_btn:active {
    text-shadow: none;
  }

  
  #save_view_previous_btn {
    position: relative;
    float:left;
  }


  #save_view_next_btn {
    position: relative;
    right:0;
    float:right;
  }



  .alert_text {
    color: #f158a7;
  }


  .add_element_btn {
    width: 48% !important;
    display: inline-grid;
    text-align: center;
    margin: 1%;
  }

  /*
  #curvedtext_btn {
    background: url(other/curvetext_icon.png);
  }*/






.shape_title1 {
  font-size: 22px;
  color:#fff;
}
.shape_title2 {
  font-size: 16px;
  color:#fff;
}


.qbtn {
    position: absolute;
    float: right;
    right: 0;
    top: 5px;
    font-size: 20px;
    padding: 5px 15px;
   
  }






  .main_colour {
    color: #dd107a;
  }

 

  


  #shipping_details_summary {
    padding: 5px;
    border: solid 3px #007936;
    color: #007936;
}







/* 
 /$$        /$$$$$$   /$$$$$$  /$$$$$$$  /$$$$$$$$ /$$$$$$$ 
| $$       /$$__  $$ /$$__  $$| $$__  $$| $$_____/| $$__  $$
| $$      | $$  \ $$| $$  \ $$| $$  \ $$| $$      | $$  \ $$
| $$      | $$  | $$| $$$$$$$$| $$  | $$| $$$$$   | $$$$$$$/
| $$      | $$  | $$| $$__  $$| $$  | $$| $$__/   | $$__  $$
| $$      | $$  | $$| $$  | $$| $$  | $$| $$      | $$  \ $$
| $$$$$$$$|  $$$$$$/| $$  | $$| $$$$$$$/| $$$$$$$$| $$  | $$
|________/ \______/ |__/  |__/|_______/ |________/|__/  |__/
                                                      
*/
#loader_container {
  top: 200px;
  position: relative;
}

#loader_notice {
  font-weight: bold;
  font-size: 2em;
  color: #007936;
}


#loader-1 {
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgba(255,255,255,0.9);
  z-index: 9999;
  text-align:center;
}

#loader-1 #loader{
  display:inline-block;
position: relative;


  height: 10vw;
  width: 10vw;
  /*margin: -5vw 0 0 -5vw; */
  border: 3px solid transparent;
  border-top-color: #367552;
  border-bottom-color: #367552; 
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#loader-1 #loader:before{
content: "";
  position: absolute;
  top:2%;
  bottom: 2%;
  left: 2%;
  right: 2%; 
  border: 3px solid transparent;
  z-index: 2;
  border-top-color: #468b55;
  border-radius: 50%;
  -webkit-animation: spin 3s linear infinite;
  -moz-animation: spin 3s linear infinite;
  -o-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;

}

#loader-1 #loader:after{
content: "";
  position: absolute;
  top:5%;
  bottom: 5%;
  left: 5%;
  right: 5%; 
  border: 3px solid transparent;
  border-top-color: #4ca15f;
  z-index: 2;
  border-radius: 50%;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;

}

/*Keyframes for spin animation */

@-webkit-keyframes spin {
  0%   {
      -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0deg);  /* IE 9 */
      transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
  }

  50% {
      -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);  /* IE 9 */
      transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera */
  }
  100% {
      -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);  /* IE 9 */
      transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
  }
}


@-moz-keyframes spin {
  0%   {
      -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0deg);  /* IE 9 */
      transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
  }

  50% {
      -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);  /* IE 9 */
      transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera */
  }
  100% {
      -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);  /* IE 9 */
      transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
  }
}

@-o-keyframes spin {
  0%   {
      -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0deg);  /* IE 9 */
      transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
  }

  50% {
      -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);  /* IE 9 */
      transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera */
  }
  100% {
      -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);  /* IE 9 */
      transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
  }
}

@keyframes spin {
  0%   {
      -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0deg);  /* IE 9 */
      transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
  }

  50% {
      -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);  /* IE 9 */
      transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera */
  }
  100% {
      -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);  /* IE 9 */
      transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
  }
}