@import url(../icons/orangeicon/orangeicons.css);
.inactvrow,dialog#alert-modal {
 background-color:var(--color-white)
}
.accordion .a-container .a-btn,
.accordion .a-container .a-btn a {
 font-size:var(--genfont18-size);
 font-weight:500
}
.rocket-alert-closebtn,
dialog .alert-modal-closebtn {
 font-weight:700;
 line-height:20px;
 float:right;
 font-size:22px
}
.form-group textarea,
body,
input[type=date],
input[type=time] {
 font-family:var(--maintext-font)
}
#hero,
#hero-about,
#hero-contact,
#hero-donate,
#hero-testimonial,
#hero-vision {
 background-size:max(120%,800px),cover;
 height:clamp(265px ,39vw + 0px ,800px)
}
.d_cont,
body {
 overflow-x:hidden
}
#contactform .form-group,
.f-card-title.hdr_small {
 margin-top:10px!important
}
#pgoverlay,
.sm_hide {
 display:none
}
#navigation-list .navbar-nav ul a:hover,
.button:hover,
.nav>li>a:focus,
.nav>li>a:hover,
a,
a:focus,
a:hover {
 text-decoration:none
}

@font-face {
  font-family: 'tt_main_font';
  src: url('../fonts/amcap_eternal-webfont.woff2') format('woff2'),
       url('../fonts/amcap_eternal-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'forzabook';
    src: url('../fonts/forza-book-webfont.woff2') format('woff2'),
         url('../fonts/forza-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'forzabold';
    src: url('../fonts/forza-bold-webfont.woff2') format('woff2'),
         url('../fonts/forza-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


:root {
 --color-white:#fffdf9;
 --color-black:#081d2f;
 --color-yellow:#fdc45a;
 --color-drkyellow:#eaa100;
 --color-ltyellow:#ecc77a;
 --color-vltyellow:#FFF2EB;
 --color-brown:#65301a;
 --color-ltbrown:#7f452a;
 --color-drkbrown:#47210e;
 --color-blue:#1a3a56;
 --color-ltblue:#275279;
 --color-drkblue:#072843;
 --color-truwhite:#ffffff;
 --color-trublack:#000000;

 --color-green:#179766;
 --color-ltgreen:#34A178;
 --color-drkgreen:#0A784E;
 --color-red:#A62C2B;
 --color-ltred:#BF4145;
 --color-dkred:#BB008D;
 --color-orange:#FF4500;

 --color-white-rgba-100:rgba(255, 253, 249, 1);
 --color-black-rgba-100:rgba(8, 29, 47, 1);
 --color-ltgreen-rgba:rgba(174, 214, 181, .70);
 --color-ltred-cont-rgba:rgb(191, 65, 69,0.8);
 --color-vltblue-rgba:rgba(129, 184, 214,.8);

/* OLD COLORS */
 --color-ltblack:#50586D;
 --color-drkblack:#21293C;
 --color-gray:#BCBEC0;
 --color-ltgray:#E6E7E8;
 --color-drkgray:#A1ABBE;
 --color-ltblue-rgba:rgba(22, 110, 157,1);

 --color-tp-bg:var(--color-blue);
 --color-tp-text:var(--color-white);
 --maintext-font:"forzabook",sans-serif;
 --maintext-color:var(--color-black);
 --maintext-weight:300;
 --maintext-size:18px;
 --maintext-lineheight:1.75em;
 --mobiletext-size:12px;
 --mobiletext-lineheight:1.4em;
 --bigtext-font:"tt_main_font",sans-serif;
 --bigtext-weight:500;
 --bigtext-color:#555555;
 --mainbg-color:var(--color-black);
 --bg-color:var(--color-white);

 --fsize-navbar:14px;
 --button-gradient:linear-gradient(114deg, rgba(191,65,69,1) 0%, rgba(191,65,69,1) 15px, rgba(255,255,255,1) 16px, rgba(255,255,255,1) 30px, rgba(128,161,194,1) 31px, rgba(128,161,194,1) 36px, rgba(61,96,152,1) 100%);
 --button-gradient-hov:linear-gradient(114deg, rgba(166,44,43,1) 0%, rgba(166,44,43,1) 15px, rgba(255,255,255,1) 16px, rgba(255,255,255,1) 30px, rgba(102,132,170,1) 31px, rgba(102,132,170,1) 36px, rgba(61,96,152,1) 100%);

 --nav-height:3rem;

 --max-width:1200px;
 --wrap-top:110px;

 --transition-t-300:300ms;
 --transition-t-500:500ms;
 --transition-t-750:750ms;
 --genfont18-size:18px;
 --mobiletxt:12;
 --maintxt:16;
 --gentxt:18;
 --hdtxt0:55;
 --hdtxt1:42;
 --hdtxt2:38;
 --hdtxt3:36;
 --hdtxt4:34;
 --hdtxt5:32;
 --hdtxt6:30;
 --hdtxt7:20;
 --herohdrtxt1:100;
 --herohdrtxt2:25;
 --headtxt0-size:clamp( calc( var(--gentxt)*1.875 / var(--maintxt)*1rem ), 5vw - 1rem, calc( var(--hdtxt0)/var(--maintxt)*1rem ) );
 --headtxt1-size:clamp( calc( var(--gentxt)*1.75 / var(--maintxt)*1rem ), 5vw - 1rem, calc( var(--hdtxt1)/var(--maintxt)*1rem ) );
 --headtxt2-size:clamp( calc( var(--gentxt)*1.625 / var(--maintxt)*1rem ), 5vw - 1rem, calc( var(--hdtxt2)/var(--maintxt)*1rem ) );
 --headtxt3-size:clamp( calc( var(--gentxt)*1.5 / var(--maintxt)*1rem ), 5vw - 1rem, calc( var(--hdtxt3)/var(--maintxt)*1rem ) );
 --headtxt4-size:clamp( calc( var(--gentxt)*1.375 / var(--maintxt)*1rem ), 5vw - 1rem, calc( var(--hdtxt4)/var(--maintxt)*1rem ) );
 --headtxt5-size:clamp( calc( var(--gentxt)*1.25 / var(--maintxt)*1rem ), 5vw - 1rem, calc( var(--hdtxt5)/var(--maintxt)*1rem ) );
 --headtxt6-size:clamp( calc( var(--gentxt) / var(--maintxt)*1rem ), 5vw - 1rem, calc( var(--hdtxt6)/var(--maintxt)*1rem ) );
 --headtxt7-size:clamp( calc( var(--maintxt) / var(--maintxt)*1rem ), 5vw - 1rem, calc( var(--hdtxt7)/var(--maintxt)*1rem ) );
 --headtxt8-size:clamp( calc( var(--maintxt) / var(--maintxt)*1rem ), 5vw - 1rem, calc( var(--hdtxt7)/var(--hdtxt7)*1rem ) );
 --hero-title-size:clamp( calc( var(--herohdrtxt2)/var(--maintxt)*1rem ), 7vw - 1.2rem, calc( var(--herohdrtxt1)/var(--maintxt)*1rem ) );
 --section-head-size:clamp( calc( var(--hdtxt6)/var(--maintxt)*1rem ), 2vw + 1rem, calc( var(--hdtxt6)/var(--maintxt)*1rem ) );
 --don-radius:3px;

 --table-font-size:clamp( calc( var(--gentxt)/var(--maintxt)*.5rem ), 1vw + .5rem, calc( var(--gentxt)/var(--maintxt)*1rem ) );

}
*,
:after,
:before {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
html {
 min-height:100%;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 scroll-behavior:smooth
}
body {
 font-size:var(--maintext-size);
 font-weight:var(--maintext-weight);
 line-height:var(--maintext-lineheight);
 background:var(--mainbg-color);
 color:var(--maintext-color);
 margin:0
}
.allcaps,
.allcaps a {
 text-transform:uppercase!important
}
.alllower,
.alllower a {
 text-transform:lowercase!important
}
.allnone,
.allnone a {
 text-transform:none!important
}
.card-text,
a.ord-link {
 text-transform:capitalize!important
}
@-ms-viewport {
 width:device-width
}
ul li {
 list-style:none!important
}
ul.lists li {
 padding:5px 0 5px 1.3em
}

/*
ul.lists li:before {
 font-family:icomoon;
 font-size:18px;
 color:var(--color-ltblue);
 content:"\e90e";
 display:inline-block;
 margin-left:-1.3em;
 width:1.3em
}
*/

h1,
h3,
h4,
h5,
h6 {
 font-family:var(--bigtext-font);
 color:var(--color-white);
 padding-bottom:8px;
 text-transform:uppercase;
 line-height:1em;
 font-weight:var(--bigtext-weight);
 margin-top:10px;
 margin-bottom:10px
}
h1 {
 font-size:var(--headtxt1-size)
}
h3 {
 font-size:var(--headtxt3-size)
}
h4 {
 font-size:var(--headtxt4-size)
}
h5 {
 font-size:var(--headtxt5-size)
}
.fs-big,
h6 {
 font-size:var(--headtxt6-size)
}
a {
 font-weight:600;
 color:var(--color-blue)
}
a:focus,
a:hover {
 color:var(--color-drkred)
}

/*--- TABLES ---*/
table {
  border: 4px solid #fff;
    padding: 10px;
  font-size: var(--table-font-size);
   line-height:clamp(1.5rem, 2vw + .5rem, 2.5rem);
}
thead {
  background: var(--color-yellow);
}
thead th {
  padding: 5px 10px;
  color: var(--color-blue);
}
tbody {
  color: var(--color-blue);
  text-align: center;
}
tbody tr {
  background-color: #fff;
}
tbody tr:nth-child(even){
  background-color: #f2f2f2;
}
tbody tr:hover {
  background-color: #ddd;
}

.container {
 min-height:400px;
 margin-right:auto;
 margin-left:auto;
 max-width:calc(var(--max-width) + 20px);
 background:var(--color-white)
}
.noheader {
  margin-top: 18px; /*was 50 */
}
.cont-small {
 min-height:auto!important
}
.row {
 margin-left:-15px;
 margin-right:-15px
}
a.ord-link {
 font-size:12px!important;
 color:var(--color-orange)!important
}
.accordion.faq_accordian_nav .a-container .a-btn,
.accordion.faq_accordian_nav .a-container .a-panel,
.fancy-text-header h6,
.lttext,
p.wht-link a {
 color:var(--color-white)!important
}
.accordion .a-container .a-btn a:hover,
.accordion .a-container .a-btn:hover,
.navsidebut:hover,
.opensearchtog:hover,
.right-btns .donate-btn:hover,
.txtcolor-3,
nav.side-slide .navsidebut_close:hover,
p.wht-link a:hover {
 color:var(--color-yellow)!important
}
.tog_hov {
 cursor:pointer!important;
 padding:5px 10px
}
.tog_green {
 color:var(--color-green) !important;
}
#navigation-list .navbar-nav a:hover,
.accordion .a-container .a-panel a:hover,
.tog_red,
dialog .alert-modal-closebtn:hover {
 color:var(--color-yellow)
}
.tog_blue {
 color:var(--color-blue) !important;
}
.tog_yellow {
 color:var(--color-yellow) !important;
}
.tog_gray {
 color:var(--color-gray) !important;
}
#successmsg h3,
#successmsg h6,
.drktext,
.hdr_small h1,
.hdr_small h2,
.hdr_small h3,
.hdr_small h4,
.hdr_small h5,
.hdr_small h6 {
 color:var(--color-black);
}
#successmsg p {
  color:var(--color-white);
}
.img_hor_flip {
 -webkit-transform:scaleX(-1);
 -ms-transform:scaleX(-1);
 transform:scaleX(-1)
}
.w60p {
 max-width:60%!important
}
.w75p {
 max-width:75%!important
}
.minwidth-300 {
  width: 50%;
  min-width: 300px;
}
.inactvrow {
 color:#777
}
.inactvrow_off {
 color:var(--color-black);
 background-color:transparent
}
.bg-ltblue {
 background:var(--color-ltblue)!important
}
.bg-blue {
 background:var(--color-blue)!important
}
.bg-ltred {
 background:var(--color-ltred)!important
}
.bg-white {
 background:var(--color-white)!important
}
.bg-yellow {
 background:var(--color-yellow)!important
}
.bg-ltyellow {
 background:var(--color-ltyellow)!important
}
.no-pad {
 padding:0!important
}
.pad-med {
  padding:50px !important;
}
.no-bg {
 background:0 0!important
}
.center-title {
 text-align:center
}
.text-center {
 text-align:center !important
}
.text-left {
 text-align:left !important
}

.txtshadow {
 text-shadow:2px 2px 2px var(--color-black)
}

.active .boxer {
  padding: 20px 20px !important;
  border: 10px solid #fff;
  background: var(--color-blue);
}

dialog#alert-modal {
 border:2px solid var(--color-blue);
 border-radius:4px;
 color:var(--color-black);
 min-width:40vw;
 min-height:200px
}
dialog::-webkit-backdrop {
 background-color:rgba(0,0,0,.3)
}
dialog::backdrop {
 background-color:rgba(0,0,0,.3)
}
dialog .alert-modal-closebtn {
 position:absolute;
 top:0;
 right:3px;
 margin-left:0;
 color:var(--color-black);
 cursor:pointer;
 -webkit-transition:.3s;
 -o-transition:.3s;
 transition:.3s
}
.accordion .a-container .a-btn,
.accordion .a-container .a-btn span:before {
 -webkit-transition:all var(--transition-t-300) ease-in-out;
 -o-transition:all var(--transition-t-300) ease-in-out
}
[data-tooltip] {
 position:relative;
 cursor:pointer
}
[data-tooltip]:after,
[data-tooltip]:before {
 line-height:1;
 font-size:.9em;
 pointer-events:none;
 position:absolute;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 display:none;
 opacity:0
}
[data-tooltip]:before {
 content:"";
 border:5px solid transparent;
 top:-3px!important;
 z-index:100
}
.accordion .a-container .a-btn span:after,
.accordion .a-container .a-btn span:before {
 content:"";
 width:14px;
 height:3px;
 border-radius:2px;
 background-color:var(--color-yellow);
 position:absolute;
 top:5px
}
[data-tooltip]:after {
 content:attr(data-tooltip);
 text-align:center;
 min-width:3em;
 max-width:21em;
 white-space:nowrap;
 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 padding:6px 8px;
 border-radius:3px;
 background:var(--color-tp-bg);
 color:var(--color-tp-text);
 top:2px!important;
 z-index:99
}
.tp-green:after,
.tp-red:after,
.tp-yellow:after {
 color:var(--color-tp-text)!important
}
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
 display:block;
 opacity:1
}
.tp-red:after {
 background:var(--color-red)!important
}
.tp-red::before {
 border-top-color:var(--color-red)!important
}
.tp-green:after {
 background:var(--color-green)!important
}
.tp-green::before {
 border-top-color:var(--color-green)!important
}
.tp-yellow:after {
 background:var(--color-yellow)!important
}
.tp-yellow::before {
 border-top-color:var(--color-yellow)!important
}
[data-tooltip]:not([data-flow])::before,
[data-tooltip][data-flow=top]::before {
 bottom:100%;
 border-bottom-width:0;
 border-top-color:var(--color-tp-bg)
}
[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow=top]::after {
 bottom:calc(100% + 5px)
}
[data-tooltip]:not([data-flow])::before,
[data-tooltip][data-flow=top]::after,
[data-tooltip][data-flow=top]::before,
[tooltip]:not([data-flow])::after {
 left:50%;
 -webkit-transform:translate(-50%,-4px);
 -ms-transform:translate(-50%,-4px);
 transform:translate(-50%,-4px)
}
[data-tooltip][data-flow=bottom]::before {
 top:100%;
 border-top-width:0;
 border-bottom-color:var(--color-tp-bg)
}
[data-tooltip][data-flow=bottom]::after {
 top:calc(100% + 5px)
}
[data-tooltip][data-flow=bottom]::after,
[data-tooltip][data-flow=bottom]::before {
 left:50%;
 -webkit-transform:translate(-50%,8px);
 -ms-transform:translate(-50%,8px);
 transform:translate(-50%,8px)
}
[data-tooltip][data-flow=left]::before {
 top:50%;
 border-right-width:0;
 border-left-color:var(--color-tp-bg);
 left:calc(0em - 5px);
 -webkit-transform:translate(-8px,-50%);
 -ms-transform:translate(-8px,-50%);
 transform:translate(-8px,-50%)
}
[data-tooltip][data-flow=left]::after {
 top:50%;
 right:calc(100% + 5px);
 -webkit-transform:translate(-8px,-50%);
 -ms-transform:translate(-8px,-50%);
 transform:translate(-8px,-50%)
}
[data-tooltip][data-flow=right]::before {
 top:50%;
 border-left-width:0;
 border-right-color:var(--color-tp-bg);
 right:calc(0em - 5px);
 -webkit-transform:translate(8px,-50%);
 -ms-transform:translate(8px,-50%);
 transform:translate(8px,-50%)
}
[data-tooltip][data-flow=right]::after {
 top:50%;
 left:calc(100% + 5px);
 -webkit-transform:translate(8px,-50%);
 -ms-transform:translate(8px,-50%);
 transform:translate(8px,-50%)
}
[data-tooltip=""]::after,
[data-tooltip=""]::before {
 display:none!important
}
.accordion.d_accordian_nav {
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-column-gap:20px;
 -moz-column-gap:20px;
 column-gap:20px;
 -webkit-box-pack:start;
 -ms-flex-pack:start;
 justify-content:flex-start
}
.accordion,
.accordion .a-container {
 -webkit-box-orient:vertical;
 display:-webkit-box;
 display:-ms-flexbox
}
.accordion.d_accordian_nav .a-container {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 text-align:left;
 width:45%;
 padding:0 5px
}
.accordion.d_accordian_nav .a-container .a-panel p {
 margin:0;
 line-height:1.5em;
 font-size:var(--headtxt8-size)!important;
 text-transform:none
}
.accordion {
 display:flex;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 width:100%;
 height:auto
}
#hero,
.contact-menu__socials {
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal
}
.accordion .a-container {
 display:flex;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 width:100%;
 padding-bottom:0
}
.accordion .a-container .a-btn {
 margin:0;
 position:relative;
 padding:15px 0;
 width:100%;
 display:block;
 cursor:pointer;
 transition:all var(--transition-t-300) ease-in-out
}
.accordion .a-container .a-btn a {
     color:#fff !important;
}
.accordion .a-container .a-btn.a-btn-mod {
 text-align:center;
 background-color:var(--color-ltred);
 color:var(--color-white)!important
}
.accordion .a-container .a-btn.a-btn-mod a:hover,
.accordion .a-container .a-btn.a-btn-mod:hover,
.footer_socials a i:hover,
.footer_top a:hover {
 color:var(--color-yellow)!important
}
.accordion .a-container .a-btn span {
 display:block;
 position:absolute;
 height:14px;
 width:14px;
 right:0;
 top:18px
}
.accordion .a-container .a-btn span:before {
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 transform:rotate(90deg);
 transition:all var(--transition-t-300) ease-in-out
}
.accordion .a-container .a-panel {
 width:100%;
 color:var(--color-white);
 -webkit-transition:all var(--transition-t-300) ease-in-out;
 -o-transition:all var(--transition-t-300) ease-in-out;
 transition:all var(--transition-t-300) ease-in-out;
 opacity:0;
 height:auto;
 max-height:0;
 overflow:hidden;
 padding:5px 20px
}
.button,
.rocket-alert-closebtn {
 -webkit-transition:.3s;
 -o-transition:.3s
}
.accordion .a-container.active .a-btn span::before {
 -webkit-transform:rotate(0);
 -ms-transform:rotate(0);
 transform:rotate(0)
}
.accordion .a-container.active .a-panel {
 padding:0 10px 10px;
 margin-bottom:10px;
 opacity:1;
 max-height:6000px
}
.accordion .a-container.active .a-btn {
 color:var(--color-yellow) !important;
}
.accordion .a-container .a-panel p {
 text-transform:uppercase;
 padding:5px 0
}
.accordion .a-container .a-panel a {
 color:var(--color-white);
 margin:15px 0
}
.clearfix:after,
.clearfix:before,
.nav:after,
.nav:before,
.navbar-header:after,
.navbar-header:before,
.row:after,
.row:before {
 content:" ";
 display:table
}
.clearfix:after,
.nav:after,
.navbar-header:after,
.row:after {
 clear:both
}
.rocket-alert {
 padding:20px;
 background-color:var(--color-red);
 color:#fff;
 opacity:1;
 margin:15px 0;
 border-radius:5px;
 width:100%
}
.form-icon,
.lead-icon {
 color:#fff;
 width:30px;
 -ms-grid-row-align:center;
 align-self:center;
 text-align:center
}
.rocket-alert.success {
 background-color:var(--color-green)
}
.rocket-alert.info {
 background-color:var(--color-blue)
}
.rocket-alert.warning {
 background-color:var(--color-orange)
}
.rocket-alert-closebtn {
 margin-left:15px;
 color:#fff;
 cursor:pointer;
 transition:.3s
}
.rocket-alert-closebtn:hover {
 color:#000
}
#successmsg h3 {
 font-size:var(--headtxt6-size)!important
}
#successmsg h6 {
 font-size:var(--headtxt7-size)!important;
 line-height:1.5em
}

