@font-face {
    font-family: Segoe UI;
    src: url(fonts/segoeui.ttf)
}

@font-face {
    font-family: Exo20Medium;
    src: url(fonts/exo-20-medium.ttf)
}

p {
    width: 100%;
    font: 17px Exo20Medium;
    color: #303030
}

a {
    color: #303030
}

body {
    color: #050505;
    font-size: 14px;
    font-family: Segoe UI
}

/* FOOTER LINE CITIES  */

.cities_footer_line {
	background: #f2f2f2;
    padding: 0 20px;
	-webkit-box-shadow: 0px -1px 5px 0px rgba(219,219,219,1);
	-moz-box-shadow: 0px -1px 5px 0px rgba(219,219,219,1);
	box-shadow: 0px -1px 5px 0px rgba(219,219,219,1);
}

/* ENDFOR */

#newstopline {
    background: #f2f2f2;
    padding: 0 20px;
}

.newstop {
    font-family: Segoe UI;
    font-size: 14px;
    text-align: center;
    color: #050505;
    margin: 0
}

.newstop span {
    width: 13px;
    height: 12px
}

#navtopline {
    background: #303030
}

#navtopline .container {
    padding: 0
}

#first-menu-wrap .nav-link {
    padding: 6px 15px
}

#first-menu-wrap .nav-link:hover {
    text-decoration: underline
}

.navbar-nav .nav-link {
    font-size: 15px;
    color: #FFF
}

.navbar-nav .dropdown:hover>.dropdown-menu {
    display: block;
    margin: 0
}

.buttonCallBack {
    font: 14px Segoe UI;
    color: #FFF;
    text-align: center;
    text-decoration: underline;
    display: block;
    padding: 17px 0
}

.buttonCallBack:hover {
    text-decoration: none;
    color: #FFF;
    background: #373737
}

#dropdown-menu-second {
    border-radius: 0
}

#dropdown-menu-second .dropdown-item:hover {
    text-decoration: underline;
    background: none
}

#dropdown-menu-first {
    background: #0162bf;
    border-radius: 0
}

#dropdown-menu-first .dropdown-item {
    font-family: Segoe UI;
    font-size: 14px;
    color: #FFF;
    padding: 10px 20px
}

#dropdown-menu-first .dropdown-item:hover {
    background: #015db6
}

.active-nav {
    background: #0159ad;
    color: #FFFFFF !important
}

@media (max-width:575px) {
    .head-motivation li {
        text-align: center;
    }
    #logo-top {
        display: block;
        margin: 0 auto 20px
    }
    .mainh2 {
        font: 25px Exo20Medium;
        color: #303030;
        text-align: center;
        width: 100%;
        margin: 20px 0 20px 0
    }
    .buttonfoot {
        margin: 15px 0 !important
    }
    .footer-contacts {
        padding-top: 10px;
        border-top: 2px solid #e6e6e6
    }
    #button-toogler-top {
        padding: 3px 10px;
        border: 1px solid #FFF;
        margin: 0 auto
    }
    .visa-maestro {
        margin-top: 20px
    }
}

@media (min-width:576px) {
    #logo-top {
        float: left
    }
    .mainh2 {
        font: 29px Exo20Medium;
        color: #303030;
        text-align: center;
        width: 100%;
        margin: 50px 0 50px 0
    }
    .buttonfoot {
        margin: 10px 0 15px !important
    }
}

@media (max-width:518px) {
    #first-menu-wrap li a {
        text-align: center
    }
    #first-menu-wrap li:hover {
        background: #212121
    }
}

@media (min-width:519px) {
    #first-menu-wrap li a {
        text-align: left
    }
}

.header {
    padding: 20px 0
}

.phonetop {
    padding: 0;
    margin-top: 5px
}

.phonetop span,
.phonetop .phone_alloka,
.phonetop a {
    font-size: 20px;
    color: #303030;
    margin: 0 auto;
    display: block;
    text-align: center;
    max-width: 190px
}

.orderbutton,
.appointbutton {
    display: block;
    max-width: 220px
}

