/*
Theme Name: Getbold
Author: Guaranteed SEO
Author URI: http://www.guaranteedseo.com/
Description: Custom WordPress Theme from http://getbold.com/
Version: 1.0
*/
@font-face {
    font-family: 'jersey_m54regular';
    src: url('fonts/jersey/jersey_m54-webfont.eot');
    src: url('fonts/jersey/jersey_m54-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/jersey/jersey_m54-webfont.woff') format('woff'), url('fonts/jersey/jersey_m54-webfont.ttf') format('truetype'), url('fonts/jersey/jersey_m54-webfont.svg#jersey_m54regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'collegeregular';
    src: url('fonts/college/college-webfont.eot');
    src: url('fonts/college/college-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/college/college-webfont.woff') format('woff'), url('fonts/college/college-webfont.ttf') format('truetype'), url('fonts/college/college-webfont.svg#collegeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(fonts/glyphicons-halflings-regular.eot);
    src: url(fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(fonts/glyphicons-halflings-regular.woff) format('woff'), url(fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
/* Functions
======================================================================== */
.box-sizing {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* Vars
======================================================================== */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    width: 100%;
}
/* HTML elements & pseudo-elements
======================================================================== */
section,
input,
select,
textarea,
.btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button {
    font-family: "proxima-nova", sans-serif;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea {
    border: 1px solid #adadad;
    padding: 10px 5px;
    margin: 0;
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
}
input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #535353;
    font-weight: 600;
}
input[type="text"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder {
    color: #535353;
    font-weight: 600;
}
input[type="text"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
    color: #535353;
    font-weight: 600;
}
input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #535353;
    font-weight: 600;
}
.clear {
    *zoom: 1;
}
.clear:before,
.clear:after {
    content: "";
    display: table;
}
.clear:after {
    clear: both;
}
.inline-block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.aligncenter {
    margin: 15px auto;
}
.pull-right {
    float: right!important;
}
.pull-left {
    float: left!important;
}
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none;
}
.just-for-IE {
    display: none;
}
/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    max-width: 100%;
}
html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

button,
input,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}
b,
strong {
    font-weight: bold;
}
cite,
dfn,
em,
i {
    font-style: italic;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
p {
    margin-bottom: 24px;
}
code,
kbd,
tt,
var,
samp,
pre {
    font-family: monospace, serif;
    font-size: 15px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 1.6;
}
pre {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px;
    max-width: 100%;
    overflow: auto;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
blockquote {
    color: #767676;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.2631578947;
    margin-bottom: 24px;
}
blockquote cite,
blockquote small {
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}
blockquote strong,
blockquote b {
    font-weight: 400;
}
small {
    font-size: smaller;
}
big {
    font-size: 125%;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
dl {
    margin-bottom: 24px;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 24px;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin: 0 0 0 20px;
}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}
figure {
    margin: 0;
}
fieldset {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 24px;
    padding: 11px 12px 0;
}
legend {
    white-space: normal;
}
button,
input,
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}
button,
input {
    line-height: normal;
}
input,
textarea {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    /* Removing the inner shadow, rounded corners on iOS inputs */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table,
th,
td {
    border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
    width: 100%;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
th {
    border-width: 0 1px 1px 0;
    font-weight: bold;
}
td {
    border-width: 0 1px 1px 0;
}
del {
    color: #767676;
}
/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
    background: #24890d;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #24890d;
    color: #fff;
    text-shadow: none;
}
/* Layout
======================================================================== */
.page-id-6927 #header,.page-id-6927 #top-nav-wrapper,.page-id-7344 #header,.page-id-7344 #top-nav-wrapper {
    display: none;
}
body {
    margin: 0;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    /*word-wrap: break-word;*/
}
a {
    text-decoration: none;
    transition: all 0.25s linear;
}
a img {
    vertical-align: bottom;
    border: 0;
}
a.link {
    display: block;
    height: 100%;
}
.wrapper {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    *zoom: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wrapper:before,
.wrapper:after {
    content: "";
    display: table;
}
.wrapper:after {
    clear: both;
}
.wrapper.body {
    max-width: 1180px;
}
.single-product .wrapper.body {
    max-width: 1380px;
}
.wrapper.footer {
    max-width: 1180px;
}
@media all and (max-width: 1540px) {
    .wrapper {
        width: 100%;
        padding: 0 20px;
    }
    .wrapper.body {
        max-width: 1180px;
        padding: 0;
    }
    .wrapper.footer {
        padding: 0;
    }
}
/****************   header  *******************/
#header {
    position: relative;
    width: 100%;
    height: 90px;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 150;
}
#header .middle {
    display: table-cell;
    vertical-align: bottom;
    height: 77px;
}
.home #header {
    display: none;
}
#logo {
    max-width: 300px;
    width: 30%;
    max-height: 59px;
    margin-top: 20px;
    float: left;
    margin-right: 20px;
}
#logo a {
    display: block;
}
#logo a img {
    width: 100%;
}
#header-phone {
    font-size: 34px;
    float: right;
    text-align: right;
    font-family: 'Gafata', sans-serif;
    line-height: 1;
    width: 295px;
    margin-right: 20px;
}
#header-phone .middle {
    width: 295px;
    line-height: 41px;
}
#header-phone span {
    display: block;
    font-size: 20px;
    margin-bottom: -6px;
    line-height: 26px;
}
#header-phone #icon-phone {
    width: 15%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
    line-height: 54px;
}
#header-phone #icon-phone img {
    width: 44px;
}
#live-chat {
    font-size: 34px;
    float: right;
    margin-right: 20px;
    text-align: right;
    font-family: 'Gafata', sans-serif;
    line-height: 45px;
    width: 180px;
}
#live-chat .middle {
    line-height: 42px;
}
#live-chat a {
    color: #000000;
    vertical-align: bottom;
}
#live-chat #icon-chat {
    width: 20%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 69px;
    margin-right: 5px;
}
#live-chat #icon-chat img {
    width: 100%;
    width: 44px;
}
#header-contact {
    font-size: 24px;
    margin-left: 20px;
    font-family: 'Gafata', sans-serif;
}
#header-contact span {
    color: #4c1116;
    font-weight: bold;
}
#top-nav-wrapper {
    background-color: #166a33;
    height: 76px;
    height: 46px;
    position: relative;
    width: 100%;
    z-index: 200;
}
#top-nav-wrapper.active {
    position: fixed;
    width: 100%;
    z-index: 400;
    top: 0;
}
.home #top-nav-wrapper {
    display: none;
}
#top-nav {
    margin: 0px;
    float: left;
}
#top-nav li {
    float: left;
    list-style: none;
    position: relative;
}
#top-nav li.current_page_item > a,
#top-nav li:hover > a {
    background-color: rgba(76, 189, 0, 0.51);
}
#top-nav li:hover > ul {
    display: block;
    z-index: 10;
}
#top-nav li.menu-item-has-children a:after {
    content: url("images/icon-sub-nav.png");
    padding-left: 8px;
    position: relative;
    top: -4px;
}
#top-nav li.menu-item-has-children li a:after {
    content: '';
}
#top-nav li a {
    color: #ffffff;
    text-transform: uppercase;
    line-height: 76px;
    line-height: 46px;
    font-size: 30px;
    font-size: 18px;
    font-family: 'Maven Pro', sans-serif;
    padding: 0 16px;
    display: block;
}
#top-nav li ul {
    display: none;
    position: absolute;
    margin: 0;
    min-width: 100%;
    background: url("images/bg-sub-nav.png");
}
#top-nav li li {
    float: none;
}
#top-nav ul ul ul {
    display: none;
}
#top-nav li li:hover a {
    background-color: rgba(76, 189, 0, 0.51);
}
#top-nav li li:hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    border-left: 1px solid #fff;
}
#top-nav li li a {
    font-size: 21px;
    line-height: 21px;
    white-space: nowrap;
    text-transform: none;
    background-color: transparent;
    padding: 10px 16px;
    transition: all 0.25s linear;
}
#phone-on-nav {
    float: right;
    height: 46px;
    font-size: 18px;
    color: #ffffff;
    line-height: 46px;
    margin-right: 20px;
    display: none;
    position: relative;
    z-index: 2;
}
#phone-on-nav.active {
    display: block;
}
#phone-on-nav img {
    max-height: 80%;
    vertical-align: top;
}
.social {
    float: right;
    margin-top: 20px;
    margin-top: 4px;
    position: relative;
    z-index: 2;
}
.social.footer {
    margin-top: 5px;
}
.social a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url("images/icons-social.png") no-repeat;
    width: 36px;
    height: 36px;
    margin-left: 7px;
    transition: none;
}
.social a.facebook {
    background: url("images/iconfinder_facebook.svg") no-repeat;
    background-size: cover;
}
.social a.insta {
    background: url("images/iconfinder_Instagram_381384.svg") no-repeat;
    background-size: cover;
}
.social a.facebook {
  background-image: url("images/Facebook.png");
}
.social a.insta {
  background-image: url("images/Instgram.png");
}
.social a:first-child {
    margin: 0;
}

.social a.twitter {
    background-position: -51px 0;
}
.social a.twitter:hover {
    background-position: -51px -36px;
}
.social a.gplus {
    background-position: -100px 0;
}
.social a.gplus:hover {
    background-position: -100px -36px;
}
#video-wrapper {
    overflow: hidden;
    /* min-width: 1150px;*/
    position: relative;
    width: 100%;
    height: 900px;
}
#video-wrapper iframe {
    /*min-width: 1150px;*/
    width: 100%;
}
#video-wrapper #header-image-small-screen {
    background: url("images/header-image-small-screen.png") 50% no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
}
#video-wrapper #video-on-top {
    position: absolute;
    left: 10%;
    top: 0;
    width: 400px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.49);
    padding: 50px 40px;
    cursor: pointer;
    font-family: 'Maven Pro', sans-serif;
    text-align: center;
}
#video-wrapper #video-on-top.small .title {
    margin-top: 0px;
    margin-bottom: 0px;
}
#video-wrapper #video-on-top.small p {
    line-height: 1;
    margin: 3px 0;
}
#video-wrapper #video-on-top.small span {
    margin: 3px 0;
    font-size: 30px;
}
#video-wrapper #video-on-top.x-small {
    width: 300px;
    padding: 25px;
}
#video-wrapper #video-on-top.x-small .title {
    font-size: 34px;
}
#video-wrapper #video-on-top.x-small p {
    font-size: 18px;
}
#video-wrapper #video-on-top.x-small p.first {
    margin-bottom: 40px;
}
#video-wrapper #video-on-top.x-small span {
    font-size: 20px;
}
#video-wrapper #video-on-top .title {
    color: #229f48;
    font-weight: bolder;
    font-size: 47px;
    margin-top: 40px;
}
#video-wrapper #video-on-top p {
    line-height: 1.2;
    margin: 10px 0;
    font-size: 22px;
    color: #ffffff;
}
#video-wrapper #video-on-top p.first {
    margin-bottom: 80px;
}
#video-wrapper #video-on-top span {
    color: #adadad;
    margin: 10px 0;
    display: block;
    font-size: 30px;
    text-align: left;
}
#video-wrapper #video-on-top img {
    max-width: 100%;
}
#video-wrapper #phone-on-top {
    position: absolute;
    top: 20px;
    right: 20px;
    vertical-align: middle;
    font-size: 30px;
    color: #ffffff;
}
#video-wrapper #phone-on-top img {
    vertical-align: top;
    width: 60px;
}
#video-wrapper #video-hover {
    width: 100%;
    height: 100%;
    z-index: 200;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