#hero,
.contact-menu__socials {
 display:-webkit-box;
 display:-ms-flexbox
}
.contact-menu__socials {
 display:flex;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.contact-menu__socials a i {
 padding:0 5px;
 font-size:24px!important;
 color:var(--color-white)!important
}
.contact-menu__socials a i:hover {
 color:var(--color-ltred)!important
}
input,
select {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
.form-group {
 padding:10px 5px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.form-group label {
 font-size:14px;
 font-weight:600;
 margin-bottom:4px;
 display:block;
}
.form-group input,
.form-group select,
.form-group textarea {
 padding:10px 12px 10px 30px;
 font-size:16px;
 outline:0;
 width:100%
}
.form-group select {
 background-color:#fff;
 background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.193 3.97a.75.75 0 0 1 1.062 1.062L6.53 9.756a.75.75 0 0 1-1.06 0L.745 5.032A.75.75 0 0 1 1.807 3.97L6 8.163l4.193-4.193z' fill='%23000' fill-rule='evenodd' fill-opacity='.4'/%3E%3C/svg%3E");
 background-size:12px;
 background-position:calc(100% - 16px) center;
 background-repeat:no-repeat
}
.form-group select:-moz-focusring {
 color:transparent;
 text-shadow:0 0 0 #000
}
.form-group select:focus {
 -webkit-box-shadow:0 0 0 1px rgba(50,151,211,.3),0 1px 1px 0 rgba(0,0,0,.07),0 0 0 4px rgba(50,151,211,.3);
 box-shadow:0 0 0 1px rgba(50,151,211,.3),0 1px 1px 0 rgba(0,0,0,.07),0 0 0 4px rgba(50,151,211,.3)
}
.form-group select::-ms-expand {
 display:none
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
 border:2px solid var(--color-yellow)
}
.form-icon {
 padding:15px 10px;
 background:var(--color-green);
 -ms-flex-item-align:center;
 font-size:20px
}
.input-group-text {
 background-color:#7d4199;
 color:#fff;
 border:1px solid #7d4199;
 font-weight:900
}

.is-valid {
 border:2px solid var(--color-green)!important
}
.is-valid {
 background:url(/_assets/images/inp-check.svg) var(--color-ltgreen-rgba);
 background-origin:initial;
 background-repeat:no-repeat;
 background-position:5px center
}
.is-invalid {
 background:url(/_assets/images/inp-warn.svg) var(--color-white);
 background-origin:initial;
 background-repeat:no-repeat;
 background-position:5px center;
 border:2px solid var(--color-red)!important
}

.spinit {
 display:inline-block;
 -webkit-animation:2s linear infinite spinit-anim;
 animation:2s linear infinite spinit-anim
}
@-webkit-keyframes spinit-anim {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(359deg);
  transform:rotate(359deg)
 }
}
@keyframes spinit-anim {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(359deg);
  transform:rotate(359deg)
 }
}
input:required::-webkit-input-placeholder,
textarea:required::-webkit-input-placeholder {
 font-family:var(--maintext-font);
 color:var(--color-ltred)
}
input:required::-moz-placeholder,
textarea:required::-moz-placeholder {
 font-family:var(--maintext-font);
 color:var(--color-ltred)
}
input:required:-ms-input-placeholder,
textarea:required:-ms-input-placeholder {
 font-family:var(--maintext-font);
 color:var(--color-ltred)
}
input:required::-ms-input-placeholder,
textarea:required::-ms-input-placeholder {
 font-family:var(--maintext-font);
 color:var(--color-ltred)
}
input:required::placeholder,
textarea:required::placeholder {
 font-family:var(--maintext-font);
 color:var(--color-ltred)
}
.form-group input,
.form-group select {
 height:48px;
 border:1px solid transparent;
 -webkit-box-shadow:0 0 0 1px #e0e0e0,0 2px 4px 0 rgba(0,0,0,.07),0 1px 1.5px 0 rgba(0,0,0,.05);
 box-shadow:0 0 0 1px #e0e0e0,0 2px 4px 0 rgba(0,0,0,.07),0 1px 1.5px 0 rgba(0,0,0,.05);
 -webkit-transition:-webkit-box-shadow 150ms;
 transition:box-shadow 150ms;
 -o-transition:box-shadow 150ms;
 transition:box-shadow 150ms,-webkit-box-shadow 150ms;
 border-radius:0;
 color:#282828;
 font-weight:700
}
.form-group textarea {
 font-weight:700;
 height:150px;
 border:1px solid rgba(0,0,0,.12)
}
#contactform {
 background-color:var(--color-ltblue);
  padding: 10px;
  border: 5px solid var(--color-white);
}