.orderbutton {
    font-size: 16px;
    color: #FFF;
    border-radius: 30px;
    text-align: center;
    padding: 12px 25px;
    background: #0162bf
}

.appointbutton {
    font-size: 16px;
    color: #FFF;
    border-radius: 30px;
    text-align: center;
    padding: 12px 25px;
    background: #00c86d
}

.orderbutton:hover {
    box-shadow: 0 5px 3px #014f9a inset;
    text-decoration: none;
    color: #FFF
}

.appointbutton:hover {
    color: #FFF;
    text-decoration: none;
    box-shadow: 0 5px 3px #00a057 inset
}

#navservicesline {
    background: #f2f2f2
}

#navbarsservice .navbar-nav .nav-link {
    color: #303030;
    font-family: Exo20Medium;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    padding: .8rem .5rem .5rem .5rem
}

#navbarsservice .navbar-nav .nav-link:hover {
    color: #FFF;
    background: #0159ad
}

#navbar-second-toogler-button {
    width: 100%;
    background: #303030
}

.menu-toogle-text {
    float: left;
    width: 100%
}

.menu-toogle-text i {
    color: #FFF;
    margin: 5px 10px 0 0;
    font-size: 15px;
    float: left
}

.menu-toogle-text span {
    color: #303030;
    text-align: left;
    color: #FFF;
    float: left;
    font-family: Exo20Medium;
    font-size: 15px;
    margin: 5px 0
}

#advantageswrap {
    background: #f2f2f3
}

#advantageswrap .advitem img {
    margin: 0 auto;
    display: block
}

#advantageswrap .advitem p {
    font-size: 16px;
    font-family: Segoe UI;
    text-align: center
}

.breadcrumbs {
    margin: 28px 0 0 0;
    padding: 0
}

.breadcrumbs li {
    font: 16px Segoe UI;
    color: #303030
}

.breadcrumbs li a {
    color: #0162bf;
    font: 16px Segoe UI;
    text-decoration: underline
}

.breadcrumbs li a:hover {
    text-decoration: underline;
    color:
}

.breadcrumbs li {
    display: inline
}

.price-icon-wrap img {
    display: block;
    margin: 0 auto
}

