/* =======================================================DUB FACTORY STUDIOSBASE STYLES======================================================= */

/* RESET FOOTER LISTS */#fh5co-footer ul,#fh5co-footer li {margin: 0;padding: 0;list-style: none;}

/* =======================================================ROOT VARIABLES======================================================= */

:root {

--dfs-white: #ffffff;--dfs-cream: #f8f4ed;--dfs-paper: #fffaf3;

--dfs-black: #050505;--dfs-charcoal: #222222;--dfs-gray: #6f6f6f;--dfs-light-gray: #eeeeee;

--dfs-red: #d71920;--dfs-orange: #ff6a00;--dfs-yellow: #ffd447;--dfs-amber: #f2a23a;

--dfs-border: rgba(0,0,0,0.1);

--dfs-shadow:0 18px 45px rgba(0,0,0,0.08);

--dfs-transition:all 0.25s ease;}

/* =======================================================BASE HTML / BODY======================================================= */

html {scroll-behavior: smooth;}

body {

font-family:"Work Sans",Arial,sans-serif;

font-size: 16px;font-weight: 400;line-height: 1.75;

color: var(--dfs-charcoal);

background: var(--dfs-white);

overflow-x: hidden;

-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

#page {position: relative;width: 100%;overflow-x: hidden;}

/* =======================================================TYPOGRAPHY======================================================= */

h1,h2,h3,h4,h5,h6 {

margin: 0 0 20px;

color: var(--dfs-black);

font-family:"Work Sans",Arial,sans-serif;

font-weight: 800;

line-height: 1.15;}

p {margin-bottom: 20px;}

/* =======================================================LINKS======================================================= */

a {

color: var(--dfs-red);

transition: var(--dfs-transition);

text-decoration: none;}

a:hover,a:focus,a:active {

color: var(--dfs-orange);

outline: none;

text-decoration: none;}

/* =======================================================SELECTION======================================================= */

::selection {color: var(--dfs-white);background: var(--dfs-red);}

::-moz-selection {color: var(--dfs-white);background: var(--dfs-red);}

/* =======================================================IMAGES======================================================= */

img {max-width: 100%;height: auto;display: block;}

/* =======================================================BUTTON SYSTEM======================================================= */

.btn,.dfs-btn,.btn-primary,.btn-outline,.dfs-btn-primary,.dfs-btn-outline {

display: inline-flex;align-items: center;justify-content: center;

padding: 16px 32px;

border: none !important;border-radius: 999px;

background:linear-gradient(135deg,var(--dfs-orange),#ff2d00);

color: var(--dfs-white) !important;

font-size: 14px;font-weight: 800;line-height: 1.2;

letter-spacing: 1px;text-transform: uppercase;

transition: all 0.3s ease;

box-shadow:0 10px 28px rgba(255,90,0,0.28);}

/* BUTTON SPACING */

.btn + .btn,.dfs-btn + .dfs-btn,.btn-primary + .btn-outline {margin-left: 14px;}

/* BUTTON HOVER */

.btn:hover,.btn:focus,.dfs-btn:hover,.dfs-btn:focus,.btn-primary:hover,.btn-primary:focus,.btn-outline:hover,.btn-outline:focus,.dfs-btn-primary:hover,.dfs-btn-primary:focus,.dfs-btn-outline:hover,.dfs-btn-outline:focus {

background:linear-gradient(135deg,#ff6f1f,#ff3d1a);

color: var(--dfs-white) !important;

transform: translateY(-2px);

text-decoration: none;

box-shadow:0 14px 32px rgba(255,90,0,0.36);}

/* OUTLINE BUTTON */

.btn-outline,.dfs-btn-outline {

background: transparent !important;

color: var(--dfs-black) !important;

border: 2px solid var(--dfs-black) !important;

box-shadow: none;}

.btn-outline:hover,.dfs-btn-outline:hover {

background: var(--dfs-black) !important;

color: var(--dfs-white) !important;}

/* =======================================================FORMS======================================================= */

.form-control,input,select,textarea {

display: block;

width: 100%;

min-height: 52px;

padding: 14px 16px;

border:1px solid var(--dfs-border);

border-radius: 10px;

background: var(--dfs-white);

color: var(--dfs-charcoal);

font-size: 15px;line-height: 1.5;

box-shadow: none;

transition: var(--dfs-transition);}

textarea {min-height: 190px;resize: vertical;}

.form-control:focus,input:focus,select:focus,textarea:focus {

outline: none;

border-color: var(--dfs-orange);

box-shadow: none;}

/* LABELS */

label {

display: block;

margin-bottom: 8px;

color: var(--dfs-black);

font-size: 12px;font-weight: 800;

letter-spacing: 1.4px;text-transform: uppercase;}

/* =======================================================LOADER======================================================= */

.fh5co-loader {

position: fixed;

inset: 0;

z-index: 9999;

background: var(--dfs-white);}

/* =======================================================GO TO TOP======================================================= */

.gototop {

position: fixed;

right: 20px;bottom: 20px;

z-index: 999;

opacity: 0;visibility: hidden;

transition: 0.35s ease;}

.gototop.active {opacity: 1;visibility: visible;}

.gototop a {

display: table;

width: 48px;height: 48px;

background: var(--dfs-black);

color: var(--dfs-white);

text-align: center;

border-radius: 50%;}

.gototop a i {

display: table-cell;

height: 48px;

vertical-align: middle;}

/* =======================================================UTILITIES======================================================= */

.text-center {text-align: center;}

.mb30 {margin-bottom: 30px !important;}

.row-pb-md {padding-bottom: 4em !important;}

.row-pb-sm {padding-bottom: 2em !important;}

/* =======================================================RESPONSIVE======================================================= */

@media screen and (max-width: 768px) {

.btn,.dfs-btn,.btn-primary,.btn-outline,.dfs-btn-primary,.dfs-btn-outline {

width: 100%;

margin-top: 12px;
margin-left: 0 !important;

text-align: center;

}}