#command-line {
    height: 40px;
    padding-top: 5px;
    margin-top: -40px;
    background-color: rgba(255, 255, 255, 0.6);
    position: relative;
    z-index: 300;
    *zoom: 1;
}
#command-line:before,
#command-line:after {
    content: "";
    display: table;
}
#command-line:after {
    clear: both;
}
#command-line .wrapper div {
    float: left;
    height: 30px;
    cursor: pointer;
    margin-right: 15px;
}
#command-line .wrapper div img {
    height: 100%;
}
#command-line .wrapper .scroll-down {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: -100px;
    width: 128px;
    height: 128px;
}
#command-line .wrapper .search-form {
    position: absolute;
    left: 45px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    top: 0px;
    height: 30px;
    width: 0px;
    background-color: #a9a9a9;
    z-index: -1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#command-line .wrapper .search-form.active {
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    z-index: 10;
    width: 500px;
}
#command-line .wrapper .search-form form {
    display: block;
    height: 100%;
}
#command-line .wrapper .search-form form input {
    height: 100%;
    width: 90%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none;
    background-color: #a9a9a9;
    color: #ffffff;
    padding-left: 20px;
    font-size: 16px;
}
#command-line .wrapper .search-form form input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ffffff;
}
#command-line .wrapper .search-form form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
    opacity: 1;
}
#command-line .wrapper .search-form form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ffffff;
    opacity: 1;
}
#command-line .wrapper .search-form form input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ffffff;
}
#command-line .wrapper .search-form form input:focus {
    outline: #a9a9a9 auto 5px;
}
#command-line .wrapper .search-form .close {
    width: 25px;
    height: 25px;
    border: 2px solid #555555;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: -11px;
    color: #ffffff;
    font-size: 30px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    background-color: #bbbbbb;
}
@media all and (max-width: 1400px) {
    #header-phone {
        font-size: 28px;
        background: none;
        padding-left: 0px;
        width: 240px;
    }
    #header-phone span {
        font-size: 18px;
    }
    #live-chat {
        font-size: 28px;
        width: 150px;
    }
    #icon-chat,
    #icon-phone {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
    #top-nav-wrapper {
        height: 46px;
    }
    /*#top-nav{
        li{
            a{
                line-height: 46px;
                font-size: 18px;
            }
        }
    }

    .social{
        margin-top: 4px;
    }*/
}
@media all and (max-width: 1200px) {
    #header-phone {
        font-size: 24px;
        width: 207px;
        line-height: 1.3;
    }
    #header-phone span {
        font-size: 16px;
    }
    #live-chat {
        font-size: 24px;
        width: 130px;
        margin-right: 15px;
    }
    #icon-chat,
    #icon-phone {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        margin-right: 7px !important;
        margin-top: 5px;
    }
    #header-contact {
        font-size: 18px;
    }
    #phone-on-nav img {
        display: none;
    }
}
@media all and (max-width: 1050px) {
    #phone-on-nav {
        width: 62px;
        overflow: hidden;
    }
    #phone-on-nav img {
        display: block;
    }
}
@media all and (max-width: 1010px) {
    #logo {
        /*margin: 0 auto;
        margin-top: 20px;
        float: none;*/
    }
    #top-nav-wrapper .wrapper {
        padding: 0;
    }
    #header-contact.middle {
        display: none;
    }
    .social a {
        margin-left: 0px;
    }
    #phone-on-nav {
        margin-right: 2px;
        width: 49px;
    }
    #phone-on-nav img {
        max-height: 60%;
        margin-top: 6px;
    }
    .page-id-10 #content.page {
        width: 100% !important;
    }
}
@media (max-width: 640px) {
    #header {
        height: 82px;
    }
    #header,
    #header-phone,
    #top-nav,
    #live-chat,
    #header-contact {
        display: none !important;
    }
    #logo {
        width: 100%;
        float: none;
        margin: 20px auto;
    }
    #phone-on-nav {
        display: block;
    }
    .social .twitter {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        margin-right: -7px;
    }
    .social a {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
    .social a.gplus {
        background-position: -100px 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        margin-right: -2px;
    }
    #video-wrapper #video-on-top {
        left: 0;
        top: 0;
        width: 200px;
        height: 100%;
        padding: 30px;
        cursor: pointer;
        font-family: 'Maven Pro', sans-serif;
    }
    #video-wrapper #video-on-top p,
    #video-wrapper #video-on-top span {
        display: none;
    }
    #video-wrapper #video-on-top .title {
        font-size: 32px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #video-wrapper #video-hover {
        display: none;
    }
    #command-line .wrapper .scroll-down {
        position: absolute;
        left: 50%;
        margin-left: -18px;
        top: -3px;
        width: 36px;
        height: 36px;
    }
    #phone-on-nav {
        width: 24px;
    }
    #phone-on-nav img {
        margin-left: -23px;
    }
}
@media all and (max-width: 480px) {
    #video-wrapper #phone-on-top {
        bottom: 36px;
        left: 10px;
        top: auto;
        right: auto;
    }
}
@media all and (max-width: 400px) {
    #video-wrapper #video-on-top {
        left: 0;
        top: 0;
        width: 100% !important;
        height: 35%;
        padding: 50px 40px;
        cursor: pointer;
        font-family: 'Maven Pro', sans-serif;
    }
    #video-wrapper #video-on-top p,
    #video-wrapper #video-on-top span {
        display: none;
    }
    #video-wrapper #video-on-top .title {
        font-size: 38px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #command-line .wrapper .scroll-down {
        position: absolute;
        left: 50%;
        margin-left: -18px;
        top: -3px;
        width: 36px;
        height: 36px;
    }
}
/***********************************   Banner  ************************/
.banner-wrapper {
    position: relative;
    overflow: hidden;
    height: 400px;
    *zoom: 1;
}
.banner-wrapper:before,
.banner-wrapper:after {
    content: "";
    display: table;
}
.banner-wrapper:after {
    clear: both;
}
.banner-wrapper .wrapper {
    height: 100%;
}
#slider .nivo-caption {
    background: transparent;
    left: 0px;
    bottom: 0px;
    color: #ffffff;
    font-size: 20px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(100));
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    padding: 0;
}
#slider .nivo-caption .caption {
    background-color: rgba(255, 255, 255, 0.7);
    width: 550px;
    height: 100%;
    border-left: 7px solid #536a65;
    border-right: 7px solid #536a65;
    float: right;
    color: #166a33;
    color: #000000;
    font-family: gafata, sans-serif;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    display: table;
}
#slider .nivo-caption .caption > div {
    display: table-cell;
    vertical-align: top;
}
#slider .nivo-caption .caption div {
    width: 100%;
    text-align: center;
}
#slider .nivo-caption .caption .title {
    font-size: 110px;
    line-height: 1;
}
#slider .nivo-caption .caption .sub-title {
    font-size: 70px;
    margin-bottom: 20px;
    line-height: 1.3;
}
#slider .nivo-caption .caption a.button {
    background-color: #166a33;
    color: #ffffff;
    padding: 8px 15px;
    font-size: 40px;
    font-weight: normal;
    border: 2px solid transparent;
}
#slider .nivo-caption .caption a.button:after {
    content: url("images/bg-btn.png");
    padding-left: 15px;
    /*position: relative;
                    top: -4px;*/
}
#slider .nivo-caption .caption a.button:hover {
    background-color: rgba(76, 189, 0, 0.51);
    border-color: #ffd510;
}
#slider .nivo-caption .caption a.button:hover:after {
    content: url("images/bg-btn-hover.png");
    padding-left: 15px;
    /*position: relative;
                        top: -4px;*/
}
@media all and (max-width: 1500px) {
    .banner-wrapper {
        height: auto;
    }
    #slider .nivo-caption {
        padding-right: 20px;
    }
    #slider .nivo-caption .caption {
        width: 420px;
    }
    #slider .nivo-caption .caption > div {
        vertical-align: middle;
    }
    #slider .nivo-caption .caption .title {
        font-size: 80px;
    }
    #slider .nivo-caption .caption .sub-title {
        font-size: 50px;
        margin-bottom: 20px;
    }
    #slider .nivo-caption .caption a.button {
        font-size: 30px;
    }
    #slider .nivo-caption .caption a.button:after {
        content: url("images/bg-btn.png");
        padding-left: 15px;
        position: relative;
        top: 4px;
    }
}
@media all and (max-width: 1000px) {
    #slider .nivo-caption .caption {
        width: 250px;
    }
    #slider .nivo-caption .caption > div {
        vertical-align: middle;
    }
    #slider .nivo-caption .caption .title {
        font-size: 50px;
    }
    #slider .nivo-caption .caption .sub-title {
        font-size: 30px;
        margin-bottom: 20px;
    }
    #slider .nivo-caption .caption a.button {
        font-size: 24px;
    }
    #slider .nivo-caption .caption a.button:after {
        content: url("images/bg-btn.png");
        padding-left: 15px;
        position: relative;
        top: 4px;
    }
}
/**************************   home-boxes ************************/
#mob-nav,
#mob-nav-wrapper {
    display: none;
}
#mob-nav-wrapper {
    z-index: 9999999;
}
#mob-nav-wrapper .sub-menu {
    margin-left: 0;
    display: none;
}
#mob-nav-wrapper .sub-menu a {
    text-align: left;
    padding-left: 30px !important;
}
.home-wrapper {
    background-color: rgba(22, 106, 51, 0.2);
}
.home-box-content {
    width: 100%;
    text-align: center;
    /*padding: 50px 30px;*/
    padding: 15px 30px;
}
.home-box-content.top {
    /*padding: 0px 30px 50px;*/
    padding: 0px 30px 20px;
}
.home-box-content h2 {
    font-size: 40px;
    font-family: 'Maven Pro', sans-serif;
    color: #166a33;
}
.home-box-content h3 {
    font-size: 28px;
    font-family: 'Maven Pro', sans-serif;
    color: #166a33;
    padding: 0 10%;
    line-height: 1.2;
    margin-bottom: 15px;
}
.home-box-content p {
    font-size: 16px;
    color: #166a33;
    padding: 0 10%;
}
.home-box-content iframe {
    margin: 30px 0;
    max-width: 100%;
}
.home-box-content .half {
    width: 48%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.home-box-content .half a.btn {
    color: #166a33;
    font-size: 24px;
}
.home-box-content .half .image-wrap {
    width: 100%;
    margin: 15px 0;
}
.home-box-content .half .image-wrap img {
    max-width: 100%;
}
.home-box-content .half ul {
    margin-left: 0px;
}
.home-box-content .half li {
    text-align: left;
    list-style: none;
}
.home-box-content .half li a {
    color: #166a33;
    padding: 3px 10px;
    display: block;
    font-size: 18px;
}
.home-box-content .half p.left {
    text-align: left;
    padding: 0;
    margin: 15px 0;
    font-size: 18px;
}
.home-box-content .g-reviews {
    padding-top: 22px;
}
.home-box-content .g-reviews h2 {
    font-size: 36px;
    color: #4c4c4c;
}
.home-box-content .g-reviews .stars {
    background: url("images/g-rank-star.png") 0px 15px repeat-x;
    width: 125px;
    float: left;
    color: #e7711b;
    font-size: 24px;
    margin-left: 50px;
    text-indent: -50px;
    font-size: 34px;
}
.home-box-content .g-reviews span {
    margin-top: 18px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 18px;
    color: #4c4c4c;
    margin-left: 10px;
}
.home-box-content .testimonials-box {
    padding: 15px;
    text-align: center;
    cursor: pointer;
}
.home-box-content .testimonials-box .testimonial {
    background-color: rgba(22, 106, 51, 0.2);
    padding: 20px;
    margin-bottom: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 400px;
    width: 27%;
    margin: 10px 3%;
    vertical-align: top;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    text-align: left;
    /*.bubble{
                border-top: 3px solid @greenLight;
                background: url("images/bg-autor.png") 15px 0px no-repeat;
                padding-top: 7px;
                color:  @green;
                margin-top: 10px;
            }*/
}
.home-box-content .testimonials-box .testimonial:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
}
.home-box-content .testimonials-box .testimonial p {
    font-size: 18px;
    line-height: 1.4;
    color: #4c4c4c;
    text-align: left;
    padding: 0;
    margin: 10px 0;
}
.home-box-content .testimonials-box .testimonial .author {
    border-top: 3px solid rgba(76, 189, 0, 0.51);
    background: url("images/bg-autor.png") 15px 0px no-repeat;
    padding-top: 7px;
    color: #166a33;
    font-weight: bold;
    font-size: 24px;
    padding-left: 20px;
    /*margin-bottom: 10px;*/
    margin-top: 10px;
}
.home-box-content .testimonials-box .testimonial .stars {
    background: url("images/g-rank-star.png") 0px 0px repeat-x;
    width: 125px;
    height: 23px;
}
.home-box-content .center {
    text-align: center;
    padding: 25px;
}
.home-box-content .center img {
    max-width: 100%;
    max-height: 100%;
}
.home-box-content .center .image-wrap {
    width: 25%;
    padding: 10px;
    float: left;
    max-height: 220px;
}
.home-box-content .center .image-wrap img {
    max-width: 100%;
    max-height: 100%;
}
#home-items {
    /*margin-top: 30px;*/
    margin-top: 0px;
    *zoom: 1;
    text-align: center;
    color: #166a33;
}
#home-items:before,
#home-items:after {
    content: "";
    display: table;
}
#home-items:after {
    clear: both;
}
#home-items h1 {
    font-size: 40px;
    font-family: 'Maven Pro', sans-serif;
    color: #4c4c4c;
    margin-bottom: 0;
}
#home-items h2 {
    font-size: 28px;
    font-family: 'Maven Pro', sans-serif;
    color: #4c4c4c;
    padding: 0 10%;
    line-height: 1.2;
    margin-bottom: 15px;
}
#home-items p {
    font-size: 21px;
    font-family: 'Maven Pro', sans-serif;
}
#home-items p a {
    color: #4c4c4c;
    font-weight: bold;
}
#home-items p.overlay {
    color: #166a33;
    font-weight: bold;
    cursor: pointer;
}
#home-items .box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 20%;
    padding: 10px;
}
#home-items .box a {
    display: block;
    height: 100%;
}
#home-items .box a > div:first-child {
    position: relative;
    text-align: center;
    /*width: 360px;
                height: 400px;*/
}
#home-items .box a > div:first-child .position {
    height: 95%;
    display: inline-block;
}
#home-items .box a > div:first-child img {
    max-width: 90%;
    max-height: 230px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
#home-items .box a .title {
    color: #166a33;
    width: 100%;
    border-top: 2px solid #166a33;
    border-bottom: 2px solid #166a33;
    font-size: 24px;
    padding: 5px 0;
    height: auto;
    margin: 0 auto;
    font-family: 'Maven Pro', sans-serif;
}
#home-items .box a:hover img {
    transform: scale(1.1);
}
#home-items .box a:hover .title {
    color: rgba(76, 189, 0, 0.51);
    border-color: rgba(76, 189, 0, 0.51);
}
#home-items .box.center {
    /*margin: 0 30px;*/
}
#home-items .box .t-shirt {
    /* background: url("images/t-shirt.jpg") no-repeat center;*/
}
#home-items .box .lady-shirt {
    /*background: url("images/lady-shirt.jpg") no-repeat center;*/
}
#home-items .box .sweater {
    /*background: url("images/sweater.jpg") no-repeat center;*/
}
#customer-care {
    color: #166a33;
}
#customer-care .box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 24%;
    vertical-align: top;
}
#customer-care .box .content {
    padding: 5px;
    color: #166a33;
    font-weight: bold;
}
#customer-care .box .img {
    background: url("images/icons-home.png") 0 0 no-repeat;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 10px 0;
}
#customer-care .box .img.support {
    background-position: -695px 0;
    width: 99px;
    height: 105px;
}
#customer-care .box .img.Price {
    background-position: -615px 0;
    width: 73px;
    height: 105px;
}
#customer-care .box .img.Design {
    background-position: -237px 0;
    width: 94px;
    height: 105px;
}
#customer-care .box .img.Shipping {
    background-position: -461px 0;
    width: 143px;
    height: 105px;
}
#customer-care li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 49%;
    font-size: 30px;
    margin-top: 20px;
    cursor: pointer;
}
#online-ordering {
    color: #166a33;
}
#online-ordering .box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 340px;
    width: 22%;
    vertical-align: top;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #166a33;
    background-color: #ffffff;
    padding: 20px;
    margin: 10px 1%;
    min-height: 312px;
}
#online-ordering .box .content {
    color: #166a33;
    line-height: 1.5;
}
#online-ordering .box .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
#online-ordering .box .img {
    background: url("images/icons-home.png") 0 0 no-repeat;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 10px 0;
}
#online-ordering .box .img.garments {
    background-position: 0px 0;
    width: 120px;
    height: 105px;
}
#online-ordering .box .img.art {
    background-position: -126px 0;
    width: 106px;
    height: 105px;
}
#online-ordering .box .img.proof {
    background-position: -237px 0;
    width: 94px;
    height: 105px;
}
#online-ordering .box .img.pay {
    background-position: -342px 0;
    width: 108px;
    height: 105px;
}
#online-ordering li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 30%;
    font-size: 30px;
    margin-top: 20px;
}
#second-footer {
    background-color: #166a33;
    padding: 15px 0;
}
#second-footer span {
    color: #ffffff;
    font-size: 24px;
    margin-left: 100px;
    line-height: 60px;
    vertical-align: middle;
}
#second-footer img {
    max-width: 100%;
}
#sign-up {
    text-align: left;
    color: #166a33;
}
#sign-up label {
    float: left;
    line-height: 34px;
    margin-right: 15px;
    font-size: 18px;
}
#sign-up .input-group {
    float: left;
    width: 300px;
}
#bbb {
    margin: 20px 0;
    text-align: left;
}
#bbb span {
    color: #166a33;
    line-height: 57px;
    margin-left: 15px;
    font-size: 18px;
}
#product_type_content {
    position: relative;
    padding-bottom: 10px;
}
#product_type_content .read-more {
    color: #166a33;
    margin-bottom: 25px;
    margin-top: -10px;
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
}

#content #product_type_content h2{
    font-size: 25px;
    color: #808080;
}

#product_type_content .extra-content ul{
    padding-bottom: 20px;
}

.extra-content ol{
    font-size: 16px;
    margin-bottom: 20px;
    margin-left: 60px;
}

#category-items {
    /*margin-top: 30px;*/
    text-align: center;
    margin-bottom: 50px;
}
#category-items h1 {
    font-size: 40px;
    font-family: 'Maven Pro', sans-serif;
    color: #4c4c4c;
    clear: both;
}
#category-items .box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    /*width: 24%;
        min-width: 240px;
        max-width: 290px;*/
    width: 20%;
    padding: 10px;
}
#category-items .box a {
    display: block;
    height: 100%;
}
#category-items .box a > div:first-child {
    position: relative;
    text-align: center;
    /*width: 100%;
                height: 300px;*/
}
#category-items .box a > div:first-child .position {
    height: 95%;
    display: inline-block;
}
#category-items .box a > div:first-child img {
    max-width: 90%;
    max-height: 230px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
#category-items .box a .title {
    color: #166a33;
    width: 80%;
    border-top: 2px solid #166a33;
    border-bottom: 2px solid #166a33;
    font-size: 24px;
    padding: 5px 0;
    height: auto;
    margin: 0 auto;
    line-height: 1;
}
#category-items .box a:hover img {
    transform: scale(1.1);
}
#category-items .box a:hover .title {
    color: rgba(76, 189, 0, 0.51);
    border-color: rgba(76, 189, 0, 0.51);
}
#category-items .box.center {
    margin: 0 30px;
}
#category-items .box .t-shirt {
    /* background: url("images/t-shirt.jpg") no-repeat center;*/
}
#category-items .box .lady-shirt {
    /*background: url("images/lady-shirt.jpg") no-repeat center;*/
}
#category-items .box .sweater {
    /*background: url("images/sweater.jpg") no-repeat center;*/
}
.product-box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    width: 270px;
    margin-bottom: 20px;
    margin-left: 15px;
}
.product-box img {
    border: 2px solid #166a33;
    max-height: 350px;
}
.product-box .new-style img {
    border: none;
}
.product-box .new-style span img {
    margin-top: -2px;
    margin-left: 6px;
    width: 16px;
}
.product-box .product-title {
    /*font-size: 18px !important;*/
    font-size: 17px !important;
    font-weight: bold;
    font-family: 'Maven Pro', sans-serif;
    height: 50px;
    color: #000000;
    width: 260px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
}
.product-box .info {
    border-top: 2px solid #166a33;
    border-bottom: 2px solid #166a33;
    *zoom: 1;
    padding: 4px 0;
}
.product-box .info:before,
.product-box .info:after {
    content: "";
    display: table;
}
.product-box .info:after {
    clear: both;
}
.product-box .info ul {
    float: left;
    width: 145px;
    margin: 0 !important;
}
.product-box .info li {
    font-size: 13px;
    text-align: left;
    list-style-position: inside;
    list-style: none;
}
.product-box .info .quality-wrapper {
    float: right;
    /*clear: left;*/
    /*width: 128px;*/
    text-align: left;
    margin-top: 15px;
}
.product-box .info .quality-wrapper .quality {
    background: url("images/quality-star.jpg") repeat-x;
    /*background: url("images/quality-star.png") repeat-x;*/
    /*width: 21px;*/
    width: 15px;
    height: 15px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: text-bottom;
}
.product-box .info .quality-wrapper .quality.Standard {
    width: 33px;
    /*width: 42px;*/
}
.product-box .info .quality-wrapper .quality.Premium {
    width: 52px;
    /*width: 63px;*/
}
.product-box .info .view-item {
    float: right;
    margin-top: 10px;
    background-color: #166a33;
    color: #ffffff;
    padding: 4px 10px;
    font-size: 16px;
    font-weight: normal;
    font-family: "Open Sans", sans-serif;
    border: 2px solid transparent;
}
.product-box .info .view-item span {
    background: url("images/bg-btn.png") no-repeat;
    width: 13px;
    height: 28px;
    margin-left: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.product-box .info .view-item:hover {
    background-color: rgba(76, 189, 0, 0.51);
    border-color: #ffd510;
}
.product-box .info .view-item:hover span {
    background: url("images/bg-btn-hover.png") no-repeat;
}
.product-box .info .help {
    color: #166a33;
    border: 2px solid #166a33;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    font-weight: bold;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
    width: 20px;
    text-align: center;
    cursor: pointer;
}
@media all and (max-width: 1150px) {
    #home-items .box a .title {
        font-size: 18px;
    }
    #home-items h2 {
        font-size: 24px;
        font-family: 'Maven Pro', sans-serif;
        color: #4c4c4c;
        padding: 0 5%;
        line-height: 1.2;
        margin-bottom: 15px;
    }
    .home-box-content .testimonials-box .testimonial {
        width: 30%;
        margin: 10px 1%;
    }
    .home-box-content .testimonials-box {
        padding: 0;
    }
    .home-box-content .testimonials-box .testimonial p {
        font-size: 16px;
    }
    #online-ordering .box {
        min-height: 400px;
    }
}
@media all and (max-width: 960px) {
    #home-items .box {
        height: 275px;
        width: 32%;
    }
    #online-ordering .box {
        max-width: 300px;
        width: 45%;
        min-height: 366px;
    }
}
@media all and (max-width: 890px) {
    #category-items {
        margin-bottom: 30px;
    }
    #home-items .box {
        height: 230px;
        width: 32%;
    }
    #home-items .box a .title {
        font-size: 20px;
    }
    #customer-care .box {
        width: 49%;
    }
    #customer-care li {
        font-size: 20px;
    }
    #second-footer span {
        margin-left: 0;
        display: block;
    }
}
@media all and (max-width: 880px) {
    #top-nav li a {
        font-size: 15px;
    }
    .home-box-content .testimonials-box .testimonial {
        width: 45%;
    }
    .home-box-content .testimonials-box .testimonial:first-child {
        display: none;
    }
}
@media all and (max-width: 800px) {
    #top-nav li a {
        font-size: 13px;
        padding: 0 6px;
    }
    .home-box-content .half {
        width: 100%;
    }
    #home-items .box a .title {
        font-size: 16px;
    }
}

