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;
    border-radius: 0;
    vertical-align: baseline
}

em {
    font-style: italic;
}

:focus {
    outline: 0
}

strong {
    font-weight: bold
}

body {
    background: #fff;
    line-height: 1
}

ol,
ul {
    list-style: none
}

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

caption,
th,
td {
    font-weight: normal;
    text-align: left
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

blockquote,
q {
    quotes: "" ""
}

a img {
    border: 0
}

@font-face {
    font-family: raleway-light-webfont;
    src: local('Open Sans Light'), local('OpenSansLight'), url("/wp-content/themes/esracing/font/raleway-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: raleway-extrabold-webfont;
    src: local('Open Sans Extra Bold'), local('OpenSansExtraBold'), url("/wp-content/themes/esracing/font/raleway-extrabold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    line-height: 26px;
    font-size: 16px;
    font-family: "raleway-light-webfont", Arial, Tahoma;
    color: #000;
    background: transparent;
    min-width: 320px;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: absolute;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

img {
    border: 0
}

a,
a:hover,
a:active {
    outline: none
}

::-moz-selection {
    background: #000;
    color: #fff
}

::selection {
    background: #000;
    color: #fff
}

a {
    color: #ed1c24;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    text-decoration: none;
    border-bottom: 0 solid #ed1c24
}

::-webkit-input-placeholder {
    color: #888;
    opacity: 1
}

:-moz-placeholder {
    color: #888;
    opacity: 1
}

::-moz-placeholder {
    color: #888;
    opacity: 1
}

:-ms-input-placeholder {
    color: #888;
    opacity: 1
}

a:hover {
    border-bottom: 1px solid #ed1c24
}

b,
strong {
    font-family: "raleway-extrabold-webfont", Arial, Tahoma;
    font-weight: normal
}

svg path,
svg ellipse,
svg circle,
svg polygon {
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

h1 {
    margin: 0;
    padding: 0 0 50px 0;
    font-size: 4vw;
    line-height: 4vw;
    font-family: "raleway-extrabold-webfont", Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    max-width: 1600px;
    margin: 0 auto;
    letter-spacing: 0.4vw
}

h2 {
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 50px;
    line-height: 50px;
    font-family: "raleway-extrabold-webfont", Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    width: 100%;
}

h3 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 24px;
    line-height: 24px;
    font-family: "raleway-extrabold-webfont", Arial, Tahoma;
    font-weight: normal;
    color: #000
}

p {
    margin: 0 0 20px 0
}

content ul {
    list-style-type: disc;
    margin: 0 0 20px 20px;
    width: 100%
}

content ol {
    list-style-type: decimal;
    margin: 0 0 20px 20px;
    width: 100%
}

content table {
    margin: 0 0 20px 0;
    width: 100%
}

content table td {
    padding: 10px;
    vertical-align: top;
	text-transform: uppercase;
}

content table.hinnakiri tr:first-child {
    background: #ed1c24;
    color: #fff;
    font-family: "raleway-extrabold-webfont", Arial, Tahoma;
    text-transform: uppercase
}

content table.hinnakiri td{text-transform: none;}
content table tr:first-child td {
    padding: 15px 10px
}

content tr:nth-child(odd) {
    background-color: rgba(145, 165, 166, 0.2)
}

content .rightpic {
    float: right;
    width: 35%;
    margin: 0 0 20px 20px;
    border-radius: 100%
}

.no-scroll {
    overflow: hidden
}

#linetop,
#linebottom {
    position: fixed;
    height: 15px;
    width: 100%;
    top: 0;
    background: #ed1c24;
    z-index: 9998;
}

#linebottom {
    top: auto;
    bottom: 0
}

#lineleft,
#lineright {
    position: fixed;
    width: 15px;
    height: 200%;
    top: -50%;
    left: 0;
    background: #ed1c24;
    z-index: 9998;
}

#lineright {
    left: auto;
    right: 0
}

menu {
    position: fixed;
    z-index: 990;
    padding: 10px 0 0 0;
    margin: 0;
    height: 135px;
    width: 100%;
    top: 0;
    background: transparent;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

menu .themenu {
    margin-top: 48px;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 10;
    font-size: 18px;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

menu .themenu ul {
    margin-top: 13px;
    width: auto;
    max-width: 250px;
    text-align: left;
    position: absolute;
    z-index: 10;
    height: 0;
    display: none;
    background: #91a5a6;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

menu .lang {
    float: left;
    width: auto;
    position: relative;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

#cart {
    position: relative;
  padding: 13px;
    border: 0 !important;
margin-top: 36px;
margin-left:15px;
float:right;
width: 52px;
height: 52px;
text-align: center;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    background: #91a5a6;
    border:0;
}
#cart:hover {
     background: #ed1c24 ;
}

#cart #count{
    position: absolute;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border: 0 !important;
color:#fff;
border-radius: 100%;
width: 20px;
height: 20px;
text-align: center;
right:-10px;
top:-10px;
 font-family: "raleway-extrabold-webfont", Arial, Tahoma;
 font-size:12px;
 line-height: 18px;

    background: #ed1c24 ;
    border:0;
}
#cart:hover #count{
    
    background: #91a5a6;
  
}
#cart img {
width:20px;
margin:-3px 0;
height: 20px;
}

menu .themenu li {
    display: inline-block
}

menu .themenu a {
    position: relative;
    text-transform: uppercase;
    font-family: "raleway-extrabold-webfont", Arial, Tahoma;
    padding: 15px;
    border: 0!important;
    color: #fff;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

menu .themenu ul li,
menu .themenu ul li a {
    display: block;
    float: left;
    width: 100%;
    font-family: "raleway-light-webfont", Arial, Tahoma;
    text-transform: unset
}

menu .themenu ul li a {
    background-color: #91a5a6;
    padding: 10px 15px
}

menu .themenu ul li a:hover {
    background-color: #ed1c24
}

menu .lang  a:hover {
    background-color: transparent !important;
}

menu .red a {
    background: #ed1c24
}

menu .themenu li a:hover,
menu .themenu li a.dropdown-toggle.active {
    background-color: #91a5a6
}

menu .lang a {
    font-family: "raleway-light-webfont", Arial, Tahoma;
    padding: 15px 10px
}

.dark {
    color: #fff;
    background-color: rgba(47, 57, 58, 0.8);    
}

/*.dark:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.1;
    background-size: cover;
    background-image: url(/wp-content/themes/esracing/img/01.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%)
}*/

#hamburger {
    width: 60px;
    height: 60px;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    position: fixed;
    z-index: 997;
    top: 20px;
    right: 20px;
    display: none
}

#hamburger span {
    display: block;
    position: absolute;
    height: 4px;
    width: 25px;
    background: #fff;
    opacity: 1;
    left: 18px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#hamburger span:nth-child(1) {
    top: 19px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#hamburger span:nth-child(2) {
    top: 28px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#hamburger span:nth-child(3) {
    top: 37px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#hamburger.open {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