.price-icon-wrap p {
    text-align: center;
    font: 15px Segoe UI;
    margin: 20px 0
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.marki-wrap img {
    display: block;
    margin: 25px auto 20px
}

.marki-wrap img:hover {
    animation-name: rotation;
    animation-duration: 0.4s;
    animation-timing-function: linear
}

.marki-wrap p {
    text-align: center;
    margin:
}

.card-block {
    width: 100%
}

.accordeon-price-wrap {
    width: 100%
}

.accordeon-price-wrap .card-header {
    color: #FFF;
    text-align: center;
    background: #303030;
    border: 0;
    border-radius: 0
}

.accordeon-price-wrap .card-header a {
    color: #FFF;
    text-decoration: none;
    font: 20px Exo20Medium;
    display: block
}

.arrow-accordeon {
    width: 14px;
    height: 7px;
    background: url(../img/arrow-price.png) no-repeat;
    float: right;
    margin-top: 10px
}

.priceTable {
    border: 0;
    border-color: transparent
}

.card {
    border: 0;
    margin: 5px 0
}

.priceTable tr {
    padding: 20px 20px
}

.priceTable tr td {
    font: 15px Exo20Medium
}

.priceTable tr td:nth-child(2) {
    text-align: right
}

@media (min-width:768px) {
    .uslugleftwrap {
        padding: 0 15px 0 0;
        margin: 10px 0
    }
    .uslugrightwrap {
        padding: 0 0 0 15px;
        margin: 10px 0
    }
    .findoutcosts,
    .buttonmoreservices {
        margin: 20px 0
    }
    .findoutcosts {
        float: right
    }
    .buttonmoreservices {
        float: left
    }
    .review {
        margin: 0
    }
    .sendform {
        margin: 27px 0 0
    }
    .personaltext {
        text-align: left
    }
    .constitle {
        text-align: left
    }
    .constdescr {
        text-align: left
    }
    .digiticon {
        padding: 5px 10px;
        width: 20%;
        display: block;
        float: left
    }
}

@media (max-width:991px) and (min-width:576px) {
    .mail-top {
        margin-top: 25px
    }
}

@media (max-width:767px) {
    .uslugleftwrap {
        padding: 0;
        margin: 10px 0
    }
    .uslugrightwrap {
        padding: 0;
        margin: 10px 0
    }
    .findoutcosts,
    .buttonmoreservices {
        margin: 10px auto
    }
    .review {
        margin: 0 0 20px
    }
    .sendform {
        margin: 10px auto
    }
    .personaltext {
        text-align: center
    }
    .constitle {
        text-align: center
    }
    .constdescr {
        text-align: center
    }
    .digiticon {
        padding: 5px 10px;
        width: 50%;
        display: block;
        float: left
    }
}

.service1 {
    background: #282828 url(../img/var2.png) no-repeat right center;
    height: 390px;
    overflow: hidden;
    position: relative
}

.service1:hover {
    background: #282828 url(../img/var2H.png) no-repeat right center
}

.service2 {
    background: #282828 url(../img/var2revers.png) no-repeat left center;
    height: 390px;
    overflow: hidden;
    position: relative
}

.service2:hover {
    background: #282828 url(../img/var2reversH.png) no-repeat left center
}

.service1p,
.service2p,
.servicebalp,
.servicepodvesp,
.uslugstandartp {
    font-family: Exo20Medium;
    font-size: 23px;
    color: #FFF;
    line-height: 24px;
    text-align: center
}

.service1p {
    position: absolute;
    top: 204px;
    right: 160px;
    max-width: 195px
}

.service2p {
    position: absolute;
    top: 204px;
    left: 140px;
    max-width: 208px
}

.servicepodvesp {
    position: absolute;
    top: 204px;
    right: 160px;
    max-width: 221px
}

.servicebal {
    background-image: url(../img/balancbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 390px
}

.servicebalp {
    position: absolute;
    top: 204px;
    left: 140px;
    max-width: 225px
}

.servicebal a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/circlebutton.png) no-repeat 218px 128px
}

.servicebal a:hover {
    background: url(../img/circlebuttonH.png) no-repeat 218px 128px
}

.servicepodves {
    background-image: url(../img/podvesbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 390px
}

.servicepodves a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/circlebutton.png) no-repeat top 128px right 225px
}

.servicepodves a:hover {
    background: url(../img/circlebuttonH.png) no-repeat top 128px right 225px
}