.mob-menu-toggler {
    display: none;
}
@media all and (max-width: 640px) {
    .home-box-content {
        padding: 20px 0;
    }
    .home-box-content h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .home-box-content p {
        padding: 0;
    }
    .home-box-content iframe {
        width: 440px;
        height: 248px;
    }
    .home-box-content .testimonials-box .testimonial:last-child {
        display: none;
    }
    .home-box-content .testimonials-box .testimonial {
        width: 80%;
    }
    #online-ordering .box {
        width: 70%;
        min-height: 366px;
    }
    #category-items {
        margin-bottom: 30px;
    }
    #category-items .box {
        width: 98%;
    }
    #home-items {
        margin-top: 30px;
        *zoom: 1;
    }
    #home-items:before,
    #home-items:after {
        content: "";
        display: table;
    }
    #home-items:after {
        clear: both;
    }
    #home-items h1 {
        font-size: 30px;
        margin: 10px 0;
    }
    #home-items h2 {
        font-size: 20px;
        padding: 0;
    }
    #home-items .box {
        width: 49%;
        height: auto;
        padding: 10px 5px;
    }
    #home-items .box a .title {
        font-size: 16px;
        padding: 5px 0;
    }
    .home-box-content .half {
        width: 100%;
    }
    .home-box-content .center .image-wrap {
        width: 50%;
        padding: 10px;
        float: left;
        height: 140px;
    }
    #mob-nav {
        display: block;
        position: relative;
    }
    #mob-nav span {
        width: 40px;
        height: 40px;
        font-size: 36px;
        margin: 3px;
        color: #fff;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        cursor: pointer;
    }
    #mob-nav a {
        vertical-align: middle;
        margin-left: 5px;
    }
    #mob-nav a img {
        height: 20px;
        vertical-align: middle;
    }
    #mob-nav > ul {
        position: absolute;
        top: 47px;
        left: -100%;
        width: 100%;
        -webkit-transition: left 0.6s ease-out;
        -moz-transition: left 0.6s ease-out;
        -ms-transition: left 0.6s ease-out;
        -o-transition: left 0.6s ease-out;
        transition: left 0.6s ease-out;
    }
    #mob-nav > ul.active {
        left: 0;
    }
    #mob-nav > ul li {
        background-color: #166a33;
        border-top: 1px solid #ffffff;
        list-style: none;
    }
    #mob-nav > ul li a {
        display: block;
        text-align: center;
        color: #ffffff;
        padding: 15px 0;
        font-size: 18px;
    }
    #mob-nav-wrapper {
        display: block;
        position: relative;
    }
    #mob-nav-wrapper > ul {
        position: absolute;
        top: 0px;
        left: -100%;
        width: 100%;
        -webkit-transition: left 0.6s ease-out;
        -moz-transition: left 0.6s ease-out;
        -ms-transition: left 0.6s ease-out;
        -o-transition: left 0.6s ease-out;
        transition: left 0.6s ease-out;
    }
    #mob-nav-wrapper > ul.active {
        left: 0;
    }
    #mob-nav-wrapper > ul li {
        background-color: #166a33;
        border-top: 1px solid #ffffff;
        list-style: none;
        position: relative;
    }
    .mob-menu-toggler {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 99;
        height: 55px;
        width: 55px;
        display: block;
    }
    .mob-menu-toggler svg {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 7px;
        right: 5px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .mob-menu-toggler.opened svg {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .mob-menu-toggler svg polyline {
        stroke: white;
    }
    #mob-nav-wrapper > ul li a {
        display: block;
        text-align: center;
        color: #ffffff;
        padding: 15px 0;
        font-size: 18px;
        /* width: calc(100% - 40px); */
    }
    #mob-nav-wrapper .sub-menu a {
        padding: 10px 0;
        font-size: 16px;
    }
    #mob-nav-2 {
        padding-top: 7px;
    }
    #second-footer span {
        font-size: 24px;
        margin-left: 0px;
        line-height: 30px;
    }
}
@media all and (max-width: 500px) {
    .wrapper {
        padding: 0 10px;
    }
    #home-items h1 {
        font-size: 28px;
    }
    #home-items h2 {
        font-size: 18px;
    }
    #home-items .box {
        width: 51%;
    }
    #home-items .box a .title {
        font-size: 20px;
    }
    .home-box-content {
        width: 100%;
    }
    .home-box-content iframe {
        width: 360px;
        height: 203px;
    }
    .home-box-content .half {
        padding: 15px;
    }
    .home-box-content .half .widget {
        max-width: 283px;
        width: 100%;
        height: 106px;
        margin-top: 30px;
    }
    .home-box-content .half .widget div {
        width: 100% !important;
    }
    .home-box-content .g-reviews {
        padding-top: 22px;
    }
    .home-box-content .g-reviews h2 {
        font-size: 27px;
    }
    .home-box-content .g-reviews span {
        margin-top: 14px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        font-size: 18px;
        color: #4c4c4c;
    }
    .home .wrapper.home-body {
        background: none;
    }
    #bbb span {
        display: block;
        margin-left: 0px;
        font-size: 18px;
    }
}
/***********************   Content  **************************/
#content {
    float: left;
    width: 100%;
    font-family: 'Maven Pro', sans-serif;
}
#content.page {
    margin-top: 205px;
    margin-top: 30px;
    width: calc(100% - 440px);
}
.page-id-10 #content.page {
    width: calc(100% - 440px);
}
#content.product {
    width: 100%;
    margin-top: 160px;
    margin-top: 30px;
}
#content.reviews,
#content.posts,
#content.single-post,
#content.past-work {
    width: 100%;
    margin-top: 40px;
}

#content.full {
    float: none;
    width: 100%;
    color: #166a33;
    margin-top: 40px;
}
#content.full h1,
#content.full h2 {
    font-size: 34px;
    color: #166a33;
}
#content.full p {
    font-size: 18px;
    font-weight: bold;
}
#content.full #breadcrumbs {
    text-align: left;
}
#content.center {
    text-align: center;
}
#content a.button {
    background-color: #166a33;
    color: #ffffff;
    padding: 8px 15px;
    font-size: 24px;
    font-weight: normal;
    font-family: "Open Sans", sans-serif;
    border: 2px solid transparent;
}
#content a.button:after {
    content: url("images/bg-btn.png");
    padding-left: 25px;
    position: relative;
    top: 6px;
}
#content a.button:hover {
    background-color: rgba(76, 189, 0, 0.51);
    border-color: #ffd510;
}
#content a.button:hover:after {
    content: url("images/bg-btn-hover.png");
}
#content .home-content {
    padding-bottom: 50px;
    border-bottom: 1px solid #acacac;
    margin-bottom: 50px;
}
#content .home-content ul {
    *zoom: 1;
    margin-bottom: 50px;
}
#content .home-content ul:before,
#content .home-content ul:after {
    content: "";
    display: table;
}
#content .home-content ul:after {
    clear: both;
}
#content .home-content li {
    float: left;
    width: 30%;
    list-style: none;
}
#content .home-content li a {
    color: #4c4c4c;
    font-size: 24px;
    font-family: "Open Sans", sans-serif;
}
#content .home-content img {
    margin-bottom: 50px;
}
#content .home-content .video-box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 49%;
}
#content h1,
#content h2,
#content h3 {
    color: #4c4c4c;
    font-weight: bold;
}
#content h1 {
    font-size: 40px;
    margin-bottom: 15px;
    clear: both;
}
#content h2 {
    font-size: 40px;
    margin-bottom: 12px;
}
#content h5 {
    font-size: 20px;
    margin-bottom: 10px;
}

.page-id-10 #content h2{font-size: 25px}

#content h3 {
    font-size: 30px;
    margin-bottom: 12px;
}
#content p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 15px;
}
#content ul {
    margin-left: 15px;
}
#content ul li {
    list-style-position: inside;
}
@media all and (max-width: 1350px) {
    #content.product,
    #content.full,
    #content.page {
        padding: 0 0 0 70px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .page-id-8 #shopping-cart {
        padding: 0 70px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }


}
@media all and (max-width: 1200px) {
    #content.product {
        padding: 0 70px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media all and (max-width: 1200px) {
    #content .video-box {
        width: 48%;
        padding: 0px;
    }
}
@media all and (max-width: 890px) {
    #content.product,
    #content.full,
    #content.page {
        padding: 0 20px;
    }
    .page-id-8 #shopping-cart {
        padding: 0 20px;
    }
}
@media all and (max-width: 460px) {
    #content.product,
    #content.full,
    #content.page {
        margin-top: 0;
    }
    .page-id-8 #shopping-cart {
        margin-top: 0;
    }
}
@media all and (max-width: 640px) {
    .wrapper,
    #top-nav-wrapper {
        width: 640px;
        width: 100%;
    }
    #mob-nav {
        position: absolute;
        top:0;
        left:0;
    }
    #footer {
        width: 640px;
        width: 100%;
    }
    #content {
        width: 100%;
    }
    #content.full,
    #content.page {
        padding: 5px;
    }
    #content.full img,
    #content.page img {
        width: 100%;
        height: auto;
        margin: 10px 0;
    }
    #content.full iframe,
    #content.page iframe {
        width: 600px;
        height: 338px;
    }
    #content.full .video-box,
    #content.page .video-box {
        width: 100%;
        /*padding: 5px;*/
    }
    #sidebar {
        display: none;
    }
}
@media all and (max-width: 400px) {
    #content.full iframe,
    #content.page iframe {
        width: 350px;
        height: 197px;
    }
    .wrapper,
    #top-nav-wrapper,
    #footer {
        width: 360px;
        width: 100%;
    }
    .reviews .testimonials-box {
        padding: 15px 0 !important;
    }
}
/************************** Sidebar *************************/
#sidebar {
    width: 380px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    /*margin-top: 205px;*/
}
#sidebar a.button {
    background-color: #166a33;
    color: #ffffff;
    padding: 8px 15px;
    font-size: 24px;
    font-weight: normal;
    font-family: "Open Sans", sans-serif;
    display: inline-block;
}
#sidebar a.button:after {
    content: url("images/bg-btn.png");
    padding-left: 25px;
    position: relative;
    top: 6px;
}
#sidebar .quote-box {
    border: 8px solid rgba(76, 189, 0, 0.51);
    font-family: 'Maven Pro', sans-serif;
}
#sidebar .quote-box .title {
    color: #166a33;
    font-size: 42px;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
}
#sidebar .quote-box .title span {
    display: block;
    font-size: 25px;
}
#sidebar .quote-box ul {
    margin: 15px 0 15px 50px;
}
#sidebar .quote-box ul li {
    margin: 5px 0;
    color: #535353;
    font-size: 30px;
}
#sidebar .quote-box .get-quote {
    margin-left: 50px;
    margin-bottom: 15px;
}
#sidebar .testimonials-box {
    margin-top: 30px;
    border: 8px solid #acacac;
    padding: 55px 40px;
}
#sidebar .testimonials-box .testimonial {
    /*background: url("images/bg-quotes.png") no-repeat;*/
    padding-top: 5px;
    margin-bottom: 20px;
    margin-top: 50px;
}
#sidebar .testimonials-box .testimonial:first-child {
    margin-top: 0;
}
#sidebar .testimonials-box .testimonial p {
    /*text-indent: 22px;*/
    font-size: 20px;
    line-height: 1.4;
    color: #4c4c4c;
}
#sidebar .testimonials-box .testimonial .autor {
    border-top: 3px solid rgba(76, 189, 0, 0.51);
    background: url("images/bg-autor.png") 15px 0px no-repeat;
    padding-top: 7px;
    color: #166a33;
    font-weight: bold;
    font-size: 24px;
    padding-left: 10px;
}
/************************  Footer  **************************/
#footer {
    background: #606060;
    padding: 15px 0;
    font-family: 'Maven Pro', sans-serif;
}
#footer .wrapper {
    *zoom: 1;
}
#footer .wrapper:before,
#footer .wrapper:after {
    content: "";
    display: table;
}
#footer .wrapper:after {
    clear: both;
}
#footer-copy {
    text-align: right;
    font-size: 12px;
    line-height: 1.5;
    float: right;
    clear: right;
    /*width: 50%;*/
    margin-bottom: 0;
    margin-top: 20px;
    color: #adadad;
}
#footer-logo {
    width: 30%;
    float: left;
}
#footer-logo img {
    max-width: 216px;
    width: 100%;
}
#footer-address {
    margin-left: 40px;
    font-size: 20px;
    float: left;
    line-height: 1.1;
    color: #adadad;
    font-weight: bold;
}
#footer-phone {
    margin-left: 40px;
    font-size: 30px;
    float: left;
    line-height: 1.1;
    color: #adadad;
}
#footer-phone img {
    display: none;
}
#footer-action {
    float: right;
    clear: right;
    width: 200px;
    text-align: right;
}
#footer-action a.button {
    background-color: #ffffff;
    color: #166a33;
    padding: 8px 15px;
    font-size: 18px;
    border: 2px solid #ffd510;
    font-weight: normal;
    text-transform: uppercase;
    max-width: 100%;
    /*.inline-block();*/
}
#footer-action a.button:after {
    content: url("images/bg-btn.png");
    padding-left: 15px;
    position: relative;
    top: 7px;
}
#footer-links {
    float: left;
    margin-top: 3px;
    max-width: 700px;
    width: 70%;
    margin-left: 20px;
}
#footer-links li {
    float: left;
    width: 220px;
    margin: 0px 0;
    list-style-position: inside;
}
#footer-links li a {
    font-size: 18px;
    color: #000000;
}
#footer-links li a:hover {
    color: #f35228;
}
@media all and (max-width: 1240px) {
    #footer .wrapper {
        padding: 0 20px;
    }
}
@media all and (max-width: 1100px) {
    #footer-address {
        margin-left: 20px;
        font-size: 16px;
    }
    #footer-phone {
        margin-left: 20px;
        font-size: 24px;
        width: 60%;
    }
    #footer-logo {
        width: 22%;
        display: none;
    }
}
@media all and (max-width: 800px) {
    #footer-address {
        display: none;
    }
    #footer-phone {
        font-size: 20px;
    }
    #footer-logo {
        width: 30%;
    }
}
@media all and (max-width: 600px) {
    #sign-up .input-group {
        width: 290px;
    }
    #sign-up .input-group .form-control {
        width: 180px;
    }
    #footer .wrapper {
        padding: 0 8px;
    }
    #footer-copy {
        width: 100%;
        margin-bottom: 0;
        margin-top: 20px;
    }
    #footer-logo img {
        max-width: 106px;
    }
    #footer-action {
        margin-top: 6px;
        width: 125px;
    }
    #footer-action a.button {
        padding: 8px;
        font-size: 14px;
    }
    #footer-action a.button:after {
        content: '';
        padding-left: 0;
    }
}
@media all and (max-width: 400px) {
    #footer-phone {
        width: 62px;
        overflow: hidden;
    }
    #footer-phone div {
        display: none;
    }
    #footer-phone img {
        display: block;
        margin-left: -30px;
        max-width: 100%;
    }
}
/************************************   Sidebar Categories  ****************************/
/* Main Nav */
#main-nav {
    background: #e6e6e6;
    -webkit-box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 140px;
    left: 0;
    z-index: 100;
}
#main-nav.active {
    position: fixed;
    top: 50px;
}
#main-nav.active.bottom {
    top: auto;
    bottom: 0;
}
#main-nav.active.bottom.footer {
    position: absolute;
}
#main-nav ul {
    border-bottom: 1px solid #f8f8f8;
    margin: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    transition: width 0.2s ease;
    width: 68px;
    z-index: 20;
}
#main-nav ul:hover {
    -webkit-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    transition: width 0.2s ease;
    width: 250px;
}
#main-nav ul:hover li {
    display: block;
}
#main-nav ul li {
    font-size: 12px;
    line-height: 0px;
    position: relative;
    background: #c5c5c5;
}
#main-nav ul a {
    /*border-top: 2px solid #f8f8f8;
    border-bottom: 2px solid #949494;*/
    color: #666;
    display: block;
    padding: 2px;
    text-decoration: none;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 47px;
    overflow: hidden;
}
#main-nav ul a:hover {
    background: #166a33;
    color: #166a33;
}
#main-nav ul a.current {
    background: #166a33;
    color: #166a33;
}
#main-nav .icon {
    display: block;
    float: left;
    height: 39px;
    height: 44px;
    width: 63px;
    overflow: hidden;
}
#main-nav .text {
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease;
    -moz-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    text-transform: uppercase;
    zoom: 1;
    position: relative;
    margin-left: 63px;
    line-height: 43px;
    width: 182px;
    padding-left: 15px;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}
#main-nav ul:hover .text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    /*-webkit-transition: opacity 0.1s ease;
    -moz-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;*/
}
@media all and (max-width: 890px) {
    #main-nav ul li {
        display: none;
    }
    #main-nav ul li:first-child {
        display: block;
    }
}
@media all and (max-width: 640px) {
    #main-nav {
        display: none !important;
    }
}
/*************************  Shopping Cart  ******************************/
#sidebar-right {
    position: absolute;
    top: 140px;
    /*right: -42px;*/
    right: 0px;
    z-index: 999999;
    width: 0px;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    transition: width 0.5s ease;
    border: 1px solid #166a33;
    -webkit-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.2);
    min-height: 200px;
    background-color: #ffffff;
    /*padding: 10px 40px;
    padding-right: 0;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*max-height: 70%;*/
    max-height: 100% !important;
    height: 100%;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    transition: width 0.5s ease;
}
#sidebar-right.active {
    position: fixed;
    top: 50px;

}