menu .logo {
    position: absolute;
    top: 35px;
    left: 55px;
    z-index: 100;
    height: 80px;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

menu #menuright {
    position: absolute;
    top: 10px;
    z-index: 500;
    right: 55px;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

menu .opened {
    width: 150px!important;
    opacity: 1!important
}

#wrap {
    position: absolute;
    height: auto;
    width: 100%;
    top: 100%;
    top: -moz-calc(100% + 160px);
    top: -webkit-calc(100% + 160px);
    top: calc(100% + 160px);
    z-index: 20;
    background: #fff;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.subwrap {
    top: 640px!important
}



.woocommerce-thankyou-order-received {
    width:100% !important;
    margin:0 0 30px 0 !important;
        font-family: "raleway-extrabold-webfont", Arial, Tahoma;
    font-weight: normal;
}

.blackout {
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    background: rgba(47, 57, 58, 0.6);
    width: 100%;
    height: 100%;
    z-index: 10;
    position: fixed;
    opacity: 1
}

.background {
    position: fixed;
    z-index: 1;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: absolute;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.firstb {
    animation: pics 60s ease-in-out infinite;
    -webkit-animation: pics 60s ease-in-out infinite;
    -moz-animation: pics 60s ease-in-out infinite;
    -o-animation: pics 60s ease-in-out infinite;
}

.secondb {
    animation: pics 60s ease-in-out 20s infinite;
    -webkit-animation: pics 60s ease-in-out 20s infinite;
    -moz-animation: pics 60s ease-in-out 20s infinite;
    -o-animation: pics 60s ease-in-out 20s infinite;
}

.thirdb {
    animation: pics 60s ease-in-out 40s infinite;
    -webkit-animation: pics 60s ease-in-out 40s infinite;
    -moz-animation: pics 60s ease-in-out 40s infinite;
    -o-animation: pics 60s ease-in-out 40s infinite;
}

@keyframes pics {
    0% {
        opacity: 0
    }
    2% {
        opacity: 1
    }
    34% {
        opacity: 1
    }
    36% {
        opacity: 0
    }
}

@-webkit-keyframes pics {
    0% {
        opacity: 0
    }
    2% {
        opacity: 1
    }
    34% {
        opacity: 1
    }
    36% {
        opacity: 0
    }
}

@-moz-keyframes pics {
    0% {
        opacity: 0
    }
    2% {
        opacity: 1
    }
    34% {
        opacity: 1
    }
    36% {
        opacity: 0
    }
}

@-o-keyframes pics {
    0% {
        opacity: 0
    }
    2% {
        opacity: 1
    }
    34% {
        opacity: 1
    }
    36% {
        opacity: 0
    }
}

header {
    position: fixed;
    width: 100%;
    height: 100%;
    height: -moz-calc(100% + 315px);
    height: -webkit-calc(100% + 315px);
    height: calc(100% + 315px);
    min-height: 900px;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-family: "raleway-light-webfont", Arial, Tahoma;
    font-weight: normal;
    z-index: 10;
    text-align: center;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

header .icon {
    margin: -14px 5px -14px 20px;
    width: 50px;
    height:50px;
}

button {
    width: auto;
    position: relative;
    background: transparent;
    color: #fff;
    border: 0;
    min-height: 80px;
    font-family: "raleway-extrabold-webfont", Arial, Tahoma;
    font-weight: normal;
    text-align: center;
    margin: 0;
    font-size: 24px;
    line-height: 24px;
    padding: 15px 10px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    text-transform: uppercase;
    background-color: #ed1c24
}

button:hover {
    background-color: #91a5a6
}

content #time {
    background-size: 25%;
    background-image: url(/wp-content/themes/esracing/img/time.svg);
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    z-index: 500;
    position: absolute;
    width: 620px;
    margin-top: -80px;
    left: -moz-calc(50% - 310px);
    left: -webkit-calc(50% - 310px);
    left: calc(50% - 310px)
}

.boxescnt a {
    border-bottom: 1px solid #ed1c24;
}
.rl-basicgrid-gallery{width:100%;}
.gallery-item a, .gallery-item a:hover{border-bottom: none;}


.boxescnt a:hover {
    border-bottom: 1px solid #2f393a;
    color: #2f393a
}

content {
    width: 100%;
    float: left;
    margin: 0;
    height: auto;
    left: 0;
    padding: 0;
    position: relative
}

content #whitefade {
    position: absolute;
    top: -340px;
    width: 100%;
    height: 340px;
    z-index: -1;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#0000f0', GradientType=0)
}

content .gray {
    width: 100%;
    height: 160px;
    background: #2f393a;
    margin: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    position: absolute
}

content #boxes {
    width: 1240px;
    height: auto;
    margin: -315px auto 0 auto;
    z-index: 100;
    padding: 0
}

.boxescnt {
    margin-left: -moz-calc(50% - 620px)!important;
    margin-left: -webkit-calc(50% - 620px)!important;
    margin-left: calc(50% - 620px)!important;
    float: left;
    background: #fff;
    padding: 70px!important
}

.boxescnt p,
.boxescnt h2,
.boxescnt h3,
.boxescnt h1,
.boxescnt .right {
    width: 70%;
    padding-left: 60px;
    float: right
}

.boxescnt p:first-child {
    float: left;
    padding-left: 0;
    width: 30%
}

.boxescnt p img {
    margin: 0 0 20px 0;
    display: block;
    width: 100%;
    height: auto
}

.boxescnt button {
    width: 100%;
    margin: 0 0 30px 0
}

.boxescnt .left {
    width: 35%;
    vertical-align: top;
    display: inline-block
}

.boxescnt h2 {
    color: #000
}

.box {
    float: left;
    position: relative;
    margin: 0;
    height: 315px;
    background: #fff;
    width: 50%;
    padding: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: absolute
}

.location {
    background-color: #91a5a6;
    background-size: 60%;
    background-image: url(/wp-content/themes/esracing/img/earth.svg);
    background-repeat: no-repeat;
    background-position: top 50px center;
    color: #fff;
    text-align: center
}

.location h2 {
    line-height: 185px;
    vertical-align: middle
}