/*--- INSTRUCTIONS PAGE - STEP CIRCLES --- */
#svg {
  position: absolute;
  z-index: -1;
  top: -75px;
  left: 0;
  width: 100%;
  height: 100%;
}
#step-line {
  stroke-width: 10px;
  stroke: white;
}
.step-cont-grid {
     display: flex;
     flex-flow: column nowrap;
     row-gap: 80px;
     justify-content: space-evenly;
     align-content: center;
     margin-top: 20px;
}
#stepcont {
     margin-bottom: 0px;
}
#step-grid {
    display: flex;
    flex-flow: row wrap;
  row-gap: 50px;
    justify-content: space-evenly;
align-items: baseline;
  width: 100%;
        }
#step-block {
  z-index: 1;
  display: flex;
  flex-flow: column wrap;
  align-content: center;
}
.step-count {
       width: 20%;
  min-width: 300px;
  max-width: 500px;
     align-self: center;
}
.step-desc {
       width: 80%;
  min-width: 350px;
  max-width: 1000px;
  padding: 20px 20px;
  border: 10px solid #fff;
  background: var(--color-blue);
}
.step-title {
 font-family:tt_main_font;
 text-transform:uppercase;
 text-align:center;
 line-height:var(--mobiletext-lineheight);
 font-size:var(--headtxt1-size)!important;
}
.step-circle {
 width: clamp(100px, 15vw + 1px, 150px);
 height: clamp(100px, 15vw + 1px, 150px);
 border: 10px solid #fff;
 border-radius: 50%;
 display: flex;
 align-items: center;
 text-align: center;
 justify-content: center;
 background: var(--color-yellow);
}
.step-circle p {
 font-family:tt_main_font;
 font-size:var(--headtxt1-size)!important;
 font-weight:bold;
 padding:15px 0 0;
}
.step-img {
  align-self: center;
  width: 100%;
  padding: 10px;
}

