body {
margin: 3px;
background:#000;
font-family: 'Cuprum', sans-serif;
}

h1 {
margin:0 0 10px 0;
font-weight:400;
}

h3 {
margin:0 0 10px 0;
}

p {
font-size: 22px;
margin: 10px 0;
}

b {
color:#6d1e1e;
}

a img {
border:0;
}

a {
text-decoration:none;
}

a:link, a:visited {
color:#000;
}


img {
max-width: 100%;
height: auto;
width: auto\9;
}

.overlayimg img {
max-width: calc(100% - 20px);
height: auto;
width: auto\9;
}

/* Preloader */

#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 9999;
width: 100%;
height: 100%;
overflow: visible;
background-color: #fff;
}

#preloader::before {
content:'';
position: absolute;
left: 0;
top: 0;
bottom:0;
right:0;
margin: auto;
height:220px;
width:145px;
background-image: url('../images/loader.gif');
background-size:220px 145px;
background-position:center;
background-repeat:no-repeat;
z-index: 99999;
}

/* Preloader */

.bodywrap {
position: relative;
padding:3px;

}
.corner {
position:absolute;
width:20px;
height:20px;
background-image:url('../images/cornergold.png');
background-position:center;
background-size:20px 20px;
z-index:99;
}
.ctl {
top:0;
left:0;
}
.ctr {
top:0;
right:0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.cbl {
bottom:0;
left:0;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.cbr {
bottom:0;
right:0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}


header {
position:absolute;
width:calc(100% - 6px);
z-index:9;
}

.slimheader {
position:absolute;
width:calc(100% - 6px);
height: auto;
z-index:9;
background: rgba(0, 0, 0, 0.95);
}

.hbg {
position:absolute;
background:linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.68));
height: 25vh;
max-height:200px;
width:100%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}


.slimheader .hbg {
display:none;
}

header .logo {
display:table;
margin:0 auto;
padding:20px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
header .logo:hover {
opacity:0.8;
cursor:pointer;
}


.fixed {
position:fixed;
background: rgba(0, 0, 0, 0.95);
height: auto;
width: 100%;
top:0;
left:0;
z-index: 999;
}

.fixed .hbg {
background:linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.68));
height: 0;
}

.fixed .logo {
padding:10px;
}

#down {
position:absolute;
margin-top:-77px;
}

#top {
position:relative;
height:100vh;
width:100%;
}

.topblock {
position:relative;
float:left;
width:31%;
height:100vh;
}
.topblockmid {
float:left;
width:calc(38% - 6px);
height:100vh;
border-right: 3px solid #000;
border-left: 3px solid #000;
}

.topblock p {
position: absolute;
color: #fff;
font-size: 18px;
margin: auto;
text-align: left;
width: 260px;
padding: 5px 0
}

.topblock p img {
padding:0 6px;
}


.tb1:hover {
}
.tb2 {
background-image:url('../images/Middlea1.jpg');
background-position:top center;
background-repeat:no-repeat;
background-size:cover;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.tb2:hover {
background-image:url('../images/Middlea2.jpg');
}

.tb3:hover {
}

@media all and (min-width: 1100px) {
.tb1 {
background-image:url('../images/Left1.jpg');
background-position:top center;
background-repeat:no-repeat;
background-size:cover;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.tb3 {
background-image:url('../images/Right2.jpg');
background-position:top center;
background-repeat:no-repeat;
background-size:cover;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
}

.tb1 p {
bottom: 3vh;
left: 3vh;
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.03));
}

.tb3 p {
bottom: 3vh;
right: 3vh;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.03));
}

.topbtn {
color: #fff;
font-size: 18px;
padding: 8px 15px 6px 15px;
border: 3px solid #fff;
text-align: center;
background: #000;
width:105px;
cursor: pointer;
margin:auto auto 20px auto;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
opacity:0.8;
}
.topbtn:hover {
padding: 8px 25px 6px 25px;
background-color: #fff;
color: #000;
border: 3px solid rgba(255, 255, 155, 0);
opacity:1;
}

.amazon {
position:absolute;
left:0;
right:0;
margin: auto;
bottom:120px;
text-align: center;
width: 200px;
}
.amazon p {
color:#fff;
font-size: 15px;
text-shadow: 0 0 1px #000;
margin: 20px 0;
}

.productsbtn {
position:relative;
color: #fff;
font-size: 18px;
padding: 8px 15px 6px 15px;
border: 3px solid #fff;
text-align: center;
width:105px;
cursor: pointer;
margin: 30px auto 0 auto;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
opacity:0.8;
}
.productsbtn:hover {
padding: 8px 25px 6px 25px;
background-color: #fff;
color: #000;
border: 3px solid rgba(255, 255, 155, 0);
opacity:1;
}