.uslugcoubstandart {
    background-image: url(../img/servicevilkabg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 470px;
    position: relative
}

.uslugcoubstandart:hover {
    background-image: url(../img/servicevilkabg1H.jpg)
}

.uslugcoubstandart a {
    display: block;
    width: 100%;
    height: 100%
}

.uslugstandartp {
    position: absolute;
    top: 52%;
    width: 100%;
    text-align: center
}

.serviceproizvodstvo {
    background-image: url(../img/proizvodstvoban.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 470px;
    position: relative
}

.serviceproizvodstvo:hover {
    background-image: url(../img/proizvodstvobanH.jpg)
}

.serviceudlinenie {
    background-image: url(../img/udlinenban.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 470px;
    position: relative
}

.serviceudlinenie:hover {
    background-image: url(../img/udlinenbanH.jpg)
}

.serviceustanovka {
    background-image: url(../img/udlinenban.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 470px;
    position: relative
}

.serviceustanovka:hover {
    background-image: url(../img/udlinenbanH.jpg)
}

.findoutcosts,
.buttonmoreservices {
    width: 217px;
    height: 50px;
    border-radius: 25px;
    color: #fff;
    font-family: Segoe UI;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    padding: 15px 35px;
    min-width: 200px;
    display: block
}

.collapse.show {
    display: flex !important
}

.findoutcosts {
    background-color: #00c86d
}

.findoutcosts:hover {
    box-shadow: 0 5px 3px #00a057 inset;
    text-decoration: none;
    color: #FFF
}

.buttonmoreservices {
    background-color: #0163c1;
    border: 0
}

.buttonmoreservices:hover {
    box-shadow: 0 5px 3px #014f9a inset;
    cursor: pointer
}

.intext-icons {
    margin: 10px 0 20px
}

.intext-icons p {
    margin: 25px 0 15px
}

.intext-icons img {
    display: block;
    margin: 0 auto
}

.price-ban-wrap {
    padding: 0 15px 0 0;
    margin: 10px 0
}

.price-ban-1,
.price-ban-2,
.price-ban-3,
.price-ban-4 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 227px
}

.price-ban-1 a,
.price-ban-2 a,
.price-ban-3 a,
.price-ban-4 a {
    display: block;
    min-height: 227px;
    overflow: hidden
}

.price-ban-1 {
    background-image: url(../img/price/banspectehnik.jpg)
}

.price-ban-1:hover {
    background-image: url(../img/price/banspectehnikH.jpg)
}

.price-ban-2 {
    background-image: url(../img/price/priceban2.jpg)
}

.price-ban-2:hover {
    background-image: url(../img/price/priceban2H.jpg)
}

.price-ban-3 {
    background-image: url(../img/price/banrzhd.jpg)
}

.price-ban-3:hover {
    background-image: url(../img/price/banrzhdH.jpg)
}

.price-ban-4 {
    background-image: url(../img/price/priceban4.jpg)
}

.price-ban-4:hover {
    background-image: url(../img/price/priceban4H.jpg)
}

.price-ban-text {
    font: 23px Exo20Medium;
    color: #FFF;
    position: absolute;
    top: 120px;
    text-align: center;
    width: 100%
}

#contact-payment {
    background: #f2f2f3;
    padding-top: 15px;
    padding-bottom: 15px
}

#contact-payment img {
    margin: 0 auto;
    display: block
}

#contact-payment p {
    font: 15px Segoe UI;
    color: #303030
}

.main-priceh3 {
    font: 20px Segoe UI;
    color: #303030;
    text-align: center;
    width: 100%;
    margin: 50px auto
}

.content-title {
    font: 29px Exo20Medium;
    color: #303030;
    margin: 40px 0;
    text-align: center;
    width: 100%
}

#aboutuswrap {
    background: #f2f2f3;
    padding: 50px 0
}

.buttonmore {
    background: #00c86d;
    border-radius: 35px;
    color: #FFF;
    font-size: 16px;
    padding: 15px 40px;
    display: block;
    max-width: 215px;
    text-align: center
}

.buttonmore:hover {
    text-decoration: none;
    color: #FFF;
    box-shadow: 0 5px 3px #00a057 inset
}

.allnews {
    margin: 15px 0 0 20px;
    display: block;
    text-decoration: underline
}

@media (min-width:1901px) {
    #consultationwrap {
        background: #282828 url(../img/consultantBig.png) no-repeat 120% 50%;
        background-size: auto;
        padding: 0
    }
}

@media (min-width:1701px) and (max-width:1900px) {
    #consultationwrap {
        background: #282828 url(../img/consultantBig.png) no-repeat 140% 50%;
        background-size: auto;
        padding: 0
    }
}

@media (min-width:1600px)and (max-width:1700px) {
    #consultationwrap {
        background: #282828 url(../img/consultantBig.png) no-repeat 180% 50%;
        background-size: auto;
        padding: 0
    }
}

@media (min-width:1439px) and (max-width:1599px) {
    #consultationwrap {
        background: #282828 url(../img/consultantBig.png) no-repeat 210% 50%;
        background-size: auto;
        padding: 0
    }
}

@media (min-width:1272px) and (max-width:1438px) {
    #consultationwrap {
        background: #282828 url(../img/consultantBig.png) no-repeat 290% 50%;
        background-size: auto;
        padding: 0
    }
}

@media (min-width:992px) and (max-width:1271px) {
    #consultationwrap {
        background: #282828 url(../img/consultantBig.png) no-repeat 400px 50%;
        background-size: auto;
        padding: 0
    }
}