.table {
    display: table;
    height: 62%;
    width: 100%
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.subpage .table {
    height: 500px
}

header h2 {
    margin: 0;
    color: #91a5a6
}

.largess {
    height: 315px;
    width: 100%;
    width: -moz-calc(100% + 140px);
    width: -webkit-calc(100% + 140px);
    width: calc(100% + 140px);
    margin: 50px -70px -70px -70px
}

footer {
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    float: left;
    border-bottom: 15px solid #ed1c24;
    color: #fff;
    padding: 110px 80px 40px 80px;
    background-color: #2f393a;
    position: relative
}

footer h3 {
    color: #91a5a6;
    text-transform: uppercase
}

footer ul li a {
    color: #fff
}

footer .fmenu {
    float: left;
    padding-right: 70px
}

footer .rmenu {
    text-align: right;
    float: right;
    padding-right: 0
}

footer .large {
    font-size: 24px;
    padding-right: 70px;
    line-height: 36px;
    margin-bottom: 40px;
    font-family: "raleway-extrabold-webfont", Arial, Tahoma;
    font-weight: normal;
    text-transform: uppercase
}

footer .icon1 {
    background-size:  50px 50px;
    background-image: url(/wp-content/themes/esracing/img/time2.svg);
    background-repeat: no-repeat;
    background-position: right center
}

footer .icon2 {
    background-size: 50px 50px;
    background-image: url(/wp-content/themes/esracing/img/contact.svg);
    background-repeat: no-repeat;
    background-position: right center
}
footer a.social {
	height: 50px;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
	gap: 8px;
}
footer a.social:hover {
	border-bottom: none;
}
/*
.cff-wrapper {
    width: 100%;
    height: auto;
    float: left;
    background: #fff
}

.cff-wrapper a {
    border: 0
}

.cff-posts-wrap  {
    width: 100%;
    height: auto
}

.cff-item .cff-text-wrapper {
    width: 50%;
    float: right;
    padding: 30px !important;
    height: 315px;
    overflow: hidden;
    position: relative
}

.cff-item .cff-photo,
.cff-item .cff-html5-video,
.cff-item .cff-iframe-wrap {
    width: 50% !important;
    float: left;
    height: 315px;
    overflow: hidden;
    position: relative
}

.cff-item .cff-photo img,
.cff-item .cff-html5-video img {
    width: 100%;
    float: left;
    position: absolute;
    top: 0%;
    bottom: -50%;
    margin: auto;
    height: auto
}

.cff-item .cff-iframe-wrap iframe {
    width: 100%;
    float: left;
    position: absolute;
    top: -50%;
    bottom: -50%;
    margin: auto;
    height: 100%;
}

.cff-poster {
    width: 100%;
    height: 100%;
}

.cff-item .cff-html5-video iframe {
    display: none;
}

.cff-posts-wrap .cff-item:nth-of-type(2n) .cff-text-wrapper {
    float: left !important;
}

.cff-posts-wrap .cff-item:nth-of-type(2n) .cff-html5-video,
.cff-posts-wrap .cff-item:nth-of-type(2n) .cff-photo {
    float: right !important;
}

.cff-date {
    font-family: "raleway-extrabold-webfont", Arial, Tahoma;
    font-weight: normal;
    margin: 0 0 10px 0
}

.cff-post-text {
    margin: 0 0 10px 0;
    max-height: 182px;
    overflow: hidden;
}

.cff-html5-play {
    top: 0;
    left:   0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100
}

.cff-html5-play i {
    margin: 0 auto;
    top: 45%;
    left: 45%;
    position: relative;
    overflow: visible;
    height: 0;
    width: 3em;
    border-style: solid;
    border-width: 2.5em 0 2.5em 4em;
    border-color: transparent transparent transparent #000;
    opacity: .75
}

.cff-meta-wrap {
    position: absolute;
    bottom: 10px;
    right: 20px;
}
*/
#thepopup {
    width: 100%;
    padding:40px 40px 50px 50px;
}

#thepopup input[type="text"],
#thepopup input[type="email"], 
#thepopup textarea {
    width: 100%;
border:3px solid #91a5a6;
height:60px;
    line-height: 21px;
    font-size: 16px;
    font-family: "raleway-light-webfont", Arial, Tahoma;
    color: #000;
  float:left;
    margin:0 10px 10px 0;
padding:10px;
}


#thepopup #error {
border:3px solid #ed1c24;
color:#ed1c24;
}

#thepopup #errortxt {
        line-height: 21px;
    font-size: 16px;
  
    font-family: "raleway-extrabold-webfont", Arial, Tahoma;
   color:#ed1c24; 
}

#thepopup .wpcf7-radio {

    line-height: 21px !important;
    font-size: 16px !important;
    font-family: "raleway-light-webfont", Arial, Tahoma !important;

}


#thepopup textarea {
min-height:150px;
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);

}

#thepopup input[type="text"], #thepopup input[type="email"]{
    width:50%;

    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    
}



#thepopup  h2, 
#thepopup  h3 {
    width:100%;
    float: left;
    margin:20px 0 5px 0;
     color: #2f393a;
}



#thepopup input[type="submit"] {
    width: auto;
    position: relative;
    background: transparent;
    color: #fff;
    border: 0;
    min-height: 80px;
    font-family: "raleway-extrabold-webfont", Arial, Tahoma;
    font-weight: normal;
    text-align: center;
    margin: 20px 0 -10px 0;
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    font-size: 24px;
    line-height: 24px;
    padding: 15px 10px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    text-transform: uppercase;
    background-color: #ed1c24;
    padding:0;

    margin-left: 25%;
}

#thepopup input[type="submit"]:hover {
    background-color: #91a5a6
}




#eModal-1 {
    width:1240px !important;
}


#thepopup p {
    margin:10px 0 0 0;
}













.entry-content img {
    cursor: pointer;
    transition: 0.3s;
}

.entry-content img:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 123456; /* Sit on top */
    
    line-height: 100%;
    vertical-align: middle;
    left: 0;
    top: 0;
    width: 101%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    position: relative;
top: 50%;
transform: translateY(-50%);
    display: block;
    width: auto;

  max-height: -moz-calc(100% - 60px);
    max-height: -webkit-calc(100% - 60px);
    max-height: calc(100% - 60px);

      max-width: -moz-calc(100% - 60px);
    max-width: -webkit-calc(100% - 60px);
    max-width: calc(100% - 60px);
    background-color: rgb(255,255,255);
}




/* The Close Button */
.close {
    position: absolute;
    top: 35px;
    width:100%;
    height: 100%;
    z-index: 9999999;
    right: 35px;
     font-family: Arial;
    font-size: 32px;
    text-align: right;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}








#boxes .page-title {
    display:none;
}


#boxes .term-description {
    display:none;
}

#boxes .woocommerce-result-count {
    float:left;
    padding:8px 0;
    text-align: left;
font-style:italic;
    width:33.3333%;
    padding-left:30px;
}



.woocommerce-order-details {
 float:left;
 padding-left:0;
    width:100%;
}


.woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-order-details  .woocommerce-table
 {
margin-left:0 !important;
padding:0 !important;
    width:100% !important;
}



#boxes .woocommerce-ordering {
    float:right;
padding-left:30px;
margin-bottom:30px;
    width:33.3333%;
}


#boxes .woocommerce-ordering select, 
#boxes .quantity input{
 float:left;
   width: 100%;
position: relative;

color: #fff;
border: 0;
min-height: 40px ;
font-family: "raleway-extrabold-webfont", Arial, Tahoma;
font-weight: normal;
text-align: center;
margin: 0;
    margin-top: 0px;
font-size: 16px;
line-height:16px;
padding:  10px;
cursor: pointer;
transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
background-color: #2f393a;
}
#boxes .quantity input{
margin:0 0 20px 0;
padding: 0 10px !important;

}

#boxes .product-categories  {
    float:left;
    list-style-type: none;
width: 33.3333%;
    margin:0;
background-color: rgba(145,165,166,0.2);
padding:0;
font-size: 18px;

margin-bottom: 30px;
}

