@charset "UTF-8";
body {background:#000;margin:0 auto;font-family:HELVETICA;-webkit-animation:bugfix infinite 1s; color:#eeeeee;font-weight:400;}
@-webkit-keyframes bugfix {to {padding: 0;}}
a {text-decoration:none;}
#header{width:100%;height:70px;top:0px;right:0px;}
.nav {max-width:1200px;height:100%;position:relative;margin:0 auto;background:#000;}
.nav > ul {display:inline;margin:0;padding:0;list-style:none;}
.nav > ul > li {line-height:3.5;float:left;}
.nav > ul > li > a {display:inline;position:relative;margin-left:5px;padding:6px 15px;text-transform:uppercase;font-size:0.8em;color:#fff;width:100%;text-decoration:none;}
.nav > ul > li > a:hover,
.nav > ul > li > a:focus {color:#dadada; }
.nav > ul > li > a:before {content:'';display:block;position:absolute;right:0;top:0;height:3px;width:100%;-webkit-transition:width 0s ease;transition:width 0s ease;margin-top:-14px;}
.nav > ul > li > a:after {content:'';display:block;position:absolute;left:0;top:0;height:3px;width:100%;background:gold;-webkit-transition:width .5s ease;transition:width .5s ease;margin-top:-14px;}
.nav > ul > li > a:hover:before {width:0%;background:gold;-webkit-transition:width .5s ease;transition:width .5s ease;}
.nav > ul > li > a:hover:after {width:0%;background:transparent;-webkit-transition:width 0s ease;transition:width 0s ease;}
.nav > ul > li > ul > li {line-height:2.7;float:none;list-style-type:none;background:rgba(0,0,0, 0.9);}
.nav > ul > li > ul > li a:before {content:'';display:block;position:absolute;right:0;bottom:0;height:1px;width:100%;-webkit-transition: width 0s ease;transition: width 0s ease;}
.nav > ul > li > ul > li a:after {content:'';display:block;position:absolute;left:0;bottom:0;height:1px;width:100%;background:gold;-webkit-transition:width .5s ease;transition:width .5s ease;}
.nav > ul > li > ul > li > a {display:inline-block;position:relative;padding:0;text-transform:uppercase;font-size:1em;color:#dadada;width:100%;text-decoration:none;-webkit-transition:color .5s ease, padding .5s ease;-moz-transition:color .5s ease, padding .5s ease;transition:color .5s ease, padding .5s ease;}
.nav > ul > li > ul > li > a:hover,
.nav > ul > li > ul > li > a:focus {color:#dadada; }
.nav > ul > li > ul > li > a:hover:before {width:0%;background:gold;-webkit-transition:width .5s ease;transition:width .5s ease;}
.nav > ul > li > ul > li > a:hover:after {width:0%;-webkit-transition:width 0s ease;transition:width 0s ease;}
.logo {display:block;float:right;}
.logo a {color:#dadada;text-decoration:none;text-transform:uppercase;margin-left:20px;}
.hhh {display:block;margin:0 auto;margin:0 auto;max-width:1500px;padding-left:20px; text-transform:uppercase}
.hhh1 {display:block;margin:0 auto;margin:0 auto;max-width:1220px;padding-left:20px; text-transform:uppercase}
.form {width:100%;background:trasparent;text-align:center;margin:0 auto;padding:20px 0;text-transform:uppercase;}
.form p {font-size:30px;margin-bottom:23px;}
.form input[type=text]{background:transparent;border:2px solid #fff;width:80%;height:50px;color:#fff;font-size:21px;margin-bottom:12px;text-align:center;}
.error_field{border-color: #fff !important;}
div.error{display:none;height:16px;margin-top:-8px;margin-bottom:-8px;margin-left:10px;}
.btn_submit_form {color:#fff;background:transparent;font-size:21px;width:81.3%;height:50px;text-decoration:none;text-align:center;margin:0 auto;border:2px solid #fff;padding:0 0;}
.btn_submit_form:hover {background:#fff;color:gold;border:2px solid gold;}
.btn_submit_form:active {background:#fff;color:gold;border:2px solid gold;}
#odin {margin:0 auto;max-width:100%;background-image:url(../images/oklejka_avto.jpg);background-repeat: no-repeat;background-size:cover;background-attachment: fixed;background-position:0% 70%;box-shadow:inset 0 0 45px 20px rgba(0,0,0,0.9);}
#odin2 {margin:0 auto;max-width:100%;background-image:url(../images/antigraviynaya-plenka.jpg);background-repeat: no-repeat;background-size:cover;background-attachment: fixed;background-position:0% 70%;box-shadow:inset 0 0 45px 20px rgba(0,0,0,0.9);}
#odin3 {margin:0 auto;max-width:100%;background-image:url(../images/vinilovaja-plenka.jpg);background-repeat: no-repeat;background-size:cover;background-attachment: fixed;background-position:0% 70%;box-shadow:inset 0 0 45px 20px rgba(0,0,0,0.9);}
#odin4 {margin:0 auto;max-width:100%;background-image:url(../images/kamuflyazh.jpg);background-repeat: no-repeat;background-size:cover;background-attachment: fixed;background-position:0% 70%;box-shadow:inset 0 0 45px 20px rgba(0,0,0,0.9);}
#odin5 {margin:0 auto;max-width:100%;background-image:url(../images/tonirovka.jpg);background-repeat: no-repeat;background-size:cover;background-attachment: fixed;background-position:0% 70%;box-shadow:inset 0 0 45px 20px rgba(0,0,0,0.9);}
#odin6 {margin:0 auto;max-width:100%;background-image:url(../images/naklejki.jpg);background-repeat: no-repeat;background-size:cover;background-attachment: fixed;background-position:0% 70%;box-shadow:inset 0 0 45px 20px rgba(0,0,0,0.9);}
#odin7 {margin:0 auto;max-width:100%;background-image:url(../images/nanokeramika.jpg);background-repeat: no-repeat;background-size:cover;background-attachment: fixed;background-position:0% 70%;box-shadow:inset 0 0 45px 20px rgba(0,0,0,0.9);}
.dva {margin:0 auto;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.8);}
.tel {display:block;font-size:40px;color:gold;font-weight:500;line-height:1.5;}
.tel a {color:#fff;} .tel a:hover{color:gold;}
.adress {display:block;font-size:27px;color:gold;line-height:1.5;}
.adress a {color:#fff;} .adress a:hover{color:gold;}
h1 {font-size:51px;font-weight:400;display:block;width:100%}
h2 {font-size:40px;font-weight:400;text-align:center;}
h3 {font-size:40px;font-weight:400;text-align:center;}
.gol {font-size:51px;margin-top:-30px;color:gold}
.gol2 {font-size:25px;margin-top:-30px;color:gold}
.e1 {margin:0px auto;max-width:1500px;padding-left:20px;margin-top:-25px;}
.top1 {float:left;width:50%;text-transform:uppercase;}
.s1 {display:block;font-size:22px; line-height:1;color:gold;}
.s1 a {color:#fff;} .s1 a:hover{color:gold;}
.s1 span {color:#fff;}
.top2 {margin-left:50%;width:50%;text-align:center;float:none;}
.pr {display:block;max-width:100%;height:1px;clear:both;}
.content {clear:both;max-width:1200px; margin:0 auto;font-size:17px;padding:20px;}
.oklejka {max-width:400px;float:left;padding:0  15px 15px 0;}
.circle {background:gold;width:80px;height:80px;border-radius:40px;margin:0 auto;display:block;}
.circle2 {margin: 0 auto;display:block;line-height:80px;text-align:center; color:#000;font-size:50px;font-weight:400;}
.p1 {font-size:20px;font-weight:400;text-align:center;}
.p2 {font-size:17px;font-weight:400; border-left:5px solid gold;color:#8c8c8c;padding-left:10px;text-align:left;}
.d1 {width:47%;float:left;}
.d2 {width:47%;margin-left:53%;}
.both {clear:both;display:block;}
.both1 {clear:both;border:0.5px solid #787878;padding:15px;}
.none1 {display:none;}
article ul {list-style:disc; color:#8c8c8c;}
.back {background-image:url(../images/oklejka_avto.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;background-position:50% 70%;box-shadow:inset 0 0 10px 10px rgba(0,0,0,1);margin:50px 0 50px 0;}
.back span {text-align:center;display:block;font-size:25px;text-transform:uppercase;}
.back .form input[type=text]{width:50%;background-color:rgba(0, 0, 0, 0.7);}
.back .btn_submit_form {width:50%;background-color:rgba(0, 0, 0, 0.7);}
.back .btn_submit_form:hover {background:#fff;}
.back .btn_submit_form:active {background:#fff;}
.foto {margin:0 auto;max-width:1200px;padding:20px;text-align:center;}
.foto div {max-width:44%;margin:0 auto;padding:20px;display:inline-block;}
.foto img{border: 1px solid gold;width:100%; height:100%; padding:5px;}
.foto p {color:#8c8c8c; font-size:22px;}
.foto2 {margin:0 auto;max-width:1200px;text-align:center;}
.foto2 div {max-width:27%;margin:0 auto;padding:20px;display:inline-block;vertical-align:top;}
footer {max-width:1200px;margin: 0 auto;}
.f1 {width:30%;float:left;padding:1.5%;font-size:18px;}
.fp {color:#8c8c8c;font-size:22px;}
.f1 a {color:gold;}
.f1 a:hover {color:#fff;}
.f1 ul {list-style:none;margin-left:-40px;line-height:2.2;font-size:18px;text-transform:uppercase;}
.f1 li a {color:#fff;}
.f1 li a:hover {color:gold;}
.karta {width:100%;height:100%;}
.center {display:block;margin:0 auto;}
.grey {color:#8c8c8c;}
.img2 {display:inline-block;}
.spanali{margin:0 auto;display:block;text-align:center;}
.k1 {width:23.5%;border:0.5px solid #787878;float:left;margin:0.5%;}
.k1 img {width:100%;}
.k1 a {color:#fff;}
.k1 a:hover{color:red;}
.k1 span {display:block; width:100%;}
.n1 {margin-top:10px;border:0.5px solid #787878;padding:10px;}
.n1 img {width:40%;float:left; padding-right:10px; padding-bottom:10px;}
.n1 a {color:#000;}
.n1 a:hover{color:red;}
.n1 span {display:block; width:100%;}
.podr {background:gold;font-size:20px;height:50px;line-height:50px;text-transform:uppercase;text-align:center;clear:both;}
.podr1 {font-size:20px;height:135px;text-transform:uppercase;clear:both;line-height:30px;}
.cena {margin:10px;color:gold;}
.op {margin:10px;}
.oklejka2 {width:650px;height:450px;float:right;}
.kath1 {font-size:22px; text-transform:uppercase;width:100%;}
.p1ul {color:gold;font-size:20px;}
.nazad {background:#000;border:0.5px solid gold;color:gold;font-size:25px;margin-top:20px;padding-left:40px;padding-right:40px;float:right;}
.nazad:hover{background:#fff;}
.vak {border:0.5px solid gold; padding:2%;width:41%;float:left; margin:2%;}
.vak h2{font-size:25px;text-align:left;color:gold;}
.vak p{font-size:18px;}
.vak p span{color:#8c8c8c;}
.hn {font-size:25px;}
.oklejka_n {width:100%;height:100%;}
 /*трипваер*/
#bg_popup{background-color: rgba(0, 0, 0, 0.8);display: none;position: fixed;z-index: 99999;top: 0;right: 0;bottom: 0;left: 0;}
#popup {background: #000;width:80%; max-width:1200px;margin: 2% auto;padding: 5px 20px 13px 20px;border: 2px solid gold;position: relative;-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.close{text-align:center;display:block;position:absolute;top:-12px;right:5px;width:25px;height:25px;line-height:28px;color:#fff;background:#1BA600;cursor:pointer;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;}.close:hover {background-color:#f30;}
.tfoto2 {margin:0 auto;max-width:1200px;text-align:center;}
.tfoto2 div {max-width:27%;margin:0 auto;padding:10px;display:inline-block;vertical-align:top;}
.center3 {max-width:100%;height:100%;}
.tp1 {font-size:18px;font-weight:400;text-align:center;line-height:0.9;}
.tp2 {font-size:16px;font-weight:400; border-left:1px solid gold;color:#8c8c8c;padding-left:10px;text-align:left;line-height:0.9;}
.tgreen {color:#4eff00;font-weight:700;color: rgb(255,215,0);text-shadow: 0 -1px rgba(255,215,0,.1);-webkit-animation: pulsate 1.2s linear infinite;animation: pulsate 1.2s linear infinite;}
.tred {color:red;}
.ztr{font-size:25px;text-align:center;color: rgb(255,215,0);text-shadow: 0 -1px rgba(255,215,0,.1);-webkit-animation: pulsate 1.2s linear infinite;animation: pulsate 1.2s linear infinite;line-height:0.9;margin-top:-1px;}
@-webkit-keyframes pulsate {50% { color: #fff; text-shadow: 0 -1px rgba(255,215,0,.3), 0 0 5px #FFD700, 0 0 8px #FFD700; }}
@keyframes pulsate {50% { color: #fff; text-shadow: 0 -1px rgba(255,215,0,.3), 0 0 5px #FFD700, 0 0 8px #FFD700; }}
.tknopki {display: inline-block;margin:0 auto; width:100%;text-align:center;margin-top:-10px;}
.tknopka {margin:10px;padding:10px;font-size:16px;display:inline-block;background:gold;color:#000;margin:0 auto; width:200px;text-align:center;border-radius:5px;text-transform:uppercase;}
.tknopka:hover {color:#fff;}
.tknopka2 {margin:10px;padding:10px;font-size:16px;display:inline-block;background:gold;color:#000;margin:0 auto; width:200px;text-align:center;border-radius:5px;text-transform:uppercase;}
.tknopka2:hover {color:#fff;}
@media screen and (max-width: 1025px){
#header{height:0px;}
#headerc{margin:0 auto;max-width:1200px;height:0px;}
.nav {width:96%;position:fixed;top:0;bottom:0;margin:0;right:-102%;padding:15px 20px;-webkit-transition:right 0.3s;-moz-transition:right 0.3s;transition:right 0.3s;z-index:2000;}
.nav-toggle {position:absolute;right:103%;top:0.2em;padding:10px 1%;background:transparent;color:#fff;cursor:pointer;font-size:2.2em;line-height:1;z-index:2001;-webkit-transition:color .25s ease-in-out;-moz-transition:color .25s ease-in-out;transition:color .25s ease-in-out;}
.nav-toggle:after {content:'\2630';text-decoration:none;}
.nav-toggle:hover {color:#f4f4f4;}
[id='nav-toggle'] {position:absolute;display:none;}
[id='nav-toggle']:checked ~ .nav > .nav-toggle {left:auto;right:3%;top:0.2em;}
[id='nav-toggle']:checked ~ .nav {right:0px;box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);-moz-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);-webkit-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);overflow-y:auto;}
[id='nav-toggle']:checked ~ main > article {-webkit-transform:translateX(-90%);-moz-transform:translateX(-90%);transform:translateX(-90%);}
[id='nav-toggle']:checked ~ .nav > .nav-toggle:after {content: '\2715';}
.logo {text-align:center;float:none;}
[id='nav-toggle']:checked ~ .nav h2 {opacity:1;transform:scale(1, 1);-ms-transform:scale(1, 1);-moz-transform:scale(1, 1);-webkit-transform:scale(1, 1);}
.nav > ul {display:block;}
.nav li:hover > ul{opacity:1;}
.nav > ul > li {float:none;line-height:2.5;opacity:0;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);-webkit-transition:opacity .5s .1s, -webkit-transform .5s .1s;-moz-transition:opacity .5s .1s, -moz-transform .5s .1s;-ms-transition: opacity .5s .1s, -ms-transform .5s .1s;transition:opacity .5s .1s, transform .5s .1s;}
[id='nav-toggle']:checked ~ .nav > ul > li {opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.nav > ul > li:nth-child(2) {-webkit-transition:opacity .5s .2s, -webkit-transform .5s .2s;transition:opacity .5s .2s, transform .5s .2s;}
.nav > ul > li:nth-child(3) {-webkit-transition:opacity .5s .3s, -webkit-transform .5s .3s;transition:opacity .5s .3s, transform .5s .3s;}
.nav > ul > li:nth-child(4) {-webkit-transition:opacity .5s .4s, -webkit-transform .5s .4s;transition:opacity .5s .4s, transform .5s .4s;}
.nav > ul > li:nth-child(5) {-webkit-transition:opacity .5s .5s, -webkit-transform .5s .5s;transition:opacity .5s .5s, transform .5s .5s;}
.nav > ul > li:nth-child(6) {-webkit-transition:opacity .5s .6s, -webkit-transform .5s .6s;transition:opacity .5s .6s, transform .5s .6s;}
.nav > ul > li:nth-child(7) {-webkit-transition:opacity .5s .7s, -webkit-transform .5s .7s;transition:opacity .5s .7s, transform .5s .7s;}
.nav > ul > li > a {display:inline-block;padding:0;font-size:1.2em;color: #dadada;-webkit-transition:color .5s ease, padding .5s ease;-moz-transition:color .5s ease, padding .5s ease;transition:color .5s ease, padding .5s ease;}
.nav > ul > li > a:hover, .nav > ul > li > a:focus {color:#fff;padding-left:15px;}
.nav > ul > li > a:before {height:1px;margin-top:0px;}
.nav > ul > li > a:after {height:1px;width:100%;background:#424242;margin-top:0px;}
.nav > ul > li > a:hover:before {background:#424242;}
.nav > ul > li > a:hover:after {background:transparent;}
.nav > ul > li > ul > li a:before {top:0;}
.nav > ul > li > ul > li a:after {content:'';display:block;position:absolute;left:0;top:0;height:1px;width:100%;background:#424242;-webkit-transition:width .5s ease;transition:width .5s ease;}
.nav > ul > li > ul > li > a:hover,
.nav > ul > li > ul > li > a:focus {color:#fff;padding-left:15px;}
.nav > ul > li > ul > li > a:hover:before {background:#424242;}
.nav > ul > li > ul > li > a:hover:after {background:transparent;}
#odin {margin:0 auto;max-width:100%;background-image:url(../images/oklejka_avto.jpg);background-repeat: no-repeat;background-size:cover;background-position:50% 0%;}
#odin2 {margin:0 auto;max-width:100%;background-image:url(../images/antigraviynaya-plenka.jpg);background-repeat: no-repeat;background-size:cover;background-position:50% 0%;}
#odin3 {margin:0 auto;max-width:100%;background-image:url(../images/vinilovaja-plenka.jpg);background-repeat: no-repeat;background-size:cover;background-position:50% 0%;}
#odin4 {margin:0 auto;max-width:100%;background-image:url(../images/kamuflyazh.jpg);background-repeat: no-repeat;background-size:cover;background-position:50% 0%;}
#odin4 {margin:0 auto;max-width:100%;background-image:url(../images/tonirovka.jpg);background-repeat: no-repeat;background-size:cover;background-position:50% 0%;}
.dva {margin:0 auto;width:100%;height:100%;background:#000;opacity: 0.8;}
.tel {font-size:30px;}
.adress {font-size:19px;}
.top1 {float:left;width:43%;padding-left:20px;}
.top2 {margin:0; auto;width:43%;text-align:center;float:right;margin-right:10%}
.e1 {margin:0 auto;padding-left:0px;margin-top:30px;}
h1 {font-size:4vw; /* 4% of viewport width */width:100%}
h2 {font-size:22px;font-weight:400; text-align:center;}
h3 {font-size:22px;font-weight:400; text-align:center;}
.foto {margin:0 auto;}
.foto div {max-width:100%;float:none;}
.foto p {color:#8c8c8c; font-size:22px;}
.foto2 {margin:0 auto;}
.foto2 div {max-width:100%;float:none;padding:0px;}
.gol {font-size:4vw; /* 4% of viewport width */ margin:-3% 0px;}
.gol2 {font-size:3vw; /* 3% of viewport width */ margin:-3% 0px;}
.s1 {font-size:2.5vw; /* 2.5% of viewport width */margin:0px 0px;line-height:1.6}
.form {padding:10px 0;}
.form p {font-size: 2.5vw; /* 2.5% of viewport width */margin-bottom:10px;}
.form input[type=text]{height:30px;font-size:16px;border:1px solid #fff;}
.btn_submit_form {height:30px;font-size:14px;width:80%;border:1px solid #fff;}
.oklejka {width:100%;height:100%;float:none;max-width:100%}
.content {padding:20px;}
.d1 {width:100%;float:none;}
.d2 {width:100%;margin-left:0%;}
.center {width:70%;height:70%;}
.img2 {padding:0px;margin:0 auto;}
.k1 {width:48%;}
.oklejka2 {width:60%;height:60%;}
.kath1 {font-size:18px;}
.p1ul {font-size:16px;}
.vak {padding:2%;width:96%;float:none; margin:10px 0px 10px 0px;}
.vak h2{font-size:20px;}
.vak p{font-size:15px;}
.n1 img {width:100%;float:none; padding-right:0px; padding-bottom:10px;}
 /*трипваер*/
 #popup {margin:3% auto;}
.tfoto2 {margin:0 auto;}
.tfoto2 div {max-width:100%;float:none;padding:0px;border-bottom:1px solid gold;}
.center3 {max-width:25%;height:25%;float:left;}
.ztr{font-size:20px;}
.tp1 {font-size:17px;font-weight:400;text-align:right;line-height:0px;}
.tp2 {font-size:16px;font-weight:400;border-left:0px solid gold;color:#8c8c8c;padding-left:10px;text-align:left;line-height:0.9;}
}
@media screen and (max-width: 650px){.tel {font-size:26px;} .adress {font-size:16px;}.center {width:100%;height:100%;}}
@media screen and (max-width: 560px){
.nav {width:91%;position:fixed;top:0;bottom:0;margin:0;right:-102%;padding:15px 20px;-webkit-transition:right 0.3s;-moz-transition:right 0.3s;transition:right 0.3s;z-index:2000;}
.nav-toggle {position:absolute;right:100%;top:0.2em;padding:10px 5%;color:#fff;cursor:pointer;font-size:2.2em;line-height:1;z-index:2001;-webkit-transition:color .25s ease-in-out;-moz-transition:color .25s ease-in-out;transition:color .25s ease-in-out;}
.top1 {float:none;width:90%;}
.top2 {margin:0 auto;width:100%;text-align:center;float:none;padding-top:20px;}
.tel {font-size:32px;}
.e1 {margin-top:30px;}
.form p {font-size: 4vw; /* 4% of viewport width */;}
h1 {font-size: 7.5vw; /* 6.5% of viewport width */width:70%}
.gol {font-size: 6.5vw; /* 6.5% of viewport width */margin:-5% 0px;}
.gol2 {font-size:4.5vw; /* 4.5% of viewport width */ margin:-3% 0px;}
.s1 {font-size: 4.7vw; /* 4.7% of viewport width */;}
.oklejka {width:100%;float:none;padding:15px  0 15px 0; height:100%}
.back .form input[type=text]{width:90%;}
.back .btn_submit_form {width:90%;}
.f1 {width:90%;float:none;padding:5%;}
.p2 {text-align:left;}
.img2 {max-width:100%;height:100%;padding:0px;margin:0 auto;}
.center2 {max-width:90%;height:90%;}
.k1 {width:99%;}
.oklejka2 {width:100%;height:100%;}
 /*трипваер*/
.tfoto2 {margin:0 auto;}
.tfoto2 div {max-width:100%;float:none;padding:0px;border-bottom:1px solid gold;}
.center3 {max-width:50%;height:50%;float:left;}
.ztr {font-size:4vw;}
.tp1 {font-size:2.8vw;font-weight:400;text-align:right;line-height:0px;}
.tp2 {font-size:2.4vw;font-weight:400; border-left:0px solid gold;color:#8c8c8c;padding-left:10px;text-align:left;line-height:0.9;}
.tknopka {width:40%;font-size:2.5vw;}
.tknopka2 {width:40%;font-size:2.5vw;}
}
@media screen and (max-height: 500px){
 /*трипваер*/
 #popup {margin:1% auto;}
.tfoto2 {margin:0 auto;}
.tfoto2 div {max-width: 32%;padding:0px;border-bottom:none;}
.center3 {max-width:100%;height:100%;float:left;}
.ztr{font-size:2vw;}
.tp1 {font-size:12px;font-weight:400;text-align:center;line-height:normal;}
.tp2 {font-size:10px;;font-weight:400;border-left:0px solid gold;color:#8c8c8c;padding-left:10px;text-align:left;line-height:0.9;border-left:1px solid gold;}
.tknopka {width:35%;font-size:2vw;padding:5px;}
.tknopka2 {width:35%;font-size:2vw;padding:5px;}
}
@media screen and (max-height: 321px){
 /*трипваер*/
.tp1 {font-size:10px;font-weight:400;text-align:center;line-height:normal;}
.tp2 {font-size:8px;font-weight:400;border-left:0px solid gold;color:#8c8c8c;padding-left:10px;text-align:left;line-height:0.9;border-left:1px solid gold;}
.tknopka {padding:5px;}
.tknopka2 {padding:5px;}
}
@media screen and (max-width: 300px){
.nav {right:-105%}
.nav > ul > li > a {display:inline-block;padding:0;font-size:1em;color:#fff;-webkit-transition:color .5s ease, padding .5s ease;-moz-transition:color .5s ease, padding .5s ease;transition:color .5s ease, padding .5s ease;}
.nav > ul > li > ul > li > a {font-size:0.7em;}
.logo a {color:#dadada;text-decoration:none;text-transform:uppercase;margin-left:-10px;}
.tel {font-size:20px;}
.adress {font-size:13px;}
.podr {font-size:15px;}
.podr1 {font-size:15px;}
}
.table-wrap {text-align: center;display: inline-block;color: #eeeeee;width:100%;}
table {border: 1px solid #b5990d;width: 100%;margin:0;padding:0;border-collapse: collapse;border-spacing: 0;}
table tr {border: 1px solid #b5990d;padding: 5px;}
table th, table td {padding: 10px;text-align: center;border-right: 1px solid #b5990d;}
@media screen and (max-width: 1025px) {
table {border: 0;}
table thead {display: none;}
table tr {margin-bottom: 10px;display: block;}
table td {display: block;text-align: right;font-size: 13px;border-bottom: 1px dotted #b5990d;border-right: 1px solid transparent;}
table td:last-child {border-bottom: 0;}
table td:before {content: attr(data-label);float: left;text-transform: uppercase;font-weight: bold;}}