.prodlip {
position: absolute;
background:rgba(255, 255, 255, 1);
margin: auto;
width: 200px;
left: 0;
right: 0;
bottom: -64px;
z-index:1;
}

.prodlip .productsbtn {
margin: 10px auto;
color: #000;
border: 3px solid #000;
}

.prodlip .productsbtn:hover {
background:#000;
color: #ffd915;
}

.prodlip::before {
content:'';
position:absolute;
width: 0;
height: 0;
left:-200px;
border-left: 200px solid transparent;
border-right: 0px solid transparent;
border-top: 61px solid rgba(255, 255, 255, 1);
}

.prodlip::after {
content:'';
position:absolute;
width: 0;
height: 0;
top:0;
right:-200px;
border-left: 0 solid transparent;
border-right: 200px solid transparent;
border-top: 61px solid rgba(255, 255, 255, 1);
}

.toptext {
position:absolute;
color: #ffd915;
font-size: 18px;
margin: auto;
bottom:78px;
left:0;
right:0;
text-align: center;
width: 110px;
}

.downarrow img {
position: absolute;
display: table;
bottom: 40px;
right: 0;
left: 0;
margin: 0 auto;
opacity: 1;
-webkit-animation: movedw 2s infinite;
animation: movedw 2s infinite;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor:pointer;
}
.downarrow img:hover {
opacity: 0.7;
-webkit-animation: none;
animation: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

#upper {
position:relative;
background:#fff;
background-image: linear-gradient(to right, #888888 ,#fff ,#fff, #fff, #888888);
padding: 10px 0;
}

.upperwrap {
max-width:1200px;
margin:0 auto;
padding:20px 10px;
}

#upper h1 {
text-align:center;
font-size: 38px;
color:#6d1e1e;
}

#upper h3 {
text-align:center;
}

#upper p {
font-size:20px;
text-align:center;
}



.nopeimgs {
padding: 10px;
display: table;
margin: auto;
}

.nopep {
font-size: 30px !important;
color:#6d1e1e;
}

.nopebox {
float:left;
width: calc(33.3333% - 40px);
padding:10px 20px;
}

.nopebox p {
text-align:center;
font-size: 18px !important;
text-transform:uppercase;
}

.nopebox b {
font-weight:700;
}

.nopeimgs img {
}

.social {
position:absolute;
padding:10px;
margin:20px;
display:table;
width: max-content;
}

.fixed .social {
margin:12px;
}

.social img {
padding-right:8px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.social img:hover {
cursor:pointer;
opacity:0.7;
}

.fixed .social img:hover {
cursor:pointer;
filter:invert(100%);
opacity:1;
}

.overlay {
position:relative;
background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.68));
overflow:auto;
}

.overlaytxt {
position:relative;
max-width: 1200px;
margin:calc(8vh + 64px) auto;
color:#fff;
padding:0 10px;
}

.overlaytxt p {
text-align:center;
font-size: 26px;
}

.overlayimg {
text-align:center;
}
.overlayimg img {
padding:0 10px;
}


#mid {
background:#fff;
min-height:20vh;
position:relative;
}

.pattern {
position:absolute;
background-image: url('../images/pattern.png');
width:100%;
height:100%;
background-size: 250px 250px;
pointer-events: none;
}

.midwrap {
max-width:1200px;
margin:0 auto;
padding: 40px 10px;
position:relative;
}

.midbox {
position:relative;
width: calc(33.3333% - 20px);
margin:10px;
padding:0;
float:left;
max-width:380px;
cursor:pointer;
}