#boxes .product-categories li{
border-bottom: 1px solid rgba(255,255,255,0.5);
}

#boxes .product-categories a{
 display: block;
 width: 100%;
 border:0;
 padding:15px 20px;
 color:#000;
 text-transform: uppercase;
  font-family: "raleway-extrabold-webfont", Arial, Tahoma;
}

#boxes .product-categories .sublevel a{
 padding:8px 20px;
 font-size: 16px;
   font-family: "raleway-light-webfont", Arial, Tahoma;
 background-color: rgba(145,165,166,0.2);
}
#boxes .product-categories  a:hover{
background: #91a5a6;
color:#fff !important;
}

#boxes .product-categories .selected a{
background: #ed1c24 !important;
color:#fff !important;
}

#boxes .products  {
    float:left;
    list-style-type: none;
   width: 66.6666%;
margin:0;
padding-left: 30px;

}

#boxes .products li:nth-of-type(2n+1) {
    padding-right:15px;}

#boxes .products li:nth-of-type(2n+2) {
    padding-left:15px;}

#boxes .products li  {
    float:left;
   width:50%;
margin-bottom: 30px;
}

#boxes .products li  a{
   display:block;
   width:100%;
   height: 100%;
   float:left;
 background-color: rgba(145,165,166,0.2);
   border:0;
   padding:20px;
}

#boxes .products li  a img{
   display:block;
   float:left;
   width:100%;
   height: auto;
  margin-bottom:20px;
  background:#fff;
}

#boxes .products li  a h2{
   display:block;
   float:left;
   width:60%;
   height: 68px;
 
   line-height: 26px;
    font-size: 16px;
    font-family: "raleway-light-webfont", Arial, Tahoma;
    color: #000;
    margin:0;
    padding:0;
	font-weight: bold;
}

#boxes .products li  a .price{
   display:block;
   float:right;
   width:40%;
   height: auto;
 
text-align: right;

   line-height: 26px;
    font-size: 21px;
    font-family: "raleway-extrabold-webfont", Arial, Tahoma;
    color: #000;
    margin:0;
    padding:0;
}

.cart-empty {
    width:33.3333% !important;
    float: left !important;
    text-align: middle;
    line-height:60px;
      margin:0
}

.return-to-shop {
    float:right !important;
    width:66.6666% !important;
    margin:0
}


#boxes .products li .add_to_cart_button, 
.single_add_to_cart_button,
.checkout-button,
.actions button,
#place_order,
.product_type_simple,
 .wc-backward{
    float:left !important;
   width: 100% !important;
position: relative !important;

color: #fff !important;
border: 0 !important;
border-radius: 0  !important;
min-height: 60px  !important;
font-family: "raleway-extrabold-webfont", Arial, Tahoma !important;
font-weight: normal !important;
text-align: center !important;
margin: 0 !important;
  
font-size: 24px !important;
line-height: 24px !important;
padding: 18px 10px !important;
cursor: pointer;
transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
text-transform: uppercase !important;
background-color: #ed1c24 !important;
}

.actions {
    margin:0 !important;
    padding:0 !important;
}
















#boxes  .woocommerce-product-gallery {
    float:left;
    width:100%;
 
padding-left:0;
     order:2;
}

.woocommerce-product-gallery__wrapper, .wp-post-image {
    float:left;
    width: 100%;

    margin:0;
    padding:0;
}

#boxes  .summary  {
    float:left;
    width:100%;
   order:1;
      margin:0 0 30px 0;
     background-color: rgba(145,165,166,0.2);
}
#boxes .product  {
    float:left;
    width:100%;
}

#boxes  .woocommerce-product-gallery__image{
    float:left;
    width:100%;
    height:auto;

}

#tab-description h2 {
    display: none;
}

#boxes .woo_product_header {
    float:left;
    width:33.3333%;
 display: flex; flex-direction: column;
}




#boxes .woocommerce-tabs {
    float:right;
    width:66.6666%;
    padding-left: 30px;
}


.wc-tabs, .product_title {
    display: none;
}

.tab-description {
    float:left;
    width: 100%;
}
#tab-description h2, #tab-description p {
    width: 100% !important;
    padding:0 !important;
}

h1.product_title.entry-title {
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    display: block;
    text-align: left;
    padding: 20px;
    margin: 0;
    text-transform: capitalize;
    width: 100%;
    letter-spacing: 0px;
	background-color: #ed1c24;
}
.woocommerce-product-details__short-description {
    float:left;
    width:100%;
	display:none;
}

.woocommerce-product-details__short-description p,
.summary .price,
.quantity{
    float:left;
    width:100% !important;
    padding:0 20px 0 20px !important;
}

.product_meta {
    display: none;
}



.summary .price{
   display:block;

   height: auto;
text-align: left;

   line-height: 26px;
    font-size: 21px;
    font-family: "raleway-extrabold-webfont", Arial, Tahoma;
    color: #000;
    padding:0;
    padding: 20px !important;
	margin:0;
}


#boxes  .woocommerce-product-gallery__image a{
  border:0;
}


#boxes  .woocommerce-product-gallery__image img{
  width:100%;
  height:auto;
  padding:0 0 20px 0;

}








#boxes .shop_table {
    float:right;
    width:66.6666%;
    padding-left:30px;
    border:0;

}


#boxes .shop_table tr:first-child {
   background-color: rgba(145,165,166,0.2); 
    color: #000;
    font-family: "raleway-light-webfont", Arial, Tahoma;
    text-transform: initial;
}





#boxes .cart_totals .shop_table .order-total .amount {
line-height: 36px;
font-size: 30px;
font-family: "raleway-extrabold-webfont", Arial, Tahoma;
}

#boxes .cart_totals .shop_table .order-total .includes_tax  {
float:left;
}

#boxes .woocommerce-cart-form .shop_table .product-subtotal .amount {
font-family: "raleway-extrabold-webfont", Arial, Tahoma;
}

#boxes .cart_totals .shop_table .order-total .includes_tax .amount {
line-height: 21px;
font-size: 16px ;
}

.product-subtotal {
    white-space: nowrap
}

.product-thumbnail img {
    width:8vw;
}

table .quantity input {
width:80px !important;
margin:0 !important;
}

#boxes .shop_table a{
  border:0;
  float:left;
}

#boxes .shop_table td, #boxes .shop_table tr,  #boxes .shop_table th {

    border:0;
}

#boxes .cart-collaterals {
    float:left;
    width:33.3333%;
}
#boxes .cart_totals {
    float:left;
    width:100%;
}

#boxes .cart_totals .shop_table {
    float:left;
    width:100%;
    padding-left:0;
margin:0;
 
    border-radius: 0;
}

#boxes .wc-proceed-to-checkout {
    float:left;
    width:100%;
  
}


#boxes .cart_totals  h2 {
   display:none;
}

.shop_table thead th{
    background:#2f393a;
    color:#fff;
     font-family: "raleway-extrabold-webfont", Arial, Tahoma;
   font-weight:normal !important;
}



.woocommerce-message, .woocommerce-info {

    background-color: rgba(145,165,166,0.2) !important;
}