.tier-sheet {
  border: 4px solid var(--color-white);
  background: var(--color-vltyellow);
  max-width: 600px;
}

.exhaust-sheet {
  max-width: 495px;
}

.howtomeas-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 400px;
  border: 4px solid var(--color-white);
}

.assemblydiagram-img {
  max-width: 400px;
  border: 4px solid var(--color-white);
}


/*--- WHY TOWTECTOE PAGE ---*/
.inner_flex {
 display:flex;
 -ms-flex-flow:row nowrap;
 flex-flow:row nowrap;
 -webkit-column-gap:10px;
 -moz-column-gap:10px;
 column-gap:20px;
 row-gap:40px;
 -webkit-box-pack:space-evenly;
 -ms-flex-pack:space-evenly;
 justify-content:space-evenly;
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:center;
 margin:0px auto 0
}
@media (max-width:800px) {
 .inner_flex {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap
 }
 .inner_flex.if_col {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap
 }
}

.inner-card-title {
 text-align:center;
 line-height:var(--mobiletext-lineheight);
 font-size:var(--headtxt7-size)!important
}

.topdown-img {
   width: 100%;
   max-width: 250px;
   min-width: 100px;
}
.whyttpoints-img {
   width: 100%;
   max-width: 500px;
   min-width: 250px;
}



.lead-icon {
 position:relative;
 top:3px;
 padding:15px 8px;
 background:var(--color-green);
 -ms-flex-item-align:center;
 font-size:18px
}
#hero,
.card-title-don {
 background-repeat:repeat-x
}

.card-don,
.fancy-text-box {
 border-radius:var(--don-radius);
 min-height:420px;
 min-width:300px!important;
 position:relative
}

#fadetop_section {
 background:var(--color-yellow)
}

.right-btns-group {
 display:block;
 float:right
}
.fancy-text-box {
 color:var(--color-white);
 background-color:var(--color-ltblue-rgba);
 border:1px solid var(--color-ltgray);
 margin:150px 50px 50px
}
.fancy-text-header {
 padding:0 20px;
 text-align:center;
 color:var(--color-white)!important
}
.fancy-text-inner {
 padding:0 20px
}

.card-don {
 color:#fff;
 background-color:rgba(255,255,255,.2);
 border:1px solid var(--color-ltgray);
 max-width:300px!important;
 margin:50px 10px
}
.a-card,
.f-card,
.t-card {
 min-height:120px
}
.card-don.test-cont {
 min-height:350px!important;
 min-width:350px!important;
 max-width:700px!important
}

.a_header,
.ord_hdr_top_search {
 max-width:var(--max-width)
}

.a_flex {
 width:100%;
}


/* A-GRID */
.a-grid {
 width:100vw;
 display:-ms-grid;
 display:grid;
 -ms-grid-columns:minmax(150px,260px) minmax(0px,50vw) 130px;
 grid-template-columns:minmax(1fr,900px) 10px minmax(500px, 1fr);
 grid-template-areas:"gimg . gcont";
 background:var(--color-black);
 color:var(--color-white);
 padding:0px;
}
.a-grid-r {
 width:100vw;
 display:-ms-grid;
 display:grid;
 -ms-grid-columns:minmax(150px,260px) minmax(0px,50vw) 130px;
 grid-template-columns:minmax(1fr,900px) 10px minmax(500px, 1fr);
 grid-template-areas:"gcont . gimg";
 background:var(--color-black);
 color:var(--color-white);
 padding:0px;
}
.a-gcard-gimg {
 grid-area:gimg;
 -ms-grid-row-align:center;
 align-self:center;
 -ms-grid-column-align:start;
 justify-self:start;
 min-width:400px;
}
.a-gcard-gcont {
 grid-area:gcont;
 -ms-grid-column-align:end;
 justify-self:center;
 align-self:center;
 padding: 0 20px;
}

@media (max-width:991px) {

.a-grid, .a-grid-r {
 -ms-grid-rows:minmax(150px,260px) minmax(0px,50vw) 130px;
 grid-template-rows:minmax(1fr,500px) minmax(500px, 1fr);
 grid-template-areas:
      "gimg"
      "gcont";
 background:var(--color-black) !important;
 color:var(--color-white);
 padding:0px;
}
.a-gcard-gimg {
 -ms-grid-row-align:start;
 align-self:start;
 -ms-grid-column-align:start;
 justify-self:start;
 min-width:300px;

}
.a-gcard-gcont {
 -ms-grid-column-align:end;
 justify-self:center;
 align-self:center;
 text-align: center;
 padding: 20px 20px;
}
}