.midbox img {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.midbox:hover img {
filter:grayscale(50%);
opacity:0.8;
}

.goldh1 {
color: #000000;
font-weight: 700;
}

.midcorner {
position:absolute;
width:20px;
height:20px;
background-image:url('../images/corner.png');
background-position:center;
background-size:20px 20px;
z-index:7;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.midcornergld {
position:absolute;
width:20px;
height:20px;
background-image:url('../images/cornergold.png');
background-position:center;
background-size:20px 20px;
z-index:7;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.midcornermaro {
position:absolute;
width:20px;
height:20px;
background-image:url('../images/cornermaroon.png');
background-position:center;
background-size:20px 20px;
z-index:7;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.midbox:hover .midcorner {
background-image:url('../images/cornergold.png');
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}


.midbtn {
position:absolute;
color: #ffd915;
font-size: 15px;
padding: 8px 15px 6px 15px;
border: 3px solid #ffd915;
text-align: center;
width:100px;
margin: auto;
bottom:30px;
left:0;
right:0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
opacity:0.3;
pointer-events: none;
}
.midbox:hover .midbtn {
padding: 8px 25px 6px 25px;
background-color: #ffd915;
color: #fff;
border: 3px solid rgba(255, 255, 155, 0);
opacity:0.9;
}

#upmid {
background:#e0e0e0;
}

.upmidwrap {
max-width:1200px;
margin:0 auto;
padding: 40px 10px;
}

.patchimg {
float:left;
padding: 0 50px 0 0;
}

.upmidtext {
float:right;
width:calc(100% - 250px);
padding:50px 0;
}

.upmidwrap h1 {
color:#3a3a3a;
font-size: 35px;
margin:0 0 0 0;
}

.upmidwrap p {
color:#484848;
}

#bot {
background:#fff;
min-height:20vh;
position:relative;
}

.botwrap {
max-width:1200px;
margin:0 auto;
padding: 40px 0;
position: relative;
}

.botbox {
position:relative;
width: calc(33.3333% - 20px);
margin:10px;
padding:0;
float:left;
max-width:380px;
cursor:pointer;
}

.botbox img {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.botbox:hover img {
filter:grayscale(50%);
opacity:0.8;
}

.botcorner {
position:absolute;
width:20px;
height:20px;
background-image:url('../images/corner.png');
background-position:center;
background-size:20px 20px;
z-index:7;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.botbox:hover .botcorner {
background-image:url('../images/cornergold.png');
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}


.botbtn {
position:absolute;
color: #ffd915;
font-size: 15px;
padding: 8px 15px 6px 15px;
border: 3px solid #ffd915;
text-align: center;
width:100px;
cursor: pointer;
margin: auto;
bottom:30px;
left:0;
right:0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
opacity:0.3;
pointer-events: none;
}
.botbox:hover .midbtn {
padding: 8px 25px 6px 25px;
background-color: #ffd915;
color: #fff;
border: 3px solid rgba(255, 255, 155, 0);
opacity:0.9;
}


#upbot {
background:#e0e0e0;
}

.upbotwrap {
max-width:1200px;
margin:0 auto;
padding: 40px 10px;
}
.upbotwrap p {
color:#484848;
text-align:center;
}

.upbotwrap h1 {
color:#3a3a3a;
font-size: 35px;
text-align:center;
margin:0 0 0 0;
}

.about {
min-height:calc(100vh - 153px);
background:#fffcf4;
}

.aboutwrap {
max-width:1200px;
margin:0 auto;
padding: 25px 10px;
}

.abouttxt {
text-align:center;
}

.abouttxt b {
color: #000000;
text-shadow: 1px 1px 0px #c3c3c3;
}

.contact {
background:#fffcf4;
min-height:calc(100vh - 153px);
}

.contactwrap {
max-width:1200px;
margin:0 auto;
padding:25px 0;
}

.contact h1 {
text-align: center;
font-size: 26px;
margin:0;
font-weight: 700;
text-transform:uppercase;
}

.contact h2 {
text-align: center;
font-size: 18px;
margin:0;
font-weight: 400;
text-transform:uppercase;
}

.igdm {
position:relative;
width:calc(50% - 20px);
background:#000;
height:397px;
margin:10px;
float:left;
text-align: center;
background-image:url('../images/contact1.jpg');
background-position:center;
background-size:cover;
}

.emud {
position:relative;
width:calc(50% - 20px);
background:#000;
height:397px;
margin:10px;
float:right;
text-align: center;
background-image:url('../images/contact2.jpg');
background-position:center;
background-size:cover;
}

.reverze {
unicode-bidi: bidi-override;
direction: rtl;
text-transform: uppercase;
font-size: 18px !important;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select:none;
user-select:none;
-o-user-select:none;
}

.igdm img {
position:relative;
margin:auto;
}
.igdm p {
color:#fff;
padding:45px 0;
font-size: 28px;
}

.emud img {
position:relative;
margin:auto;
}

.emud p {
color:#fff;
padding:45px 0;
font-size: 28px;
}

.faqwrap {
position:relative;
margin:40px 10px 10px 10px;
padding:10px;
background:#fff;
border: 1px solid #b3b3b3;
}

.faq {
padding:4px 0 3px 0;
color: #000;
font-size: 19px;
font-weight: 700;
cursor:pointer;
border-bottom: 1px solid #b3b3b3;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.faq:hover {
padding:4px 0 3px 4px;
background:#b3b3b3;
}

.faqwrap h1 {
font-size: 30px;
margin-bottom:20px;
}

.faqtext {
background:#fff;
padding: 8px 8px 12px 1px;
}

.faqtext p {
color:#000;
margin:0;
display: none;
font-size: 16px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.faqtext img {
float:left;
padding-right:5px;
}

.contactitems {
position:relative;
padding:20px;
max-width: 524px;
margin:30px auto 0 auto;
background:#fff;
border: 1px solid #b3b3b3;
}

.itemtxtb {
padding:5px;
background:#ffd915;
font-size: 16px;
color:#000;
text-align:center;
}

.itemtxtr {
font-size: 14px;
color:#737373;
text-align:center;
}

.itemtxt {
display:table;
float:left;
padding:5px;
margin:0px 3px 6px 3px;
background:#000;
font-size: 13px;
color:#fff;
}

.itemtxtw {
display:table;
float:left;
padding:5px;
margin:0px 3px 6px 3px;
background:#6d1e1e;
font-size: 13px;
color:#fff;
}



.vis p {
display: block;
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s;
opacity:1;
}

.privacy {
min-height:calc(100vh - 153px);
background:#fffcf4;
}

.privacy a {
text-decoration:underline;
}

.privacywrap {
max-width:1200px;
margin:0 auto;
padding:25px 10px;
}
.privacy h1 {
font-weight: 700;
}
.privacy h3 {
font-size: 20px;
font-weight: 700;
}
.privacy p {
font-size: 14px;
}

/* Form */

.newsletterwrap {
position:relative;
background:#ffedbc;
margin:20px 10px auto 10px;
border: 1px solid #ffd915;
}

.newsletter {
display:table;
padding:20px;
bottom:0;
text-align:left;
margin:auto;
}

.newsletter h2 {
float:left;
}

.newsletter p {
text-align: center;
margin: 0 0 10px 0;
font-weight: 700;
font-size: 16px;
}


.newsletter input {
width: calc(100% - 10px);
height: 20px;
border: 0;
max-width: 375px;
font-size: 18px;
padding:5px;
background: #ffffff;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.newsletter input:hover {
background-color:#fff6dc;
}
.newsletter textarea {
width: calc(100% - 10px);
border: 0;
background: #f0f0f0;
font-size: 18px;
padding:5px;
height:70px;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.newsletter textarea:hover {
background-color:#fff6dc;
}
.newsletter label {
font-weight:400;
font-size: 14px;
color:#fff;
background:#6d1e1e;
float:left;
padding: 2px 5px 0px 5px;
border-top-left-radius:8px;
border-top-right-radius:8px;
}

.submitbtn {
position:relative;
display:table;
float:right;
margin-top: 19px;
}

.submitbtn input {
position:relative;
width:96px;
height:30px;
padding-right:30px;
cursor: pointer;
color:#fff;
background-color:#6d1e1e;
background: linear-gradient(110deg, #6d1e1e 74%, #561818 74%);
-webkit-appearance: none;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.submitbtn:hover input {
color:#fff;
background:#000;
background: linear-gradient(110deg, #000 74%, #292929 74%);
}

.submitbtn::after {
content:'';
position: absolute;
right: 10px;
top: 0;
bottom:0;
margin: auto;
height:16px;
width:16px;
background-image: url('../images/submitarrow.png');
background-size:16px 16px;
background-position:center;
background-repeat:no-repeat;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.submitbtn:hover::after {
right: 6px;
}

.errormsg {
color:#b50000;
font-variant-caps: small-caps;
font-size: 10px;
line-height: 19px;
padding:0;
opacity:0;
margin:0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.showerror {
opacity:1;
}

/* Form */

footer {
background:#000;
}

.footerwrap {
position:relative;
margin:0 auto;
padding: 10px 10px 3px 10px;
}

footer .copy {
color:#ffd915;
font-size: 14px;
margin:0 auto;
display:table;
text-align:center;
}

.footermenu {
position:absolute;
top:10px;
right: 20px;
padding: 5px 0;
display:table;
}

.privacylink {
text-align:left;
color:#fff;
font-size: 18px;
margin:0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.privacylink:hover {
color:#ffd915;
}


.hidemenu {
display:none;
}

nav {
position:absolute;
top:0;
right:0;
display:table;
margin:20px;
width: max-content;
}

nav ul {
list-style:none;
margin:0;
padding:0;
}

nav ul li {
float:left;
padding:10px;
}

nav ul li a {
color:#fff !important;
font-size:20px;
text-decoration:none;
text-transform:uppercase;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}

nav ul li a:hover {
color:#ffd915 !important;
}

nav ul li ul {
list-style:none;
margin:0;
padding:0;
}

nav ul li ul li {
float:none;
padding: 10px 10px 0px 10px;
}

nav ul li ul li a {
color:#fff !important;
font-size:16px;
text-decoration:none;
text-transform:uppercase;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}

.fixed nav {
margin:12px;
}

.mobileicon {
position: absolute;
top: 0;
right: 0;
z-index: 9999;
padding: 10px;
margin: 10px;
cursor: pointer;
display: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.bar {
width: 34px;
height: 6px;
background:#fff;
margin: 5px;
}

@media all and (max-width: 1200px) and (min-width: 0px) {

#upper {
background-image: linear-gradient(to right, #888888 ,#fff , #fff, #fff ,#fff, #fff, #888888);
}

}

@media all and (max-width: 1152px) and (min-width: 0px) {

.upmidtext {
padding: 20px 0;
}

}


@media all and (max-width: 1100px) and (min-width: 0px) {

.topblock {
display:none;
}

.topblockmid {
float:none;
width: calc(100% - 6px);
}

.tb2 {
background-position:center;
}

#upper {
background-image: none;
}


}

@media all and (max-width: 870px) and (min-width: 0px) {

.upmidtext {
width: calc(100% - 210px);
}
.patchimg {
padding: 0 10px 0 0;
}

.overlaytxt p {
font-size: 22px;
}

}

@media all and (max-width: 800px) and (min-width: 0px) {

.midbtn {
width: 65px;
border:0;
background: rgba(0, 0, 0, 0.75);
opacity:1;
}

.midbox:hover .midbtn {
padding: 8px 15px 6px 15px;
border:0;
background: rgba(0, 0, 0, 0.75);
}

.botbox:hover .midbtn {
padding: 8px 15px 6px 15px;
border:0;
background: rgba(0, 0, 0, 0.75);
}

.mobileicon {
display:block;
}


nav {
position: fixed;
height: 100%;
width: 150px;
top:0;
right:-150px;
z-index: 999;
background:#000;
margin:0;
}

nav ul {
padding: 90px 0 0 0;
text-align: center;
}

nav ul li {
float:none;
padding: 7px;
}

.fixed {
background:#000;
}

.fixed .mobileicon {
margin: 5px;
}

.fixed nav {
margin:0;
}

.hbg {
display:none;
}

.logo {
z-index: 9999;
position: relative;
}

.hidemenu {
display:block;
}

}

@media all and (max-width: 732px) and (min-width: 0px) {

.upmidtext {
padding: 5px 0;
}

}


@media all and (max-width: 645px) and (min-width: 0px) {

.nopebox {
width: calc(33.3333% - 16px);
padding:10px 8px;
}

.prodlip {
background:none;
}
.prodlip::before {
display:none;
}
.prodlip::after {
display:none;
}

.prodlip .productsbtn {
color: #fff;
border: 3px solid #fff;
}
.prodlip .productsbtn:hover {
background: #fff;
color: #000000;
}

}

@media all and (max-width: 616px) and (min-width: 0px) {

.contactitems {
border:0 solid #b3b3b3;
}

}

@media all and (max-width: 586px) and (min-width: 0px) {

header .logo {
padding: 5px;
}

.social {
margin: 5px;
}

.mobileicon {
margin:0;
}

.upmidwrap {
text-align:center;
}

.patchimg {
float:none;
}

.upmidtext {
width:100%;
}

.midbox {
margin: 5px;
width: calc(33.3333% - 10px);
}

.midbtn {
width: 45px;
font-size: 12px;
bottom: 15px;
}

#upper h1 {
font-size: 26px;
}

#upper p {
    font-size: 18px;
}

.nopep {
font-size: 26px !important;
}

.upmidwrap h1 {
font-size: 29px;
}

.upmidwrap p {
font-size: 20px;
}

.upbotwrap h1 {
font-size: 29px;
}

.upbotwrap p {
font-size: 20px;
}

.productsbtn {
font-size: 16px;
}

.overlaytxt p {
font-size: 20px;
}

}


@media all and (max-width: 550px) and (min-width: 0px) {

.igdm {
width: calc(100% - 20px);
float:none;
}

.emud {
width: calc(100% - 20px);
float:none;
}

}


@media all and (max-width: 430px) and (min-width: 0px) {

.newsletter h2 {
float:none;
}

.submitbtn {
float:none;
margin:5px auto;
}

}

@media all and (max-width: 416px) and (min-width: 0px) {

.fixed .social {
margin: 12px 0px;
}

.fixed .mobileicon {
    margin: 5px 0;
}

header .logo {
margin: 0 55px 0 auto;
}

}