@charset "UTF-8";
/**
 * Fannoxnetwork Scripts...
 *
 * @package   Additional CSS Styling and Colors
 * @author    Team Fannoxnetwork <team@fannoxnetwork.com>
 * @copyright (C) Fannoxnetwork Styling Scripts  
 * @license   https://fannoxnetwork.com/license/
 * @link      https://fannoxnetwork.com/scripts/css/
 */

h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:15px;}
h6{font-size:12px;}

/***********************************************************
Bootstarp Additional Color "Purple" Main below...
***********************************************************/

.btn-purple {
  color: #fff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}
.btn-purple:hover {
  color: #fff;
  background-color: #6138ad;
  border-color: #56329a;
}
.btn-check:focus + .btn-purple, .btn-purple:focus {
  color: #fff;
  background-color: #6138ad;
  border-color: #56329a;
  box-shadow: 0 0 0 0.25rem rgba(152, 120, 211, 0.5);
}
.btn-check:checked + .btn-purple, .btn-check:active + .btn-purple, .btn-purple:active, .btn-purple.active, .show > .btn-purple.dropdown-toggle {
  color: #fff;
  background-color: #56329a;
  border-color: #4c2c87;
}
.btn-check:checked + .btn-purple:focus, .btn-check:active + .btn-purple:focus, .btn-purple:active:focus, .btn-purple.active:focus, .show > .btn-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(152, 120, 211, 0.5);
}
.btn-purple:disabled, .btn-purple.disabled {
  color: #fff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}
.text-purple {color:#6f42c1;}
.bg-purple {color:#fff;background-color:#6f42c1;border-color:#6f42c1;}
.bg-purple:hover {color:#fff;background-color:#6138ad;border-color:#6138ad;}

/***********************************************************
Bootstarp Additional Color "Indigo" Main below...
***********************************************************/

.btn-indigo {
  color: #fff;
  background-color: #6610f2;
  border-color: #6610f2;
}
.btn-indigo:hover {
  color: #fff;
  background-color: #5b0bda;
  border-color: #5b0bda;
}
.btn-check:focus + .btn-indigo, .btn-indigo:focus {
  color: #fff;
  background-color: #5b0bda;
  border-color: #5b0bda;
  box-shadow: 0 0 0 0.25rem rgba(147, 85, 246, 0.5);
}
.btn-check:checked + .btn-indigo, .btn-check:active + .btn-indigo, .btn-indigo:active, .btn-indigo.active, .show > .btn-indigo.dropdown-toggle {
  color: #fff;
  background-color: #5b0bda;
  border-color: #5b0bda;
}
.btn-check:checked + .btn-indigo:focus, .btn-check:active + .btn-indigo:focus, .btn-indigo:active:focus, .btn-indigo.active:focus, .show > .btn-indigo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(147, 85, 246, 0.5);
}
.btn-indigo:disabled, .btn-indigo.disabled {
  color: #fff;
  background-color: #6610f2;
  border-color: #6610f2;
}
.text-indigo {color:#6610f2;}
.bg-indigo {color:#fff;background-color:#6610f2;border-color:#6610f2;}
.bg-indigo:hover {color:#fff;background-color:#5b0bda;border-color:#5b0bda;}

/***********************************************************
Bootstarp Additional Color "Pink" Main below...
***********************************************************/

.btn-pink {
  color: #fff;
  background-color: #d52a80;
  border-color: #d52a80;
}
.btn-pink:hover {
  color: #fff;
  background-color: #aa2266;
  border-color: #aa2266;
}
.btn-check:focus + .btn-pink, .btn-pink:focus {
  color: #fff;
  background-color: #aa2266;
  border-color: #aa2266;
  box-shadow: 0 0 0 0.25rem rgba(226, 106, 166, 0.5);
}
.btn-check:checked + .btn-pink, .btn-check:active + .btn-pink, .btn-pink:active, .btn-pink.active, .show > .btn-pink.dropdown-toggle {
  color: #fff;
  background-color: #aa2266;
  border-color: #aa2266;
}
.btn-check:checked + .btn-pink:focus, .btn-check:active + .btn-pink:focus, .btn-pink:active:focus, .btn-pink.active:focus, .show > .btn-pink.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(226, 106, 166, 0.5);
}
.btn-pink:disabled, .btn-pink.disabled {
  color: #fff;
  background-color: #d52a80;
  border-color: #d52a80;
}
.text-pink {color:#d52a80;}
.bg-pink {color:#fff;background-color:#d52a80;border-color:#d52a80;}
.bg-pink:hover {color:#fff;background-color:#aa2266;border-color:#aa2266;}

/***********************************************************
Bootstarp Additional Color "Orange" Main below...
***********************************************************/

.btn-orange {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-orange:hover {
  color: #fff;
  background-color: #e36802;
  border-color: #e36802;
}
.btn-check:focus + .btn-orange, .btn-orange:focus {
  color: #fff;
  background-color: #e36802;
  border-color: #e36802;
  box-shadow: 0 0 0 0.25rem rgba(253, 157, 78, 0.5);
}
.btn-check:checked + .btn-orange, .btn-check:active + .btn-orange, .btn-orange:active, .btn-orange.active, .show > .btn-orange.dropdown-toggle {
  color: #fff;
  background-color: #e36802;
  border-color: #e36802;
}
.btn-check:checked + .btn-orange:focus, .btn-check:active + .btn-orange:focus, .btn-orange:active:focus, .btn-orange.active:focus, .show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(253, 157, 78, 0.5);
}
.btn-orange:disabled, .btn-orange.disabled {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.text-orange {color:#fd7e14;}
.bg-orange {color:#fff;background-color:#fd7e14;border-color:#fd7e14;}
.bg-orange:hover {color:#fff;background-color:#e36802;border-color:#e36802;}

/***********************************************************
Bootstarp Additional Color "Green" Main below...
***********************************************************/

.btn-green {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-green:hover {
  color: #fff;
  background-color: #188150;
  border-color: #188150;
}
.btn-check:focus + .btn-green, .btn-green:focus {
  color: #fff;
  background-color: #188150;
  border-color: #188150;
  box-shadow: 0 0 0 0.25rem rgba(36, 194, 120, 0.5);
}
.btn-check:checked + .btn-green, .btn-check:active + .btn-green, .btn-green:active, .btn-green.active, .show > .btn-green.dropdown-toggle {
  color: #fff;
  background-color: #188150;
  border-color: #188150;
}
.btn-check:checked + .btn-green:focus, .btn-check:active + .btn-green:focus, .btn-green:active:focus, .btn-green.active:focus, .show > .btn-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(36, 194, 120, 0.5);
}
.btn-green:disabled, .btn-green.disabled {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.text-green {color:#198754;}
.bg-green {color:#fff;background-color:#198754;border-color:#198754;}
.bg-green:hover {color:#fff;background-color:#188150;border-color:#188150;}

/***********************************************************
Bootstarp Additional Color "Teal" Main below...
***********************************************************/

.btn-teal {
  color: #fff;
  background-color: #20c997;
  border-color: #20c997;
}
.btn-teal:hover {
  color: #fff;
  background-color: #1cb084;
  border-color: #1cb084;
}
.btn-check:focus + .btn-teal, .btn-green:focus {
  color: #fff;
  background-color: #1cb084;
  border-color: #1cb084;
  box-shadow: 0 0 0 0.25rem rgba(56, 224, 174, 0.5);
}
.btn-check:checked + .btn-teal, .btn-check:active + .btn-teal, .btn-teal:active, .btn-teal.active, .show > .btn-teal.dropdown-toggle {
  color: #fff;
  background-color: #1cb084;
  border-color: #1cb084;
}
.btn-check:checked + .btn-teal:focus, .btn-check:active + .btn-teal:focus, .btn-teal:active:focus, .btn-teal.active:focus, .show > .btn-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(56, 224, 174, 0.5);
}
.btn-teal:disabled, .btn-teal.disabled {
  color: #fff;
  background-color: #20c997;
  border-color: #20c997;
}
.text-teal {color:#20c997;}
.bg-teal {color:#fff;background-color:#20c997;border-color:#20c997;}
.bg-teal:hover {color:#fff;background-color:#1cb084;border-color:#1cb084;}

/***********************************************************
Bootstarp Additional Color "Yellow" Main below...
***********************************************************/

.btn-yellow {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-yellow:hover {
  color: #fff;
  background-color: #e6ac00;
  border-color: #e6ac00;
}
.btn-check:focus + .btn-yellow, .btn-yellow:focus {
  color: #fff;
  background-color: #e6ac00;
  border-color: #e6ac00;
  box-shadow: 0 0 0 0.25rem rgba(255, 204, 51, 0.5);
}
.btn-check:checked + .btn-yellow, .btn-check:active + .btn-yellow, .btn-yellow:active, .btn-yellow.active, .show > .btn-yellow.dropdown-toggle {
  color: #fff;
  background-color: #e6ac00;
  border-color: #e6ac00;
}
.btn-check:checked + .btn-yellow:focus, .btn-check:active + .btn-yellow:focus, .btn-yellow:active:focus, .btn-yellow.active:focus, .show > .btn-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 204, 51, 0.5);
}
.btn-yellow:disabled, .btn-yellow.disabled {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}
.text-yellow {color:#ffc107;}
.bg-yellow {color:#fff;background-color:#ffc107;border-color:#ffc107;}
.bg-yellow:hover {color:#fff;background-color:#e6ac00;border-color:#e6ac00;}

/***********************************************************
Bootstarp Additional Color "Cyan" Main below...
***********************************************************/

.btn-cyan {
  color: #fff;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-cyan:hover {
  color: #fff;
  background-color: #0aa3c2;
  border-color: #0aa3c2;
}
.btn-check:focus + .btn-cyan, .btn-cyan:focus {
  color: #fff;
  background-color: #0aa3c2;
  border-color: #0aa3c2;
  box-shadow: 0 0 0 0.25rem rgba(85, 219, 246, 0.5);
}
.btn-check:checked + .btn-cyan, .btn-check:active + .btn-cyan, .btn-cyan:active, .btn-cyan.active, .show > .btn-cyan.dropdown-toggle {
  color: #fff;
  background-color: #0aa3c2;
  border-color: #0aa3c2;
}
.btn-check:checked + .btn-cyan:focus, .btn-check:active + .btn-cyan:focus, .btn-cyan:active:focus, .btn-cyan.active:focus, .show > .btn-cyan.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(85, 219, 246, 0.5);
}
.btn-cyan:disabled, .btn-cyan.disabled {
  color: #fff;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.text-cyan {color:#0dcaf0;}
.bg-cyan {color:#fff;background-color:#0dcaf0;border-color:#0dcaf0;}
.bg-cyan:hover {color:#fff;background-color:#0aa3c2;border-color:#0aa3c2;}


/**********************************************************/


/***********************************************************
Bootstarp Additional Color "Purple" Outline below...
***********************************************************/

.btn-outline-purple {
  color: #6f42c1;
  border-color: #6f42c1;
}
.btn-outline-purple:hover {
  color: #fff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}
.btn-check:focus + .btn-outline-purple, .btn-outline-purple:focus {
  box-shadow: 0 0 0 0.25rem rgba(152, 120, 211, 0.5);
}
.btn-check:checked + .btn-outline-purple, .btn-check:active + .btn-outline-purple, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.dropdown-toggle.show {
  color: #fff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}
.btn-check:checked + .btn-outline-purple:focus, .btn-check:active + .btn-outline-purple:focus, .btn-outline-purple:active:focus, .btn-outline-purple.active:focus, .btn-outline-purple.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(152, 120, 211, 0.5);
}
.btn-outline-purple:disabled, .btn-outline-purple.disabled {
  color: #6f42c1;
  background-color: transparent;
}

/***********************************************************
Bootstarp Additional Color "Indigo" Outline below...
***********************************************************/

.btn-outline-indigo {
  color: #6610f2;
  border-color: #6610f2;
}
.btn-outline-indigo:hover {
  color: #fff;
  background-color: #6610f2;
  border-color: #6610f2;
}
.btn-check:focus + .btn-outline-indigo, .btn-outline-indigo:focus {
  box-shadow: 0 0 0 0.25rem rgba(147, 85, 246, 0.5);
}
.btn-check:checked + .btn-outline-indigo, .btn-check:active + .btn-outline-indigo, .btn-outline-indigo:active, .btn-outline-indigo.active, .btn-outline-indigo.dropdown-toggle.show {
  color: #fff;
  background-color: #6610f2;
  border-color: #6610f2;
}
.btn-check:checked + .btn-outline-indigo:focus, .btn-check:active + .btn-outline-indigo:focus, .btn-outline-indigo:active:focus, .btn-outline-indigo.active:focus, .btn-outline-indigo.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(147, 85, 246, 0.5);
}
.btn-outline-indigo:disabled, .btn-outline-indigo.disabled {
  color: #6610f2;
  background-color: transparent;
}

/***********************************************************
Bootstarp Additional Color "Pink" Outline below...
***********************************************************/

.btn-outline-pink {
  color: #d52a80;
  border-color: #d52a80;
}
.btn-outline-pink:hover {
  color: #fff;
  background-color: #d52a80;
  border-color: #d52a80;
}
.btn-check:focus + .btn-outline-pink, .btn-outline-pink:focus {
  box-shadow: 0 0 0 0.25rem rgba(226, 106, 166, 0.5);
}
.btn-check:checked + .btn-outline-pink, .btn-check:active + .btn-outline-pink, .btn-outline-pink:active, .btn-outline-pink.active, .btn-outline-pink.dropdown-toggle.show {
  color: #fff;
  background-color: #d52a80;
  border-color: #d52a80;
}
.btn-check:checked + .btn-outline-pink:focus, .btn-check:active + .btn-outline-pink:focus, .btn-outline-pink:active:focus, .btn-outline-pink.active:focus, .btn-outline-pink.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(226, 106, 166, 0.5);
}
.btn-outline-pink:disabled, .btn-outline-pink.disabled {
  color: #d52a80;
  background-color: transparent;
}

/***********************************************************
Bootstarp Additional Color "Orange" Outline below...
***********************************************************/

.btn-outline-orange {
  color: #fd7e14;
  border-color: #fd7e14;
}
.btn-outline-orange:hover {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-check:focus + .btn-outline-orange, .btn-outline-orange:focus {
  box-shadow: 0 0 0 0.25rem rgba(253, 157, 78, 0.5);
}
.btn-check:checked + .btn-outline-orange, .btn-check:active + .btn-outline-orange, .btn-outline-orange:active, .btn-outline-orange.active, .btn-outline-orange.dropdown-toggle.show {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-check:checked + .btn-outline-orange:focus, .btn-check:active + .btn-outline-orange:focus, .btn-outline-orange:active:focus, .btn-outline-orange.active:focus, .btn-outline-orange.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(253, 157, 78, 0.5);
}
.btn-outline-orange:disabled, .btn-outline-orange.disabled {
  color: #fd7e14;
  background-color: transparent;
}

/***********************************************************
Bootstarp Additional Color "Green" Outline below...
***********************************************************/

.btn-outline-green {
  color: #198754;
  border-color: #198754;
}
.btn-outline-green:hover {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:focus + .btn-outline-green, .btn-outline-green:focus {
  box-shadow: 0 0 0 0.25rem rgba(36, 194, 120, 0.5);
}
.btn-check:checked + .btn-outline-green, .btn-check:active + .btn-outline-green, .btn-outline-green:active, .btn-outline-green.active, .btn-outline-green.dropdown-toggle.show {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:checked + .btn-outline-green:focus, .btn-check:active + .btn-outline-green:focus, .btn-outline-green:active:focus, .btn-outline-green.active:focus, .btn-outline-green.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(36, 194, 120, 0.5);
}
.btn-outline-green:disabled, .btn-outline-green.disabled {
  color: #198754;
  background-color: transparent;
}

/***********************************************************
Bootstarp Additional Color "Teal" Outline below...
***********************************************************/

.btn-outline-teal {
  color: #20c997;
  border-color: #20c997;
}
.btn-outline-teal:hover {
  color: #fff;
  background-color: #20c997;
  border-color: #20c997;
}
.btn-check:focus + .btn-outline-teal, .btn-outline-teal:focus {
  box-shadow: 0 0 0 0.25rem rgba(56, 224, 174, 0.5);
}
.btn-check:checked + .btn-outline-teal, .btn-check:active + .btn-outline-teal, .btn-outline-teal:active, .btn-outline-teal.active, .btn-outline-teal.dropdown-toggle.show {
  color: #fff;
  background-color: #20c997;
  border-color: #20c997;
}
.btn-check:checked + .btn-outline-teal:focus, .btn-check:active + .btn-outline-teal:focus, .btn-outline-teal:active:focus, .btn-outline-teal.active:focus, .btn-outline-teal.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(56, 224, 174, 0.5);
}
.btn-outline-teal:disabled, .btn-outline-teal.disabled {
  color: #20c997;
  background-color: transparent;
}

/***********************************************************
Bootstarp Additional Color "Yellow" Outline below...
***********************************************************/

.btn-outline-yellow {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-yellow:hover {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:focus + .btn-outline-yellow, .btn-outline-yellow:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 204, 51, 0.5);
}
.btn-check:checked + .btn-outline-yellow, .btn-check:active + .btn-outline-yellow, .btn-outline-yellow:active, .btn-outline-yellow.active, .btn-outline-yellow.dropdown-toggle.show {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:checked + .btn-outline-yellow:focus, .btn-check:active + .btn-outline-yellow:focus, .btn-outline-yellow:active:focus, .btn-outline-yellow.active:focus, .btn-outline-yellow.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 204, 51, 0.5);
}
.btn-outline-yellow:disabled, .btn-outline-yellow.disabled {
  color: #ffc107;
  background-color: transparent;
}

/***********************************************************
Bootstarp Additional Color "Cyan" Outline below...
***********************************************************/

.btn-outline-cyan {
  color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-outline-cyan:hover {
  color: #fff;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-cyan, .btn-outline-cyan:focus {
  box-shadow: 0 0 0 0.25rem rgba(85, 219, 246, 0.5);
}
.btn-check:checked + .btn-outline-cyan, .btn-check:active + .btn-outline-cyan, .btn-outline-cyan:active, .btn-outline-cyan.active, .btn-outline-cyan.dropdown-toggle.show {
  color: #fff;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-cyan:focus, .btn-check:active + .btn-outline-cyan:focus, .btn-outline-cyan:active:focus, .btn-outline-cyan.active:focus, .btn-outline-cyan.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(85, 219, 246, 0.5);
}
.btn-outline-cyan:disabled, .btn-outline-cyan.disabled {
  color: #0dcaf0;
  background-color: transparent;
}

/***********************************************************/

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {display: none;}