body.fixed{
    position: fixed;
}

#sidebar-right.open {
    width: 1150px;
    right: 0px;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    transition: width 0.5s ease;
    top: 50px;
    height: 90%;
}
#sidebar-right.show {
    /*width: 15%;*/
    right: -85%;
    -webkit-transition: right 1s ease;
    -moz-transition: right 1s ease;
    transition: right 1s ease;
}
#sidebar-right ul {
    position: absolute;
    top: 0;
    left: -78px;
    -webkit-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.2);
    /*-webkit-transition: width 0.2s ease;
        -moz-transition: width 0.2s ease;
        transition: width 0.2s ease;  */
}
#sidebar-right li {
    width: 77px;
    height: 68px;
    background-color: #ffd510;
    margin-top: 10px;
    text-align: center;
    list-style: none;
    line-height: 68px;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    position: relative;
}
#sidebar-right li:first-child {
    margin-top: 0;
}
#sidebar-right li img {
    vertical-align: middle;
}
#sidebar-right li .cart-number {
    position: absolute;
    top: 10px;
    left: 19px;
    width: 40px;
    text-align: center;
}
#sidebar-right li .cart-number.new-style {
    top: -5px;
    font-size: 18px;
}
#sidebar-right-content {
    float: left;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    transition: width 0.5s ease;
    width: 0;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    padding: 20px;
}
#sidebar-right.open #sidebar-right-content {
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    transition: width 0.5s ease;
    width: 100%;
    /*padding: 10px 40px;*/
    padding-right: 0;
}
#sidebar-right.show #sidebar-right-content {
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    transition: width 0.5s ease;
    width: auto;
    /*padding: 10px 40px;*/
    padding-right: 0;
}
#shopping-cart-wrapper {
    height: 90%;
    overflow-y: auto;
    overflow-x: auto;
    clear: left;
}
#contact-name {
    color: #166a33;
    margin-top: 10px;
}
#contact-name a {
    color: #166a33;
    margin-left: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
#contact-name a:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: transform .02s;
    -moz-transition: transform .02s;
    -ms-transition: transform .02s;
    -o-transition: transform .02s;
    transition: transform .02s;
}
#user-wrapper {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -ms-transition: height .5s ease;
    -o-transition: height .5s ease;
    transition: height .5s ease;
}
#user-wrapper.active {
    height: 660px;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -ms-transition: height .5s ease;
    -o-transition: height .5s ease;
    transition: height .5s ease;
}
#user-wrapper.error {
    height: 650px;
}
#validate-box {
    margin-bottom: 100px;
}
#validate-box h3 {
    font-size: 20px;
    color: #166a33;
}
#validate-box span.alert {
    font-size: 14px;
    padding: 6px 10px;
}
#validate-box li {
    margin: 15px 0;
}
#validate-box ol {
    margin-left: 100px;
}
#validate-box ol > li {
    font-size: 30px;
}
#validate-box ol > li ol {
    margin-left: 20px;
}
#validate-box ol > li ol > li {
    font-size: 24px;
}
#validate-box ol > li ol > li ol {
    margin-left: 10px;
}
#validate-box ol > li ol > li ol > li {
    font-size: 20px;
}
#shopping-cart {
    height: 100%;
    *zoom: 1;
}
#shopping-cart:before,
#shopping-cart:after {
    content: "";
    display: table;
}
#shopping-cart:after {
    clear: both;
}
#shopping-cart #orders {
    margin: 0;
    clear: left;
    min-width: 1100px;
}
#shopping-cart h2 {
    font-size: 24px;
    color: #166a33;
    margin-bottom: 15px;
    float: left;
}
#shopping-cart .collapse {
    margin-left: 20px;
    margin-bottom: 20px;
}
.page-id-8 #shopping-cart .collapse{
    padding: 5px;
}
#shopping-cart h4 {
    color: #166a33;
    font-size: 24px;
    font-weight: bold;
    font-size: 25px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 40px;
    vertical-align: middle;
    max-width: 30%;
}
#shopping-cart .item-wrapper {
    border-top: 1px solid #adadad;
    padding-top: 15px;
}
#shopping-cart .item-wrapper:first-child {
    border: none;
}
#shopping-cart .item-header {
    margin-bottom: 20px;
    cursor: ns-resize;
    padding-left: 20px;
}
#shopping-cart .item-header:hover {
    background-color: #eaeaea;
}
#shopping-cart .item-header .order-details-wrapper {
    display: inline-block;
    max-width: 16%;
    width: 16%;
    vertical-align: middle;
    margin-right: 10px;
}
#shopping-cart .item-header .order-details-wrapper .color-box{
    min-height: inherit;
}

#shopping-cart .item-header .order-details-wrapper .color-box .color{
    margin: 0;
}

#shopping-cart .item-header i.more {
    width: calc(30% - 144px);
}

#shopping-cart .item-header .order-details {
    background: none;
    width: auto;
    min-width: inherit;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 3px;
    vertical-align: middle;
    margin: 0;
}
#shopping-cart .item-header .order-details .color-box {
    margin: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
#shopping-cart .item-header .quantity,
#shopping-cart .item-header .price div,
#shopping-cart .item-header .price {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    /*float: right;*/
    margin-right: 20px;
    vertical-align: middle;
    text-align: center;
    color: #adadad;
}
#shopping-cart .item-header .price{
    width: 200px;
}
#shopping-cart .item-header .remove-btn {
    float: right;
    margin-top: 14px;
    margin-right: 10px;
}
#shopping-cart .item-header .glyphicon {
    font-size: 20px;
    left: -10px;
    top: 6px;
    color: #166a33;
}
#cart-settings {
    float: left;
    margin-left: 20px;
}
#cart-settings a {
    border: 1px solid #166a33;
    color: #ffffff;
    background-color: #166a33;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 10px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
    font-weight: bold;
}
#cart-settings.new-style a {
    padding: 1px;
}
#cart-settings a.disabled {
    color: #acacac;
    border-color: #acacac;
    cursor: inherit;
    background-color: #ffffff;
}
#cart-settings a.disabled:hover {
    color: #acacac;
    border-color: #acacac;
    background-color: #ffffff;
    cursor: default;
}
#cart-settings a.empty-cart {
    border-color: red;
    color: red;
    background-color: #ffffff;
}
#cart-settings a.empty-cart:hover {
    color: #ffffff;
    background-color: red;
}
#cart-settings a:hover {
    color: #166a33;
    background-color: #ffffff;
}
#cart-close {
    float: right;
}
#cart-close-new {
    float: left;
}
#cart-close-new a{
    padding: 1px;
    display: inline-block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #166a33;
}
#cart-close-new a:hover {
    background-color: #166a33;
}
#cart-close-new img{
    width: 150px;
    height: 33px;
    cursor: pointer;
}
#cart-settings img{
    height: 29px;
    cursor: pointer;
}
#cart-settings{
    height: 33px;
}
#cart-close a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 10px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
    font-weight: bold;
    border: 1px solid red;
    color: red;
    background-color: #ffffff;
}
#cart-close a:hover {
    color: #ffffff;
    background-color: red;
}
#cart-check-out,
#cart-check-out-2 {
    float: right;
}
#cart-check-out-2 {
    margin-top: 20px;
}
#min-quontity {
    float: left;
    margin-top: 20px;
}
#min-quontity img{
    width: 300px;
    height: 24px;
    display: block;
    margin-bottom:10px;
}
#cart-check-out a,
#cart-check-out-2 a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 10px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
    font-weight: bold;
    border: 1px solid #166a33;
    color: #166a33;
    background-color: #ffffff;
}
#cart-check-out.new-style a,
#cart-check-out-2.new-style a {
    padding: 1px;
}
#cart-check-out.new-style a img,
#cart-check-out-2.new-style a img{
    height: 55px;
    width: 250px;
}
#cart-check-out a:hover,
#cart-check-out-2 a:hover {
    color: #ffffff;
    background-color: #166a33;
}
@media (max-width: 1350px) {
    #sidebar-right.open {
        width: 100%;
        padding: 7px;
    }
}
@media (max-width: 640px) {
    #sidebar-right {
        display: none !important;
    }
    #orders .order-btn {
        /*display: none !important;*/
    }
}
@media (max-width: 1024px) {
    #shopping-cart #orders {
        min-width: 100%;
    }
    #shopping-cart h2 {
        margin-bottom: 0;
    }
    #shopping-cart h4 {
        font-size: 20px;
        margin-right: 10px;
    }
    #shopping-cart a {
        font-size: 12px;
        text-transform: none;
        padding: 3px;
        margin-right: 3px;
        margin-top: 5px;
    }
    #shopping-cart a.add-more {
        padding-left: 30px;
    }
    #shopping-cart .order-details {
        max-width: 600px;
    }
    #orders .order-details .color-box .color {
        width: 24px !important;
    }
    #orders .order-details .color-box .color img {
        height: 100%;
    }
    #cart-settings {
        margin-left: 0;
        font-size: 10px;
    }
    #shopping-cart .item-header .quantity,
    #shopping-cart .item-header .price div,
    #shopping-cart .item-header .price {
        margin-right: 8px;
    }
}
@media (max-width: 1024px) {
    .hide-small {
        display: none;
    }
    #sidebar-right-content {
        padding: 5px !important;
    }
    #shopping-cart #orders {
        width: 100%;
        min-width: 850px;
        min-width: inherit;
    }
    #shopping-cart h2 {
        margin-bottom: 0;
        margin-right: 10px;
    }
    #shopping-cart h4 {
        font-size: 16px;
        max-width: 25%;
    }
    #shopping-cart a {
        font-size: 12px;
        text-transform: none;
        padding: 3px;
        margin-right: 3px;
        margin-top: 5px;
    }
    #shopping-cart a.add-more {
        padding-left: 30px;
    }
    #shopping-cart .order-details {
        max-width: 600px;
    }
    #cart-settings {
        margin-left: 0;
        font-size: 10px;
    }
    #user-wrapper.active {
        height: auto;
    }
}
/*****************************   Single Product   ***************************/
#decorating-options {
    float: right;
    background-color: rgba(76, 189, 0, 0.3);
    color: #166a33;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: bold;
    box-shadow: 1px 1px 4px 1px rgba(22, 106, 51, 0.6);
    -moz-box-shadow: 1px 1px 4px 1px rgba(22, 106, 51, 0.6);
    -webkit-box-shadow: 1px 1px 4px 1px rgba(22, 106, 51, 0.6);
}
#decorating-options span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 5px;
}
#decorating-options span.restrictions {
    color: #b98728;
}
#decorating-options span.not-applicable {
    color: #ae0b0f;
}
#decorating-options .popover {
    white-space: nowrap;
    max-width: inherit;
}
#product-page {
    margin-top: 15px;
    font-family: "Maven Pro", sans-serif;
    font-size: 16px;
    *zoom: 1;
}
#product-page:before,
#product-page:after {
    content: "";
    display: table;
}
#product-page:after {
    clear: both;
}
#product-page h1 {
    color: #166a33;
    font-size: 24px;
    font-weight: bold;
}
#product-page h2 {
    font-size: 18px;
    font-weight: bold;
}
#product-page hr {
    border: 1px solid #acacac;
}
#product-page .print-name-update ol {
    margin-left: 30px;
}
#product-page .print-name-update ol li {
    font-weight: bold;
    margin-bottom: 10px;
}
#product-page .print-name-update ol li span {
    margin-right: 20px;
}
#product-page .print-name-update ol li input {
    max-width: 200px;
    width: 20%;
}
#product-page .print-name-update ol li p {
    margin-top: 10px;
}
#product-image {
    float: left;
    width: 35%;
    text-align: center;
    margin-top: 10px;
}
#product-image img {
    max-width: 100%;
    border: 2px solid #166a33;
    vertical-align: top;
}
#product-image img.main-image {
    max-width: calc(100% - 100px);
    max-width: 78%;
}
#product-image .extra-images-wrapper {
    display: inline-block;
    max-width: 80px;
    width: 20%;
}
#avr-price {
    margin-top: 10px;
    *zoom: 1;
}
#avr-price:before,
#avr-price:after {
    content: "";
    display: table;
}
#avr-price:after {
    clear: both;
}
#avr-price span {
    font-size: 18px;
    color: #166a33;
    font-weight: bold;
    display: block;
    text-align: left;
    margin-left: 20%;
}
#avr-price ul {
    float: left;
    width: 150px;
    text-align: left;
    margin-top: 10px;
}
#avr-price li {
    list-style-position: inside;
}
#avr-price .price {
    float: right;
    color: #166a33;
    font-size: 30px;
    line-height: 70px;
}
#product-info {
    float: right;
    min-width: 400px;
    width: 60%;
}
#product-info h1 {
    margin: 0;
}
#product-info .item-number {
    margin-top: -12px;
    display: block;
    margin-bottom: 10px;
}
#product-info li {
    list-style-position: inside;
    margin: 5px 0;
}
#product-info li div {
    display: inline-block;
}
#product-info #table-sizes {
    max-width: 100%;
    overflow-x: auto;
}
#product-info table {
    border: none;
}
#product-info table th {
    background-color: #fff8e9;
}
#product-info table th,
#product-info table td {
    border: 1px solid #acacac;
    text-align: center;
    padding: 5px;
}
#product-info table th.extra-1,
#product-info table td.extra-1 {
    background-color: #E0E0E0;
}
#product-info table th.extra-2,
#product-info table td.extra-2 {
    background-color: #c3c3c3;
}
#product-info table tbody tr td:first-child {
    background-color: #fff8e9;
}
#product-info table thead tr th:first-child {
    background-color: transparent;
    border: none;
}
#product-info .product-colors {
    position: relative;
    min-height: 48px;
}
#product-info .product-colors .color {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
    vertical-align: top;
    position: relative;
    width: 47px;
    height: 47px;
    margin: 4px;
    cursor: help;
}
#product-info .product-colors .color span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    height: 100%;
    border: 1px solid #acacac;
    vertical-align: top;
}
#product-info .product-colors .color span img {
    width: 100%;
}
#product-info .product-colors .color .info {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4);
    color: #000000;
    font-size: 10px;
    padding: 3px;
    line-height: 1;
    font-weight: bold;
}
#product-info .product-colors .color .xl4 {
    bottom: 0;
    right: 0;
}
#product-info .product-colors .color .delay {
    top: 0;
    right: 0;
}
#product-info .product-colors .color .special {
    top: 0;
    left: 0;
}
#product-info .product-colors .popover {
    width: 250px !important;
}
#product-info .pick-a-color {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 3px solid #166a33;
    padding: 8px;
    color: #166a33;
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}
#name-numbers-info {
    margin-bottom: 50px;
    *zoom: 1;
}
#name-numbers-info:before,
#name-numbers-info:after {
    content: "";
    display: table;
}
#name-numbers-info:after {
    clear: both;
}
#name-numbers-info img {
    max-height: 180px;
    float: left;
}
#name-numbers-info .content {
    float: right;
    width: 60%;
}
#name-numbers-info .content h2 {
    font-size: 30px;
}
#name-numbers-info .unSubscribe {
    font-size: 24px;
    clear: right;
    float: right;
    cursor: pointer;
}
#name-numbers-info .unSubscribe input {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
#add-order {
    width: 100%;
    clear: both;
    margin: 30px 0;
    *zoom: 1;
}
#add-order:before,
#add-order:after {
    content: "";
    display: table;
}
#add-order:after {
    clear: both;
}
#add-order .order-btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 3px solid #166a33;
    padding: 8px;
    color: #166a33;
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    cursor: pointer;
    vertical-align: top;
}
#add-order .headers {
    width: 100%;
    height: 30px;
    margin-bottom: 30px;
}
#add-order .headers .order-btn-header {
    width: 31%;
    width: 33%;
    height: 100%;
    color: #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: inherit;
    float: left;
    line-height: 30px;
    background-color: #acacac;
    vertical-align: top;
    position: relative;
    display: inline-flex;
}
#add-order .headers .order-btn-header .placeholder {
    height: 70px;
    width: 70px;
    border: 3px solid #acacac;
    text-align: center;
    display: inline-block;
    margin-top: -24px;
    margin-right: 10px;
    background-color: #ffffff;
    overflow: hidden;
    font-family: arial;
    box-sizing: content-box;
}
#add-order .headers .order-btn-header span.number {
    font-size: 34px;
    font-weight: bold;
    color: #acacac;
    line-height: 70px;
    position: relative;
    z-index: 2;
    display: block;
}
#add-order .headers .order-btn-header span.step {
    background-color: #166a33;
    width: 100%;
    height: 100%;
    position: relative;
    bottom: 0;
    z-index: 1;
    display: block;
}
#add-order .headers .order-btn-header span.arrow {
    display: block;
    position: absolute;
    top: -20px;
    left: 80px;
    background: url("images/arrow_shape.png") no-repeat #acacac;
    width: 38px;
    height: 15px;
}
#add-order .headers .order-btn-header span.step-1 {
    bottom: 25%;
}
#add-order .headers .order-btn-header span.step-2 {
    bottom: 50%;
}
#add-order .headers .order-btn-header span.step-3 {
    bottom: 100%;
}
#add-order .headers .order-btn-header.current,
#add-order .headers .order-btn-header.active.current {
    background-color: #ffd510;
    background-color: #f9ce06;
}
#add-order .headers .order-btn-header.current .placeholder,
#add-order .headers .order-btn-header.active.current .placeholder {
    border: 3px solid #ffd510;
    border: 3px solid #f9ce06;
}
#add-order .headers .order-btn-header.current span.number,
#add-order .headers .order-btn-header.active.current span.number {
    color: #ffd510;
    color: #f9ce06;
}
#add-order .headers .order-btn-header.current span.arrow,
#add-order .headers .order-btn-header.active.current span.arrow {
    background-color: #ffd510;
    background-color: #f9ce06;
}
#add-order .headers .order-btn-header.active {
    background-color: #166a33;
    cursor: pointer;
}

