﻿
@font-face {font-family:'Proxima Nova';src:url('fonts/ProximaNova-Regular.eot');src:url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/ProximaNova-Regular.woff2') format('woff2'),url('fonts/ProximaNova-Regular.woff') format('woff'),url('fonts/ProximaNova-Regular.ttf') format('truetype'),url('fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family:'Proxima Nova';src:url('fonts/ProximaNova-SemiBold.eot');src:url('fonts/ProximaNova-SemiBold.eot?#iefix') format('embedded-opentype'),url('fonts/ProximaNova-SemiBold.woff2') format('woff2'),url('fonts/ProximaNova-SemiBold.woff') format('woff'),url('fonts/ProximaNova-SemiBold.ttf') format('truetype'),url('fonts/ProximaNova-SemiBold.svg#ProximaNova-SemiBold') format('svg');font-weight:500;font-style:normal;}
@font-face {font-family:'Proxima Nova';src:url('fonts/ProximaNova-RegularItalic.eot');src:url('fonts/ProximaNova-RegularItalic.eot?#iefix') format('embedded-opentype'),url('fonts/ProximaNova-RegularItalic.woff2') format('woff2'),url('fonts/ProximaNova-RegularItalic.woff') format('woff'),url('fonts/ProximaNova-RegularItalic.ttf') format('truetype'),url('fonts/ProximaNova-RegularItalic.svg#ProximaNova-RegularItalic') format('svg');font-weight:normal;font-style:italic;}
@font-face {font-family:'Proxima Nova';src:url('fonts/ProximaNova-Black.eot');src:url('fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),url('fonts/ProximaNova-Black.woff2') format('woff2'),url('fonts/ProximaNova-Black.woff') format('woff'),url('fonts/ProximaNova-Black.ttf') format('truetype'),url('fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg');font-weight:900;font-style:normal;}
@font-face {font-family:'Proxima Nova';src:url('fonts/ProximaNova-BoldItalic.eot');src:url('fonts/ProximaNova-BoldItalic.eot?#iefix') format('embedded-opentype'),url('fonts/ProximaNova-BoldItalic.woff2') format('woff2'),url('fonts/ProximaNova-BoldItalic.woff') format('woff'),url('fonts/ProximaNova-BoldItalic.ttf') format('truetype'),url('fonts/ProximaNova-BoldItalic.svg#ProximaNova-BoldItalic') format('svg');font-weight:bold;font-style:italic;}
@font-face {font-family:'Proxima Nova';src:url('fonts/ProximaNova-Bold.eot');src:url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/ProximaNova-Bold.woff2') format('woff2'),url('fonts/ProximaNova-Bold.woff') format('woff'),url('fonts/ProximaNova-Bold.ttf') format('truetype'),url('fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');font-weight:bold;font-style:normal;}
@font-face {font-family:'Proxima Nova';src:url('fonts/ProximaNova-Light.eot');src:url('fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),url('fonts/ProximaNova-Light.woff2') format('woff2'),url('fonts/ProximaNova-Light.woff') format('woff'),url('fonts/ProximaNova-Light.ttf') format('truetype'),url('fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');font-weight:300;font-style:normal;}

html { height: 100%; min-width: 320px;}

 body {position: relative; margin: 0; padding: 0px 0 0 0; height: auto !important; height: 100%; min-height: 100%; min-width: 320px; background: #ffffff url(img/bg.jpg) repeat; font-family:'Proxima Nova';}
 html > body {padding: 0;}
 img {padding: 0; margin: 0; border: 0;}
 .cleaner {clear: both;}
 a:hover {text-decoration: none;}

input:focus::-moz-placeholder {opacity: 0;}
input:focus::-webkit-input-placeholder {opacity: 0;}
textarea:focus::-moz-placeholder {opacity: 0;}
textarea:focus::-webkit-input-placeholder {opacity: 0;}

.all {position: relative; max-width: 1300px; margin: 0 auto; padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
form {padding: 0; margin: 0; border: 0;}
form fieldset {padding: 0; margin: 0; border: 0;}
.header .topmenu, button, a {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}


.error {box-shadow: inset 0 0 5px red;}

* {outline:none;}
.container {box-shadow: 0 0 10px 1px rgba(0,0,0,0.08); width: 100%; position: relative; overflow: hidden; max-width: 1100px; margin: 0 auto;}




.first-screen {position: relative; width:100%; height: 650px; background: #595a5a; min-height: 600px;}
.first-screen video {position:absolute; top: 0; min-width: 100%;     min-height: 100%;    width: auto;    height: auto;  left:0; overflow:hidden;}
.first-screen .all {max-width: 1250px; position: relative;}
.first-screen .header {padding: 25px 0 0 0; display: flex; justify-content: space-between; align-items: center;}
.first-screen .header .lang {display: flex; position: absolute; top: 35px; right: 15px; padding: 0; margin: 0; list-style-type: none;}
.first-screen .header .lang li {margin: 0 0 0 5px;}
.first-screen .header .lang a {display: table; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; background: #fff; border: 1px solid black; text-align: center; color: #000; text-decoration: none; font-size: 13px; text-transform: uppercase;}
.first-screen .header .lang a.active {background: #000; color: #fff;}
.first-screen .header .logo {max-width: 280px;}


.first-screen .header .link-nav {display:none;}
.first-screen ul.topmenu {padding: 7px 90px 0 0; margin: 0; list-style-type: none;}
.first-screen ul.topmenu li {vertical-align: middle; display: inline-block; margin: 0 0 0 15px;}
.first-screen ul.topmenu li:first-child {margin-left: 10px;}
.first-screen ul.topmenu li a {font-size: 16px; color: #fff; text-decoration: none;}
.first-screen ul.topmenu li a:hover {color: #64ae25;}
.first-screen ul.topmenu:before {margin: 2px 0 0 0; vertical-align: middle; content: url(img/topmenu-before.png); display: inline-block;}

.first-screen .text {font-size: 24px; color: #fff; text-align: center; position:absolute; top: 50%; transform: translate(-50%,-50%); width: 850px; left:50%;}
.first-screen .text:before {width: 217px; height: 60px; content: ''; display: block; margin: 0 auto; background: url(img/first-pattern.png) no-repeat;}
.first-screen .text h1 {font-size: 51px; text-transform: uppercase; font-weight: normal; color: #fff; padding: 50px 0 30px; margin: 0;}
.first-screen .text p {padding: 0 0 40px; margin: 0;}
.first-screen .text a.btn {display: table; margin: 0 auto; position: relative; padding: 0 50px; height: 50px; line-height: 50px; font-size: 23px; color: #fff; text-transform: uppercase; text-decoration: none; background: #64ae25;}
.first-screen .text a.btn:after {position:absolute; bottom: -24px; left: 50%; margin-left: -10px; display: block; content: ''; border: 12px solid transparent; border-top: 12px solid #64ae25; }

section {position: relative; width:100%; padding: 60px 0;}

section.about-us {font-size: 19px; color: #252626; background: #fff url(img/bg01.jpg) top left no-repeat; text-align:justify;}
section.about-us .all {padding-left: 35px; padding-right: 35px;}
section.about-us h2 {line-height: 110%; font-size: 48px; color: #252626; font-weight: normal; padding: 0; margin: 0 0 50px; text-align:center;}
section.about-us h2:after {margin: -10px auto 0; display: block; content: url(img/h2-pattern.png);}
section.about-us p {text-indent: 30px; padding: 0 0 30px; margin: 0; line-height: 130%;}
section.about-us p + h3 {padding-top: 30px;}
section.about-us h3 {text-align: center; font-size: 36px; color: #252626; font-weight: normal; padding: 0 0 40px; margin: 0;}
section.about-us .tobacco {display: flex; justify-content: center; align-items: flex-start;}
section.about-us .tobacco .block {font-size: 24px; color: #252626; font-weight: bold; text-align: center; width: 250px; margin: 0 45px;}
section.about-us .tobacco .block .pic {width: 243px; height: 243px; margin: 0 auto 30px; border-radius: 50%;overflow:hidden;}
section.about-us .tobacco .block .pic img {width:100%;}
section.about-us ul.styled {padding: 0 0 20px 28px; margin: 0; list-style-type:none;}
section.about-us ul.styled li {margin: 0 0 10px; position: relative; padding-left: 32px;}
section.about-us ul.styled li:before {content: url(img/topmenu-before.png); position: absolute; top: 0; left: 0;}
section.about-us a {color: inherit;}
section.about-us .hidden-text {display:none;}
section.about-us.open a.more {display:none;}

section.techno {background: #fff url(img/bg02.jpg) center center no-repeat; background-size: cover;}
section.techno h2 {line-height: 110%; font-size: 48px; color: #fff; font-weight: normal; padding: 0; margin: 0 0 50px; text-align:center;}
section.techno h2:after {margin: -10px auto 0; display: block; content: url(img/h2-pattern.png);}

@media screen and (min-width: 1001px) {
	section.techno .bg {position: relative; width: 1065px; height: 675px; margin: 0 auto; background: url(img/techno-bg.png) bottom center no-repeat;}
	section.techno .bg .block {align-items: flex-start; font-size: 19px; color: #fff; position:absolute; top: 0; left: 0; display: flex;}
	section.techno .bg .block .icon {width: 112px;}
	section.techno .bg .block p {padding: 0 0 0 20px; margin: 0;}
	section.techno .bg .block.b1 {max-width: 495px;}
	section.techno .bg .block.b2 {max-width: 495px; left: 580px;}
	section.techno .bg .block.b3 {padding-top: 15px; box-sizing: border-box; color: #231f20; width: 564px; height: 129px; left: 145px; top: 255px; background: url(img/b3-bg.png) no-repeat;}
	section.techno .bg .block.b3 p {padding-left: 80px;}
	section.techno .bg .block.b3 .icon {padding-left: 18px; box-sizing: border-box;}
	section.techno .bg .block.b4 {padding-top: 15px; box-sizing: border-box; color: #231f20; width: 564px; height: 129px; left: 305px; top: 485px; background: url(img/b3-bg.png) no-repeat;}
	section.techno .bg .block.b4 p {padding-left: 80px;}
	section.techno .bg .block.b4 .icon {padding-left: 18px; box-sizing: border-box;}
	section.techno .bg .block.b5 {left: auto; right: -30px; bottom: 130px; top: auto;}
}


section.info { text-align:justify;min-height: 1px; color: #fff; font-size: 16px; background: #fff url(img/bg02.jpg) center center no-repeat; background-size: cover;}
section.info .all {padding-left: 35px; padding-right: 35px;}
section.info .text {position: relative; top: auto; left: auto; transform: none; margin: 0;}
section.info p {padding: 0 0 20px; margin: 0;}
section.info h2 {line-height: 110%; font-size: 48px; color: #fff; font-weight: normal; padding: 0; margin: 0 0 50px; text-align:center;}
section.info h2:after {margin: -10px auto 0; display: block; content: url(img/h2-pattern.png);}
section.info .information {}
section.info .information .block {box-sizing: border-box; padding: 0 0 40px;}
section.info .information .block .hidden-text {display:none;}
section.info .information .block p.title {font-size: 25px; font-weight: 500;}
section.info .information .block a {color: #fff;}
section.info .information .block.open a.more {display:none;}
section.info .information .block h3 {padding: 0 0 20px; margin: 0; font-weight: 500; font-size: 22px;}
section.info .information .block ul {padding: 0 0 20px 20px; margin: 0;}
section.info .information .block ol {padding: 0 0 20px 20px; margin: 0;}
section.info ul.styled {padding: 0 0 20px 20px; margin: 0; list-style-type:none;}
section.info ul.styled li {margin: 0 0 10px; position: relative; padding-left: 32px;}
section.info ul.styled li:before {content: url(img/topmenu-before-w.png); position: absolute; top: 0; left: 0;}
section.info ol li + li {margin-top: 20px;}

section.production {background: #fff url(img/bg03.jpg) bottom center no-repeat; padding-bottom: 230px; min-height: 700px; padding-top: 60px; box-sizing: border-box;}
section.production .text {position: relative; top: auto; left: auto; transform:none; margin:0;}
section.production h2 {line-height: 110%; font-size: 48px; color: #252626; font-weight: normal; padding: 0; margin: 0 0 50px; text-align:center;}
section.production h2:after {margin: -10px auto 0; display: block; content: url(img/h2-pattern.png);}
section.production .prod-blocks {max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: stretch;}
section.production .prod-blocks .block {text-align: justify; position: relative; padding: 0 10px; box-sizing: border-box;  padding-bottom: 60px; text-align: center; width: 20%;}
section.production .prod-blocks .block p.descr {text-align: justify; font-size: 14px; color: #363636;padding: 10px 0 0 0; margin: 0;}
section.production .prod-blocks .block img {filter: grayscale(100%); opacity:0.7; transition: all 0.3s ease;}
section.production .prod-blocks .block:hover img {filter: none; opacity: 1;}
section.production .prod-blocks .block span {height: 60px; box-sizing: border-box; transition: all 0.3s ease; margin: 30px 0 0 0; display: block; font-size: 24px; color; #252626; font-weight: bold; text-transform:uppercase;}
section.production .prod-blocks .block:hover span {color: #64ae25;}
section.production .prod-blocks .block:nth-child(5) span {padding: 10px 0;}
section.production .prod-blocks .block a.btn {width:calc(100% - 20px); box-sizing: border-box; display: table; left: 10px; margin: 20px auto 0; height: 41px; line-height: 41px; padding: 0 0px; color: #fff; text-transform: uppercase; text-decoration:none; font-size: 24px; font-weight: bold; background: #64ae25; position: absolute; bottom: 0;}
section.production .prod-blocks .block a.btn:after {position:absolute; top: -14px; left: 50%; margin-left: -10px; display: block; content: ''; border: 7px solid transparent; border-bottom: 7px solid #64ae25; }


section.equip .all {padding-left: 35px; padding-right: 35px;}
section.equip {font-size: 19px; color: #fff; background: #fff url(img/bg04.jpg) center center no-repeat; background-size: cover;}
section.equip h2 {line-height: 110%; font-size: 48px; color: #fff; font-weight: normal; padding: 0; margin: 0 0 50px; text-align:center;}
section.equip h2:after {margin: -10px auto 0; display: block; content: url(img/h2-pattern.png);}


section.equip p {text-indent: 30px; padding: 0 0 30px; margin: 0; line-height: 130%;}
section.equip p + h3 {padding-top: 30px;}
section.equip h3 {text-align: center; font-size: 36px; color: #252626; font-weight: normal; padding: 0 0 40px; margin: 0;}

section.equip ul.styled {padding: 0 0 20px 28px; margin: 0; list-style-type:none;}
section.equip ul.styled li {margin: 0 0 10px; position: relative; padding-left: 32px;}
section.equip ul.styled li:before {content: url(img/topmenu-before-w.png); position: absolute; top: 0; left: 0;}



section.contacts {text-align: center; font-size: 19px; color: #fff; background: #fff url(img/bg05.jpg) bottom center no-repeat;}
section.contacts:before {content: url(img/bg06.jpg); position: absolute; top: 0; left: 50%; margin-left: 400px;}
section.contacts .all {position: relative;}
section.contacts h2 {line-height: 110%; font-size: 48px; color: #252626; font-weight: normal; padding: 0; margin: 0 0 50px; text-align:center;}
section.contacts .map {position: relative; width: 1045px; height: 553px; margin: 0 auto; background: url(img/map.png) center center no-repeat;}
section.contacts .map .place {position: absolute; top: 120px; left: 582px;}
section.contacts .map .mark {cursor: pointer;}
section.contacts .map .text {text-align: left; white-space:nowrap; color: #fff; font-size: 17px; padding: 20px; background: #64ae25; position: absolute; bottom: 90px; left: 21px; transition: all 0.3s ease;}
section.contacts .map .text:after {content: ''; display: block; position:absolute; bottom: -10px; left: 0; border: 10px solid transparent; border-left: 10px solid #64ae25;}
section.contacts .map .text p {padding: 0; margin: 0;}
section.contacts .map .text p a {color: inherit; text-decoration:none;}

section.contacts .map .text1 {text-align: left; white-space:nowrap; color: #fff; font-size: 17px; padding: 20px; background: #64ae25; position: absolute; bottom: -160px; left:-10px; transition: all 0.3s ease;}
section.contacts .map .text1:after {content: ''; display: block; position:absolute; top: -10px; left: 30px; border: 10px solid transparent; border-left: 10px solid #64ae25;}
section.contacts .map .text1 p {padding: 0; margin: 0;}
section.contacts .map .text1 p a {color: inherit; text-decoration:none;}


section.contacts .place.hover .text {visibility: visible;}


.call-btn {position: fixed; bottom: 40px; right: 40px; z-index: 99;}
.call-btn.mob {display: none;}


footer {background: #252626;}
footer .all {padding: 15px 10px 20px; background: url(img/footer-bg.jpg) bottom right no-repeat;}
footer ul.bottommenu {padding: 0px 0 20px 0; margin: 0; list-style-type: none;}
footer ul.bottommenu li {vertical-align: middle; display: inline-block; margin: 0 36px 0 0px;}
footer ul.bottommenu li:last-child {margin-right: 0;}
footer ul.bottommenu li a {font-size: 16px; color: #fff; text-decoration: none;}
footer ul.bottommenu li a:hover {color: #64ae25;}
footer .soc {position:absolute;}
footer .soc img {margin: 0 30px 0 0; opacity: 0.6; transition: all 0.3s ease;}
footer .soc img:hover {opacity: 1;}
footer .copy {padding: 10px 0 0 0; text-align: center; font-size: 15px; color: rgba(255,255,255,0.8);}
footer a {color: inherit;}


.popup {position: fixed; top: 0; left: 0; width: 100%; bottom: 0; z-index: 999; background: rgba(0,0,0,0.2); display: none; align-items: center; justify-content: center;}
.popup.visible {display: flex;}
.popup .into {font-size: 22px; color: #2d2d2d; line-height: 125%; background: #fff; text-align: center; max-width:900px; width: calc(100% - 20px); padding: 90px 30px;  background: url(img/pop-left.png) top left no-repeat, url(img/pop-right.png) bottom right no-repeat; background-color: #fff;}
.popup .into p {padding: 0; margin: 0;}
.popup .into p.title {font-size: 34px; color: #64ae25; padding: 0 0 15px; margin: 0;}
.popup .into .btns {margin: 55px auto 0; display: flex; align-items: center; justify-content: space-between; max-width: 570px;}
.popup .into .btns a {width: calc(50% - 18px); display: block; text-decoration: none; line-height: 56px; text-align: center; background: #64ae25; font-size: 22px; color: #fff;}
.popup .into .btns a:hover {filter: brightness(105%);}



@media screen and (max-height: 830px) {
	section h2 {margin-bottom: 40px!important; font-size: 39px!important;}
	section.about-us .tobacco .block .pic {width: 120px; height: 120px;}
	section.techno {padding-top: 40px;}
	section.techno .bg {margin-top: -30px; transform: scale(0.9);}
	section {padding: 50px 0;}
}

@media screen and (max-height: 650px) {
	section h2 {margin-bottom: 30px!important; font-size: 35px!important;}
	section.about-us .tobacco .block .pic {width: 120px; height: 120px;}
	section.techno {padding-top: 50px;}
	section.techno .bg {margin-top: -100px; transform: scale(0.6);}
	section {padding: 50px 0;}
}

@media screen and (max-width: 1360px) {
	.all {padding-left: 10px!important; padding-right: 10px!important; box-sizing: border-box;}
	.first-screen ul.topmenu li {margin-left: 20px;}

}


@media screen and (max-width: 1100px) {
.header .logo {width: 220px;}
}

@media screen and (max-width: 1050px) {
* {-webkit-appearance: none!important; max-height: 99999999px;}
.first-screen ul.topmenu:before {display:none;}
section.contacts .map {width: 700px; background-size: 100% auto; height: 400px;}
section.contacts .map .place .mark {width: 30px;}
section.contacts .map .place {top: 93px; left: 389px;}
section.contacts .map .text {bottom: 75px; font-size: 13px;}

section.info .information .block {width: 100%; padding: 0 0 50px;}
section.info .information {display: block;}
}

@media screen and (max-width: 1000px) {
.first-screen .header {padding-top: 20px;}
.first-screen .header .lang {top: 70px; right: 10px;}
section.about-us .all {padding-left: 10px; padding-right: 10px;}
section.info .all {padding-left: 10px; padding-right: 10px;}
.first-screen .header ul.topmenu {padding-top: 60px; padding-right: 0; left: -110%; width:100%; position: fixed; top: 0; height: 100vh; transition: left 0.3s ease; background: #fff; z-index: 999; background: #427e0f;}
.first-screen .header ul.topmenu li {margin: 20px 0; display: block; text-align: center;}
.first-screen .header ul.topmenu.visible {left: 0;}
.first-screen .header .link-nav {position: relative; z-index: 999999; display: block; margin-top: 6px;}
.first-screen .header .link-nav:before {content: url(img/menu.png);}
.first-screen .header .link-nav.opened {position: fixed; top: 20px; right: 10px;}
.first-screen .header .link-nav.opened:before {content: url(img/exit_w.png);}
.first-screen .header .logo {max-width: calc(100% - 50px);}
body.menu-mob-open {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.call-btn {bottom: 0; right: 0;}
.call-btn.pk {display: none;}
.call-btn.mob {display: block;}
.first-screen .text h1 {font-size: 29px;}
.first-screen .text {width: 100%; left: auto; top: auto; position:relative; transform:none; padding: 50px 0; }
section.about-us h3 {font-size: 25px;}
section.about-us .tobacco {display:block;}
section.about-us .tobacco .block {font-size: 18px; width:100%; margin: 0 0 30px;}
section.about-us .tobacco .block .pic {width: 150px; height: 150px;}
section.about-us .tobacco .block:last-child {margin: 0;}
section h2 {font-size: 29px!important;}
section h2:after {content: ''!important; display: block!important; width:100%!important; height: 50px!important; background: url(img/h2-pattern.png) center center no-repeat!important;}
section.techno {padding-top: 70px;}
section.techno .bg {transform: scale(1); margin: 0;}
section.techno .bg .block {font-size: 17px; color: #fff; display: block; margin: 0 0 30px; text-align: center;}
section.techno .bg .block:after {display: block; width: 2px; height: 45px; background: #fff; content: ''; margin: 30px auto 0;}
section.techno .bg .block:last-child:after {display:none;}
section.techno .bg .block .icon {text-align:center; margin: 0 0 25px;}
section.production .prod-blocks .block {width: 100%; margin: 0 0 40px;}
section.production .prod-blocks {display: block;}
section.equip .with-pic {display: block;}
section.equip .with-pic .pic {height: auto; text-align: center; width:100%; margin: 0 0 40px; padding: 0;}
section.equip .with-pic .pic img {position: relative; top: auto; right: auto; max-width:100%;}
section.equip .with-pic ul {padding: 0; margin: 0;}

footer .all ul.bottommenu li {display: block; text-align: center; margin: 15px 0;}
footer .all .soc {position: relative; text-align: center; bottom: auto; left: auto;}
footer .all .soc img {margin: 0 10px;}
}

@media screen and (max-width: 720px) {
section.contacts .map {padding-top: 100px; background-position: bottom center; width: 300px; background-size: 100% auto; height: 200px;}
section.contacts .map .place .mark {width: 30px;}
section.contacts .map .place {top: 150px; left: 160px;}
section.contacts .map .text {width: 260px; left: 50%; margin-left: -175px; bottom: 75px; font-size: 13px; visibility: visible;}
section.contacts .map .text:after {display:none;}

section.contacts .map .text1 {width: 260px; left: 50%; margin-left: -175px; bottom: -125px; font-size: 13px; visibility: visible;}
section.contacts .map .text1:after {display:none;}

.popup .into {padding: 60px 30px; font-size: 16px;}
.popup .into p.title {font-size: 20px;}
.popup .into .btns {margin-top: 30px; max-width: 280px;}
.popup .into .btns a {font-size: 18px; width: calc(50% - 8px);  line-height: 48px;}
}