/* Minification failed. Returning unminified contents.
(1220,1): run-time error CSS1019: Unexpected token, found '@import'
(1220,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')'
 */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*Reset*/
html, body, div, span, input, textarea, select, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	outline: none;
}

/*Basics*/
em { font-style:italic; }
strong { font-weight:bold; }
img { max-width:100%; height:auto !important; }

/*Wrappers*/
.wrapper { position:relative; width:100%; }

/*Containers*/
.container { position: relative; margin:0 auto; }

/*Filters*/
.filter { cursor: pointer; }
.fill { display:none; }
.fill.active { display:block; }

/*Expanders*/
.expand { cursor: pointer; }
.expander { display:none; }
.expander.active { display:block; }

/*Box Model*/
.container,
.container:after,
.container:before,
input,
input:after,
input:before,
textarea,
textarea:after,
textarea:before,
.block,
.block:after,
.block:before,
.cell,
.cell:after,
.cell:before, 
[class*='col-'],
[class*='col-']:after,
[class*='col-']:before { 
    -webkit-box-sizing: border-box; 
       -moz-box-sizing: border-box; 
            box-sizing: border-box; 

}
.lt-ie8 .container,
.lt-ie8 input, 
.lt-ie8 textarea, 
.lt-ie8 .block,
.lt-ie8 .cell,
.lt-ie8 [class*='col-'],
.lt-ie8 [class*='l-'],
.lt-ie8 [class*='r-'] { padding-left:0 !important; padding-right:0 !important; border-left:0 !important; border-right:0 !important; }