#size-lineup,
#content.product .size-lineup{
    margin-top: 25px;
}
#content.product .size-lineup{
    display: none;
}
#size-lineup a span,
#content.product .size-lineup a span{
    color: #166a33;
    display: block;
    text-align: left;
    font-weight: 600;
}
#size-lineup img,
#content.product .size-lineup img{
    margin-top: 5px;
    max-width: 100%;
    border: none;
    -webkit-box-shadow: 0 0 6px #adadad;
    -moz-box-shadow: 0 0 6px #adadad;
    box-shadow: 0 0 6px #adadad;
}
/************************************************************************/


@media all and (max-width: 640px) {
    #product-image {
        float: inherit;
        width: 100%;
    }
    #product-info {
        float: inherit;
        width: 100%;
        min-width: inherit;
        padding: 20px 0;
    }
    #product-info .product-colors .color {
        width: 45px;
        height: 45px;
    }
    .get-this-item.right {
        float: inherit !important;
        margin: 0 auto;
        margin-bottom: 15px;
    }
}
#choose-a-print {
    display: inline-block;
    *display: inline;
    width: 31%;
    *zoom: 1;
    vertical-align: top;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(50));
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#choose-a-print:before,
#choose-a-print:after {
    content: "";
    display: table;
}
#choose-a-print:after {
    clear: both;
}
#choose-a-print.active {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(100));
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#choose-a-print.active a {
    cursor: pointer !important;
}
#choose-a-print a {
    float: left;
    clear: left;
    cursor: inherit !important;
    font-size: 16px !important;
    position: relative;
    margin-left: 30px;
}
#choose-a-print a.order-btn-new {
    margin: 6px 0px;
}
#choose-a-print a span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 10px;
    height: 10px;
    border: 2px solid #acacac;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: -30px;
    top: 13px;
}
#choose-a-print a.current {
    border-color: #ffd510;
    color: #ffd510;
}
#choose-a-print a.current span {
    background-color: #166a33;
}
#choose-a-print a.disabled {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(50));
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: inherit !important;
}
#the-print {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 31%;
    position: relative;
    vertical-align: top;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(50));
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#the-print .custom-print-wrapper label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 90%;
}
#the-print .custom-print-wrapper label span {
    display: block;
    font-size: 12px;
}
#the-print .custom-print-wrapper input {
    width: 170px;
    border: 1px solid #acacac;
    padding: 6px;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
#the-print .custom-print-wrapper input[type="checkbox"] {
    width: auto;
}
#the-print .custom-print-wrapper select {
    min-width: 95px;
    width: 31%;
    width: 46%;
    border: 1px solid #acacac;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    vertical-align: top;
    margin-bottom: 5px;
}
#the-print .custom-print-wrapper span.help {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #166a33;
    border: 2px solid #166a33;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    font-weight: bold;
    vertical-align: middle;
    width: 26px !important;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}
#the-print .custom-print-wrapper.embroidery .popover {
    max-width: inherit;
}
#the-print.active {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(100));
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#the-print > div {
    /*position: absolute;
        width: 90%;
        top: 0;
        left: 0;
        z-index: 1;*/
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0));
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    display: none;
    transision: all 2s;
}
#the-print > div .order-btn-small {
    color: #166a33;
    cursor: pointer;
    /*float: right;*/
    font-weight: bold;
    /*margin-right: 10px;*/
    text-align: center;
    display: block;
}
#the-print > div.current {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(100));
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    display: block;
    z-index: 10;
    transision: all 2s;
}
#the-print .new-print {
    /* .opacity(50);*/
}
.name-number {
    margin-top: 15px;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
    *zoom: 1;
}
.name-number:before,
.name-number:after {
    content: "";
    display: table;
}
.name-number:after {
    clear: both;
}
.name-number h4 {
    display: block;
    cursor: pointer;
    margin-bottom: 0 !important;
}
.name-number .row {
    padding: 10px;
}
.name-number .row span {
    color: #535353;
    font-size: 18px;
    font-weight: bold;
}
.name-number .row label {
    font-size: 16px;
    line-height: 32px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    width: 85% !important;
    vertical-align: middle;
}
.name-number .row input[type="radio"] {
    width: auto;
    margin-right: 10px;
    vertical-align: middle;
}
.name-number .row select {
    width: auto;
}
.name-number .row .jersey {
    background: url("images/jersey-font-img.png") 35px center no-repeat;
    height: 32px;
    width: 100%;
}
.name-number .row .college {
    background: url("images/college-font-img.png") 35px center no-repeat;
    height: 32px;
    margin: 7px 0;
    width: 100%;
}
.name-number .row .sporty {
    background: url("images/sporty-font-img.png") 35px center no-repeat;
    height: 32px;
    width: 100%;
}
.name-number .row button {
    margin-top: 10px;
}
.name-number .row button span {
    margin-left: 0;
    color: #166a33;
    top: 2px;
}
.name-number .popover {
    width: 210px;
}
.name-number .popover .popover-title {
    padding: 0 10px;
    margin-bottom: 0 !important;
}
.name-number .popover .popover-inner li {
    list-style-position: inside;
}
.name-number .help {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #166a33;
    border: 2px solid #166a33;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    font-weight: bold;
    vertical-align: middle;
    width: 26px !important;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}
.name-number .zoom {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 26px !important;
    text-align: center;
    cursor: pointer;
}
.name-number .zoom + .popover {
    width: 1000px;
    max-width: 1000px;
}
.name-number .zoom + .popover .popover-content {
    text-align: center;
    padding: 20px 10px;
}
.name-number .zoom + .popover .popover-content img {
    max-width: 100%;
}
.name-number .glyphicon {
    width: 24px !important;
    font-size: 24px;
    margin-left: 20px;
    cursor: pointer;
}
.numberAndName-wrapper {
    position: relative;
}
.name-data {
    margin: 3px 0;
}
.name-data input {
    width: 12%;
    font-size: 18px;
    padding: 3px 10px;
    text-align: center;
}
.name-data input.names {
    width: 40%;
    text-align: left;
}
.name-data .nan-total {
    width: 15%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
}
.name-data-labels {
    margin: 3px 0;
}
.name-data-labels span {
    width: 12%;
    font-size: 16px;
    padding: 3px 0px;
    text-align: center;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.name-data-labels span.names {
    width: 40%;
    text-align: left;
}
.name-data-labels span.nan-total {
    width: 33%;
    cursor: help;
}
.name-data-labels span.nan-total span:first-child {
    margin: 0 5px;
    font-size: 18px;
    color: #535353;
    width: auto;
}
.name-data-labels span.nan-total .help {
    display: inline-block;
    color: #166a33;
    border: 2px solid #166a33;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    font-weight: bold;
    vertical-align: middle;
    width: 26px !important;
    text-align: center;
    font-size: 16px;
    padding: 0;
}
.name-data-labels .popover.top {
    width: 250px;
    font-size: 15px;
}
.name-data-labels .popover.top .popover-content ul {
    margin-left: 15px;
}
.name-data-labels .popover.top .popover-content li {
    list-style-position: inside;
}
.name-data-labels .popover.top .popover-content > div {
    margin-bottom: 10px;
}
.name-data-labels .popover.top h3 {
    margin-bottom: 0px !important;
    height: auto !important;
}
#order-colors {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 31%;
    vertical-align: top;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(50));
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#order-colors.active {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(100));
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#order-colors .color-select {
    display: inline-block;
    margin-right: 3px;
    vertical-align: top;
    cursor: pointer;
}
#order-colors .color-select span {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 3px;
    border: 1px solid #acacac;
}
#order-colors .color-select span img {
    width: 100%;
    height: 100%;
}
.remove-btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: red;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.remove-btn:before {
    background: url("images/buttons_set.png") -59px -3px no-repeat;
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: bottom;
    content: '';
    margin-right: 5px;
}
.remove-btn:hover:before {
    background-position: -58px -33px;
}
.get-this-item {
    background: url("images/get_this_item_hover.gif") no-repeat;
    width: 197px;
    height: 41px;
    cursor: pointer;
}
.get-this-item {
    background: url("images/get_this_item_hover.gif") no-repeat;
    width: 197px;
    height: 41px;
    cursor: pointer;
}
.get-this-item-new {
    cursor: pointer;
    display: inline-block;
}
.get-this-item-new:hover {
    box-shadow: 2px 2px 3px #adadad;
}
.get-this-item.right,
.get-this-item-new.right {
    float: right;
}
.get-this-item-new.right:first-child {
    margin-left: 15px;
}
.get-this-item:hover {
    background-position: 0 -49px;
}
.order-btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 3px solid #166a33;
    padding: 8px;
    color: #166a33;
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    margin: 10px 0;
}
.order-btn.no-margin {
    margin: 0;
}
.order-btn.no-margin.m-right {
    margin-right: 10px;
}
.apply {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    cursor: pointer;
    color: #166a33;
    font-weight: bold;
}
.apply:before {
    background: url("images/buttons_set.png") -95px -3px no-repeat;
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: bottom;
    content: '';
    margin-right: 5px;
}
.apply:hover:before {
    background-position: -94px -33px;
}
.add-more {
    /*background: url("images/plus_icon.png") no-repeat;
    padding-left: 30px;
    height: 25px;*/
    background: url("images/buttons_set.png") -129px -1px no-repeat;
    padding-left: 30px;
    height: 19px;
    line-height: 19px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    /*vertical-align: middle;*/
    cursor: pointer;
    color: #166a33;
    font-weight: bold;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.add-more:hover {
    background-position: -128px -33px;
}
.edit-btn {
    background: url("images/buttons_set.png") 0px 0px no-repeat;
    width: 43px;
    height: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.edit-btn:hover {
    background-position: 0px -33px;
}
#new-print .custom-print-wrapper {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-top: 9px;
}
#new-print label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
#new-print label span {
    display: block;
    font-size: 12px;
}
#new-print input {
    width: 140px;
    border: 1px solid #acacac;
    padding: 6px;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
#new-print select {
    width: 170px;
    border: 1px solid #acacac;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    vertical-align: top;
}
#choose-a-print .select-print {
    float: left;
    clear: left;
    margin-bottom: 10px;
    height: 50px;
    vertical-align: middle;
    border: 3px solid #166a33;
    line-height: 50px;
    color: #166a33;
    font-weight: bold;
    padding: 0 20px;
}
#choose-a-print .select-print input {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    line-height: 50px;
    vertical-align: middle;
}
#orders {
    width: 100%;
    clear: both;
    margin: 30px 0;
    *zoom: 1;
}
#orders:before,
#orders:after {
    content: "";
    display: table;
}
#orders:after {
    clear: both;
}
#orders .order {
    margin-bottom: 20px;
    *zoom: 1;
}
#orders .order:before,
#orders .order:after {
    content: "";
    display: table;
}
#orders .order:after {
    clear: both;
}
#orders .order h3 {
    background-color: #acacac;
    color: #ffffff;
    padding-left: 20px;
    cursor: ns-resize;
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 45px;
    height: 45px;
}
#orders .order h3 .remove-btn {
    float: right;
    margin-top: -10px;
    margin-right: 10px;
}
#orders .order h3 .total {
    margin-top: 0px;
    color: #ffffff;
    line-height: 38px;
}
#orders .order h3 .total label {
    vertical-align: middle;
}
#orders .order h3 .total .price {
    border: 1px solid #ffffff;
    vertical-align: middle;
}
#orders .order h3 .total .price span {
    font-size: 13px;
    margin-right: 4px;
    font-weight: normal;
}
#orders .order h3 span.print {
    display: inline-block;
    vertical-align: text-bottom;
    line-height: 1;
    font-size: 16px;
    margin-left: 10px;
    text-align: center;
    margin-top: -5px;
}
#orders .order h3 .glyphicon {
    font-size: 24px;
    left: -10px;
    top: 3px;
}
#orders .order .collapse {
    -webkit-transition: height .3s ease;
    -moz-transition: height .3s ease;
    -ms-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .3s ease;
}
#orders .order .collapse.close {
    display: none;
}
#orders .order .collapse.open.collapseAll {
    display: block;
}
#orders .order .collapse.collapseAll {
    display: none;
}
#orders .order .edit-print-wrapper {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-top: 9px;
    vertical-align: middle;
}
#orders .order .edit-print-wrapper input {
    width: 140px;
    border: 1px solid #acacac;
    padding: 6px;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
#orders .order .edit-print-wrapper input::-webkit-input-placeholder {
    color: rgba(255, 0, 0, 0.4);
    font-style: italic;
    font-size: 14px;
}
#orders .order .edit-print-wrapper input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 0, 0, 0.4);
    font-style: italic;
    font-size: 14px;
}
#orders .order .edit-print-wrapper input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 0, 0, 0.4);
    font-style: italic;
    font-size: 14px;
}
#orders .order .edit-print-wrapper input:-ms-input-placeholder {
    color: rgba(255, 0, 0, 0.4);
    font-style: italic;
    font-size: 14px;
}
#orders .order .edit-print-wrapper select {
    width: 170px;
    border: 1px solid #acacac;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    vertical-align: top;
    cursor: pointer;
}
#orders .order .edit-print-wrapper select:disabled {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(60));
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    cursor: not-allowed;
}
#orders .order .edit-print-wrapper p {
    margin-top: 10px;
}
#orders .order .edit-print-wrapper p a {
    cursor: pointer;
    color: #166a33;
    font-weight: bold;
    text-decoration: underline;
}
#orders .order .edit-print-wrapper p a:hover {
    text-decoration: none;
}
#orders .order-details {
    *zoom: 1;
    width: 46%;
    min-width: 450px;
    display: inline-block;
    border: 1px solid #acacac;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    vertical-align: top;
    margin-right: 2%;
    margin-top: 15px;
    position: relative;
    padding-bottom: 20px;
}
#orders .order-details:before,
#orders .order-details:after {
    content: "";
    display: table;
}
#orders .order-details:after {
    clear: both;
}
#orders .order-details .sizes {
    margin-bottom: 15px;
    border: 1px #adadad;
    border-style: dotted;
    padding: 2px;
}
#orders .order-details h4 {
    margin-bottom: 15px;
    font-size: 18px;
}
#orders .order-details .custom-print-wrapper {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
#orders .order-details .order-btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 3px solid #166a33;
    padding: 8px;
    color: #166a33;
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
}
#orders .order-details .quantity {
    width: 140px;
    border: 1px solid #acacac;
    padding: 3px 5px;
    width: 84px;
}
#orders .order-details select {
    width: 120px;
    border: 1px solid #acacac;
    padding: 5px;
}
#orders .order-details .size-place-holder {
    width: 120px;
    border: 1px solid #acacac;
    padding: 3px 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e0e0e0;
    cursor: not-allowed;
}
#orders .order-details label {
    width: 175px;
    display: inline-block;
    margin-left: 10px;
}
#orders .order-details .color-box {
    margin-bottom: 20px;
}
#orders .order-details .color-box .color {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
    width: 50px;
    height: 50px;
    position: relative;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}
#orders .order-details .color-box .color img {
    width: 100%;
}
#orders .order-details .color-box .color span {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    background: url("images/cross_icon.png") no-repeat;
}
#orders .order-details .color-box .color-title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 20px;
    margin-left: 15px;
    line-height: 1;
    vertical-align: bottom;
    font-weight: bold;
}
#orders .order-details .color-select {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
    margin-right: 3px;
    cursor: pointer;
    vertical-align: top;
}
#orders .order-details .color-select span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 40px;
    height: 40px;
    margin-right: 3px;
    border: 1px solid #acacac;
}
#orders .order-details .color-select span img {
    width: 100%;
}
#orders .order-details .total div,
#orders .order-details .total {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: right;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    color: #adadad;
}
#orders .order-details .total div {
    margin-right: 10px;
}
#orders .order-details .add-name-number {
    position: absolute;
    bottom: 5px;
    right: 9px;
}
#orders .order-details .add-name-number label {
    font-size: 15px;
    color: #166a33;
    vertical-align: middle;
    width: auto;
    cursor: pointer;
    font-weight: bold;
}
#orders .order-details .add-name-number label span {
    vertical-align: middle;
    display: inline-block;
    margin: 0 5px;
}
#orders .order-details .add-name-number label span img{
    max-height: 30px;
}