@media (max-width:991px) {
    .abouttitle {
        font: 24px Exo20Medium;
        color: #303030;
        margin: 0 0 20px
    }
    .video-block-wrap {
        min-height: 330px
    }
    .intext-icons p {
        text-align: center
    }
    .navbar-nav {
        width: 100%
    }
    .orderbutton,
    .appointbutton {
        margin: 20px auto 0
    }
    #navbarserviceswrap {
        padding: 0
    }
    #consultationwrap {
        background: #282828;
        padding: 0
    }
    .forminputwrap label {
        color: #FFF;
        font: 14px Segoe UI;
        color: #FFF;
        display: block;
        width: 100%;
        text-align: center
    }
    .inputformcons {
        background: transparent;
        border: 2px solid #FFF;
        border-radius: 30px;
        padding: 12px 15px;
        color: #FFF;
        font: 14px Segoe UI;
        margin: 10px auto;
        display: block;
        width: 100%
    }
}

@media (min-width:576px) and (max-width:991px) {
    #button-toogler-top {
        padding: 3px 10px;
        border: 1px solid #FFF;
        float: left
    }
}

@media (min-width:992px) {
    .abouttitle {
        font: 24px Exo20Medium;
        color: #303030;
        margin: 0 0 40px
    }
    .intext-icons p {
        text-align: left
    }
    .orderbutton,
    .appointbutton {
        margin: 3px auto
    }
    #navbarserviceswrap {
        padding: 0
    }
    #navbarsservice .navbar-nav li {
        border-bottom: 3px solid #0162bf;
        border-left: 1px solid #dedede
    }
    #navbarsservice .navbar-nav li:last-child {
        border-right: 1px solid #dedede
    }
    .forminputwrap label {
        color: #FFF;
        font: 14px Segoe UI;
        color: #FFF;
        display: block;
        text-align: left
    }
    .inputformcons {
        background: transparent;
        border: 2px solid #FFF;
        border-radius: 30px;
        padding: 12px 15px;
        width: 100%;
        color: #FFF;
        font: 14px Segoe UI;
        display: block
    }
}

.inputformcons:active,
.inputformcons:hover,
.inputformcons:focus {
    outline: 0;
    outline-offset: 0
}

.videoabout {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    min-height: 250px
}

.videoabout iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: contain
}

.newsblock {
    background: #FFF
}

.newstitle {
    font: 18px Segoe UI;
    color: #303030
}

.newsblock p {
    font: 15px Segoe UI;
    color: #303030
}

.graycirclewrap {
    background: #f2f2f3;
    padding-top: 50px
}

.gray-marki-block {
    background: #f2f2f3;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 25px
}

.banners-block {
    margin: 50px 0 0
}

.circle-bottomBG {
    display: block;
    margin: 0 auto
}

.bold {
    font-weight: 600
}

.newsblock {
    padding: 25px 25px
}

.newsblock p {
    margin: 25px 0
}

.withoutpadding {
    padding: 0
}

#reviewswrap {
    padding: 0 0 50px
}

.review {
    background: #f2f2f3;
    padding: 30px
}

.review .reviewname {
    font: 18px Segoe UI;
    color: #303030;
    margin: 0 0 20px
}

.review .reviewtext {
    font: 15px Segoe UI;
    color: #303030;
    margin: 0 0 20px
}

.morereviews {
    font: 15px Segoe UI;
    color: #303030;
    text-decoration: underline
}

.footbutwrap {
    padding: 0
}

#consultinnerwrap {
    padding: 0
}

.constitle {
    font: 32px Exo20Medium;
    color: #FFF;
    line-height: 35px;
    text-transform: uppercase;
    padding: 0;
    margin-top: 50px
}

.constdescr {
    font: 14px Segoe UI;
    color: #FFF;
    line-height: 18px;
    margin: 20px 0;
    padding: 0
}

