/*general style start*/
body{ background:#fff; color:#292929;  }
a,a:focus{ color:#00b8e6;  }
a:hover,a:active{ color:#f3d700;  }
::-moz-selection{ color:#fff; background:#00b8e6;  }
::selection{ color:#fff; background:#00b8e6;  }
/*general style end*/

/* bg colors */
.bg-white{ background-color:#fff !important;  }
.bg-light{ background-color:#fafcff !important;  }
.bg-primary{ background-color:#00b8e6 !important;  }
.bg-secondary{ background-color:#f3d700 !important;  }
.bg-dark{ background-color:#262a3d !important;  }
.bg-dark-primary{ background-color:#111a3a !important;  }
.bg-darker{ background-color:#3c3c3c !important;  }

/* border colors */
.border-primary{ border-color:#00b8e6 !important;  }
.border-secondary{ border-color:#f3d700 !important;  }

/* text colors */
.text-primary{ color:#fddad8 !important;  }
a.text-primary:hover,a.text-primary:active{ color:#f3d700 !important;  }
.text-secondary{ color:#f3d700 !important;  }
.text-medium{ color:#323232 !important;  }
a.text-medium:hover,a.text-medium:active{ color:#f3d700 !important;  }
.text-gray{ color:#4f6479 !important;  }
.text-pink{ color:#FFB6C1; !important;  }

/* btn style */
.btn-primary { color: #fff; background-color: var(--primary); border-color: var(--primary); }
.btn-primary svg{ fill: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: var(--secondary); border-color: var(--secondary); }
.btn-primary:hover svg, .btn-primary:focus svg, .btn-primary:not(:disabled):not(.disabled).active svg, .btn-primary:not(:disabled):not(.disabled):active svg, .show>.btn-primary.dropdown-toggle > svg{ fill: #fff; }
.btn-outline-primary { color: var(--primary); border-color: var(--primary); }
.btn-outline-primary svg{ fill: var(--primary); }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); }
.btn-outline-primary:hover svg, .btn-outline-primary:focus svg, .btn-outline-primary:not(:disabled):not(.disabled).active svg, .btn-outline-primary:not(:disabled):not(.disabled):active svg, .show>.btn-outline-primary.dropdown-toggle > svg{ fill: #fff; }
.btn-white { color: var(--primary); background-color: #fff; border-color: #fff; }
.btn-white:hover, .btn-white:focus, .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show>.btn-white.dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); }
.btn-outline-white { color: #fff; border-color: #fff; }
.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, .show>.btn-outline-white.dropdown-toggle { color: #00003b; background-color: #fff; border-color: #fff; }
.btn-secondary { color: #fff; background-color: var(--secondary); border-color: var(--secondary); }
.btn-secondary svg{ fill: #fff; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); }
.btn-secondary:hover svg, .btn-secondary:focus svg, .btn-secondary:not(:disabled):not(.disabled).active svg, .btn-secondary:not(:disabled):not(.disabled):active svg, .show>.btn-secondary.dropdown-toggle > svg{ fill: #fff; }