h1 {
  color: #D23034;
}

h3 {
  color: #5c85a0;
}

.c1 {
  color: #D23034;
 }


/*
 /$$$$$$$  /$$   /$$ /$$$$$$$$ /$$$$$$$$ /$$$$$$  /$$   /$$  /$$$$$$ 
| $$__  $$| $$  | $$|__  $$__/|__  $$__//$$__  $$| $$$ | $$ /$$__  $$
| $$  \ $$| $$  | $$   | $$      | $$  | $$  \ $$| $$$$| $$| $$  \__/
| $$$$$$$ | $$  | $$   | $$      | $$  | $$  | $$| $$ $$ $$|  $$$$$$ 
| $$__  $$| $$  | $$   | $$      | $$  | $$  | $$| $$  $$$$ \____  $$
| $$  \ $$| $$  | $$   | $$      | $$  | $$  | $$| $$\  $$$ /$$  \ $$
| $$$$$$$/|  $$$$$$/   | $$      | $$  |  $$$$$$/| $$ \  $$|  $$$$$$/
|_______/  \______/    |__/      |__/   \______/ |__/  \__/ \______/ 
                                                                                                                                     
*/
/*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: #75a6c7;
    background-image: -webkit-linear-gradient(top, #75a6c7, #5c85a0);
    background-image: -moz-linear-gradient(top, #75a6c7, #5c85a0);
    background-image: -ms-linear-gradient(top, #75a6c7, #5c85a0);
    background-image: -o-linear-gradient(top, #75a6c7, #5c85a0);
    background-image: linear-gradient(to bottom, #75a6c7, #5c85a0);

  }
  /*CHANGE FONT IF MOBILE*/
  
  
  .cbtnC:hover {
    background: #63b0de;    
  }

   /*------------------------------   SMALL BUTTONS   ------------------------------*/
 .sbtnC {
  background: #75a6c7;
  background-image: -webkit-linear-gradient(top, #75a6c7, #5c85a0);
  background-image: -moz-linear-gradient(top, #75a6c7, #5c85a0);
  background-image: -ms-linear-gradient(top, #75a6c7, #5c85a0);
  background-image: -o-linear-gradient(top, #75a6c7, #5c85a0);
  background-image: linear-gradient(to bottom, #75a6c7, #5c85a0);

}
/*CHANGE FONT IF MOBILE*/


.sbtnC:hover {
  background: #63b0de;    
}

   /*------------------------------   ALERT BUTTONS   ------------------------------*/
  .alertbtnC {
    background: #d23034;
    background-image: -webkit-linear-gradient(top, #ea6345, #d23034);
    background-image: -moz-linear-gradient(top, #ea6345, #d23034);
    background-image: -ms-linear-gradient(top, #ea6345, #d23034);
    background-image: -o-linear-gradient(top, #ea6345, #d23034);
    background-image: linear-gradient(to bottom, #ea6345, #d23034);

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

    
  }

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

    background: #163b53;
    background-image: -webkit-linear-gradient(top, #163b53, #1f5274);
    background-image: -moz-linear-gradient(top, #163b53, #1f5274);
    background-image: -ms-linear-gradient(top, #163b53, #1f5274);
    background-image: -o-linear-gradient(top, #163b53, #1f5274);
    background-image: linear-gradient(to bottom, #163b53, #1f5274);
    

  }
  .pushbtnC:hover {
    background: #63b0de !important;
    background-image: -webkit-linear-gradient(top, #63b0de, #75a6c7);
    background-image: -moz-linear-gradient(top, #63b0de, #75a6c7);
    background-image: -ms-linear-gradient(top, #63b0de, #75a6c7);
    background-image: -o-linear-gradient(top, #63b0de, #75a6c7);
    background-image: linear-gradient(to bottom, #63b0de, #75a6c7);
    text-decoration: none;
    
  }

  /*------------------------------   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:#63b0de !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:#63b0de !important;
    
    text-decoration: none;
  }

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





  #manage_background:hover {
    background-color: #63b0de !important;
  }

  .edit_object_btn:hover {
    background-color: #63b0de !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: #75a6c7 ;
    background-image: -webkit-linear-gradient(top, #75a6c7, #5c85a0);
    background-image: -moz-linear-gradient(top, #75a6c7, #5c85a0);
    background-image: -ms-linear-gradient(top, #75a6c7, #5c85a0);
    background-image: -o-linear-gradient(top, #75a6c7, #5c85a0);
    background-image: linear-gradient(to bottom, #75a6c7, #5c85a0);
    -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: #63b0de !important;
    background-image: -webkit-linear-gradient(top, #63b0de, #75a6c7);
    background-image: -moz-linear-gradient(top, #63b0de, #75a6c7);
    background-image: -ms-linear-gradient(top, #63b0de, #75a6c7);
    background-image: -o-linear-gradient(top, #63b0de, #75a6c7);
    background-image: linear-gradient(to bottom, #63b0de, #75a6c7);
    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: #d23034;
  }

  .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: #2980b9;
}






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





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

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


#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: #3498db;
  border-bottom-color: #3498db; 
  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: #5bafe7;
  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: #88c6f0;
  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 */
  }
}