.formCallBack {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.formCallBack .success,
.formCallBack .fail {
    color: #FFF;
    font-size: 20px;
    font-weight: 600
}

.sendform {
    background: #00c86d;
    text-align: center;
    color: #FFF;
    font: 16px Segoe UI;
    border-radius: 30px;
    padding: 12px 25px;
    display: block;
    width: 100%
}

.sendform:hover {
    color: #FFF;
    text-decoration: none;
    box-shadow: 0 3px 3px #00a057 inset
}

.personaltext,
.personaltext span a {
    color: #9c9c9c;
    font: 14px Segoe UI;
    margin: 25px 0 25px
}

.personaltext span {
    text-decoration: underline
}

.without-padding {
    padding: 0
}

#footerwrap {
    background: #f2f2f3;
    padding: 40px 0 20px
}

#footerwrap p {
    font-size: 15px;
    color: #303030
}

#footerwrap .footerphone {
    font-size: 20px;
    color: #303030
}

#footerwrap .footmail {
    font-size: 15px;
    color: #303030
}

#footerwrap .footmenu {
    list-style: none;
    margin: 0;
    padding: 0
}

#footerwrap .footmenu li {
    margin: 0 0 8px
}

#footerwrap .footmenu li a {
    font-size: 15px;
    color: #303030
}

#footerwrap .socialicons {
    margin: 30px 0 0;
    width: 100%;
    float: left;
    display: block
}

.socialicons a {
    display: block;
    width: 33px;
    height: 33px;
    float: left;
    margin: 0 5px
}

.socialicons .fbicon {
    background: url(../img/icons/fbicon.png) no-repeat
}

.socialicons .fbicon:hover {
    background: url(../img/icons/fbiconH.png) no-repeat
}

.socialicons .okicon {
    background: url(../img/icons/instagramicon.png) no-repeat
}

.socialicons .okicon:hover {
    background: url(../img/icons/instagramiconH.png) no-repeat
}

.socialicons .vkicon {
    background: url(../img/icons/vkicon.png) no-repeat
}

.socialicons .vkicon:hover {
    background: url(../img/icons/vkiconH.png) no-repeat
}

#footerwrap .socialicons img {
    margin: 0 5px 0
}

.shareyandex {
    margin-top: 25px
}

.shareyandex div {
    padding: 0
}

.counters {
    display: none
}

#footerwrap2 {
    background: #f2f2f3;
    -webkit-box-shadow: 0 -2px 5px 0 rgba(213, 213, 213, 1);
    -moz-box-shadow: 0 -2px 5px 0 rgba(213, 213, 213, 1);
    box-shadow: 0 -2px 5px 0 rgba(213, 213, 213, 1);
    padding-top: 25px;
    padding-bottom: 25px
}

.copyright,
.alloffices {
    font: 15px Segoe UI;
    color: #303030;
    margin: 5px 0;
    display: block
}

.alloffices {
    text-decoration: underline
}

.b-top {
    z-index: 2600
}

.b-top:hover {
    cursor: pointer
}

.b-top-but {
    z-index: 2600;
    position: fixed;
    right: 10px;
    bottom: 90px;
    display: block;
    width: 60px;
    height: 60px;
    color: white;
    background: url(../img/button-vverh.svg) no-repeat;
    background-size: 100% auto
}

.priceTable tr {
    padding: 20px 20px;
    border: 0
}

.table th,
.table td {
    border: 0
}

.priceTable tr td {
    font: 15px Exo20Medium
}

#calldroneWidget {
    background: #0162bf !important
}

.calldrone-main-button {
    color: #00a057 !important
}

.calldrone .calldrone-main-button>.calldrone-main-button-inner {
    background: #00a057 !important;
    box-shadow: 0 0 40px 3px #303030 !important
}

.calldrone-call-button {
    color: #FFFFFF !important;
    background: #00a057 !important;
    box-shadow: 0 0 38px 0 #303030 !important
}

.redsale {
    color: red;
    font-size: 22px
}

.slideDescription {
    text-decoration: none
}

.slideP a {
    color: #FFF
}

.head-motivation {
    margin: 10px 0 10px;
    padding: 0;
    list-style: none;
}

.head-motivation li {
    font-size: 17px;
}