#orders .order-details .add-name-number label input {
    vertical-align: middle;
    width: 20px;
    height: 20px;
}
@media all and (max-width: 460px) {
    #orders .order-details {
        width: 100%;
        min-width: inherit;
    }
}
#total,
.total {
    float: right;
    font-family: "Maven Pro", sans-serif;
    margin-top: 20px;
}
#total label,
.total label {
    font-size: 18px;
    font-weight: bold;
}
#total .price,
.total .price {
    border: 1px solid #acacac;
    vertical-align: text-bottom;
    font-size: 18px;
    padding: 5px;
    font-weight: bold;
    margin-left: 10px;
}
#total .price span,
.total .price span {
    font-size: 13px;
    margin-right: 4px;
    font-weight: normal;
}
#total .tax,
.total .tax {
    font-size: 13px;
    margin-left: 73px;
    display: block;
}
.total {
    margin-right: 50px;
    color: #adadad;
}
.total label {
    width: 50px;
}
/*.takeover-bubble:hover {
    transition: all 2s linear;
    -moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    animation: bubbleMove 1.5s ease-out 0 2;
    -moz-animation: bubbleMove 1.5s ease-out 2;
    -webkit-animation: bubbleMove 1.5s ease-out 0 2;
}
.takeover-bubble {
    background-color: #adadad;
    position: absolute;
    opacity: 1;
    -webkit-transform: scale(1);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    top: 1033px;
    left: 186px;
}

@keyframes bubbleMove {
    25% { margin-left: -20px; }
    50% { margin-top: 40px; }
    55% { margin-left: 20px; }}
@-webkit-keyframes bubbleMove {
    25% { margin-left: -20px; }
    50% { margin-top: 40px; }
    55% { margin-left: 20px; }}
@-moz-keyframes bubbleMove {
    25% { margin-left: -20px; }
    50% { margin-top: 40px; }
    55% { margin-left: 20px; }
}*/
/*
@keyframes rotating {
    from {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}
@-webkit-keyframes rotating

 {
    from {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}
*/
div.overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(22, 106, 51, 0.3);
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    /*.loader-icon{
        background: url("images/motion-clockwise-12.png") center no-repeat transparent;
        width: 128px;
        height: 128px;
        -webkit-animation: rotating 2s linear infinite;
        -moz-animation: rotating 2s linear infinite;
        -ms-animation: rotating 2s linear infinite;
        -o-animation: rotating 2s linear infinite;
        animation: rotating 2s linear infinite;
    }*/
}
div.overlay.fixed {
    position: fixed;
}
div.overlay.gallery {
    background-color: rgba(22, 106, 51, 0.9);
    position: fixed;
    z-index: 500;
}
div.overlay.out-of-cart {
    position: fixed;
}
div.overlay .loader {
    background: url("images/ajax-loader.gif") center no-repeat transparent;
    width: 100%;
    height: 100%;
}
div.overlay .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
div.overlay .content.err {
    white-space: nowrap;
}
div.overlay .content p {
    margin-bottom: 5px;
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
#shopping-cart-wrapper .alert-danger{
    font-size: 20px;
    background-color: #ff0000;
    border-color: #5a0000;
    color: #fff;
    font-style: italic;
    font-family: Arial, Sans-serif;
}
#shopping-cart-wrapper .alert-danger b{
    font-weight: 800;
    font-style: normal;
}
.file-selections button {
    outline: 0;
    font-weight: bold;
    font-size: 18px;
    padding: 15px 7px;
}
#shopping-cart.place-an-order {
    margin-top: 10px;
}
#shopping-cart.place-an-order .wrapper {
    position: relative;
    min-height: 250px;
}
#shopping-cart.place-an-order .wrapper .overlay {
    z-index: 1000;
}
#shopping-cart.place-an-order .cart-wrapper {
    position: relative;
    min-height: 100px;
}
#shopping-cart.place-an-order .cart-wrapper .overlay {
    z-index: 100;
}
#shopping-cart.place-an-order h1 {
    color: #166a33;
    font-size: 30px;
    font-weight: bold;
}
#shopping-cart.place-an-order h2 {
    float: none;
    margin: 20px 0;
}
#shopping-cart.place-an-order .pull-left,
#shopping-cart.place-an-order .pull-right {
    width: 45%;
}
#shopping-cart.place-an-order .pull-left input,
#shopping-cart.place-an-order .pull-right input {
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #F1F1F1;
}
#shopping-cart.place-an-order .pull-left input.ng-invalid,
#shopping-cart.place-an-order .pull-right input.ng-invalid {
    border-color: red;
    background-color: #ffd4cd;
}
#shopping-cart.place-an-order .pull-left label,
#shopping-cart.place-an-order .pull-right label {
    display: block;
    font-size: 16px;
    margin-top: 5px;
}
#shopping-cart.place-an-order .pull-left label.extra-space,
#shopping-cart.place-an-order .pull-right label.extra-space {
    margin-top: 20px;
}
#shopping-cart.place-an-order .pull-left textarea,
#shopping-cart.place-an-order .pull-right textarea {
    resize: none;
    background-color: #F1F1F1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
#shopping-cart.place-an-order .pull-left button,
#shopping-cart.place-an-order .pull-right button {
    margin-top: 10px;
    font-size: 20px;
    /*.border-radius();*/
    padding: 4px 20px;
}
#shopping-cart.place-an-order .pull-left p.customer-note,
#shopping-cart.place-an-order .pull-right p.customer-note {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 10px;
}
#shopping-cart.place-an-order .existing-customer {
    margin-top: 15px;
}
#shopping-cart.place-an-order .existing-customer .pull-left {
    width: auto;
    margin-right: 10px;
}
#shopping-cart.place-an-order .existing-customer input {
    width: 200px;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #F1F1F1;
}
#shopping-cart.place-an-order .existing-customer label {
    display: block;
    font-size: 16px;
}
#shopping-cart.place-an-order .existing-customer button {
    float: left;
    background-color: #ffffff;
    color: #166a33;
    padding: 6px 15px;
    font-size: 18px;
    border: 2px solid #ffd510;
    text-transform: uppercase;
    vertical-align: middle;
    margin-top: 26px;
}
#shopping-cart.place-an-order .existing-customer button:after {
    content: url("images/bg-btn.png");
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
}
#shopping-cart.place-an-order .existing-customer p {
    margin-top: 15px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
#shopping-cart.place-an-order .existing-customer p span {
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
}
#shopping-cart.place-an-order #cart-settings {
    margin-left: 0;
}
#shopping-cart .new-customer-check {
    margin: 15px 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    font-size: 16px;
    color: #166a33;
    padding: 5px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #166a33;
    vertical-align: middle;
    line-height: 30px;
}
#shopping-cart .new-customer-check.active {
    background-color: #166a33;
    color: #ffffff;
}
#shopping-cart .new-customer-check input {
    margin-right: 15px;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    line-height: 30px;
}
#shopping-cart .new-customer {
    margin-bottom: 30px;
}
/*********************  Progress Bar *************************/
.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #E0E0E0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #4cbd00;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}
.popover-content span.bg-color {
    width: 100%;
    height: 50px;
    display: block;
    -moz-box-shadow: 1px 1px 3px 2px #A7A7A7;
    box-shadow: 1px 1px 3px 2px #A7A7A7;
}
/*****************************   Specials   ***************************/
.special-page {
    margin-top: 15px;
    font-family: "Maven Pro", sans-serif;
    font-size: 16px;
    *zoom: 1;
}
.special-page:before,
.special-page:after {
    content: "";
    display: table;
}
.special-page:after {
    clear: both;
}
.special-page h1 {
    color: #166a33;
    font-size: 24px;
    font-weight: bold;
}
.special-page h2 {
    font-size: 18px;
    font-weight: bold;
}
.special-page hr {
    border: 1px solid #acacac;
}
.special-page .special-image {
    float: left;
    width: 30%;
    text-align: center;
    margin-top: 10px;
}
.special-page .special-image img {
    max-width: 100%;
    border: 1px solid #ffd510;
}
.special-page .special-info {
    float: right;
    min-width: 400px;
    width: 67%;
}
.special-page .special-info h1 {
    margin: 0;
}
.special-page .special-info .item-number {
    margin-top: -12px;
    display: block;
    margin-bottom: 10px;
}
.special-page .special-info li {
    list-style-position: inside;
    margin: 5px 0;
}
.special-page .special-info .special-colors {
    position: relative;
    min-height: 48px;
}
.special-page .special-info .special-colors .color {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
    vertical-align: top;
    position: relative;
    width: 47px;
    height: 47px;
    margin: 4px;
    cursor: help;
}
.special-page .special-info .special-colors .color span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    height: 100%;
    border: 1px solid #acacac;
    vertical-align: top;
}
.special-page .special-info .special-colors .color span img {
    width: 100%;
}
.special-page .special-info .special-colors .color .info {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4);
    color: #000000;
    font-size: 10px;
    padding: 3px;
    line-height: 1;
    font-weight: bold;
}
.special-page .special-info .special-colors .color .xl4 {
    bottom: 0;
    right: 0;
}
.special-page .special-info .special-colors .color .delay {
    top: 0;
    right: 0;
}
.special-page .special-info .special-colors .popover {
    width: 250px !important;
}
.special-page .special-info .pick-a-color {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 3px solid #166a33;
    padding: 8px;
    color: #166a33;
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}
.special-colors {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 31%;
    vertical-align: top;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(50));
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.special-colors.active {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(100));
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.special-colors .color-select {
    display: inline-block;
    margin-right: 3px;
    vertical-align: top;
    cursor: pointer;
}
.special-colors .color-select span {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 3px;
    border: 1px solid #acacac;
}
.special-colors .color-select span img {
    width: 100%;
    height: 100%;
}
#specials {
    margin: 15px;
}
#specials .special {
    *zoom: 1;
}
#specials .special:before,
#specials .special:after {
    content: "";
    display: table;
}
#specials .special:after {
    clear: both;
}
#specials .special-image {
    float: right;
}
#specials .content-wrapper {
    *zoom: 1;
    margin: 15px 0;
}
#specials .content-wrapper:before,
#specials .content-wrapper:after {
    content: "";
    display: table;
}
#specials .content-wrapper:after {
    clear: both;
}
#specials .more-info {
    display: block;
    cursor: pointer;
}
.print-upload {
    margin: 30px 0;
    overflow-x: auto;
}
.print-upload table{
    min-width: 600px;
}
.print-upload .file-upload-btn {
    text-align: right;
    margin-top: 6px;
}
.print-upload .file-upload-btn input {
    width: 110px;
}
.print-upload table td,
.print-upload table th {
    padding: 5px 8px;
    vertical-align: top;
}
.print-upload table .actions {
    width: 120px;
}
.print-upload table .actions button {
    display: block;
    width: 100px;
    margin-bottom: 7px;
}
.print-upload table textarea {
    white-space: pre-wrap;
}
.print-upload table textarea::-webkit-input-placeholder {
    color: #adadad;
}
.print-upload table textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #adadad;
}
.print-upload table textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #adadad;
}
.print-upload table textarea:-ms-input-placeholder {
    color: #adadad;
}
.print-upload .glyphicon {
    width: 24px;
    height: 24px;
    font-size: 18px;
}
.print-upload button {
    line-height: 24px;
    vertical-align: middle;
}
.print-upload button span {
    vertical-align: middle;
}
.print-upload .glyphicon-ok-circle {
    color: #4cbd00;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(22, 106, 51, 0.85);
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
}
.overlay-window {
    background-color: #ffffff;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 800px;
    width: 75%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: fixed;
    z-index: 1100;
    display: none;
    color: #166a33;
    text-align: center;
    padding: 25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    max-height: 95%;
    overflow: auto;
}
.overlay-window h2 {
    font-size: 30px;
    margin-bottom: 15px;
}
.overlay-window p {
    font-size: 18px;
    line-height: 1.5;
}
.overlay-window .overlay-close {
    background-color: #166a33;
    width: 35px;
    height: 35px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 40px;
    line-height: 29px;
}
#overlay-reviews input[type="text"],
.page-id-4718 input[type="text"],
#overlay-reviews input[type="email"],
.page-id-4718 input[type="email"],
#overlay-reviews input[type="rep"],
.page-id-4718 input[type="rep"] {
    width: 45%;
    background-color: #e0ffe4;
    padding: 10px;
    color: #166a33;
    border-radius: 6px;
    border: 1px solid #166a33;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
#overlay-reviews ::-webkit-input-placeholder,
.page-id-4718 ::-webkit-input-placeholder {
    color: #166a33;
    font-style: italic;
    font-weight: bold;
}
#overlay-reviews :-moz-placeholder,
.page-id-4718 :-moz-placeholder {
    color: #166a33;
    font-style: italic;
    font-weight: bold;
}
#overlay-reviews ::-moz-placeholder,
.page-id-4718 ::-moz-placeholder {
    color: #166a33;
    font-style: italic;
    font-weight: bold;
}
#overlay-reviews input:-ms-input-placeholder,
.page-id-4718 input:-ms-input-placeholder {
    color: #166a33;
    font-style: italic;
    font-weight: bold;
}
#overlay-reviews input[name="url"],
.page-id-4718 input[name="url"],
#overlay-reviews input[name="address"],
.page-id-4718 input[name="address"] {
    width: 91%;
}
#overlay-reviews input[name="city"],
.page-id-4718 input[name="city"],
#overlay-reviews input[name="province"],
.page-id-4718 input[name="province"] {
    width: 35%;
}
#overlay-reviews input[name="zip"],
.page-id-4718 input[name="zip"] {
    width: 20%;
}
#overlay-reviews input[type="submit"],
.page-id-4718 input[type="submit"] {
    background-color: #e0ffe4;
    padding: 5px 30px;
    color: #166a33;
    border-radius: 6px;
    border: 1px solid #166a33;
    cursor: pointer;
}
#overlay-reviews .wpcf7-not-valid-tip,
.page-id-4718 .wpcf7-not-valid-tip {
    display: none;
}
#overlay-reviews .wpcf7-not-valid,
.page-id-4718 .wpcf7-not-valid {
    border: 1px solid red !important;
}
#overlay-pricing {
    max-width: 900px;
    width: 80%;
}
#overlay-pricing h3 {
    text-align: left;
    font-size: 22px;
    margin-top: 20px;
}
#overlay-pricing h3 > p {
    text-align: left;
}
#overlay-pricing ol {
    margin-left: 40px;
    text-align: left;
}
#overlay-pricing ol li {
    font-size: 16px;
}
#overlay-pricing ol li span {
    font-size: 20px;
    font-weight: bold;
}
#overlay-pricing .heading {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 25px;
}
@media (max-width: 800px) {
    .overlay-window {
        width: 90%;
    }
    .overlay-window h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .overlay-window p {
        font-size: 14px;
        line-height: 1.4;
    }
}
@media (max-width: 500px) {
    #overlay-reviews input[type="text"],
    #overlay-reviews input[type="email"],
    #overlay-reviews input[type="url"] {
        width: 91%;
    }
    #overlay-reviews input[type="url"],
    #overlay-reviews input[name="rep"] {
        width: 91%;
    }
    #overlay-reviews input[name="address"] {
        width: 91%;
    }
    #overlay-reviews input[name="zip"] {
        width: 91%;
    }
}
.video-box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 30%;
    padding: 20px;
    margin: 30px 0;
}
.video-box span {
    font-size: 20px;
}
.add-name-number-info {
    text-align: center;
}
.add-name-number-info .add-name-number-text {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 50%;
    vertical-align: middle;
    margin-bottom: 15px;
}
/**************************  Reviews Template ***********************/
.reviews {
    width: 100%;
    text-align: center;
    padding: 50px 30px;
}
.reviews h2 {
    font-size: 40px;
    font-family: 'Maven Pro', sans-serif;
    color: #166a33;
}
.reviews h3 {
    font-size: 28px;
    font-family: 'Maven Pro', sans-serif;
    color: #166a33;
    padding: 0 10%;
    line-height: 1.2;
    margin-bottom: 15px;
}
.reviews p {
    font-size: 16px;
    color: #166a33;
    padding: 0 10%;
}
.reviews .testimonials-box {
    padding: 15px;
    text-align: center;
}
.reviews .testimonials-box .testimonial {
    background-color: rgba(22, 106, 51, 0.2);
    padding: 20px;
    margin-bottom: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 400px;
    width: 27%;
    margin: 10px 3%;
    vertical-align: top;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    text-align: left;
    /*.bubble{
                border-top: 3px solid @greenLight;
                background: url("images/bg-autor.png") 15px 0px no-repeat;
                padding-top: 7px;
                color:  @green;
                margin-top: 10px;
            }*/
}
.reviews .testimonials-box .testimonial p {
    font-size: 18px;
    line-height: 1.4;
    color: #4c4c4c;
    text-align: left;
    padding: 0;
    margin: 10px 0;
}
.reviews .testimonials-box .testimonial .author {
    border-top: 3px solid rgba(76, 189, 0, 0.51);
    background: url("images/bg-autor.png") 15px 0px no-repeat;
    padding-top: 7px;
    color: #166a33;
    font-weight: bold;
    font-size: 24px;
    padding-left: 20px;
    /*margin-bottom: 10px;*/
    margin-top: 10px;
}
.reviews .testimonials-box .testimonial .type {
    font-weight: 600;
    color: #166a33;
}
.reviews .testimonials-box .testimonial .stars {
    background: url("images/g-rank-star.png") 0px 0px repeat-x;
    width: 125px;
    height: 23px;
}
.reviews .testimonials-box .testimonial.ng-move,
.reviews .testimonials-box .testimonial.ng-enter,
.reviews .testimonials-box .testimonial.ng-leave {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}
.reviews .testimonials-box .testimonial.ng-leave.ng-leave-active,
.reviews .testimonials-box .testimonial.ng-move,
.reviews .testimonials-box .testimonial.ng-enter {
    opacity: 0;
}
.reviews .testimonials-box .testimonial.ng-leave,
.reviews .testimonials-box .testimonial.ng-move.ng-move-active,
.reviews .testimonials-box .testimonial.ng-enter.ng-enter-active {
    opacity: 1;
}
.reviews .center {
    text-align: center;
    padding: 25px;
}
.reviews .center img {
    max-width: 100%;
    max-height: 100%;
}
.reviews .center .image-wrap {
    width: 25%;
    padding: 10px;
    float: left;
    max-height: 220px;
}
.reviews .center .image-wrap img {
    max-width: 100%;
    max-height: 100%;
}
/**************************  Past Work Template ***********************/
.past-work {
    width: 100%;
    text-align: center;
    padding: 50px 30px;
}
.past-work h2 {
    font-size: 40px;
    font-family: 'Maven Pro', sans-serif;
    color: #166a33;
}
.past-work h3 {
    font-size: 28px;
    font-family: 'Maven Pro', sans-serif;
    color: #166a33;
    padding: 0 10%;
    line-height: 1.2;
    margin-bottom: 15px;
}
.past-work p {
    font-size: 16px;
    color: #166a33;
    padding: 0 10%;
}
.past-work .testimonials-box {
    padding: 15px;
    text-align: center;
}
.past-work .testimonials-box .past-work-wrapper {
    padding: 10px;
    max-width: 400px;
    width: 33%;
    margin: 10px 0;
    vertical-align: top;
    margin-bottom: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.past-work .testimonials-box .past-work-wrapper .inner {
    background-color: rgba(22, 106, 51, 0.2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 7px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.past-work .testimonials-box .past-work-wrapper .inner:hover .past-work-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s ease;
    z-index: 100;
    background-color: rgba(22, 106, 51, 0.75);
}
.past-work .testimonials-box .past-work-wrapper .inner img {
    max-width: 100%;
    position: relative;
    z-index: 10;
}
.past-work .testimonials-box .past-work-wrapper .inner .past-work-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s ease;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(100%);
    padding: 20px;
}
.past-work .testimonials-box .past-work-wrapper .inner .past-work-content p {
    color: #ffffff;
    padding: 0;
}
.past-work .testimonials-box .past-work-wrapper.ng-move,
.past-work .testimonials-box .past-work-wrapper.ng-enter,
.past-work .testimonials-box .past-work-wrapper.ng-leave {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}
.past-work .testimonials-box .past-work-wrapper.ng-leave.ng-leave-active,
.past-work .testimonials-box .past-work-wrapper.ng-move,
.past-work .testimonials-box .past-work-wrapper.ng-enter {
    opacity: 0;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
}
.past-work .testimonials-box .past-work-wrapper.ng-leave,
.past-work .testimonials-box .past-work-wrapper.ng-move.ng-move-active,
.past-work .testimonials-box .past-work-wrapper.ng-enter.ng-enter-active {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
#show-more {
    cursor: pointer;
    background-color: #ffffff;
    color: #166a33;
    padding: 8px 15px;
    font-size: 18px;
    border: 2px solid #ffd510;
    max-width: 30%;
    margin: 0 auto;
    font-weight: bold;
}
#show-more:hover {
    background-color: #166a33;
    color: #ffffff;
}
@media (max-width: 1080px) {
    .reviews .testimonials-box {
        padding: 15px;
        text-align: center;
    }
    .reviews .testimonials-box .testimonial {
        width: 45%;
        margin: 10px 1%;
    }
    .past-work .testimonials-box .past-work-wrapper {
        width: 45%;
    }
    #show-more {
        max-width: 40%;
    }
}
@media (max-width: 800px) {
    .reviews .testimonials-box {
        padding: 15px;
        text-align: center;
    }
    .reviews .testimonials-box .testimonial {
        max-width: 400px;
        width: 90%;
        margin: 10px 0;
    }
    #show-more {
        max-width: 50%;
    }
    .past-work .testimonials-box .past-work-wrapper {
        width: 90%;
    }
}
/***************************  Gallery  ****************************/
#gallery {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#gallery .overlay-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    line-height: 29px;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    z-index: 100;
    background-color: rgba(22, 106, 51, 0.9);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