.entry-content .woocommerce-info {
    float:right;
    width:66.6666% !important;
    width: -moz-calc(66.6666%- 30px) !important;
width: -webkit-calc(66.6666% - 30px) !important;
width: calc(66.6666% - 30px) !important;

   margin-left:30px;
}

.woocommerce-info::before {
    color: #ed1c24 !important;
}

.woocommerce-message::before {
    color: #8aca24 !important;
}
.woocommerce-message{
    border-top-color: #8aca24 !important;
}

.woocommerce-info {
    border-top-color: #ed1c24 !important;
}
.woocommerce a.remove:hover {
    color: #fff !important;
    background: #ed1c24 !important;
}
.woocommerce a.remove {
   
    color: #ed1c24 !important;

}






#customer_details {
    float:left;
    width: 50%;
    padding-right:15px;
}

#boxes .col-1 {
    width:100%;
    float:left;
 
}

#boxes .col-2 {
    width:100%;
    float:left;
   
}


#boxes .woocommerce-billing-fields {
    float:left;
 
    width:100%;
}

#boxes .woocommerce-account-fields  {
    float:left;

    width:100%;
}


 #order_review {
    float:right;
    padding-left:15px;
    width:50%;

}

.woocommerce h3 {

    width:100% !important;
    padding:0 !important;
      
}

#order_review_heading {
  display: ;
  width:50% !important;
  float: right;
  padding-left:15px !important;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {

    border-radius: 0 !important;
}


.woocommerce form .form-row-wide{

    width: 100%;
    overflow: visible;

}


.woocommerce-billing-fields select, 
.woocommerce-billing-fields input,
.select2-container--default .select2-selection--single {

    float: left;
    width: 100%;
    position: relative;
    color: #000 !important;
   
    min-height: 40px;

    font-weight: normal;
    text-align: center;
    margin: 0;
    border-radius: 0 !important;
    margin-top: 0px;
 
    cursor: pointer;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
  

    width: 100%;
    border: 3px solid #91a5a6 !important;
    height: 40px !important;
    line-height: 16px;
    font-size: 16px;
    font-family: "raleway-light-webfont", Arial, Tahoma;
    color: #000;
    float: left;
 
    padding: 10px;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
    line-height: 16px !important;
}


.select2-dropdown {
    background-color: #fff;
    border: 3px solid #91a5a6 !important;
        border-top-width: 0 !important;
        border-top-style: solid !important;
        border-top-color: transparent !important;
    border-radius: 0 !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto !important;
    min-height: 34px;
    top: 1px;
    right: 1px;
    width: 20px;
}

.place-order {
    float:left;
    width:100%;
    background:transparent;
    padding:0 !important;
}

.wc_payment_methods {
    float:left;
     background-color: rgba(145,165,166,0.2) !important;
    padding:20px 20px 10px 20px!important;
}

.woocommerce-checkout-review-order-table {
    float:left;
    width:100% !important; 
    padding-left: 0 !important; 
    border-radius: 0 !important;
    margin: 0 !important;
}

.payment_method_bacs p {
    width:100% !important;
}

.payment_box {
    float: left;
}



#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {

  
    background-color: #fff !important;


}


#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    content: '';
    display: block;
    border: 1em solid #fff !important;
        border-top-color: transparent; !important;
        border-right-color: transparent !important;
        border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    position: absolute;
    top: -.75em;
    left: 0;
    margin: -1em 0 0 2em;
}

.includes_tax {
    float:left;
    width:100%;
}

.order-total .woocommerce-Price-amount {
    font-size: 30px;
    line-height: 36px;
}

.order-total .includes_tax .woocommerce-Price-amount  {
    font-size: 16px;
    line-height: 24px;
}

#order_comments_field {
    width:100% !important;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    font-weight: normal !important;
  
}

#order_comments {
    width:100% !important;
    border:0;
    height:auto !important;
    font-family: "raleway-light-webfont", Arial, Tahoma !important;
    font-weight: normal !important;
 color:#000 !important;
    font-size: 16px !important;
    line-height: 24px !important;
padding:10px;
    background-color: transparent !important;

    border: 3px solid #91a5a6 !important;
  
    line-height: 16px;
    font-size: 16px;
    font-family: "raleway-light-webfont", Arial, Tahoma;
    color: #000;
    float: left;
   
    padding: 10px;
}

.woocommerce form .form-row .required {
    color: #ed1c24;
    font-weight: 700;
    border: 0;
}


#account_password::-webkit-input-placeholder,
#account_password::-webkit-input-placeholder {
    color: #fff !important;
    opacity: 1
}

#account_password:-moz-placeholder,
#account_password:-moz-placeholder {
    color: #fff !important;
    opacity: 1
}

#account_password::-moz-placeholder,
#account_password::-moz-placeholder {
    color: #fff !important;
    opacity: 1
}

#account_password:-ms-input-placeholder,
#account_password:-ms-input-placeholder {
    color: #fff !important;
    opacity: 1
}

#account_password_field {
    width:100% !important;
}

.woocommerce form .form-row.woocommerce-invalid label {
    color: #ed1c24 !important;
}

.woocommerce form .form-row.woocommerce-invalid 
.select2-container, 
.woocommerce form .form-row.woocommerce-invalid 
input.input-text, 
.woocommerce form 
.form-row.woocommerce-invalid select {
    float: left;
    width: 100%;
    position: relative;
    color: #fff !important;
    border: 0 !important;
    min-height: 40px;
    font-family: "raleway-light-webfont", Arial, Tahoma;
    font-weight: normal;
    text-align: center;
    margin: 0;
    border-radius: 0 !important;
    margin-top: 0px;
    font-size: 16px;
    line-height: 16px;
    padding: 10px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    background-color: #ed1c24 !important;
}


.woocommerce-additional-fields {
    float:left;
    margin-top:30px;
    width:100%;
}





















/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}









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

#thepopup {
    width: 100%;
    padding:40px 30px 40px 40px;
}


    .boxescnt p,
    .boxescnt h2,
    .boxescnt h3,
    .boxescnt h1,
    .boxescnt .right {
        padding-left: 40px
    }
    content #whitefade {
        top: -300px;
        height: 300px
    }
    .table {
        height: 58%
    }
    .boxescnt {
        padding: 50px!important
    }
    .cff-item .cff-text-wrapper {
        padding: 30px;
        height: 260px
    }
    .cff-item .cff-photo,
    .cff-item .cff-html5-video {
        height: 260px
    }
    .boxescnt {
        margin-left: -moz-calc(50% - 600px)!important;
        margin-left: -webkit-calc(50% - 600px)!important;
        margin-left: calc(50% - 600px)!important
    }
    .subpage .table {
        height: 360px
    }
    .subwrap {
        top: 520px!important
    }
    h1 {
        padding: 0 0 30px 0;
        font-size: 4.6vw;
        line-height: 4.6vw;
        letter-spacing: 0.4vw
    }
    h2 {
        font-size: 3.2vw;
        line-height: 3.2vw
    }
    #linetop,
    #linebottom {
        height: 10px
    }
    #lineleft,
    #lineright {
        width: 10px
    }
    menu {
        padding: 10px 0 0 0;
        height: 90px
    }
    menu .themenu {
        margin-top: 30px
    }
    menu .themenu a {
        padding: 15px 10px
    }
    menu .lang a {
        padding: 15px 7px
    }