.card-don.minw,
a.butt-full {
 min-width:100%!important
}
.card-don:hover {
 -webkit-box-shadow:1px 1px 5px var(--color-ltred);
 box-shadow:1px 1px 5px var(--color-ltred)
}
.card-body-don {
 padding:0 0 20px!important;
 line-height:1.5em;
 background-color:#fff;
 border-radius:var(--don-radius)
}
.card-title-don {
 position:relative;
 color:var(--color-white);
 text-align:center;
 font-family:tt_main_font;
 line-height:var(--mobiletext-lineheight);
 font-size:20px;
 font-weight:900;
 margin:auto 0;
 height:90px;
 padding:10px 0;
 border-radius:var(--don-radius) var(--don-radius) 0 0;
 background-position:bottom
}
.card-title-don-embs {
 position:relative;
 top:-5px;
 height:10px
}
.card-icon,
.donate-action {
 margin:0;
 position:absolute;
 left:50%
}
.card-title-0 {
 background-color:var(--color-ltgreen)
}
.card-title-don-embs-0 {
 background:url(../images/don_bot_left0.svg) bottom left/35% no-repeat,url(../images/don_bot_right0.svg) bottom right/35% no-repeat
}
.card-title-1 {
 background-color:var(--color-ltblue)
}
.card-title-don-embs-1 {
 background:url(../images/don_bot_left.svg) bottom left/35% no-repeat,url(../images/don_bot_right.svg) bottom right/35% no-repeat;
 top:-7px
}
.card-title-2 {
 background-color:var(--color-drkblue)
}
.card-title-don-embs-2 {
 background:url(../images/don_bot_left2.svg) bottom left/35% no-repeat,url(../images/don_bot_right2.svg) bottom right/35% no-repeat;
 top:-7px
}
.card-title-3 {
 background-color:var(--color-ltred)
}
.card-title-don-embs-3 {
 background:url(../images/don_bot_left3.svg) bottom left/35% no-repeat,url(../images/don_bot_right3.svg) bottom right/35% no-repeat;
 top:-7px
}
.test-embs-mod {
 background-size:43%,43%;
 top:-3px
}
.txtcolor-0 {
 color:var(--color-green)!important
}
.txtcolor-1 {
 color:var(--color-blue)!important
}
.txtcolor-2 {
 color:var(--color-drkblue)!important
}
.card-text-don {
 color:#777;
 text-align:center;
 font-family:forzabook;
 font-size:14px;
 font-weight:400;
 height:auto;
 min-height: 230px;
 padding:60px 20px 0
}
.card-text-don.test-inner {
 height:auto;
 min-height:180px;
 font-size:var(--maintext-size)
}
.card-don-price {
 text-align:center;
 font-family:tt_main_font;
 font-size:30px;
 font-weight:600;
 padding-top:20px
}
.test-foot {
 font-size:20px
}
.card-icon {
 width:75px;
 height:75px;
 border:5px solid;
 border-radius:50%;
 background-color:var(--color-white)!important;
 -webkit-box-shadow:0 2px 8px -4px var(--color-black);
 box-shadow:0 2px 8px -4px var(--color-black);
 top:86px;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
.card-icon-0 {
 background:url("../images/donate_free.svg") center center no-repeat;
 background-size:40px!important;
 border-color:var(--color-drkgreen)
}
.card-icon-1,
.card-icon-2 {
 border-color:var(--color-blue)
}
.card-icon-1 {
 background:url("../images/donate_level1.svg") center center no-repeat;
 background-size:45px!important
}
.card-icon-2 {
 background:url("../images/donate_level2.svg") center center no-repeat;
 background-size:35px!important
}
.card-icon-3 {
 background:url("../images/donate_level3.svg") center center no-repeat;
 background-size:50px!important;
 border-color:var(--color-red)
}
.test-icon-quote {
 background:url("../images/test-quote.svg") center center no-repeat;
 background-size:40px!important;
 border-color:var(--color-blue)
}
.btn-0,
.btn-1,
.btn-2,
.btn-3,
.btn-4 {
 border:1px solid var(--color-white);
 color:var(--color-white)!important
}
.donate-action {
 bottom:-30px;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
#hero,
.card-body {
 position:relative
}
.btn-0 {
 background-color:var(--color-ltgreen)
}
.blue-btn:hover,
.btn-0:active,
.btn-0:focus,
.btn-0:hover,
.btn-1:active,
.btn-1:focus,
.btn-1:hover,
.btn-2:active,
.btn-2:focus,
.btn-2:hover,
.btn-3:active,
.btn-3:focus,
.btn-3:hover,
.btn-4:active,
.btn-4:focus,
.btn-4:hover {
 background-color:var(--color-ltblue);
 color:var(--color-white)!important
}
.btn-1 {
 background-color:var(--color-blue)
}
.btn-2,
.btn-4 {
 background-color:var(--color-drkblue)
}
.btn-3 {
 background-color:var(--color-ltred)
}

#hero {
 display:flex;
 width:100vw;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:start;
 -webkit-box-pack:start;
 -ms-flex-pack:start;
 justify-content:center;
 background-image:url("/_assets/images/tt_hero_banner.jpg")
}

#hero.hero-black-friday {
 background-image:url("/_assets/images/black-friday-hero-banner.jpg")
}

#hero,
#hero-about,
#hero-contact,
#hero-donate,
#hero-testimonial,
#hero-vision {
 position:relative;
 background-position:top;
 background-repeat:no-repeat
}