#thumbs-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10%;
    overflow: hidden;
    border-top: 2px solid #ffffff;
}
#thumbs-box .thumb-wrapper {
    height: 100%;
    padding: 3px;
    border: 1px solid transparent;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
}
#thumbs-box .thumb-wrapper.active {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(40));
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
#thumbs-box .thumb-wrapper img {
    max-height: 100%;
}
#thumbs-box .thumbs-wrapper {
    height: 100%;
}
#content-wrapper {
    position: absolute;
    right: 10px;
    bottom: 11%;
    width: 25%;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.9);
    color: #166a33;
}
#content-wrapper p {
    padding: 0;
    margin: 0;
}
#content-wrapper.ng-move,
#content-wrapper.ng-enter,
#content-wrapper.ng-leave {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}
#content-wrapper.ng-leave.ng-leave-active,
#content-wrapper.ng-move,
#content-wrapper.ng-enter {
    opacity: 0;
}
#content-wrapper.ng-leave,
#content-wrapper.ng-move.ng-move-active,
#content-wrapper.ng-enter.ng-enter-active {
    opacity: 1;
}
#image-wrapper {
    position: relative;
    margin: 10px 0;
    z-index: 1;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 80%;
    width: 85%;
    -webkit-perspective: 2000;
    -moz-perspective: 2000;
    -ms-perspective: 2000;
    perspective: 2000;
}
#image-wrapper .face {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#image-wrapper .face img {
    max-height: 100%;
    max-width: 90%;
    height: 100%;
    /*&.zoom{
                -webkit-transform: scale(2) translate(0%, 25%);
                -moz-transform: scale(2) translate(0%, 25%);
                -ms-transform: scale(2) translate(0%, 25%);
                -o-transform: scale(2) translate(0%, 25%);
                transform: scale(2) translate(0%, 25%);
                top: 50%;
                left: 50%;
            }*/
}
#image-wrapper .face.ng-move,
#image-wrapper .face.ng-enter,
#image-wrapper .face.ng-leave {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#image-wrapper .face.ng-leave.ng-leave-active,
#image-wrapper .face.ng-enter,
#image-wrapper .face.ng-enter.ng-enter-active {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
#image-wrapper .face.ng-leave,
#image-wrapper .face.ng-move.ng-move-active,
#image-wrapper .face.ng-enter.ng-enter-active {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
@media (max-width: 1000px) {
    #content-wrapper {
        right: 10px;
        left: 10px;
        width: auto;
        z-index: 100;
    }
    #image-wrapper {
        top: 42%;
        height: 90%;
        width: 100%;
    }
    #image-wrapper .face img {
        height: auto;
    }
}
@media (max-width: 640px) {
    #content-wrapper {
        display: none;
    }
    #image-wrapper {
        top: 50%;
        height: 100%;
    }
    #image-wrapper .face img {
        width: auto;
        max-width: 100%;
        height: 100%;
    }
    #thumbs-box {
        display: none;
    }
}
@media (max-width: 400px) {
    #image-wrapper .face img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}
/*#f1_card {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: all .5s linear;
}*/
/*#image-wrapper:hover #f1_card {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}*/
/*
#image-wrapper:hover .face {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
#image-wrapper:hover .face.back {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.face.back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}*/
/**************************   POsts  ***************************************/
.posts {
    width: 100%;
    text-align: center;
    padding: 50px 30px;
}
.posts #breadcrumbs {
    text-align: left;
    padding: 0;
}
.posts h2 {
    font-size: 40px;
    font-family: 'Maven Pro', sans-serif;
    color: #166a33;
}
.single-post h2{
    font-size: 28px;
    font-family: 'Maven Pro', sans-serif;
    font-weight: bold;
}

.single-post ul{
    margin-left: 25px;
    margin-bottom: 20px;
}

.posts h3 {
    font-size: 28px;
    font-family: 'Maven Pro', sans-serif;
    color: #166a33;
    padding: 0 10%;
    line-height: 1.2;
    margin-bottom: 15px;
}
.posts p {
    font-size: 16px;
    color: #166a33;
    padding: 0 10%;
}
.posts .post-box {
    padding: 15px;
    text-align: center;
}
.posts .post-box .post-wrapper {
    padding: 10px;
    margin-bottom: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 33%;
    margin: 10px 0;
    vertical-align: top;
}
.posts .post-box .post-wrapper .inner {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: rgba(22, 106, 51, 0.2);
    text-align: left;
}
.posts .post-box .post-wrapper .inner .post-content {
    padding: 15px;
    font-size: 18px;
    line-height: 1.4;
    color: #4c4c4c;
}
.posts .post-box .post-wrapper .inner .post-title {
    color: #166a33 !important;
    font-weight: bold !important;
    font-size: 24px !important;
    margin: 10px 0;
    padding: 0 5px;
    text-align: center;
}
.posts .post-box .post-wrapper .inner img {
    max-width: 100%;
    margin: auto;
    display: block;
}
.posts .post-box .post-wrapper .inner .post-date {
    color: #535353;
    font-size: 14px;
    margin-left: 10px;
}
.posts .post-box .post-wrapper.ng-move,
.posts .post-box .post-wrapper.ng-enter,
.posts .post-box .post-wrapper.ng-leave {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}
.posts .post-box .post-wrapper.ng-leave.ng-leave-active,
.posts .post-box .post-wrapper.ng-move,
.posts .post-box .post-wrapper.ng-enter {
    opacity: 0;
}
.posts .post-box .post-wrapper.ng-leave,
.posts .post-box .post-wrapper.ng-move.ng-move-active,
.posts .post-box .post-wrapper.ng-enter.ng-enter-active {
    opacity: 1;
}
.single-post .img-wrapper {
    width: 40%;
    float: right;
    padding: 15px;
}
.single-post .img-wrapper img {
    max-width: 100%;
}
.single-post .img-wrapper a.button {
    padding: 6px 15px 0 !important;
    font-size: 18px !important;
    line-height: 23px !important;
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-bottom: 15px;
}
.single-post .img-wrapper a.button:after {
    top: -2px !important;
    height: 26px !important;
    display: inline-block;
    overflow: hidden;
}
.single-post .single-title {
    float: left;
    width: 80%;
    color: #166a33;
    font-size: 28px;
    padding: 15px;
}
.single-post .single-title img {
    max-width: 100%;
}
.single-post .single-title p {
    color: #acacac;
}
.single-post .single-content {
    float: left;
    width: 80%;
    padding: 15px;
}
#breadcrumbs {
    text-align: left;
    padding: 5px 0;
    float: left;
}
.tax-product-category #breadcrumbs {
    margin-bottom: 0;
}
.tax-product-category #content h1{
    margin-bottom: 5px;
}
#overlay-reviews-trigger {
    cursor: pointer;
}
#more-order-info input.ng-invalid {
    border-color: red;
    background-color: #ffd4cd;
}
#more-order-info h3 {
    color: #166a33;
    font-size: 18px;
    margin-bottom: 10px;
}
#more-order-info h3 span {
    color: #acacac;
    font-size: 14px;
    display: block;
}
#more-order-info .pull-left,
#more-order-info .pull-right {
    width: auto !important;
}
#more-order-info .date-picker {
    width: 25%;
    float: left;
}
#more-order-info .date-picker input.ng-invalid {
    border-color: inherit;
    background-color: inherit;
}
#more-order-info .date-picker th {
    vertical-align: top;
}
#more-order-info .date-picker .input-group .form-control {
    width: 100%;
    font-size: 18px;
    padding: 0 10px;
}
#more-order-info .date-picker .input-group-btn {
    width: auto;
}
#more-order-info .date-picker button {
    border: 1px solid #adadad;
    height: 34px;
}
#more-order-info .date-picker button i {
    font-size: 18px;
}
#more-order-info .allow-photo {
    float: left;
    width: 25%;
    margin-left: 5%;
}
#more-order-info .allow-photo label {
    display: block;
    margin-bottom: 10px;
    font-style: italic;
    font-size: 15px;
    color: #535353;
    cursor: pointer;
}
#more-order-info .allow-photo label input {
    margin-right: 15px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
#more-order-info .allow-mailchimp {
    width: 40%;
    margin: auto;
    margin-top: 50px;
}

#more-order-info .allow-mailchimp label {
    display: block;
    margin-bottom: 10px;
    font-style: italic;
    font-size: 15px;
    color: #535353;
    cursor: pointer;
}
#more-order-info .allow-mailchimp label input {
    margin-right: 15px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

#more-order-info .ship-this {
    float: left;
    width: 40%;
    margin-left: 5%;
}
#more-order-info .ship-this label {
    display: block;
    margin-bottom: 10px;
    font-style: italic;
    font-size: 15px;
    color: #535353;
    cursor: pointer;
}
#more-order-info .ship-this label input {
    margin-right: 15px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
#more-order-info .shipping-address {
    margin-bottom: 20px;
}
#more-order-info .shipping-address div {
    float: left;
    width: 33%;
    padding: 0 20px;
    margin: 5px 0;
}
#more-order-info .shipping-address div input,
#more-order-info .shipping-address div textarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #F1F1F1;
    font-size: 16px;
    resize: none;
}
#more-order-info .shipping-address div.full {
    width: 99%;
}


/*********** About Us Page **************/
.page-id-4159 #content h2{
    font-size: 25px;
    margin: 20px 0 5px 0;
}

.page-id-4159 #content ul{margin-bottom: 20px}

.product-box .popover ul{
    float: none;
    width: auto;
}

#video-city-text.desktop {
    position: absolute;
    bottom: 145px;
    left: 91px;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
#video-city-text.mobile {
    display: none;
}
#video-city-text h2 {
    font-size: 90px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}
#video-city-text p {
    font-size: 25px;
    color: #fff;
    opacity: 0.8;
    margin: 0;
}
#video-city-text img {
    width: 120px;
    height: auto;
}

.province-select {
    background-color: #F1F1F1;
    border: 1px solid #adadad;
    border-radius: 3px;
    width: 100%;
    height: 44px;
    display: block;
}

/*****************************   NEW add-order  *******************/

#add-order .headers .order-btn-header{
    width: 33%;
}

.order-details .sizes .remove-btn {
    margin-left: 10px;
}

.order-details .sizes .add-more,
.order-details .sizes .apply {
    width: 30px;
    height: 27px;
    overflow: hidden;
}

.page-id-8 .order-details .sizes .add-more, .page-id-8 .order-details .sizes .apply {
    width: auto;
    height: auto;
    overflow: hidden;
}

#orders .order-details .color-box .color {
    width: 35px !important;
    height: 35px !important;
    margin-top: 4px;
    margin-right: 10px;
    margin-bottom: 4px;
}

#orders .order-btn {
    /*display: block !important;*/
    margin: 20px auto;
    width: 195px;
}
#orders .order-btn-new {
    display: inline-block;
    /*margin-top: -50px;*/
    cursor: pointer;
    position: relative;
    top: -50px;
}
#product-info .order-btn-new {
    display: inline-block;
    cursor: pointer;
}
#orders .order-btn-new:hover,
#product-info .order-btn-new:hover {
    box-shadow: 2px 2px 3px #adadad;
}

#product-page .print-name-update ol li input {
    width: 150px;
}

#sidebar-right {
    display: block !important;
    right: -100%;
    width: 100%;
    webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    transition: right 0.5s ease;
    position: fixed;
}

#sidebar-right.open {
    padding: 0;
    webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    transition: right 0.5s ease;
}

#sidebar-right-content {
    width: 100%;
    float: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

#shopping-cart-wrapper {
    padding: 7px;
}

#orders .order {
    margin-bottom: 20px;
    /*border: 0.5px solid #88cc44;*/
    border: 2px solid #dff0d8;
    /*-moz-border-radius-topleft: 24px;*/
    -moz-border-radius-topright: 24px;
    /*border-top-left-radius: 24px;*/
    border-top-right-radius: 24px;
    /*-webkit-border-top-left-radius: 24px;*/
    -webkit-border-top-right-radius: 24px;
    position: relative;
    padding-bottom: 30px;
}

#shopping-cart .collapse {
    margin-left: 0px;
    margin-bottom: 4px;
}

#orders .order-details .color-box .color-title {
    vertical-align: top;
    margin-left: 0;
}


#cart-check-out.new-style a img, #cart-check-out-2.new-style a img {
    height: 33px;
    width: 150px;
}

#cart-settings img {
    height: 26px;
    cursor: pointer;
}

#cart-close-new img {
    width: 91px;
    height: 20px;
    cursor: pointer;
}

#orders .order h3 {
    background-color: #d4d4d4;
    color: #000;
}


#shopping-cart a.add-more {
    padding-left: 14px;
    width: 14px;
    overflow: hidden;
    text-indent: 3px;
}

#shopping-cart .item-header .remove-btn {
    margin-top: 7px;
    margin-right: 0px;
}

#orders .order h3 {
    backface-visibility: hidden;
    position: relative;
    cursor: pointer;
    display: block;
    white-space: nowrap;
    /*background: linear-gradient(180deg, #ce8 0%, #166a33 100%);*/
    background: #166a33;
    /*border-radius: 24px;*/
    -moz-border-radius-topleft: 24px;
    -moz-border-radius-topright: 24px;
    /*border-top-left-radius: 24px;*/
    border-top-right-radius: 24px;
    /*-webkit-border-top-left-radius: 24px;*/
    -webkit-border-top-right-radius: 24px;
    /*border: 0.5px solid #88cc44;*/
    border: 0.5px solid #dff0d8;
    /*border-width: 0.5px 0.5px 0.5px 0.5px;*/
    padding: 6px 40px 6px 40px;
    box-shadow: inset 0px 1px 0px rgba(100%, 100%, 100%, 0.6), 0px 1px 2px rgba(0, 0, 0, 0.6);
    /*        color: #337722;
          color: #166a33;*/
    color: #fff;
    font-weight: normal;
    font-style: normal;
    /*text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);*/
    vertical-align: middle;
    line-height: 1;
    overflow: hidden;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}
#orders .order h3 i{
    vertical-align: middle;
}

#orders .order h3 > i.remove {
    color: red;
    font-size: 18px;
    background: #fff;
    border-radius: 100px;
    border: 3px solid #371;
    /*border-width: 3px 3px 3px 3px;*/
    padding: 10px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-right-radius: 0;
    /*border-bottom-left-radius: 0;*/
    /*-webkit-border-bottom-left-radius: 0;*/
    -webkit-border-bottom-right-radius: 0;
    /*-moz-border-radius-bottomleft: 0;*/
    -moz-border-radius-bottomright: 0;
    cursor: pointer;
}
#orders .order h3 span.print{
    letter-spacing: 1px;
    vertical-align: middle;
}

#orders .order h3 > i.collaps {
    /*color: #372;*/
    color: #dff0d8;
    font-size: 20px;
    position: absolute;
    top: 11px;
    left: 10px;
    cursor: pointer;
}