#cart {

margin-top: 18px;
margin-left:15px;

}


    menu .logo {
        top: 20px;
        left: 35px;
        height: 60px
    }
    menu #menuright {
        top: 10px;
        right: 35px
    }
    header {
        height: -moz-calc(100% + 260px);
        height: -webkit-calc(100% + 260px);
        height: calc(100% + 260px)
    }
    #wrap {
        top: -moz-calc(100% + 130px);
        top: -webkit-calc(100% + 130px);
        top: calc(100% + 130px)
    }
    button {
        margin: 0;
        padding: 10px 10px
    }
    content #time {
        margin-top: -80px;
        width: 50%;
        left: -moz-calc(50% - 25%);
        left: -webkit-calc(50% - 25%);
        left: calc(50% - 25%)
    }
    content .gray {
        width: 100%;
        height: 130px
    }
    content #boxes {
        width: 1200px;
        margin: -260px auto 0 auto
    }
    .box {
        height: 260px;
        width: 50%;
        padding: 50px
    }
    .location h2 {
        line-height: 158px
    }
    .table {
        display: table;
        width: 100%
    }
    .table-cell {
        display: table-cell;
        vertical-align: middle;
        width: 100%
    }
    footer {
        border-bottom: 10px solid #ed1c24;
        padding: 110px 50px 20px 50px
    }
    footer .fmenu {
        float: left;
        padding-right: 40px
    }
    footer .rmenu {
        float: right;
        padding-right: 0
    }
    footer .large {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 30px;
        padding-right: 50px
    }
    footer .icon1,
    footer .icon2 {
        background-size: 40px
    }



#eModal-1 {
    width: -moz-calc(100% - 40px) !important;
        width: -webkit-calc(100% - 40px) !important;
        width: calc(100% - 40px) !important;
}


}

@media screen and (max-width:1250px) {
    h2 {
        font-size: 3.8vw;
        line-height: 3.8vw
    }
    content #boxes {
        max-width: 1200px;
        width: -moz-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
        margin: -260px 20px 0 20px
    }
    .boxescnt {
        margin-left: 20px!important
    }
}



@media screen and (max-width:768px) {
.woocommerce table.shop_table_responsive tr td, 
.woocommerce-page table.shop_table_responsive tr td {
    display: inline-block !important;
    text-align: right !important;
    height:auto;
    width:100%;
}

.woocommerce table.cart .product-thumbnail {
    display: none !important;
}

#boxes .product-name a {

    float: right !important;

}

.shop_table_responsive p, 
.shop_table_responsive .price, 
.shop_table_responsive .quantity {
    float: right;
    width: auto !important;
    padding: 0 !important;
}

#boxes .shop_table_responsive .quantity input {
 
    min-height: 30px;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
 .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: #fff !important;
}

.woocommerce table.shop_table_responsive tr td,
 .woocommerce-page table.shop_table_responsive tr td {
  border-bottom:1px solid #fff !important;
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
 .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
  border-bottom:1px solid rgba(145,165,166,0.2) !important;
}

}


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

#boxes .products li .add_to_cart_button, .single_add_to_cart_button, .checkout-button, .actions button, #place_order, .product_type_simple, .wc-backward {
 
    min-height: 40px !important;
  
    padding: 10px 10px !important;
    
}

#boxes .product-categories a {
  font-size: 18px !important;
    padding: 8px 20px;

}


#boxes .products li:nth-of-type(2n+1) {
    padding-right:5px;}

#boxes .products li:nth-of-type(2n+2) {
    padding-left:5px;}

#boxes .products li  {
  
margin-bottom: 10px;
}



#boxes .product-categories  {
    float:left;
width: 100%;
    margin-bottom: 10px;
}


#boxes .products  {

   width: 100%;
padding-left: 0;

}


#thepopup {
    width: 100%;
    padding:30px 20px 30px 30px;
}


    .boxescnt p,
    .boxescnt h2,
    .boxescnt h3,
    .boxescnt h1,
    .boxescnt .right {
        padding-left: 20px
    }
    .boxescnt {
        margin-left: 0!important
    }
    .cff-item .cff-photo img,
    .cff-item .cff-html5-video video {
        left: 0%;
        width: 140%
    }
    #darkout {
        transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        background: rgba(47, 57, 58, 0.9);
        width: 100%;
        height: 100%;
        z-index: 10;
        position: fixed;
        opacity: 1
    }
    .boxescnt {
        padding: 30px!important
    }
    h1 {
        padding: 0 0 30px 0;
        font-size: 50px;
        line-height: 50px;
        letter-spacing: 4px
    }
    h2 {
        font-size: 36px;
        line-height: 36px
    }
    #linetop,
    #linebottom {
        height: 10px
    }
    #lineleft,
    #lineright {
        width: 10px
    }
    menu .themenu {
        margin-top: 0;
        height: 100%;
        position: relative
    }
    menu .logo {
        top: 20px;
        left: 30px;
        height: 60px
    }
    menu #menuright {
        top: 37px;
        right: 80px
    }
    menu #menuright li a {
        font-size:14px;
        padding: 3px
    }

#cart {

margin-top: -12px;
margin-left:15px;
margin-right:7px;
}


    #hamburger {
        display: initial
    }
    .them {
        height: auto;
        position: relative;
        width: 100%
    }
    .fixedPosition {
        position: fixed
    }
    #mobilemenu {
        display: none;
        width: 100%;
        height: 100%;
        bottom: 0;
        position: fixed;
        overflow: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        background-attachment: absolute;
        background-image: url(/wp-content/themes/esracing/img/01.jpg)
    }
    #mobilemenu .themenu {
        position: relative;
        display: block;
        padding: 90px 0 0 0;
        margin: 0;
        height: auto;
        padding-left: 0
    }
    #mobilemenu .themenu li {
        display: ;
        width: 100%
    }
    #mobilemenu .themenu li a {
        display: block;
        padding: 10px 0;
        text-align: center
    }
    #mobilemenu #darkout {
        position: relative
    }
    #mobilemenu .themenu .dropdown-menu li,
    #mobilemenu .themenu .dropdown-menu li a {
        display: ;
        float: left;
        width: 100%;
        background: rgba(145, 165, 166, 0.2)!important
    }
    #mobilemenu .themenu ul li a:hover {
        background: #ed1c24!important
    }
    #mobilemenu .themenu .dropdown-menu {
        position: relative;
        width: 100%!important;
        margin: auto;
        top: auto;
        margin-bottom: 50px;
        background: transparent;
        max-width: 100%;
        height: auto
    }
    content #time {
        width: 620px;
        left: -moz-calc(50% - 310px);
        left: -webkit-calc(50% - 310px);
        left: calc(50% - 310px)
    }
    content .gray {
        display: none
    }
    content #boxes {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0
    }
    content #time {
        width: 50%;
        left: -moz-calc(50% - 25%);
        left: -webkit-calc(50% - 25%);
        left: calc(50% - 25%)
    }
    .box {
        height: 260px;
        width: 50%;
        padding: 30px
    }
    .location h2 {
        line-height: 220px
    }
    footer {
        border-bottom: 10px solid #ed1c24;
        padding: 30px;
        padding-top: 90px;
    }
    footer .fmenu {
        padding-right: 30px
    }
    footer .large {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 30px
    }
    header p span {
        display: block;
        padding: 0 0 15px 0
    }
    header .icon {
        margin: -8px 5px -8px 0;
        width: 36px
    }
    content #whitefade {
        display: none
    }

    #boxes .cart-collaterals {
    
    width: 100%;
}