/*Placeholders*/
::-webkit-input-placeholder { color:#aaa9a9; }
:-moz-placeholder { color:#aaa9a9; }
::-moz-placeholder { color:#aaa9a9; }
:-ms-input-placeholder { color:#aaa9a9; }

/*Grids*/
.grid:before,
.grid:after { content: " "; display: table; }
.grid:after { clear: both; }
.grid { width:100%; *zoom: 1; }
.block { float:left; }
.cell { display:table-cell; }

[class*='col-'] { float: left; display: inline-block; }
.col-1   { width: 1%;   }
.col-2   { width: 2%;   }
.col-3   { width: 3%;   }
.col-4   { width: 4%;   }
.col-5   { width: 5%;   }
.col-6   { width: 6%;   }
.col-7   { width: 7%;   }
.col-8   { width: 8%;   }
.col-9   { width: 9%;   }
.col-10  { width: 10%;  }
.col-11  { width: 11%;  }
.col-12  { width: 12%;  }
.col-13  { width: 13%;  }
.col-14  { width: 14%;  }
.col-15  { width: 15%;  }
.col-16  { width: 16%;  }
.col-17  { width: 17%;  }
.col-18  { width: 18%;  }
.col-19  { width: 19%;  }
.col-20  { width: 20%;  }
.col-21  { width: 21%;  }
.col-22  { width: 22%;  }
.col-23  { width: 23%;  }
.col-24  { width: 24%;  }
.col-25  { width: 25%;  }
.col-26  { width: 26%;  }
.col-27  { width: 27%;  }
.col-28  { width: 28%;  }
.col-29  { width: 29%;  }
.col-30  { width: 30%;  }
.col-31  { width: 31%;  }
.col-32  { width: 32%;  }
.col-33  { width: 33%;  }
.col-333 { width: 33.333333333%; }
.col-34  { width: 34%;  }
.col-35  { width: 35%;  }
.col-36  { width: 36%;  }
.col-37  { width: 37%;  }
.col-38  { width: 38%;  }
.col-39  { width: 39%;  }
.col-40  { width: 40%;  }
.col-41  { width: 41%;  }
.col-42  { width: 42%;  }
.col-43  { width: 43%;  }
.col-44  { width: 44%;  }
.col-45  { width: 45%;  }
.col-46  { width: 46%;  }
.col-47  { width: 47%;  }
.col-48  { width: 48%;  }
.col-49  { width: 49%;  }
.col-50  { width: 50%;  }
.col-51  { width: 51%;  }
.col-52  { width: 52%;  }
.col-53  { width: 53%;  }
.col-54  { width: 54%;  }
.col-55  { width: 55%;  }
.col-56  { width: 56%;  }
.col-57  { width: 57%;  }
.col-58  { width: 58%;  }
.col-59  { width: 59%;  }
.col-60  { width: 60%;  }
.col-61  { width: 61%;  }
.col-62  { width: 62%;  }
.col-63  { width: 63%;  }
.col-64  { width: 64%;  }
.col-65  { width: 65%;  }
.col-66  { width: 66%;  }
.col-666 { width: 66.666666666%; }
.col-67  { width: 67%;  }
.col-68  { width: 68%;  }
.col-69  { width: 69%;  }
.col-70  { width: 70%;  }
.col-71  { width: 71%;  }
.col-72  { width: 72%;  }
.col-73  { width: 73%;  }
.col-74  { width: 74%;  }
.col-75  { width: 75%;  }
.col-76  { width: 76%;  }
.col-77  { width: 77%;  }
.col-78  { width: 78%;  }
.col-79  { width: 79%;  }
.col-80  { width: 80%;  }
.col-81  { width: 81%;  }
.col-82  { width: 82%;  }
.col-83  { width: 83%;  }
.col-84  { width: 84%;  }
.col-85  { width: 85%;  }
.col-86  { width: 86%;  }
.col-87  { width: 87%;  }
.col-88  { width: 88%;  }
.col-89  { width: 89%;  }
.col-90  { width: 90%;  }
.col-91  { width: 91%;  }
.col-92  { width: 92%;  }
.col-93  { width: 93%;  }
.col-94  { width: 94%;  }
.col-95  { width: 95%;  }
.col-96  { width: 96%;  }
.col-97  { width: 97%;  }
.col-98  { width: 98%;  }
.col-99  { width: 99%;  }
.col-100 { width: 100%; }

.l-1   { padding-left: 1%;   }
.l-2   { padding-left: 2%;   }
.l-3   { padding-left: 3%;   }
.l-4   { padding-left: 4%;   }
.l-5   { padding-left: 5%;   }
.l-6   { padding-left: 6%;   }
.l-7   { padding-left: 7%;   }
.l-8   { padding-left: 8%;   }
.l-9   { padding-left: 9%;   }
.l-10  { padding-left: 10%;  }
.l-11  { padding-left: 11%;  }
.l-12  { padding-left: 12%;  }
.l-13  { padding-left: 13%;  }
.l-14  { padding-left: 14%;  }
.l-15  { padding-left: 15%;  }
.l-16  { padding-left: 16%;  }
.l-17  { padding-left: 17%;  }
.l-18  { padding-left: 18%;  }
.l-19  { padding-left: 19%;  }
.l-20  { padding-left: 20%;  }
.l-21  { padding-left: 21%;  }
.l-22  { padding-left: 22%;  }
.l-23  { padding-left: 23%;  }
.l-24  { padding-left: 24%;  }
.l-25  { padding-left: 25%;  }
.l-26  { padding-left: 26%;  }
.l-27  { padding-left: 27%;  }
.l-28  { padding-left: 28%;  }
.l-29  { padding-left: 29%;  }
.l-30  { padding-left: 30%;  }
.l-31  { padding-left: 31%;  }
.l-32  { padding-left: 32%;  }
.l-33  { padding-left: 33%;  }
.l-333 { padding-left: 33.333333333%; }
.l-34  { padding-left: 34%;  }
.l-35  { padding-left: 35%;  }
.l-36  { padding-left: 36%;  }
.l-37  { padding-left: 37%;  }
.l-38  { padding-left: 38%;  }
.l-39  { padding-left: 39%;  }
.l-40  { padding-left: 40%;  }
.l-41  { padding-left: 41%;  }
.l-42  { padding-left: 42%;  }
.l-43  { padding-left: 43%;  }
.l-44  { padding-left: 44%;  }
.l-45  { padding-left: 45%;  }
.l-46  { padding-left: 46%;  }
.l-47  { padding-left: 47%;  }
.l-48  { padding-left: 48%;  }
.l-49  { padding-left: 49%;  }
.l-50  { padding-left: 50%;  }
.l-51  { padding-left: 51%;  }
.l-52  { padding-left: 52%;  }
.l-53  { padding-left: 53%;  }
.l-54  { padding-left: 54%;  }
.l-55  { padding-left: 55%;  }
.l-56  { padding-left: 56%;  }
.l-57  { padding-left: 57%;  }
.l-58  { padding-left: 58%;  }
.l-59  { padding-left: 59%;  }
.l-60  { padding-left: 60%;  }
.l-61  { padding-left: 61%;  }
.l-62  { padding-left: 62%;  }
.l-63  { padding-left: 63%;  }
.l-64  { padding-left: 64%;  }
.l-65  { padding-left: 65%;  }
.l-66  { padding-left: 66%;  }
.l-666 { padding-left: 66.666666666%; }
.l-67  { padding-left: 67%;  }
.l-68  { padding-left: 68%;  }
.l-69  { padding-left: 69%;  }
.l-70  { padding-left: 70%;  }
.l-71  { padding-left: 71%;  }
.l-72  { padding-left: 72%;  }
.l-73  { padding-left: 73%;  }
.l-74  { padding-left: 74%;  }
.l-75  { padding-left: 75%;  }
.l-76  { padding-left: 76%;  }
.l-77  { padding-left: 77%;  }
.l-78  { padding-left: 78%;  }
.l-79  { padding-left: 79%;  }
.l-80  { padding-left: 80%;  }
.l-81  { padding-left: 81%;  }
.l-82  { padding-left: 82%;  }
.l-83  { padding-left: 83%;  }
.l-84  { padding-left: 84%;  }
.l-85  { padding-left: 85%;  }
.l-86  { padding-left: 86%;  }
.l-87  { padding-left: 87%;  }
.l-88  { padding-left: 88%;  }
.l-89  { padding-left: 89%;  }
.l-90  { padding-left: 90%;  }
.l-91  { padding-left: 91%;  }
.l-92  { padding-left: 92%;  }
.l-93  { padding-left: 93%;  }
.l-94  { padding-left: 94%;  }
.l-95  { padding-left: 95%;  }
.l-96  { padding-left: 96%;  }
.l-97  { padding-left: 97%;  }
.l-98  { padding-left: 98%;  }
.l-99  { padding-left: 99%;  }
.l-100 { padding-left: 100%; }

.r-1   { padding-right: 1%;   }
.r-2   { padding-right: 2%;   }
.r-3   { padding-right: 3%;   }
.r-4   { padding-right: 4%;   }
.r-5   { padding-right: 5%;   }
.r-6   { padding-right: 6%;   }
.r-7   { padding-right: 7%;   }
.r-8   { padding-right: 8%;   }
.r-9   { padding-right: 9%;   }
.r-10  { padding-right: 10%;  }
.r-11  { padding-right: 11%;  }
.r-12  { padding-right: 12%;  }
.r-13  { padding-right: 13%;  }
.r-14  { padding-right: 14%;  }
.r-15  { padding-right: 15%;  }
.r-16  { padding-right: 16%;  }
.r-17  { padding-right: 17%;  }
.r-18  { padding-right: 18%;  }
.r-19  { padding-right: 19%;  }
.r-20  { padding-right: 20%;  }
.r-21  { padding-right: 21%;  }
.r-22  { padding-right: 22%;  }
.r-23  { padding-right: 23%;  }
.r-24  { padding-right: 24%;  }
.r-25  { padding-right: 25%;  }
.r-26  { padding-right: 26%;  }
.r-27  { padding-right: 27%;  }
.r-28  { padding-right: 28%;  }
.r-29  { padding-right: 29%;  }
.r-30  { padding-right: 30%;  }
.r-31  { padding-right: 31%;  }
.r-32  { padding-right: 32%;  }
.r-33  { padding-right: 33%;  }
.r-333 { padding-right: 33.333333333%; }
.r-34  { padding-right: 34%;  }
.r-35  { padding-right: 35%;  }
.r-36  { padding-right: 36%;  }
.r-37  { padding-right: 37%;  }
.r-38  { padding-right: 38%;  }
.r-39  { padding-right: 39%;  }
.r-40  { padding-right: 40%;  }
.r-41  { padding-right: 41%;  }
.r-42  { padding-right: 42%;  }
.r-43  { padding-right: 43%;  }
.r-44  { padding-right: 44%;  }
.r-45  { padding-right: 45%;  }
.r-46  { padding-right: 46%;  }
.r-47  { padding-right: 47%;  }
.r-48  { padding-right: 48%;  }
.r-49  { padding-right: 49%;  }
.r-50  { padding-right: 50%;  }
.r-51  { padding-right: 51%;  }
.r-52  { padding-right: 52%;  }
.r-53  { padding-right: 53%;  }
.r-54  { padding-right: 54%;  }
.r-55  { padding-right: 55%;  }
.r-56  { padding-right: 56%;  }
.r-57  { padding-right: 57%;  }
.r-58  { padding-right: 58%;  }
.r-59  { padding-right: 59%;  }
.r-60  { padding-right: 60%;  }
.r-61  { padding-right: 61%;  }
.r-62  { padding-right: 62%;  }
.r-63  { padding-right: 63%;  }
.r-64  { padding-right: 64%;  }
.r-65  { padding-right: 65%;  }
.r-66  { padding-right: 66%;  }
.r-666 { padding-right: 66.666666666%; }
.r-67  { padding-right: 67%;  }
.r-68  { padding-right: 68%;  }
.r-69  { padding-right: 69%;  }
.r-70  { padding-right: 70%;  }
.r-71  { padding-right: 71%;  }
.r-72  { padding-right: 72%;  }
.r-73  { padding-right: 73%;  }
.r-74  { padding-right: 74%;  }
.r-75  { padding-right: 75%;  }
.r-76  { padding-right: 76%;  }
.r-77  { padding-right: 77%;  }
.r-78  { padding-right: 78%;  }
.r-79  { padding-right: 79%;  }
.r-80  { padding-right: 80%;  }
.r-81  { padding-right: 81%;  }
.r-82  { padding-right: 82%;  }
.r-83  { padding-right: 83%;  }
.r-84  { padding-right: 84%;  }
.r-85  { padding-right: 85%;  }
.r-86  { padding-right: 86%;  }
.r-87  { padding-right: 87%;  }
.r-88  { padding-right: 88%;  }
.r-89  { padding-right: 89%;  }
.r-90  { padding-right: 90%;  }
.r-91  { padding-right: 91%;  }
.r-92  { padding-right: 92%;  }
.r-93  { padding-right: 93%;  }
.r-94  { padding-right: 94%;  }
.r-95  { padding-right: 95%;  }
.r-96  { padding-right: 96%;  }
.r-97  { padding-right: 97%;  }
.r-98  { padding-right: 98%;  }
.r-99  { padding-right: 99%;  }
.r-100 { padding-right: 100%; }

.fclear { clear:both; }
/*
Theme Name: BioTech Wholesale
Author: Sharp Hue
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*Basics*/
html, body, .wrapper { min-width:960px; }
.container { width:1200px; }
.holder { position:relative; margin:0 auto; width:1530px; }
html { background:#fff; }
body { background:#fff; font-family: 'Poppins', sans-serif; }
h1,h2,h3,h4,h5,h6 { color:#444; font-size:20px; font-weight:normal; }
p, label, ul, ol, input, textarea { color:#444; font-size:14px; line-height:20px; }
a { color:#555; }
a:hover { text-decoration:none; }

/*Fonts*/
h1,h2,h3,h4,h5,h6 { }
.lato,h1,h2,#header .phone p a, #header .btn a   { font-family: 'Poppins', sans-serif; }
#testimonials-products .testimonial .title h3, #testimonials-products .testimonial .title p, #testimonials-products .testimonial .quote p { font-family: 'Poppins', sans-serif; }
#footer { font-family:"Poppins", Helvetica, sans-serif;  }

/*Helpers*/
.float-right { float:right; }

/*Lists*/
ul.check { list-style:none; }
ul.check li { position:relative; padding-left:15px; list-style: none; }
ul.check > li:before { display:block; content:" "; height:35px; width:14px; position:absolute; top:0; left:-15px; background:url(/images/structure/checkmark-orange.png) no-repeat left center; }

/*Buttons*/
.btn a, input[type="submit"], button { display:inline-block; text-decoration:none; padding:0 50px; height:40px; line-height:40px; font-weight:25px; font-weight:400; border:none;
-webkit-border-radius: 2px; 
   -moz-border-radius: 2px; 
     -o-border-radius: 2px; 
        border-radius: 2px; 
 -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
      -o-transition: all 200ms;
         transition: all 200ms;
}
.btn a:hover { opacity:0.9; }
 
/*Alerts*/
.validation-summary-errors ul { list-style:none; margin:0; padding:0; background:#F58F8D;
	-webkit-border-radius: 2px; 
       -moz-border-radius: 2px; 
	     -o-border-radius: 2px; 
	        border-radius: 2px;
}
.validation-summary-errors ul li { color:#682B2A; padding:0 15px; }
.validation-summary-errors ul li:first-child { padding-top:15px; }
.validation-summary-errors ul li:last-child { padding-bottom:15px; margin:15px 0; }
.validation-summary-errors.alert-success ul li { background:#c8e5bc; color:#3c763d; }
.alert { padding:15px; margin:15px 0; border:none; border-radius:2px; box-shadow:none; }
.alert.alert-info { background:#b9def0; }
.alert.alert-danger { background:#dca7a7; }
.alert.alert-success { background:#c8e5bc; }

/*Wrappers*/
.wrapper.header     { z-index:9;  position:absolute;   }
.wrapper.promo      { z-index:7;  background:#002a54; }
.wrapper.customer-service     { z-index:9;  background:#fefcf3; }
.wrapper.points     { z-index:9;  background:#1e4b67;; }
.wrapper.how-to-order     { z-index:9;  background:#fefcf3; }
.wrapper.testimonials-products     { z-index:9;  background:#1e4b67; }
.wrapper.footer     { z-index:7;  background:#1e4b67; }
.wrapper.inner { position:relative; border-top:198px solid #1e4b67; }

/*Header*/
.wrapper.header .holder { border-bottom:1px solid #fff;  }
/*
#header { position:relative; height:198px; }
#header .logo { position:absolute; left:50%;; top:30px; margin-left:-167px; }
#header .phone { position:absolute; left:0px; top:84px; }
#header .phone p { font-size:15px; color:#ccc; line-height:25px; text-align:right; }
#header .phone p a { color:#fff; font-size:32px; text-decoration:none; }
#header .btn { position:absolute; right:0; top:64px; }
#header .btn a { background:#595075; color:#fff; height:66px; line-height:66px; padding:0 30px; font-size:25px; border-radius:6px; }

*/
/* Header */
#header .head-box { display:flex; align-items:center; position: absolute; left: 0; right: 0; padding: 30px 97px 26px 100px; background: linear-gradient(0deg, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.625)); }
#header .head-box .w-33 { width:33.3333%; }
#header nav { display: flex; align-items: center; margin-left: auto; width: 100%; }
#header nav ul { display: flex; max-width: 730px; margin-left: auto; white-space: nowrap; gap: 35px; width: 100%; justify-content: flex-end; }
#header nav ul li { list-style: none; }
#header nav ul li a { color: white; font-size: 18px; text-decoration: none; font-weight: 600; }
#header .icons { display: flex; align-items:center;  gap: 18px; margin-left: 6vw;}
#header .icons button { display: none; background: #fff; padding: 0px; line-height:0; }
#header .icons .fa-regular { color: white; font-size: 23px;  }

/* Inner Page Header */
#header .inner-header { position: fixed; z-index: 10; background: linear-gradient(0deg, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)), #fff !important; box-shadow: 0px 3px 6px #00000029;}
#header .inner-header .logo {display:block; } 
#header .inner-header .logo img:first-of-type { display: none;}
#header .inner-header .logo img:last-of-type { display: block !important; }
#header .inner-header nav ul li a { color: #1E4B67; }
#header .inner-header .icons .fa-regular { color: #1E4B67;}

/*  Side Menu  */
.menu { display: block; position: fixed; top: 0; left: 100%; margin-left: auto; width: 100%; min-height: 100vh; background-color: #F9F9F9; z-index: 99999; transition: 250ms; overflow-y: auto; }
.menu.side { display: none; width: 375px; z-index: 100000; min-height: 100%; height: auto; overflow-y: auto;}
[showing-menu="mobile"] .menu.mobile { display: block; right: 0px; }
.menu .menu-body { position: relative; padding: 30px; height: 100vh; background-color: #f9f9f9; overflow-y: auto; }
.menu-body .fa-xmark { color: #1E4B67; cursor: pointer; float: right; font-size:24px; }
.menu .menu-body ul { margin-top: 50px; width: 100%; }
.menu .menu-body ul li { font-size: 20px; list-style:none; line-height:35px; padding:0 10px;  }
.menu .menu-body ul li:hover { background-color:rgba(185, 222, 240, .4); width: 100%; }
.menu .menu-body ul li a { text-decoration: none; }
.menu .menu-body .menu-nav a { display: block; margin-bottom: 25px; text-decoration: none; color: #1E4B67; font-weight: 600; cursor: pointer; width: 100%; }
.menu.side .overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.6); }

@media ( max-width: 1300px ) {
	#header nav ul li { display: none; }
	#header .icons button { display: block; color: white; }
	#header .head-box { padding: 20px 50px; }
}

@media ( max-width: 500px ) { 
	#header .head-box { padding: 15px 20px; }
	#header .head-box div img { width: 87px; }
    #header .head-box .icons .fa-regular { font-size: 20px; }
	#header .head-box .icons .fa-regular.fa-bars { font-size: 23px; margin-top: 4px;}
}


/*Sign Up*/
#signup .spacing { padding:40px 0 20px 0; }

/*Nav*/
#nav { position:relative; }
#nav nav > ul { display:table; width:100%; list-style:none; }
#nav ul > li { float:left; margin:0 15px; }
#nav ul li > a { display:block; height:40px; padding:0 10px; line-height:40px; font-size:14px; color:#fff; text-transform:uppercase; text-decoration:none; }
#nav ul li:hover > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a,
#nav ul li.current_page_parent > a  { background:#666; }
#nav ul li.menu-item-has-children > a { padding-left:25px; background:url(/images/structure/drop.png) no-repeat 10px center; }
.home #nav ul li.current-menu-item a { background:transparent; }

/*Sub Nav*/
#nav ul li .sub { position:relative; }
#nav ul ul { display:none; position:absolute; left:0px; top:0px; min-width:200px; height:auto; background:#444; }
#nav ul li:last-child ul { left:auto; right:0; }
#nav ul li:hover ul { display:block; }
#nav ul li ul li { float:none; margin:0; padding:0; }
#nav ul li ul li a { display:block; height:auto; padding:0 15px; line-height:35px; font-size:13px; color:#fff; text-transform:uppercase; text-decoration:none; white-space:nowrap; }
#nav ul li ul li:hover a { background:#555; }
#nav ul li ul li ul { display:none; }

/*Side Nav*/
#sidenav .spacing { padding:50px 40px 40px 0; }
#sidenav ul { list-style:none; }
#sidenav ul li { border-top:1px solid #ccc; }
#sidenav ul li:first-child { border:none; }
#sidenav ul li a { display:block; padding:15px 0; line-height:18px; color:#747474; font-size:13px; text-decoration:none; text-transform:uppercase; }
#sidenav ul li:hover a { color:#444; }
#sidenav ul li.current-menu-item a, 
#sidenav ul li.current-menu-parent a { color:#444; }
#sidenav ul li ul { display:none; }

/*Promo*/
#promo { position:relative; padding-top:27px; }
#promo .wrapper.promo { z-index: 2; }
#promo .wrapper.promo .container { height:708px; }
#promo .wrapper.page { z-index: 5; }
#promo .message { position:absolute; left: 23%; top:288px; }
#promo .message h1 { color:#fff; font-size:58px; font-weight:500; text-transform:uppercase; line-height:71px; text-shadow: 1px 2px 11px #000000; }
#promo .message p { color:#fff; font-size:20px; line-height:32px; text-shadow: 1px 2px 16px #000000;}
#promo .btn { position:absolute; left:277px; bottom:199px; text-align:center; }
#promo .btn p { color:#fff; font-size:26px; padding-bottom:25px; }
#promo .btn a { background-color: #fff; color:#1e4b67;  font-size:18px; height:58px; line-height:58px; border-radius:100px;  padding:0px 56px;  }

#promo .v1 { background:#002a54 url(/images/promo1.jpg) no-repeat center top; }
#promo .v2 { background:#000 url(/images/promo2.jpg) no-repeat center top; }
#promo .v3 { background:#000 url(/images/promo3.jpg) no-repeat center top; }
#promo .v4 { background: #000 url(/images/promo4.webp) no-repeat center center; background-size:cover;  }
#promo .v5 {background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.25)), url(/images/wholesale-promo.jpg) no-repeat center top; background-size: cover; width: 100%; }

/*Slider*/
#promo .slider .slide { display:none; }
#promo .slider .slide:first-child { display:block; }
#promo .pager { position:absolute; bottom:30px; left:0; right:0; z-index:1; text-align:center; }
#promo .pager a { display:inline-block; width:20px; height:20px; margin:0 5px; background:#999; cursor:pointer; 
	-webkit-border-radius: 10px; 
       -moz-border-radius: 10px; 
	     -o-border-radius: 10px; 
	        border-radius: 10px; 
}
#promo .pager a.active { background-color:#fff; }
#promo .prev,
#promo .next { z-index:1; position:absolute; left:-60px; top:50%; width:30px; height:30px; margin-top:-15px; background-color:#999; cursor:pointer;
	-webkit-border-radius: 15px; 
       -moz-border-radius: 15px; 
	     -o-border-radius: 15px; 
	        border-radius: 15px; 
}
#promo .next { left:auto; right:-60px; }
#promo .prev:hover,
#promo .next:hover { background-color:#fff; }

/*Footer*/
.wrapper.footer .holder { border-top:1px solid #fff; }
#footer { position:relative; min-height:50px; }
#footer .spacing { padding:80px 0; }
#footer [class*='col-'] { float:right; }
#footer p { color:#fff; font-size:11px; line-height: 18px; }
#footer p a { color:#fff; }


/*Customer Service*/
#customer-service .spacing { padding:55px 0; }
#customer-service .col-40 { border-right:1px solid #000;}
#customer-service .col-60 .padding { padding-left:45px; }
#customer-service .box { text-align:center; }
#customer-service .box .image { margin-bottom:35px; }
#customer-service .box .image img { border-radius:104px; border:1px solid #cba712; }
#customer-service .box .bottom p { color:#002e5c; font-size:15px;}
#customer-service h2 { font-size:35px; line-height:66px; text-transform:uppercase;  font-weight:700; margin-bottom:40px;}
#customer-service p { font-size:25px; color:#002e5c; padding-bottom:30px; }
#customer-service .btn { padding-top:40px;}
#customer-service .btn a { background-color: #1e4b67; color:#fff;  font-size:18px; height:58px; line-height:58px; border-radius:100px;  padding:0px 56px;  }

/*Points*/
#points .spacing { padding:90px 0 50px 0; }
#points h2 { color:#fff; font-size:33px; text-transform:uppercase; margin-bottom:35px; }
#points ul li { color:#fff; font-size:20px; font-weight:300; line-height:35px;}
#points .benefits .padding { padding-right:80px; }
#points .btn { text-align:right; padding-top:40px; }
#points .btn a { background-color: #fff; color:#1e4b67;  font-size:18px; height:58px; line-height:58px; border-radius:100px;  padding:0px 56px;  }

/* How TO Order */
#how-to-order .spacing { padding:75px 0 70px 0; }
#how-to-order h2 { position:relative; text-align:center; font-size:33px; font-weight:700; text-transform:uppercase; margin-bottom:35px; }
#how-to-order h2:before { display:block; content:" "; height:1px; background:#000; position:absolute; top:50%; left:0; right:0; z-index:1; }
#how-to-order h2 span { position:relative; display:inline-block;  background:#fefcf3; z-index: 2; padding:0 40px; }
#how-to-order .sign-up { text-align:right; }
#how-to-order .sign-up img { margin-bottom:30px; position:relative; right:-55px; }
#how-to-order .btn a {  background-color:#1e4b67; color:#fff;  font-size:18px; height:58px; line-height:58px; border-radius:100px;  padding:0px 56px;  }
#how-to-order ul li { position:relative; list-style:none; font-size:26px; font-weight:300; line-height:50px; margin-bottom:60px; padding-left:75px; }
#how-to-order ul li a { font-weight:400; text-decoration:none; }
#how-to-order ul li:before { display:block; content:"1."; position:absolute; top:0; left:0; background:#1e4b67;; height:50px; width:50px; color:#fff; text-align:center; line-height:50px; border-radius:40px; font-weight:700; font-size:27px;   }
#how-to-order ul li.n1:before { content:"1."; }
#how-to-order ul li.n2:before { content:"2."; }
#how-to-order ul li.n3:before { content:"3."; }

/*Testimonial Products*/
#testimonials-products .spacing { padding:90px 0; }
#testimonials-products h2 { color:#fff; font-size:36px;  margin-bottom:35px;  }
#testimonials-products ul li { color:#fff; font-size:30px; line-height:55px; font-weight:300; margin-left:20px; }
#testimonials-products ul li:before { height:55px; }
#testimonials-products .btn { text-align:right; padding-top:150px; }
#testimonials-products .btn a { background:#fff;  color:#1e4b67;  font-size:18px; height:58px; line-height:58px; border-radius:100px;  padding:0px 56px;    }
#testimonials-products .padding { padding-right:15%; }
#testimonials-products .testimonial { position:relative; margin-bottom:40px; }
#testimonials-products .testimonial .title { padding-left:35px; position:relative; margin-bottom:25px; }
#testimonials-products .testimonial .title h3 { color:#fff; position:relative; font-size:22px; }
#testimonials-products .testimonial .title p { color:#fff; font-size:22px;  }
#testimonials-products .testimonial .title h3:before { display:block; content:" "; position:absolute; left:-35px; top:0; width:25px; height:21px; background:url(/images/structure/quotes.png) no-repeat 0 0; }
#testimonials-products .testimonial .quote  { padding-left:35px; }
#testimonials-products .testimonial .quote p { color:#fff; font-size:18px; line-height:25px; font-weight:300;  }
#testimonials-products .testimonial .image { position:absolute; left:0; top:70px; }
#testimonials-products .testimonial .image .frame { border-radius:100px; overflow:hidden; width:140px; height:140px; }
#testimonials-products .testimonial { }

/*Content*/
#content .spacing { padding:40px 0; }
#content h1 { padding:0 0 18px 0; color:#444; font-size:36px; line-height:54px; font-weight:400; }
#content h2 { padding:0 0 12px 0; color:#444; font-size:24px; line-height:36px; font-weight:400; }
#content h3 { padding:0 0 11px 0; color:#444; font-size:22px; line-height:33px; font-weight:400; }
#content h4 { padding:0 0 9px 0; color:#444; font-size:18px; line-height:27px; font-weight:400; }
#content h5 { padding:0 0 8px 0; color:#444; font-size:16px; line-height:24px; font-weight:400; }
#content h6 { padding:0 0 7px 0; color:#444; font-size:14px; line-height:21px; font-weight:400; }
#content p { padding:0 0 20px 0; }
#content ul, #content ol { padding:0 0 0 20px; margin:0 0 20px 0; }
#content ul { list-style:square; }
#content li { padding:4px 0; }

/*FAQs*/
#faqs .faq { position:relative; margin: 0; padding:15px 0 0 0; border-top:1px solid #ccc; cursor:pointer; }
#faqs .faq:first-child { border:none; }
#faqs .faq .icon { position:absolute; left:0px; top:15px; height:20px; width:20px; background:#999 url(/images/structure/faq.png) no-repeat 3px center; }
#faqs .faq.active .icon { background-position:-97px center; }
#faqs .faq p { padding:0 0 15px 0; font-size:14px; line-height:26px; color:#999; }
#faqs .faq h2 { padding:0 0 15px 35px; color:#444; font-size:18px; line-height:20px; font-weight:300; text-transform:none; }
#faqs .faq h2:hover { color:#000; }
#faqs .faq .answer { display:none; }
#faqs .faq:first-child .answer { display:block; }

/*Testimonials*/
#testimonials .testimonial { position:relative; margin:0 0 20px 0; padding:25px 25px 20px 50px; border-bottom:2px solid #ddd; background:#f9f9f9 url(/images/structure/quote.png) no-repeat 12px 12px; }
#testimonials p { font-size:14px; line-height:26px; font-weight:300; color:#666; font-style:italic; }
#testimonials p span { display:block; padding:13px 0 0 0; font-size:16px; line-height:18px; color:#888; font-weight:400; font-style:normal; }
#testimonials p span span { padding:3px 0 0 14px; }
#testimonials img { float:right; max-width:125px; margin:0 0 5px 20px; }

/*Gallery*/
#gallery { display:none; }
.no-js #gallery { display:block; }
#gallery .gallery { display:table; width:977px; padding:0 0 15px 0; margin:0 0 0 -17px; }
#gallery .gallery .gallery-item { position:relative; float:left; opacity:.9; width:220px; height:160px; margin:0 0 17px 17px; overflow:hidden; border:3px solid #fff; }
#gallery .gallery .gallery-item img { vertical-align:top; }
#gallery .gallery .gallery-caption { display:block; position:absolute; left:0px; top:160px; width:100%; padding:8px 0; line-height:13px; text-align:center; font-size:11px; color:#fff; background: rgba(0, 0, 0, .5); }
#gallery.video .gallery .gallery-item a { position:absolute; left:0px; top:0px; right:0px; bottom:0px; display:block; cursor:pointer; background:url(/images/structure/play.png) no-repeat center center; }

/*Gallery Nav*/
#gallerynav { margin:10px 5px 17px 5px; border-bottom:1px solid #f1f1f1; }
#gallerynav a { position:relative; display:inline-block; font-size:11px; text-transform:uppercase; color:#777; text-decoration:none; padding:10px 8px 4px 8px; margin:0 10px 0 0; }
#gallerynav a:hover { border-bottom:2px solid #111; }
#gallerynav a.active { border-bottom:2px solid #111; }
#gallerynav a.active span { position:absolute; left:50%; bottom:-10px; display:inline-block; width: 0; height: 0; margin:0 0 0 -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; }

/*Staff*/
#staff .block { width:50%; }
#staff .member { display:table; margin:0 0 50px 0; }
#staff .image { float:left; } 
#staff .image span { display:block; width:150px; height:150px; overflow:hidden; } 
#staff .image img { width:auto !important; height:auto !important; max-width:150px; max-height:150px; min-width:150px; min-height:150px; }
#staff .info { padding:0 40px 0 165px; }
#staff h2 { padding:0; color:#555; font-size:22px; line-height:25px; font-weight:400; }
#staff h3 { padding:0; color:#777; font-size:15px; line-height:17px; font-weight:400; }
#staff .bio p { padding:15px 0; }
#staff .contact { padding:15px 0 0 0; }
#staff .contact.none { padding:0; }
#staff .contact p.split .phone { padding:0 15px 0 0; margin:0 15px 0 0; border-right:1px solid #ddd; }
#staff .contact p a { display:inline-block; color:#888; text-decoration:none; text-transform:uppercase; }
#staff .phone { font-size:15px; cursor:default; }
#staff .email { font-size:12px; }
#staff .email:hover { color:#222; }

/*Team*/
#team .member { position:relative; display:table; margin:0 0 25px 0; }
#team .thumb { float:left; }
#team .thumb span { display:block; width:150px; height:150px; overflow:hidden; }
#team .thumb img { width:150px !important; height:auto !important; }
#team .thumb img:hover { opacity:.9; }
#team .info { padding:0 0 0 175px; }
#team h2 { padding:0 0 5px 0; color: #444; font-size:20px; line-height:23px; font-weight:400; }
#team h2 a { text-decoration:none; color: #444; }
#team h2 a:hover { color:#777; }
#team h3 { padding:0; color:#747474; font-size:16px; line-height:19px; font-weight:300; }
#team .bio p { padding:15px 0; }
#team .contact { padding:15px 0 0 0; }
#team .contact.none { padding:0; }
#team .contact p { padding-bottom:0; }
#team .contact p.split .phone { padding:0 15px 0 0; margin:0 15px 0 0; border-right:1px solid #ddd; }
#team .contact p a { display:inline-block; color:#444; text-decoration:none; text-transform:uppercase; }
#team .phone { font-size:15px; cursor:default; }
#team .email { font-size:12px; }
#team .email:hover { color:#777; }
#team .link { display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:url(/images/structure/clear.png); }

/*Sponsors*/
#sponsors .grid { width:980px; margin:0 0 0 -25px; }
#sponsors .sponsor { float:left; width:218px; margin:0 0 20px 25px; border:1px solid #eee; 
	-webkit-border-radius: 5px; 
       -moz-border-radius: 5px; 
	     -o-border-radius: 5px; 
	        border-radius: 5px; 
}
#sponsors .sponsor:hover { border:1px solid #ddd; }
#sponsors .name h2 { padding:0; font-size:18px; line-height:20px; }
#sponsors .name h2 a { text-decoration:none; }
#sponsors .name .center { display: table-cell; text-align: center; vertical-align: middle; width: 320px; height: 50px; }
#sponsors .name .center * { vertical-align: middle; }
#sponsors .logo img { max-width:200px; max-height:120px; }
#sponsors .logo .center { display: table-cell; text-align: center; vertical-align: middle; width: 320px; height: 120px; }
#sponsors .logo .center * { vertical-align: middle; }

/*IE*/
.lt-ie8 #sponsors .name .center span { display: inline-block; height: 100%; }
.lt-ie8 #sponsors .logo .center span { display: inline-block; height: 100%; }

/*Events*/
#events .event { position:relative; padding:15px 20px 5px 20px; margin:0 0 30px 0; background:#fbfbfb; border-bottom:2px solid #eee; }
#events .date { position:absolute; left:0; top:0; width:70px; height:70px; text-align:center; color:#f1f1f1; font-size:30px; line-height:30px; text-transform:uppercase; font-weight:300; background:#999; }
#events .date span { display:block; padding:15px 0 0 0; line-height:15px; font-size:14px; font-weight:700; }
#events h2 { padding:0 0 0 70px; color:#444; font-size:24px; line-height:30px; font-weight:400; }
#events .location { padding:0 0 0 70px; }
#events .text { padding:10px 0 0 0; }

/*Information*/
#information .info { position:relative; }
#information h3 { padding:15px 0 5px 0; color:#444; font-size:22px; line-height:25px; font-weight:400; }
#information p { }
#information a.tel { color:#888; text-decoration:none; cursor:pointer; }

/*Contact*/
#contact .frm_forms { max-width:none; }
#contact .frm_forms .frm_form_field { position:relative; padding-bottom:20px; margin-bottom:0; }
#contact .frm_forms .frm_primary_label { display:block; }
#contact .frm_forms [type="text"], 
#contact .frm_forms [type="tel"], 
#contact .frm_forms [type="email"],
#contact .frm_forms [type="url"], 
#contact .frm_forms select, 
#contact .frm_forms textarea 
{ 
    display:block; width:100%; padding:7px 10px; font-size:12px; line-height:16px; background:#fff; border:1px solid #ddd; border-bottom:1px solid #ccc;
	-webkit-box-shadow: inset 0 0 3px #eee; 
	   -moz-box-shadow: inset 0 0 3px #eee; 	
	        box-shadow: inset 0 0 3px #eee;                                             
}
#contact .frm_forms [type="text"]:focus, 
#contact .frm_forms [type="tel"]:focus, 
#contact .frm_forms [type="email"]:focus,
#contact .frm_forms textarea:focus { border:1px solid #bbb; }
#contact .frm_forms .frm_submit input { padding:0 25px; background:#555; border:none;  color:#fff; font-size:13px; text-transform:uppercase; line-height:36px; 
    box-shadow:none;
	-webkit-border-radius:2px; 
	   -moz-border-radius:2px; 
	     -o-border-radius:2px; 
	        border-radius:2px;                                      
}
#contact .frm_forms .frm_submit input:hover { opacity:.9; }
#contact .frm_forms .frm_error { position:absolute; right:0px; top:0px; font-weight:normal; color:#d90000; font-size:11px; }
#contact .frm_forms .frm_error_style { display:none; }
#contact .frm_forms .frm_message { background:#f1f1f1; border:1px solid #ddd; }
#contact .frm_forms .frm_message p { padding:30px; }

/*Colorbox*/
#cboxContent, #cboxContent button { font-size:10px; text-transform:uppercase; color:#555; }

/*UI*/
#ui-datepicker-div { font-size: 11px; }

/*Edit*/
.edit-link { display:block; padding:15px 0; }
.edit-link a { font-size:11px; text-transform:uppercase; }

/* Alignment */
.alignleft { float: left; margin:6px 20px 14px 0; }
.alignright { float: right; margin:6px 0 14px 20px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; padding:6px 0 14px 0; }

/*Blog*/
#blog .spacing { padding:40px 60px 40px 0; }
#blog article { padding:0 0 40px 0; }
#blog h1 { margin:0 0 15px 0; color:#666; font-size:30px; line-height:35px; font-weight:400; }
#blog h1 a { color:#666; text-decoration:none; }
#blog h1 a:hover { text-decoration:none; opacity:.9; }
#blog h1.archive-title { padding:5px 0 3px 0; margin:0 0 25px 0; color:#666; font-size:16px; font-style:italic; border-bottom:1px solid #ccc; font-family:Arial; }
#blog h1.archive-title a { color:#888; text-decoration:none; }
#blog h1.archive-title a:hover { color:#888; text-decoration:none; }
#blog h2 { margin:0 0 12px 0; color:#444; font-size:24px; line-height:36px; font-weight:400; }
#blog h3 { margin:0 0 11px 0; color:#444; font-size:22px; line-height:33px; font-weight:400; }
#blog h4 { margin:0 0 9px 0; color:#444; font-size:18px; line-height:27px; font-weight:400; }
#blog h5 { margin:0 0 8px 0; color:#444; font-size:16px; line-height:24px; font-weight:400; }
#blog h6 { margin:0 0 7px 0; color:#444; font-size:14px; line-height:21px; font-weight:400; }
#blog p { margin:0 0 20px 0; }
#blog ul, #blog ol { padding:0 0 0 20px; margin:0 0 20px 0; }
#blog ul { list-style:square; }
#blog li { padding:4px 0; }
#blog input[type="submit"] { padding:0 5px; }

/*Meta*/
#blog .blog-meta-info { display:table; width:100%; padding:5px 0; margin:0 0 10px 0; border-top:1px dotted #999; border-bottom:1px dotted #999; }
#blog .blog-meta-info { color:#888; font-size:11px; text-transform:uppercase; }
#blog .blog-meta-info a { color:#888; font-size:11px; text-transform:uppercase; text-decoration:none; }
#blog .blog-meta-info a:hover { color:#999; }
#blog .blog-meta-info .meta-info { float:left; }
#blog .blog-meta-info .comments-link { float:left; border-left:1px solid #ccc; padding:0 0 0 10px; margin:0 0 0 10px; }
#blog .blog-meta-info .entry-date { padding-left:2px; }
#blog .entry-meta { display:none; }

/*Blog Nav*/
#blognav .spacing { padding:90px 0 40px 0; }
#blognav h3 { display:inline-block; background:#fff; color:#666; font-size:15px; line-height:20px; text-transform:uppercase; padding:0 3px 0 0; margin:20px 0 10px 0; font-weight: 600;  }
#blognav ul { width:100%; margin:0; padding:0; list-style:none; }
#blognav ul li { width:100%; margin:0; padding:0 0 0 0; border-bottom:1px solid #ccc; }
#blognav ul li a { display:block; margin:0; padding:5px 1px; line-height:16px; color:#888; font-size:12px; text-decoration:none; }
#blognav ul li a:hover { color:#999; }
#blognav aside { padding:0 0 20px 0; background:url(/images/structure/lines.png) no-repeat left 22px; }
#blognav aside:first-child { padding:0px 0 10px 0; background:none; }

/*Search*/
#blognav #searchform { position:relative; width:100%; }
#blognav #searchform #s { width:100%; height:26px; padding:0 9px; background:#f9f9f9; color:#444; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; outline:none; }
#blognav #searchform #s:focus { background:#fff; border:1px solid #ddd; }
#blognav #searchform .screen-reader-text { display:none; }
#blognav #searchform #searchsubmit { position:absolute; right:0px; top:0px; width:28px; height:28px; border:none; text-indent:-9999px; cursor:pointer; background:url(/images/structure/search.png) no-repeat center center; }

/*Nav Below*/
#blog nav { display:table; width:100%; }
#blog nav .assistive-text { display:none; }
#blog nav .nav-previous { float:left; }
#blog nav .nav-previous a { display:block; background:#666; font-size:11px; text-transform:uppercase; color:#fff; text-decoration:none; padding:3px 5px;  -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; }
#blog nav .nav-previous:hover a { opacity:.9; }
#blog nav .nav-next { float:right; }
#blog nav .nav-next a { display:block; background:#666; font-size:11px; text-transform:uppercase; color:#fff; text-decoration:none; padding:3px 5px;  -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; }
#blog nav .nav-next:hover a { opacity:.9; }

/*Custom Comments*/
#blog h2.comments-title  { padding:50px 0 0 0; margin:0; font-size:13px; }
#blog .comments-area article header cite a { color: #444; }
#blog .comments-area cite { padding-left:60px; margin:0; }
#blog .comments-area time { padding-left:60px; margin:0; }
#blog .comments-area header { padding:0 0 10px 0; margin:0; }
#blog .comments-area ol { padding:0; margin:0; border:none; list-style:none; }
#blog .comments-area ol li { padding:0; margin:0; border:none; list-style:none; }
#blog .comments-area ol li ol li { padding:0 0 0 20px; }
#blog .comments-area ol li ol li ol li { padding:0; }
#blog .comments-area article { border:1px dotted #ccc; padding:10px; margin:20px 0; }

/*Custom Respond*/
#blog #respond form { padding:0; margin:0; }
#blog #respond p.logged-in-as { padding:0; margin:0; }

/* =Comments
-------------------------------------------------------------- */
.comments-title {
	margin-bottom: 18px;
	margin-bottom: 1.428571429rem;
	font-size: 12px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image:    -moz-linear-gradient(top, #009cee, #0088d0);
	background-image:     -ms-linear-gradient(top, #009cee, #0088d0);	
	background-image:      -o-linear-gradient(top, #009cee, #0088d0);
	background-image:         linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.commentlist { padding:15px;
	border:1px dotted #555;
	-webkit-border-radius:10px; 
	   -moz-border-radius:10px; 
	     -o-border-radius:10px; 
	        border-radius:10px; 
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
#respond .required {
	color: red;
}

/*Theme*/
#blog .blog-meta-info a:hover,
#blog h1 a,
#content h1,
#blog h1,
#blognav h3,
#blognav ul li a:hover { color:#555; }
#faqs .faq .icon,
#events .date,
#contact .frm_forms .frm_submit input,
#blog nav .nav-previous a,
#blog nav .nav-next a,
#information .icon { background-color:#555; }
#testimonials .testimonial { border-color:#555; }
#gallerynav a:hover,
#gallerynav a.active { border-bottom-color:#555; }
#gallerynav a.active span { border-top-color: #555; }

/*Media*/
@media all and (max-width: 1280px) {

	.container { width:960px; } 

	/*Promo*/
	#promo .next { right:30px;}
	#promo .prev { left:30px;}
	#promo .btn  { left:23%; }

	/*Introduction*/
	#introduction .spacing { padding:60px 20px 60px 0; }
	#introduction h1 {  }

	/*Feed*/
	#feed .spacing { padding:40px 0; }

}

@media all and (max-width: 1530px) {
	.holder { width:100%; }
}

@media all and (max-width: 1200px) {
	
	/*Basics*/
	html, body, .wrapper, .container { min-width:940px; }
	
	/*Containers*/
 	.container { width:100%; margin:0; padding:0 50px; } 

 	#header .phone p a { font-size:26px;}
 	#header .btn a { font-size:20px; padding:0 20px; height:50px; line-height:50px; }

	

	#customer-service p { font-size:22px; }

	#points h2 { font-size:26px;}

 	#how-to-order .sign-up img { margin-bottom:30px; position:relative; right:auto; }
 	#how-to-order .btn a { font-size:18px; }
 	#how-to-order ul li  { font-size:20px; margin-bottom:5%;}

 	#testimonials-products ul li { font-size:24px;}
 	#testimonials-products .testimonial .title { padding-left:35px;  margin-bottom:15px; }
	#testimonials-products .testimonial .title h3 {  font-size:20px; }
	#testimonials-products .testimonial .title p { font-size:20px;  }
	#testimonials-products .testimonial .quote  { padding-left:35px; }
	#testimonials-products .testimonial .quote p { color:#fff; font-size:18px; line-height:25px; font-weight:300;  }
	#testimonials-products .testimonial .image { position:absolute; left:0; top:70px; }
	#testimonials-products .testimonial .image .frame { border-radius:100px; overflow:hidden;}

}

@media all and (max-width: 960px) {

    /*Basics*/
	html, body, .wrapper, .container { min-width:580px; }

    /*Containers*/
 	.container { width:100%; margin:0; padding:0 15px; } 
 	.nav .container { padding:0; }

 	/*Header*/
 	#header .logo { top:10px;}
 	#header .phone { top:150px; }
 	#header .btn { top:140px;}
 	#header .btn a { height:40px; line-height:40px; font-size:18px; }

	/*Promo*/
	#promo .message { position:relative;  left:auto; top:auto; padding-top:220px;}
	#promo .message h1 { font-size:46px; text-align:center; }
	#promo .message p { font-size:20px; text-align:center; }
	#promo .btn { width:100%; left:0; }

	/*Customer Service*/
	#customer-service [class*='col-'] { width:100%; border:none; }
	#customer-service .btn { text-align:right; }
	#customer-service .col-60 .padding { padding-left:0px; }

	/*Points*/
	#points .spacing { padding:40px 0 20px 0;}
	#points [class*='col-'] { width:100%; margin-bottom:40px; }
	#points .benefits .padding { padding-right:0px; }
	#points ul { margin-left:15px; }

	/*How To Order*/
	#how-to-order [class*='col-'] { width:100%; margin-bottom:40px; }
	#how-to-order .sign-up { text-align:center; }
	#how-to-order ul li { font-size:20px; font-weight:300; line-height:30px; margin-bottom:30px; padding-left:45px; }
	#how-to-order ul li a { font-weight:400; text-decoration:none; }
	#how-to-order ul li:before {  height:30px; width:30px; line-height:30px; font-size:17px;   }


	/*Testimonials Products */
	#testimonials-products [class*='col-'] { width:100%; } 
	#testimonials-products ul.col-50 { width:50%;}
	#testimonials-products .btn { text-align:center; padding-top:40px;}


    /*Content*/
    #content .spacing { padding:30px 15px; }

    /*Blog*/
    #blog .spacing { padding:30px 15px; }

    /*Blog Nav*/
    #blognav .spacing { padding:80px 15px; }

	/*Sponsors*/
    #sponsors .grid { width:100%; margin:0; }
    #sponsors .sponsor { float:none; width:auto; margin:0 0 25px 0; }
    #sponsors .sponsor .inner { width:218px; margin:0 auto; }

    /*Gallery*/
    #gallery .gallery { display:table; width:100%; padding:0 0 10px 0; margin:0; }
    #gallery .gallery .gallery-item { width: 33%; height: auto; margin: 10px 0 0 0; padding:0 5px; border: none; }
    #gallery.video .gallery .gallery-item { width:50%; }
    #gallery .gallery .gallery-item,
    #gallery .gallery .gallery-item:after,
    #gallery .gallery .gallery-item:before { 
        -webkit-box-sizing: border-box; 
           -moz-box-sizing: border-box; 
                box-sizing: border-box; 
    
    }
    #gallery .gallery .gallery-caption { display:none; visibility:hidden; }
}


@media all and (max-width: 600px) {

	/*Basics*/
	html, body, .wrapper, .container { min-width:300px; }

	/*Wrappers*/
	.wrapper.header { border-top:60px solid #595075; }

    /*Containers*/
 	.container {  } 	
 	.wrapper.header .container { padding:0; }

	/*Grid*/
	[class*='col-'], .block, .cell { width:100%; padding:0; }

	/*Header*/
	/*
	#header { height:150px;}
	#header .logo { max-width:80%; margin:0 auto; position:relative; top:auto; left:auto; padding:20px 0; }
	#header .btn { top:-60px; width:66%;}
	#header .btn a { display:block; height:60px; text-align:left; font-size:18px; background:#c8a307; border-radius:0; text-align:center; }
	#header .phone { bottom:auto; top:-60px; left:0; width:33%;}
	#header .phone a { display:block; height:60px; background:url(/images/structure/phone.png) no-repeat center center; text-indent:-999em; text-align:left; }
	*/
    /*Promo*/
    #promo .wrapper.promo .container { height:550px; }
	#promo .message  { padding-top: 160px; }
    #promo .message  h1 { line-height:49px; margin-bottom:10px; }
	#promo .message  p br { display:none; }
    #promo .message  p { font-size:16px; line-height:20px; padding: 0px 30px;}
	#promo .btn { bottom:auto; padding-top:40px; }

	
	/*Customer Service*/
	#customer-service h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}
    #customer-service p { font-size:18px; }
    #customer-service  .btn { text-align:center; }

    /*Points*/
    #points h2 { font-size:18px; }
    #points ul li { font-size:14px;}
    #points .btn { text-align:center;}

    /*How to Order*/
    #how-to-order h2 { font-size:22px; }
    #how-to-order h2:before { display:none;}
    #how-to-order h2 span { padding:0; }
    #how-to-order ul li { font-size:17px;}

	/*Products Testimonials*/
	#testimonials-products .spacing { padding:40px 0;}
	#testimonials-products  h2 { font-size:22px; }
	#testimonials-products ul.col-50 { width:100%; }
	#testimonials-products ul li { font-size:18px;}
	#testimonials-products .testimonial .image { position:relative; left:auto; top:auto; text-align:center; }
	#testimonials-products .testimonial .image .frame { display:inline-block;}
    #testimonials-products .testimonial .title , #testimonials-products .testimonial .quote { padding-left:0;}
    #testimonials-products .testimonial .title h3 {  font-size:18px; }
	#testimonials-products .testimonial .title p {  font-size:18px;  }
	#testimonials-products .testimonial .title h3:before { display:none; }
	#testimonials-products .testimonial .quote p { font-size:14px; padding-top:20px; }

	/*Footer*/
	#footer .spacing { padding:40px 0;}
	#footer [class*='col-'] { width:100%; }
	#footer .btn { text-align:center; }

   

}

@media all and (max-width: 480px) {

	

}