#hero-about {
 background-image:url("/_assets/images/about-banner2.jpg")
}
#hero-vision {
 background-image:url("/_assets/images/vision-banner-txt.jpg")
}
#hero-contact {
 background-image:url("/_assets/images/contact-banner-txt.jpg")
}
#hero-donate {
 background-image:url("/_assets/images/donate-banner-txt.jpg")
}
#hero-testimonial {
 background-image:url("/_assets/images/testimonial-banner-txt.jpg")
}
#herocard {
 margin-top:50px;
 text-align:center;
}
.card-body {
 line-height:clamp(1.2rem, 2vw + .5rem, 2.5rem);
 top:-10px;
}
.card-sub-title,
.card-text h6,
.card-title {
 color:var(--color-white)!important;
 line-height:var(--mobiletext-lineheight)
}
#pgoverlay,
nav.side-slide {
 position:fixed;
 height:100%
}
.card-sub-title,
.card-title {
 text-align:center;
 font-weight:900
}
.card-title {
 font-size:var(--hero-title-size);
 padding-bottom:0;
 margin-bottom:-10px
}
.card-sub-title {
 font-size:clamp(1rem, 3.5vw - 1rem, 2.2rem);
 margin-bottom:clamp(.313rem,2vw - .5rem,1.25rem)
}
.card-text {
 text-align:center;
 font-family:var(--maintext-font)!important;
 color:var(--color-white);
 font-size:clamp(.75rem, 1vw + .5rem, 1.375rem);
 font-weight:700;
 padding-bottom:clamp(.75rem,1vw + .5rem,1.375rem);
 width:clamp(95%,60vw + 10px,800px)
}
.card-text h6 {
 font-family:var(--bigtext-font)!important;
 text-transform:none!important;
 font-size:var(--headtxt6-size);
 padding-bottom:0;
 margin-bottom:clamp(.313rem,1vw,.75rem)
}
.ord_header {
 width:100vw;
 display:-ms-grid;
 display:grid;
 -ms-grid-rows:auto;
 grid-template-rows:auto;
 position:fixed;
 top:0;
 z-index:8000
}
.wrapper {
 position:relative;
 top:75px;
 padding-bottom:200px
}
/* VERIFY BEFORE REMOVE
@media (min-width:438px) {
 .wrapper {
  top: var(--wrap-top);
 }
}
*/
.ord_header_top {
 width:100vw;
 display:-ms-grid;
 display:grid;
 -ms-grid-columns:10px minmax(150px,260px) minmax(0px,50vw) 130px 30px;
 grid-template-columns:10px minmax(250px,360px) minmax(0px,50vw) 130px 30px;
 grid-template-areas:". logo .  extra .";
 background:var(--color-black);
 color:#444;
 padding:10px;
 border-bottom:2px solid var(--color-yellow)
}
.ord_hdr_top_logo {
 -ms-grid-row:1;
 -ms-grid-column:2;
 grid-area:logo;
 -ms-grid-row-align:center;
 align-self:center;
 -ms-grid-column-align:start;
 justify-self:start
}
.ord_hdr_top_extra,
.ord_hdr_top_search {
 -ms-grid-row:1;
 -ms-grid-column:4;
 -ms-grid-row-align:center;
 align-self:center
}
.ord_hdr_top_extra {
 grid-area:extra;
 -ms-grid-column-align:end;
 justify-self:start;
}
.search-slide {
 background-color:#555;
 top:-300px;
 height:auto;
 position:absolute;
 width:100vw;
 z-index:-1
}
.ord_header_searchbar,
footer {
 background-color:var(--color-black)
}
#action_section,
#free_center_img,
.a-card-icon,
.f-card,
.item-card,
.t-card,
footer {
 position:relative
}
.ord_header_searchbar {
 width:100vw;
 display:-ms-grid;
 display:grid;
 -ms-grid-columns:10px 1fr 10px;
 grid-template-columns:10px 1fr 10px;
 grid-template-areas:". search .";
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 justify-items:center;
 color:#444
}
.a_flex,
.con_flex {
 display:-webkit-box;
 display:-ms-flexbox;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal
}
.a-card-body,
.a_header,
.footer_top a {
 color:var(--color-white)
}
.ord_hdr_top_search {
 width:90vw;
 grid-area:search;
 -ms-grid-column-align:center;
 justify-self:center
}
#fadetop_section {
 min-height:20px
}
#about_section {
 position: relative;
 top: calc( var(--wrap-top) * -1 );
 z-index:0;
 padding-top:0px;
 background:var(--color-black);
}
#about_section.no-img-bg {
 background:var(--color-vltblue-rgba)
}
.a_header {
 text-align:center;
 font-family:var(--bigtext-font);
 font-size:var(--headtxt2-size)!important;
 line-height:2.5rem;
 margin:0 auto
}
.a-card-title,
.inner-card-title,
.con-card-title {
 font-family:tt_main_font;
 text-transform:uppercase
}
.a_flex {
 display:flex;
 -ms-flex-flow:row;
 flex-flow:row;
 -webkit-column-gap:10px;
 -moz-column-gap:10px;
 /*column-gap:10px;*/
 column-gap:100px;
 row-gap:40px;
 -webkit-box-pack:space-evenly;
 -ms-flex-pack:space-evenly;
 justify-content:flex-start;
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:center;
 margin:0px auto 0
}
@media (max-width:800px) {
 .a_flex {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap
 }
}
.a-card {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 /*flex-grow:1;*/
 max-width:100%;
 padding:0 0px
}
.a-gcard.mxwide {
 max-width:800px!important;
 padding:0px 0px;
 margin: 0px auto;
}
.accolades h3,
.d_header {
 color:var(--color-black)!important
}
.a-card-title {
 text-align:center;
 line-height:var(--mobiletext-lineheight);
 font-size:var(--headtxt6-size)!important
}
.a-card-icon {
 margin:0;
 top:clamp(6px,.5vw,10px)!important;
 font-size:var(--headtxt2-size)
}
.a-card-text,
.con-card-text {
 text-align:center;
 font-size:clamp(var(--mobiletext-size), 4vw, var(--maintext-size))!important;
 font-weight:400;
 padding:15px 0 0;
 line-height:clamp(1.5rem, 2vw + .5rem, 2rem)
}
.accolades h3,
.con-card-title,
.d_cont,
.d_header {
 text-align:center
}
.con_flex {
 display:flex;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap;
 -webkit-column-gap:0px;
 -moz-column-gap:0px;
 column-gap:0;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.con-card {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 max-width:33.33%;
 height:250px
}
@media (max-width:672px) {
 .con_flex {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  padding-bottom:0;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:100vw
 }
 .con-card {
  width:100vw;
  max-width:100vw
 }
}
.con-card-title {
 line-height:var(--mobiletext-lineheight);
 font-size:var(--headtxt5-size)!important
}
#deat_section,
#feat_section {
 padding-top:0
}
.d_flex {
 display:-ms-grid;
 display:grid;
 -ms-grid-columns:100%;
 grid-template-columns:100%;
 -ms-grid-rows:auto 10px auto;
 grid-template-rows:auto auto;
 row-gap:10px;
 grid-template-areas:"d_header" "d_cont";
 justify-items:center;
 width:100%;
 max-width:var(--max-width);
 margin:0 auto 40px
}
.d_header {
 grid-area:d_header;
 font-family:var(--bigtext-font);
 max-width:100%;
 font-size:var(--headtxt4-size)!important;
 line-height:2.5rem;
 padding:10px
}
.d_header .deatimg,
.f_header .featimg {
 height:auto;
 width:80%
}
.hdr_small {
 font-family:var(--maintext-font);
 line-height:1.5rem;
 font-size:var(--maintext-size)!important
}
.f_header,
.hdr_small b,
.list_header {
 font-family:var(--bigtext-font)
}
.d_cont {
 grid-area:d_cont;
 padding:0 20px;
 width:100%
}
.d_acoms {
 width:100%;
 padding:10px 0
}
.accolades h3 {
 font-size:var(--headtxt4-size)
}
.f-card-text h6,
.page-center-hdr h6 {
 color:var(--color-drkgray)!important
}
.img-thumbs {
 width:100%;
 margin:0 auto
}
#itemlist_section,
.f_flex {
 margin:0 auto 40px
}
.img-thumbs img {
 width:33.3%;
 padding:0 2px
}
@media (min-width:692px) {
 .accolades h3,
 .d_header {
  text-align:left
 }
 #deat_section {
  padding-top:40px
 }
 .d_flex {
  -ms-grid-columns:clamp(325px,10vw,400px) 1fr;
  grid-template-columns:clamp(325px,10vw,400px) 1fr;
  -ms-grid-rows:auto;
  grid-template-rows:auto;
  justify-items:start;
  grid-template-areas:"d_header d_cont"
 }
 .d_header {
  min-width:325px
 }
 .d_acoms {
  width:50%;
  padding:0 10px
 }
}
.f_flex,
.list_item {
 -ms-grid-columns:100%;
 grid-template-columns:100%;
 -ms-grid-rows:auto 60px auto;
 grid-template-rows:auto auto;
 row-gap:60px;
 grid-template-areas:"f_header" "f_cont"
}
.f_flex {
 display:-ms-grid;
 display:grid;
 justify-items:center;
 width:100%;
 max-width:var(--max-width);
 background:url("../images/award-solid.svg"),var(--color-white);
 background-repeat:no-repeat;
 background-size:contain;
 background-position:50% 60%
}
#navigation-list .navbar-nav>li ul,
.imgbord {
 background-color:var(--color-white)
}
.f_header,
.list_header {
 grid-area:f_header;
 color:var(--color-black);
 max-width:100%;
 font-size:var(--headtxt4-size)!important;
 line-height:2.5rem;
 text-align:center
}
.f_cont,
.list_cont {
 grid-area:f_cont;
 text-align:center;
 padding:0 20px
}
.list_flex {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap;
 -webkit-box-pack:space-evenly;
 -ms-flex-pack:space-evenly;
 justify-content:space-evenly;
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start;
 -ms-flex-line-pack:start;
 align-content:flex-start;
 max-width:var(--max-width);
 margin:0 auto
}
.f-card-body,
.t-card-body {
 -webkit-box-orient:vertical;
 align-content:start;
 -webkit-box-direction:normal
}
.list_item {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 display:-ms-grid;
 display:grid;
 justify-items:center;
 width:100%;
 max-width:300px;
 margin:0 auto 20px
}
#test_section,
.f-card-body,
.t-card-body {
 display:-webkit-box;
 display:-ms-flexbox
}
.f-card-title,
.t-card-title {
 margin-right:5px;
 font-family:var(--bigtext-font);
 text-transform:uppercase
}
.imgbord {
 padding:2px;
 border:1px solid var(--color-gray)
}
.f-card {
 min-width:256px;
 padding-bottom:60px
}
.f-card-body {
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -ms-flex-direction:column;
 flex-direction:column;
 -ms-flex-line-pack:start;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 padding:0 0 20px!important;
 line-height:1.5em
}
.f-card-title {
 text-align:center;
 line-height:var(--mobiletext-lineheight);
 font-size:var(--headtxt7-size)!important;
 margin-bottom:-20px
}
.f-card-text {
 color:var(--color-black);
 text-align:center;
 font-size:clamp(var(--mobiletext-size), 4vw, var(--maintext-size))!important;
 font-weight:400;
 height:auto;
 padding:17px 0 0;
 width:100%;
 line-height:clamp(1.5rem, 2vw + .5rem, 2rem)
}
.f-card-text h6 {
 text-align:center!important;
 font-size:var(--headtxt8-size)!important
}
.t_cont,
.t_header {
 text-align:center
}
#test_section {
 display:flex;
 background:url("../images/pugmonial_blue_bg.jpg") 60% 0/cover no-repeat;
 height:300px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.t_flex {
 display:-ms-grid;
 display:grid;
 -ms-grid-columns:100%;
 grid-template-columns:100%;
 -ms-grid-rows:auto auto;
 grid-template-rows:auto auto;
 grid-template-areas:"t_header" "t_cont";
 width:100%;
 max-width:var(--max-width);
 margin-top:30px
}
.t_header,
img {
 max-width:100%
}
.t_header {
 grid-area:t_header;
 font-family:var(--bigtext-font);
 color:var(--color-yellow);
 font-size:clamp(4.688rem, 4vw + 3rem, 6.25rem)!important
}
.t_cont {
 grid-area:t_cont;
 padding:0 20px
}
.t-card-body {
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -ms-flex-direction:column;
 flex-direction:column;
 -ms-flex-line-pack:start;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 line-height:1.5em
}
#free_center_img,
.page_multicol {
 display:-webkit-box;
 display:-ms-flexbox
}
.item-card-body,
.t-card-text,
.t-card-title {
 line-height:clamp(1.5rem, 2vw + .5rem, 2rem)
}
.t-card-title {
 color:var(--color-white)!important;
 text-align:center;
 font-size:var(--headtxt7-size)!important
}
/*.header-entdetail,*/
.item-card-title {
 text-transform:capitalize;
 text-align:center
}
.t-card-text {
 color:var(--color-gray);
 text-align:center;
 font-size:clamp(var(--mobiletext-size), 4vw, var(--maintext-size))!important;
 font-weight:400;
 height:auto;
 padding:17px 0 0;
 width:100%
}
.item-card {
 width:100%;
 margin:10px 10px 0
}
@media (min-width:799px) {
 .item-card {
  width:30%
 }
}
.w600 {
 max-width:600px!important
}
.item-card-title {
 color:var(--color-white)!important;
 line-height:var(--mobiletext-lineheight);
 font-family:var(--bigtext-font);
 font-size:var(--headtxt6-size)!important;
 padding-top:10px
}
.header-entdetail h6,
.page-center-hdr {
 line-height:var(--maintext-lineheight)
}
.item-card-text {
 color:var(--color-black);
 text-align:center;
 font-size:clamp(var(--mobiletext-size), 4vw, var(--maintext-size));
 font-weight:400;
 height:100%;
 padding:0 20px
}
.header-entdetail {
 padding:20px 0;
 background:var(--color-ltred)
}
.align-entdetail {
 max-width:calc(var(--max-width) + 20px);
 margin:0 auto;
 padding:0 10px
}
.header-entdetail h1 {
 font-family:tt_main_font!important;
 font-size:var(--headtxt1-size);
 text-transform:uppercase
}
.header-entdetail h6 {
 font-family:forzabold!important;
 font-size:var(--headtxt6-size);
 text-transform:capitalize
}
.footer_top h6,
.page-center-hdr h6 {
 font-size:var(--headtxt7-size)!important
}
.entdetail-h6-mod {
 text-transform:uppercase!important;
 font-weight:900!important;
 font-style:italic!important;
 font-size:var(--headtxt4-size)!important
}
.action-title,
.page-center-hdr h1 {
 text-transform:capitalize
}
.action-bar-center,
.page-center-hdr {
 font-size:var(--maintext-size);
 text-align:center
}
.page-center-hdr {
 padding:10px 40px;
 max-width:90%;
 margin:0 auto
}
#vid-display,
.page_singlecol {
 max-width:var(--max-width);
 margin:0 auto
}
.page-center-hdr h6 {
 text-align:center!important
}
.page_singlecol {
 padding:20px 10px 40px
}
,
.page_singlecol h4 {
 color:var(--color-black)!important
}
.page_singlecol p {
 margin:20px 0
}
.page_multicol {
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.page_multicol.align-center {
 -webkit-box-align:center!important;
 -ms-flex-align:center!important;
 align-items:center!important
}
#free_center_img {
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -ms-flex-line-pack:center;
 align-content:center;
 bottom:clamp(35px ,5vw + 1px ,calc(200px - 35px));
 height:auto;
 max-height:100px;
 background:0 0
}
#action_section,
.footer_top,
.ord-offcanvas-menu {
 display:-webkit-box;
 display:-ms-flexbox
}
#free_center_img img {
  z-index: 10;
 height:clamp(75px ,10vw + 1px ,200px)!important
}
#action_section {
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -ms-flex-line-pack:center;
 align-content:center;
 height:auto;
 min-height:70px
 position: relative;
 top: -50px;
}
.action-bar-center {
 font-weight:700;
 width:100%;
 max-width:1000px;
 padding:20px
}
.action-title {
 font-family:tt_main_font;
 font-size:var(--headtxt3-size);
 color:var(--color-black)
}
.action-text {
 font-size:clamp( var(--mobiletext-size), 2vw, 18px)!important;
 line-height:clamp(1.2rem, 2vw + .5rem, 2rem)
}
#services_section {
 background:-o-linear-gradient(71deg,#fee87e 0,#feea80 54%,#feee8f 55%,#fdfbd3 100%);
 background:linear-gradient(19deg,#fee87e 0,#feea80 54%,#feee8f 55%,#fdfbd3 100%)
}
footer {
 bottom:0;
 height:auto;
 width:100vw;
 border-top:2px solid var(--color-yellow)
}
.footer_top {
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-flow:row wrap;
 flex-flow:row wrap;
 -webkit-box-pack:space-evenly;
 -ms-flex-pack:space-evenly;
 justify-content:space-evenly;
 -webkit-column-gap:10px;
 -moz-column-gap:10px;
 column-gap:10px;
 width:90vw;
 height:auto;
 padding:15px 0;
 margin:0 auto;
 color:var(--color-white)
}
.footer_top_col1 {
 max-width:225px;
 padding:0 10px
}
.footer_top_col2,
.footer_top_col3,
.footer_top_col4,
.footer_top_col5,
.footer_top_col6 {
 font-size:var(--mobiletext-size)!important;
 line-height:clamp(1.2rem, 2vw + .5rem, 2rem);
 padding-top:15px;
 padding-left:10px;
 min-width:150px
}
.footer_top h6 {
 padding-bottom:0
}
.footer_socials {
 border-bottom:1px solid var(--color-white)
}
.footer_socials a i {
 margin-top:10px;
 padding:0 5px;
 font-size:14px!important;
 color:var(--color-white)!important
}
.foot-wrapped {
 border:none
}
.foot-not-wrapped {
 border-left:1px solid var(--color-white)
}
.button,
.button-grad {
 border:none;
 font-family:tt_main_font,sans-serif;
 font-weight:700;
 text-transform:uppercase;
 cursor:pointer
}
nav.side-slide {
 right:-100vw;
 width:100vw;
 background:var(--color-black-rgba-100);
 border-left:1px solid var(--color-gray);
 z-index:9999
}
.navsidebut,
.opensearchtog,
nav.side-slide .navsidebut_close {
 font-size:20px!important;
 color:var(--color-white)!important;
 cursor:pointer
}
nav.side-slide a {
 color:#ededed;
 font-weight:700;
 font-size:14px;
 text-transform:uppercase
}
.blue-btn:active,
.blue-btn:focus,
.grad-btn:active,
.grad-btn:focus,
.green-btn:active,
.green-btn:focus,
.yellow-btn:active,
.yellow-btn:focus,
nav.side-slide a:hover {
 color:#fff
}
.grad-btn:hover,
.yellow-btn:hover {
 color:var(--color-white)!important
}
#pgoverlay {
 width:100%;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:rgba(0,0,0,.5);
 z-index:999;
 cursor:pointer
}
.ord-offcanvas-menu {
 display:flex;
 overflow:auto;
 flex-direction:column;
 padding:10px 30px;
 background-color:var(--color-black-rgba-100)!important;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column
}
.ord-offcanvas-menu__header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.ord-offcanvas-menu__navigation {
 overflow-y:auto;
 height:100%;
 margin-top:20px;
 margin-bottom:1.25rem;
 padding:10px 0
}
.ord-offcanvas-menu__copyright {
 font-size:12px;
 color:var(--color-white)
}
.ord-offcanvas-menu__copyright span {
 color:var(--color-black-rgba-100)
}
.ord-offcanvas-menu__socials a i {
 margin-top:10px;
 padding:0 5px;
 font-size:14px!important;
 color:var(--color-white)!important
}
.ord-offcanvas-menu__socials a i:hover {
 color:var(--color-yellow)!important
}
@media (min-width:672px) {
 nav.side-slide {
  right:-400px;
  width:400px
 }
 .navsidebut,
 .opensearchtog,
 nav.side-slide .navsidebut_close {
  font-size:22px!important
 }
 nav.side-slide a {
  font-size:14px;
  text-transform:uppercase
 }
 .ord-offcanvas-menu {
  padding:10px 30px
 }
 @media only screen and (max-width:575px) {
  .ord-offcanvas-menu {
   padding:1.875rem
  }
 }
 .ord-offcanvas-menu__navigation {
  margin-top:20px;
  margin-bottom:1.25rem;
  padding:10px 0
 }
 .ord-offcanvas-menu__copyright {
  font-size:12px
 }
 .ord-offcanvas-menu__socials a i {
  margin-top:10px;
  padding:0 5px;
  font-size:14px!important
 }
}
.logoimg {
 width:max(80px,45vw - 170px / 2);
 height:auto;
 min-height:50px;
 max-height:100px
}
#navigation-menu {
 position:relative;
 padding:0;
 margin:10px 0;
 z-index:10;
 display:inline-block
}
ul.navbar-nav a {
 font-size:var(--fsize-navbar);
 color:var(--color-white)
}
.nav {
 margin-bottom:0;
 padding-left:0;
 list-style:none
}
.nav>li {
 position:relative;
 display:block
}
.nav>li>a {
 position:relative;
 display:block;
 padding:10px 15px
}
.button {
 padding:5px 10px;
 text-align:center;
 transition:.3s
}
.button-grad {
 max-width:400px;
 max-height:40px;
 min-height:20px;
 padding:5px 10px 5px clamp(40px,6rem,20px);
 text-align:end;
 -webkit-transition:.3s;
 -o-transition:.3s;
 transition:.3s
}
.btn-shadow {
 -webkit-box-shadow:1px 1px 1px #61687d;
 box-shadow:1px 1px 1px #61687d
}
.scale-btn {
 font-size:clamp(.5rem, 2vw, 1.125rem)
}
.center_wide_butt,
.wide-btn {
 display:block;
 width:100% !important;
}
.center_wide_butt {
 min-height:40px
}
.big-btn {
 font-size:clamp(1.2rem, 2vw, 36px);
 padding:clamp(5px,2.3vw,10px) 15px;
 width:auto;
 min-height:50px
}
a.butt-full {
 display:block;
 padding:2px 10px!important
}
.grad-btn {
 background:var(--button-gradient);
 color:#fff;
 border:1px solid var(--color-drkblue)
}
.grad-btn:hover {
 background:var(--button-gradient-hov)
}
.blue-btn {
 background-color:var(--color-drkblue);
 color:#fff;
 border:1px solid var(--color-white)
}
.yellow-btn {
 background-color:var(--color-yellow);
 color:#fff;
 border:1px solid var(--color-drkyellow)
}
.yellow-btn:hover {
 background-color:var(--color-ltblue)
}
.green-btn {
 background-color:var(--color-green);
 color:var(--color-white);
 border:1px solid var(--color-drkgreen)!important
}
.green-btn:hover {
 background-color:var(--color-ltgreen)!important;
 border:1px solid var(--color-green)!important
}
h3,
h4,
h5,
h6 {
 color:#fff!important
}