#boxes .shop_table {
 
    width: 100%;
    padding-left: 0;
  
}
}

@media screen and (max-width:680px) {
	
	#thepopup input[type="submit"]{margin-left:0px;}

.woocommerce-order-overview li {
    float:left;
    width:100%;
}

.cart-empty {
    width:100% !important;
   text-align: center;
   margin:0 0 20px 0;
    line-height:24px;

}

.return-to-shop {
   width:100% !important;
  
}



#customer_details {
    
    width: 100%;
    padding-right: 0;
}

#order_review_heading {
    
    width: 100% !important;
  
    padding-left: 0 !important;
}

#order_review {

    padding-left: 0;
    width: 100%;
}

#boxes .woo_product_header {

    width:50%;

}




#boxes .woocommerce-tabs {
    width:50%;
    padding-left: 10px;
}






#thepopup input[type="text"],#thepopup input[type="email"], #thepopup textarea {

height:50px;

}







    .cff-item .cff-photo img,
    .cff-item .cff-html5-video video {
        left: 0;
        width: 100%
    }
    .cff-item .cff-text-wrapper {
        padding: 20px;
        width: 100%;
        height: auto
    }
    .cff-item .cff-photo,
    .cff-item .cff-html5-video {
        height: 200px;
        width: 100%
    }
    .boxescnt p,
    .boxescnt h2,
    .boxescnt h3,
    .boxescnt h1,
    .boxescnt .right {
        width: 50%
    }
    .boxescnt p:first-child {
        width: 50%
    }
    header .icon {
        margin: -4px 3px -4px 0;
        width: 26px
    }
    .mobileorder {
        display: flex;
        flex-direction: column
    }
    .top1 {
        order: 1
    }
    .bottom1 {
        order: 2
    }
    .boxescnt {
        padding: 20px!important
    }
    .subpage .table {
        height: auto
    }
    .subpage {
        padding: 90px 30px 0 30px!important
    }
    .subwrap {
        top: auto!important
    }
    h1 {
        padding: 0 0 20px 0;
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 0
    }
    h2 {
        margin: 0 0 10px 0;
        font-size: 30px;
        line-height: 30px
    }
    h3,
    p {
        margin: 0 0 10px 0
    }
    header {
        position: relative;
        height: auto;
        min-height: auto;
        font-size: 24px;
        line-height: 24px;
        padding: 90px 30px 70px 30px
    }
    #wrap {
        position: relative;
        top: auto
    }
    button {
        min-height: 60px;
        padding: 0 10px
    }
    content #time {
        width: 620px;
        margin-top: -60px;
        left: -moz-calc(50% - 310px);
        left: -webkit-calc(50% - 310px);
        left: calc(50% - 310px)
    }
    content #time {
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
        left: 30px
    }
    .box {
        height: auto;
        width: 100%;
        padding: 20px 30px;
        min-height: 200px
    }
    .location {
        display: none
    }
    .table {
        display: table;
        width: 100%
    }
    .table-cell {
        display: table-cell;
        vertical-align: middle;
        width: 100%
    }
    footer {
        border-bottom: 10px solid #ed1c24;
        padding: 30px;
        padding-top: 90px;
    }
    footer .fmenu {
        width: 100%;
        padding-right: 30px;
        margin-bottom: 20px
    }
    footer .rmenu {
        float: left;
        text-align: left;
        margin-bottom: -30px
    }
    footer .large {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 30px
    }
    .boxescnt .left {
        width: 100%;
        padding: 0 10px;
        margin-bottom: 20px
    }
    footer .large {
        padding-left: 50px
    }
    footer .icon1,
    footer .icon2 {
        background-size: 40px;
        background-position: left center
    }
    content #boxes {
        margin: 0 auto
    }
    content .rightpic {
        width: 50%
    }


#thepopup {
    width: 100%;
    padding:20px 10px 20px 20px;
}

#thepopup input[type="submit"] {

    min-height: 70px;
}

}

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



#boxes .woo_product_header {

    width:100%;

}




#boxes .woocommerce-tabs {
    width:100%;
    padding-left: 0;
}

#boxes .products li:nth-of-type(2n+1) {
    padding-right:0;}

#boxes .products li:nth-of-type(2n+2) {
    padding-left:0;}

#boxes .products li  {
   width:100%;
margin-bottom: 10px;
}

#boxes .product-categories {

    margin-bottom: 10px;
}


menu .logo {
        top: 30px;
        left: 20px;
        height: 40px
    }

#thepopup input[type="submit"] {
width:100%;
    min-height: 60px;
}
#thepopup input[type="text"],#thepopup input[type="email"], #thepopup textarea {

height:40px;
}



#thepopup textarea {
width: 100%;

}

#thepopup input[type="text"], #thepopup input[type="email"]{
    width: 100%;
    
}





#thepopup {
    width: 100%;
    padding:0;
}

    .boxescnt p,
    .boxescnt h2,
    .boxescnt h3,
    .boxescnt h1,
    .boxescnt .right {
        width: 100%;
        float: left;
        padding: 0
    }
    .boxescnt p:first-child {
        width: 100%
    }
    content .rightpic {
        width: 100%;
        margin: 0 0 20px 0
    }
}

@media screen and (max-height:700px) and (min-width:1366px) {
    #wrap {
        top: !important
    }
}

@media screen and (max-height:620px) and (max-width:1366px) and (min-width:680px) {
    #wrap {
      
    }
}

.wpcf7-not-valid-tip {
    display:none !important;
}

input.wpcf7-not-valid, textarea.wpcf7-not-valid {
    border-color: #ed1c24 !important;
}

span.wpcf7-radio {
    border: 3px solid #ffffff;
    padding-right: 20px;
}

span.wpcf7-radio.wpcf7-not-valid {
    border: 3px solid #ed1c24;
}

div[role=alert].wpcf7-response-output {
    border: 3px solid #ed1c24 !important;
    float: left;
    margin: 30px 0 5px 0;
    width: calc(100% - 10px);
    font-family: "raleway-light-webfont", Arial, Tahoma;
    font-size: 16px;
    font-weight: bold;
}

i.fa-play.fa.cff-playbtn::before {
    display:none;
}

span.onsale {
	display:none;
}

tr.cart-subtotal {
	display:none;
}

