@font-face {
    font-family: "Pattaya";
    src: url("../fonts/Pattaya.ttf");
}

@font-face {
    font-family: "Pacifico";
    src: url("../fonts/Pacifico.ttf");
}

@font-face {
    font-family: "Caveat";
    src: url("../fonts/Caveat.ttf");
}

@font-face {
    font-family: "Spectral";
    src: url("../fonts/Spectral.ttf");
}

header nav{
    margin-top:60px;
    padding:0 165px
}

header nav ul{
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:justify
}

header nav ul:after{
    content:"";
    display:inline-block;
    width:100%
}

header nav ul li{
    display:inline-block
}

header nav ul li a{
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    color:#00ff15;
    transition:color .3s;
    font-family: "Spectral";
}

header nav ul li a:hover,header nav ul li a.active{
    color:#fff
}


.content{
    width:1140px;
    margin:0 auto;
    padding-top:40px;
    padding-bottom:40px;
    }

.content_title{
    width:100%;
    float:center;
    padding-top:7px;
    text-align:center;
}

.content_transparent{
    font-size:36px;
    font-weight:900;
    text-transform:uppercase;
    line-height:1.111;
    text-align:center;
    background:url("../img/img2.jpg") center no-repeat;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    -moz-background-clip:text;
    -moz-text-fill-color:transparent;
    background-size:cover;
}

.container{
    width:1140px;
    margin:0 auto;
    background-color: #cccccc;
    border-radius: 20px;
    background-image: url("../img/top.jpg");
    padding-bottom:40px;
    }

header .top{
    padding:45px 165px 0
}

header .top::after{
    content:"";
    display:block;
    clear:both
}

header .top .logo{
    width:100%;
    float:center;
    color:#00ff15;
    padding-top:7px;
    font-size:52px;
    text-decoration:none;
    font-family: "Pattaya";
    text-align:center;
    font-weight:bold;
}
    
header .top .contacts{
    width:100%;
    float:center;
    padding-top:7px;
    text-align:center
}

header .top .contacts .phone{
    font-size:26px;
    color:#00ff15;
    text-decoration:none;
    font-family: "Spectral";
    font-weight:800
}

header .top .contacts .open_popup{
    font-size:18px;
    color:#f8db70;
    border-bottom:1px dashed;
    text-decoration:none;
    margin-top:5px
}

.nav_toggle_wrap{
    height:28px;
    line-height:28px;
    width:28px;
    float:right;
    cursor:pointer;
    text-align:right;
    margin-top:0;
    display:none
}

.nav_toggle_wrap .nav_toggle{
    width:28px;
    margin-top:7px;
    float:right;
    position:relative
}

.nav_toggle_wrap .nav_toggle span{
    display:block;
    width:100%;
    height:3px;
    margin-bottom:3px;
    background:#fff;
    position:absolute;
    top:0;
    transition:.3s;
    opacity:1
}

.nav_toggle_wrap .nav_toggle span:nth-child(2){top:6px}
.nav_toggle_wrap .nav_toggle span:last-child{margin-bottom:0;top:12px}
.nav_toggle_wrap.open .nav_toggle span:first-child{transform:rotate(45deg);top:6px}
.nav_toggle_wrap.open .nav_toggle span:nth-child(2){opacity:0}
.nav_toggle_wrap.open .nav_toggle span:last-child{transform:rotate(-45deg);top:6px;left:0}body{overflow-x:hidden}

.points{
    width:100%;
    display:inline-block;
    vertical-align:middle;
    margin:0;
    padding:0;
    list-style-type:none
}

.about{
    font-size:20px;
    /*text-align: center;*/
}

.list li{
    list-style: none; /* сбрасываем стандартный маркер */
    font-size:20px;
    background: url("../img/arrow.png") no-repeat; /* вешаем новый красивый маркер */
    padding-left:30px; /* отступ подбираем исходя из размера картинки */
    background-size: 23px;
    padding-bottom:20px;
    text-indent: 10px;
    align-items: center;
}
        
.popup{
    display:none;
    width:300px
}