#orders .order h3 .total {
    margin-top: -5px;
    margin-right: 15px;
}
#orders .order h3 .total .price{
    border: none;
}

#shopping-cart .item-header {
    margin-bottom: 20px;
    cursor: ns-resize;
    padding: 5px 0 5px 5px;
    border-top: 0.5px solid #88cc44;
    border-bottom: 0.5px solid #88cc44;
}
#orders .order .upload-copy-checkout{
    position: absolute;
    right: 20px;
    bottom: 5px;
    font-size: 15px;
    color: #166a33;
    font-weight: bold;
}

#shopping-cart .item-header i,
#shopping-cart .order-details i {
    color: #372;
    margin-right: 5px;
    font-size: 18px;
    vertical-align: middle;
}

#shopping-cart .item-header i.remove,
#shopping-cart .order-details i.remove {
    color: red;
}

#shopping-cart .order-details i.more {
    width: calc(100% - 227px);
}



#orders .order-details .total div, #orders .order-details .total {
    color: #191919;
}

#main-nav.active, #sidebar-right.active {
    top: 10px;
    max-height: calc(100% - 70px) !important;
}
#sidebar-right.active {
    bottom: 10px;
}

#orders .order-details .color-box {
    margin-bottom: 8px;
    min-height: 60px;
}

#shopping-cart #orders {
    padding-bottom: 20px;
}

#button-close-cart {
    backface-visibility: hidden;
    position: relative;
    top: -8px;
    left: -8px;
    width: 44px;
    height: 44px;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    background: #166a33;
    border-radius: 100px;
    border: 3px solid #fff;
    border-width: 3px 3px 3px 3px;
    padding: 5px 10px 7px 8px;
    box-shadow: inset 0px 1px 3px rgba(8.627450980392155%, 41.568627450980394%, 20%, 0.6), inset 0px -1px 3px #35c9c8, 0px 3px 6px rgba(0, 0, 0, 0.3);
    color: #000;
    font-size: 16px;
    font-family: Helvetica Neue;
    font-weight: 900;
    font-style: normal;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3)
}

#button-close-cart > i {
    color: #fff;
    font-size: 22px;
    border-radius: 0px;
    border: 0px solid transparent;
    border-width: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: static;
    margin-top: 2px;
    margin-left: 2px;
}

#cart-settings {
    float: none;
    display: inline-block;
    width: 100%;
}

#cart-settings .cart-button {
    margin-bottom: 10px;
    font-family: "Maven Pro", sans-serif;
}

.cart-button {
    backface-visibility: hidden;
    position: relative;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    background: linear-gradient(180deg, #ce8 0%, #166a33 100%);
    background: #166a33;
    border-radius: 100px;
    border: 0.5px solid #88cc44;
    border-width: 0.5px 0.5px 0.5px 0.5px;
    padding: 7px 36px 9px 10px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.6), 0px 1px 2px rgba(0, 0, 0, 0.5);
    color: #166a33;
    color: #fff;
    font-size: 14px;
    font-family: Helvetica Neue;
    font-weight: 900;
    font-style: normal;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5)
}

.cart-button:hover {
    color: #166a33;
    background: #fff;
    transition: all 0.25s linear;
}

.cart-button.red {
    background: linear-gradient(180deg, #ff0000 0%, #bf0000 100%);
    border: 0.5px solid #bf0000;
    color: #fff;
}

.cart-button > div {
    color: #372;
    font-size: 10px;
    font-family: transcript;
    font-weight: 200;
    font-style: italic;
    text-align: center;
    margin: -3px 0px 0px 0px
}

.cart-button > i {
    color: #372;
    font-size: 1.1em;
    background: #fff;
    border-radius: 100px;
    border: 3px solid #371;
    border-width: 3px 3px 3px 3px;
    padding: 7px 7px 7px 7px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 0px;
    right: 0px
}

.cart-button.red > i {
    color: #bf0000;
    border: 3px solid #7b0000;
}

#cart-check-out.cart-button {
    font-size: 24px;
    padding: 7px 60px 9px 15px;
    position: relative;
    top: -5px;
    right: 20px;
    font-family: "Maven Pro", sans-serif;
}

#orders h3 i.fa.fa-pencil-square-o {
    font-size: 24px;
    margin-left: 16px;
    /*color: #166a33;*/
    color: #dff0d8;
}
#orders h3 i.fa.fa-pencil-square-o span{
    line-height: 15px;
    width: 58px;
    display: inline-block;
    white-space: pre-line;
    vertical-align: middle;
    font-size: 18px;
    margin-left: 5px;
    margin-top: -6px;
    font-family: "Maven Pro", sans-serif;
}

#orders .order .edit-print-wrapper {
    padding: 10px;
}

#orders .order .edit-print-wrapper .edit-element {
    padding: 5px 0;
    border-top: 1px dotted #adadad;
}

#orders .order .edit-print-wrapper .edit-element label {
    color: #adadad;
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

#orders .order .edit-print-wrapper .edit-element input,
#orders .order .edit-print-wrapper .edit-element select {
    width: 45%;
    margin-left: 2%;
    vertical-align: middle;
}

#orders .item-header i, #orders .order-details i {
    color: #372;
    margin-right: 5px;
    font-size: 25px;
    vertical-align: middle;
    margin-top: -3px;
    cursor: pointer;
}
#orders .item-header i label, #orders .order-details i label{
    cursor: pointer;
    font-size: 20px;
    width: auto;
    margin-left: 7px;
    font-family: "Maven Pro", sans-serif;
}
#orders .item-header i span, #orders .order-details i span{
    font-family: "Maven Pro", sans-serif;
}

#orders .order-details i.more {
    width: calc(100% - 250px);
}

#orders .item-header i.remove, #orders .order-details i.remove {
    color: red;
}

#orders .add-more {
    background: none;
    padding-left: 10px;
    height: 30px;
    line-height: 1.2;
    font-size: 25px;
}
#orders .add-more span{
    font-family: "Maven Pro", sans-serif;
}

#orders .add-more:before {
    margin-right: 10px;
}

html, body {
    overflow-x: hidden;
    width: 100%;
}

#product-page .print-name-update ol {
    margin-left: 15px;
}

#product-page .print-name-update ol li span {
    display: block;
    margin: 15px 0;
}

#product-page .print-name-update ol li span input {
    width: 100%;
}

/*****************************   NEW add-order End  *******************/


@media (max-width: 1600px) {
    #video-city-text.desktop {
        left: auto;
        right: 10%;
    }
}
@media (max-width: 1300px) and (min-width:500px) {
	#content {
		padding-left: 60px;
		padding-right:60px;
	}
}

@media (max-width: 1200px) {
    #video-city-text.desktop {
        right: 2%;
        bottom: 180px;
        width: 400px;
    }
    #video-city-text.desktop h2 {
        font-size: 77px;
    }
}

@media (max-width: 940px) {
    #video-city-text.desktop {
        display: none;
    }
    #video-city-text.mobile {
        display: block;
        width: 100%;
        margin-top: 40px;
    }
}

@media (max-width: 800px) {
    #video-city-text.mobile h2 {
        font-size: 60px;
    }
}

@media (max-width: 768px) {
    .single-post .img-wrapper,.single-post .single-title,.single-post .single-content {
        float: none;
        width: 100%;
    }
    .single-post .img-wrapper a.button {
        float: none;
        display: block;
        width: 240px;
    }
    .single-post #breadcrumbs {
        float: none;
    }
    #top-nav-wrapper.active {
        position: relative !important;
        z-index: 200 !important;
    }
    .posts .post-box .post-wrapper {
        width: 100%;
    }
}

@media (max-width: 640px) {
    #video-city-text p {
        display: block !important;
    }
    #video-city-text.mobile h2 {
        font-size: 32px;
    }
}

@media (max-width: 450px) {
    #video-city-text.mobile {
        margin-top: 20px;
    }
}

@media (max-width: 360px) {
    #video-city-text.mobile {
        margin-top: 32px;
    }
    #video-city-text img {
        width: 100px;
    }
}

@media (max-width: 320px) {
    #video-city-text.mobile {
        margin-top: 9px;
    }
}
@media (max-width: 1051px) {
    #top-nav li a {
        font-size: 16px !important;
    }
}

@media (max-width: 1017px) {
    #top-nav li a {
        font-size: 15px !important;
    }
}

@media (max-width: 896px) {
    #top-nav li a {
        font-size: 14px !important;
    }
}

@media (max-width: 858px) {
    #top-nav li a {
        font-size: 13px !important;
        padding: 0 8px;
    }
}

@media (max-width: 713px) {
    #top-nav li a {
        font-size: 11px !important;
    }



    #shopping-cart.place-an-order .pull-left, #shopping-cart.place-an-order .pull-right{
        width: 100%;
    }
}

@media (max-width: 1700px) and (min-width: 600px) {
	.single-post .single-title {
	    float: none;
	    width: 80%;
	    color: #166a33;
	    font-size: 28px;
	    padding: 15px;
	    margin: auto;
	}
    .single-post .single-content {
	    float: none;
	    width: 80%;
	    padding: 15px;
	    margin: auto;
    }
}


@media (max-width: 768px) {
    #content.product, #content.full, #content.page {
        padding: 0 10px;
        width: 100%;
    }

    #add-order .headers .order-btn-header span.arrow {
        left: 50%;
    }

    #add-order .headers label {
        height: 30px;
        overflow: hidden;
    }

    #the-print,
    #order-colors,
    #choose-a-print {
        width: 100%;
        display: none;
    }

    #the-print.active,
    #order-colors.active,
    #choose-a-print.active {
        display: block;
    }

    .order-details .sizes .remove-btn,
    .order-details .sizes .add-more,
    .order-details .sizes .apply {

    }
}

@media (max-width: 500px) {

    /*hide on mobile*/
    .hom {
        display: none !important;
    }

    .desktop {
        /*display: none !important;*/
    }

    .mobile {
        display: block;
    }

    .quantity-color br,
    .price-color br {
        display: none;
    }

    #orders .order-details .total div {
        margin-right: 0;
    }

    #orders .order-details .total div {
        text-align: right;
        display: block;
        float: none;
    }

    #orders .order-details .quantity {
        width: 60px;
    }
    #orders .order-details i.more {
        width: calc(100% - 227px);
    }

    #shopping-cart h4 {
        width: 65%;
        max-width: 65%;
    }

    #shopping-cart .item-header i.more {
        width: calc(30% - 68px);
    }

    #sidebar-right-content {
        padding: 0px !important;
    }

    #cart-check-out.cart-button {
        top: -14px;
        right: -13px;
    }

    #more-order-info .ship-this,
    #more-order-info .allow-photo,
    #more-order-info .date-picker{
        width: 100%;
        margin-left: 0;
    }

    #more-order-info .ship-this{
        margin: 25px 0;
    }

    .page-id-8 #shopping-cart a.order-btn {
        font-size: 26px;
        margin: 25px 0;
    }

    #orders .order-details .add-name-number {
        display: none;
    }

    .page-id-8 #orders .order-details .add-name-number {
        display: block;
    }

    #orders .order-details {
        padding: 6px;
        margin-top: 0;
        padding-bottom: 0;
        border-top: 0.5px solid #88cc44;
        border-bottom: 0.5px solid #88cc44;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .page-id-8 #orders .order-details {
        padding-bottom: 25px;
    }

    .name-data input.names ,
    .name-data-labels span.names{
        width: 45%;
    }

    .name-data input ,
    .name-data-labels span{
        width: 25%;
        font-size: 18px;
        padding: 3px 5px;
        text-align: center;
    }

    .name-data-labels span.nan-total{
        width: 100%;
    }

    #orders .order-details .name-data i{
        width: 50%;
        text-align: right;
        margin: 5px 0;
    }
    #orders .order-details .name-data .nan-total{
        width: 46%;
        margin: 5px 0;
        font-size: 19px;
        vertical-align: middle;
    }

    #orders .order-details .name-data i:after{
        margin-right: 10px;
    }

    #content.product .size-lineup{
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }

    #total label, .total label, #total .price, .total .price{
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    #total .price, .total .price{
        width: auto;
    }
    #total, .total {
        text-align: right;
        margin-top: 0;
    }

    #orders .order-btn {
        margin-top: -53px;
    }
}

h2.checkout-steps {
    font-weight: bold;
    border-bottom: 1px solid #adadad;
}


.ProceedToNextStep img{
    width: 330px;
    height: 50px;
}

@media (max-width:600px){
    .ProceedToNextStep img{
        width: 252px;
        height: 38px;
    }

    .file-selections button {
        outline: 0;
        font-weight: bold;
        font-size: 14px;
        padding: 7px 7px;
        margin-bottom: 5px;
        width: 49%;
    }
}

.store-lander-wrap {
    padding: 30px 0;
    /*font-family: 'Maven Pro', sans-serif;*/
}
.sl-row {
    padding: 15px 0;
}
.sl-row:after {
    clear: both;
    content: '';
    display: table;
}
.sl-col {
    float: left;
}
.sl-col:first-of-type {
    padding-right: 20px;
}
.sl-col:last-of-type {
    padding-left: 20px;
}
.sl-col40 {
    width: 40%;
}
.sl-col60 {
    width: 60%;
}
.sl-col50 {
    width: 50%;
}
.sl-col33 {
    width: 33.333%;
}
.sl-content h1 ,
.sl-content h3 ,
.sl-content h2 {
    font-family: 'Maven Pro', sans-serif;
}
.sl-content h1 {
    font-size: 50px;
    text-align: center;
    margin: 0 0 50px;
    font-weight: 500;

}
.sl-content h2 {
    color: #166a33;
    /*background-color: rgba(22, 106, 51, 0.2);*/
    text-align: center;
    padding: 6px 0;
    margin: 6px 0;
    font-size: 30px;
    font-size: 40px;
    font-weight: 700;
    font-weight: 500;
    position: relative;
}
.sl-content h2.has--img {
    /*background-color: rgba(22, 106, 51, 0.2);*/
}
.sl-content h2.has--img:before,
.sl-content h2.has--img:after {
    background-color: rgba(22, 106, 51, 0.2);
    /*content: '';*/
    display: block;
    width: 1000px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.sl-content h2:before {
    left: -1000px;
}
.sl-content h2:after {
    right: -1000px;
}
.sl-content h2.bigblack {
    color: black;
    background-color: white;
    font-size: 40px;
}
.sl-content h2.bigblack:after,
.sl-content h2.bigblack:before {
    display: none;
}
.sl-content h2.has--img {
    padding: 30px 0;
}
.sl-content h2.has--img img {
    display: block;
    float: left;
    margin-right: 20px;
    position: relative;
    /*top: -20px;*/
}
.overflowed {
    overflow: hidden;
}
/* .sl-content h2.has--img:after {
  clear: both;
  content: '';
  display: table;
} */
.sl-content h3 {
    font-size: 35px;
    font-weight: 500;
    line-height: 40px;
    margin: 0 0 20px;
}
.sl-content h4 {
    font-size: 28px;
    font-weight: 500;
    line-height: 35px;
}
.sl-content p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.sl-content p.biggerp {
    font-size: 18px;
    font-weight: 500;
}
.green {
    color: #166a33;
}
.sl-content img {
    max-width: 100%;
}
.sl-sample {
    display: block;
    margin: 40px auto;
}
.center-text {
    text-align: center;
}
.sl-intro-margin {
    margin-top: 60px;
}
.sl-callout {
    font-size: 24px;
    text-align: center;
}
.sl-example {
    text-align: center;
}
.sl-example hr {
    margin: 5px 0;
}
.sl-example span {
    display: block;
    padding: 2px 0;
    font-weight: 500;
    font-size: 16px;
}
.sl-example-bot {
    background-color: rgba(22, 106, 51, 0.2);
    padding: 5px 10px;
    margin-top: 10px;
}
.sl-examples-wrap {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.sl-example img {
    display: block;
    height: 500px;
    width: auto;
    margin: 15px auto;
}
.school-totals {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
}
.school-totals hr {
    margin: 5px 0;
}
.greenbg {
    background-color: rgba(22, 106, 51, 0.2);
    padding: 5px;
}

.nhome {
    padding: 40px 0;
}
.nhome-inn {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
.nhome-logo img {
    width: 300px;
}
.nhome-icons {
    padding: 30px 0;
}
.nhome-slide-title {
    display: block;
    font-size: 24px;
    font-weight: 600;
    padding: 20px 0;
}
.nhome-bottom {
    padding: 15px 0 0;
}
.nhome-bottom:after {
    clear: both;
    content: '';
    display: table;
}
.nhome-bottom-text {
    float: right;
}
.nhome-bottom-img {
    float: left;
}
.nhome-bottom-text span {
    display: block;
    padding: 1px 0;
    font-weight: 500;
    font-size: 16px;
}

.extra-content-product {
 margin: auto;
 width: 1080px;
 font-size: 16px;
 line-height: 1.4;
 margin-bottom: 15px;
 font-family: maven pro,sans-serif;
}
.extra-content-product h2{
 margin: auto;
    width: 1080px;
    font-size: 25px;
    line-height: 1.4;
   font-weight: 500;
    margin-bottom: 15px;
}
.extra-content-product li {
list-style: circle;
margin-left: 20px;
padding-bottom: 10px;
}

@media (max-width: 1280px){
.extra-content-product {
width: 900px;
}
}

@media (max-width: 1040px){
.extra-content-product {
width: 800px;
}
}
@media (max-width: 980px){
.extra-content-product {
width: 600px;
}
}
@media (max-width: 660px){
.extra-content-product {
width: 400px;
}
.extra-content-product h2{
width: 400px;
}
}
@media (max-width: 470px){
.extra-content-product {
width: 300px;
}
.extra-content-product h2{
width: 300px;
}
}

.block-editor-block-list__layout::selection {
  background: #2684ff !important;
  color: #fff !important;
}