div.cart_totals > table > * {
	background-color: rgba(145,165,166,0.2);
}

nav.woocommerce-pagination {
	float: right;
}

nav.woocommerce-pagination > ul {
	list-style-type: none;
}

nav.woocommerce-pagination > ul > li {
	float: left;
	padding: 5px;
	width: 60px;
}

nav.woocommerce-pagination > ul > li > a {
	background-color: rgba(145,165,166,0.2);
	color: rgb(0, 0, 0);
	font-size: 24px;
    font-family: "raleway-light-webfont", Arial, Tahoma;
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border-bottom: none;
}

nav.woocommerce-pagination > ul > li > a:hover {
	border-bottom:none;
	background-color: #91a5a6;
	color: rgb(255,255,255);
}
	
nav.woocommerce-pagination > ul > li > span {
	background-color: rgba(255, 255, 255);
	color: rgb(0, 0, 0);
	font-size: 24px;
    font-family: "raleway-light-webfont", Arial, Tahoma;
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 10px;
}

nav.woocommerce-pagination > ul > li > span.current {
	background-color: #ed1c24;
	color: rgb(255, 255, 255);
}

/*Wp-pagenavi */
div.wp-pagenavi {
    float: right;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
	width: 100%;
}
div.wp-pagenavi span.pages, div.wp-pagenavi .nextpostslink, div.wp-pagenavi a.first{display: none;}

div.wp-pagenavi > span {
	background-color: rgba(255, 255, 255);
	color: rgb(0, 0, 0);
	font-size: 24px;
    font-family: "raleway-light-webfont", Arial, Tahoma;
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}

div.wp-pagenavi a{
	background-color: rgba(145,165,166,0.2);
	color: rgb(0, 0, 0);
	font-size: 24px;
    font-family: "raleway-light-webfont", Arial, Tahoma;
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border-bottom: none;
	min-width:50px;
	margin: 5px;
}
div.wp-pagenavi a:hover{
	border-bottom:none;
	background-color: #91a5a6;
	color: rgb(255,255,255);
}

div.wp-pagenavi > span.current {
	background-color: #ed1c24;
	color: rgb(255, 255, 255);
	min-width:50px;
	padding: 10px;
	margin: 5px;
}

@media screen and (max-width: 480px){
	div.wp-pagenavi a {
    background-color: rgba(145,165,166,0.2);
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-family: "raleway-light-webfont", Arial, Tahoma;
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    border-bottom: none;
    min-width: 30px;
    margin: 5px;
}
	div.wp-pagenavi > span{
		font-size: 14px;
		padding: 5px;
	}
	div.wp-pagenavi > span.current {
	font-size: 14px;
    font-family: "raleway-light-webfont", Arial, Tahoma;
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    border-bottom: none;
    min-width: 30px;
    margin: 5px;
}
}

/* NEW */
.boxescnt .upsells h2 {
    width:100% !important;
	padding-left:0px !important;
	text-align:center;
	font-size: 30px;
}

#boxes .up-sells.products, #boxes .up-sells.products .products {
	width:100%;
}


#boxes .up-sells .products li  {
    float:left;
   width:33%;
margin-bottom: 30px;
    padding: 0 5px;
}
.dgwt-wcas-search-wrapp {max-width:100% !important;margin: -20px 0 20px 0 !important;}
.tc-extra-product-options.tc-show, .tc-totals-form {padding:0 20px;}



.menu-item-has-children:hover .sub-menu {
    display: block;
}
/* START BLOG */
.posts-container {
   display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}

article {
    width: 31%;
    display: flex;
    background: white;
    background-color: rgba(145, 165, 166, 0.2);
    border: 0;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: flex-start;
    align-items: flex-start;
	margin-bottom:32px;
	    margin-left: 24px;
}

article h3.entry-title {
    display: flex;
    width: 100%;
    padding: 24px 20px 0 20px;
}
article h3.entry-title a{text-decoration: none;}

article .featured-image img{
    width: 100%;
    height: auto;
}
section.entry-summary p {
    width: 100% !important;
}
footer.entry-footer a.read-more{border-bottom: none;}
footer.entry-footer:hover {
    background-color: #91a5a6 !important;
}

footer.entry-footer {
    float: left !important;
    width: 100% !important;
    position: relative !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0  !important;
    min-height: 60px  !important;
    font-family: "raleway-extrabold-webfont", Arial, Tahoma !important;
    font-weight: normal !important;
    text-align: center !important;
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 24px !important;
    padding: 18px 10px !important;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    text-transform: uppercase !important;
    background-color: #ed1c24 !important;
}

footer.entry-footer a.read-more {
    color: white;
}

section.entry-summary p {
    padding: 0 20px !important;
}
/* END BLOG */

/* Clean template */
.clean-template {
    margin-left: -moz-calc(50% - 620px) !important;
    margin-left: -webkit-calc(50% - 620px) !important;
    margin-left: calc(50% - 620px) !important;
    float: left;
    background: #fff;
    padding: 70px !important;
}


@media screen and (max-width: 1366px) {
    .clean-template {
        margin-left: -moz-calc(50% - 600px) !important;
        margin-left: -webkit-calc(50% - 600px) !important;
        margin-left: calc(50% - 600px) !important;
        padding: 50px !important;
    }
}
@media screen and (max-width: 1250px) {
    .clean-template {
        margin-left: 20px !important;
    }
}
@media screen and (max-width: 980px) {
    .clean-template{
        margin-left: 0 !important;
        padding: 30px !important;
    }
}

.notice {
    background: #ed1c24;
    color: white;
    display: flow;
    padding: 16px;
    height: auto;
    margin: -16px 0 32px 0;
    font-size: 16px;
    text-align: center;
}
.notice strong{
    font-size: 20px;
}.emodal, .emodal:before, .emodal:after {
	-moz-box-sizing: border-box;
}
.emodal-overlay {
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:998!important;
}

.emodal {
	top:100px;
	visibility: hidden;
	position: absolute;
	display:none;
	z-index: 999!important;
}

.emodal > .emodal-close {
	text-decoration:none;
	text-align:center;
    line-height: 1;
	position: absolute;
	font-weight: bold;
	cursor: pointer;
	min-width: 1em;
}

.emodal.responsive {
	left: 50%;
	margin-left: -40%;
	width: 80%;
	height: auto;
	overflow:visible;
}

@media only screen and (min-width: 768px){
.emodal.nano {
	margin-left: -10%;
	width: 20%;
}
.emodal.tiny {
	margin-left: -15%;
	width: 30%;
}
.emodal.small {
	margin-left: -20%;
	width: 40%;
}
.emodal.medium {
	margin-left: -30%;
	width: 60%;
}
.emodal.large {
	margin-left: -35%;
	width: 70%;
}
.emodal.xlarge {
	margin-left: -47.5%;
	width: 95%;
}
}


.emodal.fixed {
	position:fixed;
}
.emodal.custom-position {
	left: auto;
	top: auto;
	margin-left: inherit;
}

.emodal .emodal-content :last-child {
	margin-bottom:0;
}