.right-btns-group {
  display: flex;
     flex-flow: columns nowrap;
     column-gap: 20px;
     justify-self: center;
 padding:0;
 margin:0
}

.right-btns-group .shop-btn {
 position:relative;
 top:-5px;
 font-size:18px;
 color:var(--color-white)!important
}


img {
 height:auto;
 width:auto;
 border:0;
 vertical-align:middle
}
@media print {
 * {
  text-shadow:none!important;
  color:#000!important;
  background:0 0!important;
  -webkit-box-shadow:none!important;
  box-shadow:none!important
 }
 a,
 a:visited {
  text-decoration:underline
 }
 a[href]:after {
  content:" (" attr(href) ")"
 }
 a[href^="#"]:after {
  content:""
 }
 img {
  page-break-inside:avoid;
  max-width:100%!important
 }
 h3,
 p {
  orphans:3;
  widows:3
 }
 h3 {
  page-break-after:avoid
 }
}
.sr-only {
 position:absolute;
 width:1px;
 height:1px;
 margin:-1px;
 padding:0;
 overflow:hidden;
 clip:rect(0,0,0,0);
 border:0
}
p {
 margin:0 0 10px
}
small {
 font-size:85%
}
.text-muted {
 color:#999
}
@media (min-width:768px) {
 .navbar-nav {
  float:left;
  margin:0
 }
 .navbar-header,
 .navbar-nav>li {
  float:left
 }
 .navbar-nav>li>a {
  padding-top:15px;
  padding-bottom:15px
 }
}
@media (max-width:991px) {
 .nav-menu,
 .navbar-header {
  float:left
 }
 .nav-menu {
  text-align:center;
  position:relative;
  width:100%;
  min-height:1px;
  padding-left:15px;
  padding-right:15px;
  margin:10px 0
 }
 ul.navbar-nav {
  -webkit-box-shadow:0 5px 20px 0 #c8d0d4;
  box-shadow:0 5px 20px 0 #c8d0d4;
  -ms-box-shadow:0 5px 20px 0 #c8d0d4;
  -o-box-shadow:0 5px 20px 0 #c8d0d4;
  height:auto;
  max-height:0;
  margin:0;
  display:block;
  overflow:hidden;
  z-index:9999;
  width:100%;
  text-align:left;
  -webkit-transition:.5s;
  -o-transition:.5s;
  transition:.5s
 }
 ul.navbar-nav li {
  float:none;
  margin:10px 0
 }
}
@media (max-width:767px) {
 .navbar-nav,
 .navbar-nav ul {
  position:absolute;
  background-color:#fff;
  margin:0;
  padding:0 20px;
  z-index:9999
 }
 .navbar-header {
  margin:0 15px
 }
}
@media (min-width:768px) and (max-width:991px) {
 .navbar-header {
  margin:0 70px
 }
}
@media (min-width:992px) {
 .sm_hide {
  display:block
 }
 .card-don {
  min-width:185px!important;
  max-width:210px!important
 }
 .card-don.test-cont {
  min-height:350px!important;
  min-width:450px!important;
  max-width:450px!important
 }
 .card-don.test-cont:nth-child(2n+3):last-child {
  min-height:350px!important;
  min-width:100%!important
 }
 .card-text-don.test-inner {
  height:auto;
  min-height:225px!important
 }
 .ord_header_top {
  -ms-grid-columns:1fr 250px 570px 0px 130px 1fr;
  grid-template-columns:1fr minmax(250px,360px) 650px 0px 130px 1fr;
  grid-template-areas:". logo navi . extra ."
 }
 .ord_hdr_top_navi {
  -ms-grid-row:1;
  -ms-grid-column:3;
  grid-area:navi;
  -ms-grid-row-align:center;
  align-self:center;
  -ms-grid-column-align:end;
  justify-self:center
 }
 .a-card-text,
 .a-card-title {
  text-align:left
 }
 #feat_section {
  padding-top:40px
 }
 .f_flex {
  -ms-grid-columns:clamp(275px,10vw,350px) 1fr;
  grid-template-columns:clamp(275px,10vw,350px) 1fr;
  -ms-grid-rows:auto;
  grid-template-rows:auto;
  justify-items:start;
  grid-template-areas:"f_header f_cont";
  background-position:30% 90%
 }
 .f_header {
  text-align:left;
  min-width:225px
 }
 .f-card-body,
 .t-card-body {
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
 }
 .f-card-text,
 .f-card-title,
 .t-card-text,
 .t-card-title {
  text-align:left;
  width:100%
 }
 .f-card-text h6 {
  text-align:left!important
 }
 #test_section {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  background-size:100%;
  background-position:0 0;
  min-height:400px;
  max-height:600px
 }
 .t_flex {
  -ms-grid-columns:clamp(100px,10vw,150px) 1fr;
  grid-template-columns:clamp(100px,10vw,150px) 1fr;
  -ms-grid-rows:auto;
  grid-template-rows:auto;
  grid-template-areas:"t_header t_cont"
 }
 .t_header {
  text-align:left;
  min-width:100px
 }
 #herocard {
  display: inline-block;
 }
 .wide-btn {
  width:50%;
  min-width:256px
 }
 #navigation-list .navbar-nav>li:hover>ul {
  max-height:700px
 }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 #navigation-list .navbar-nav a {
  margin:0 10px
 }
}
#navigation-list ul.navbar-nav>li ul {
 border-left:1px solid #ddd!important
}
#navigation-list .navbar-nav>li {
 position:relative;
 overflow:visible
}
#navigation-list .navbar-nav ul {
 position:absolute;
 height:auto;
 max-height:0;
 margin:0;
 top:40px;
 z-index:9;
 -webkit-transition:.3s;
 -o-transition:.3s;
 transition:.3s;
 overflow:hidden;
 width:250px;
 float:none;
 padding:0 10px
}
#navigation-list .navbar-nav ul li {
 float:none;
 margin-top:10px;
 margin-bottom:10px
}
#navigation-list .navbar-nav a {
 text-transform:capitalize;
 position:relative;
 display:block;
 padding:10px 15px;
 font-family:var(--bigtext-font),sans-serif;
 margin:0 5px
}
@media screen and (max-width:767px) {
 .navbar-nav {
  top:50px
 }
 #navigation-menu,
 .right-btns-group {
  margin:6px 0
 }
}
@media screen and (max-width:479px) {
 ul.navbar-nav {
  padding:0!important
 }
 #navigation-list .navbar-nav ul {
  left:0!important
 }
}
@media screen and (max-width:991px) {
 #navigation-list .navbar-nav ul li {
  float:none;
  padding-top:10px;
  padding-bottom:10px;
  margin:0
 }
 #navigation-list .navbar-nav ul {
  width:100%;
  top:0;
  left:0;
  position:relative
 }
}