/*Theme Name: site_ars */
@font-face {
    font-family: 'Panton';
    src: url('fonts/Panton-Regular.eot');
    src: local('Panton Regular'), local('Panton-Regular'),
        url('fonts/Panton-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Panton-Regular.woff') format('woff'),
        url('fonts/Panton-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Panton';
    src: url('fonts/Panton-Bold.eot');
    src: local('Panton Bold'), local('Panton-Bold'),
        url('fonts/Panton-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Panton-Bold.woff') format('woff'),
        url('fonts/Panton-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
.clr {
    clear: both;
}
ul {
    list-style: none;
}
button:focus {
    outline: none !important;
}
a:focus {
    outline: none;
}
a:active, a:hover {
    outline: 0;
}
a {
    display: inline-block;
    text-decoration: none;
    color: #262626;
}
input, textarea {
    outline: none;
    box-sizing: border-box;
    display: block;
    padding: 9px 19px;
    width: 100%;
    border-radius: 17px;
    background: #FFF;
    color: #ADADAD;
    font-family: 'Panton';
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    border: none;
}
img {
    border: none;
    max-width: 100%;
    height: auto;
}
body {
    font-family: 'Panton';
    min-width: 320px;
    line-height: 1.4;
    font-weight: 400;
    color: #262626;
    background: #fff;
}
input[type="submit"], input[type="button"] {
    /* ios */
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
}
input::-webkit-input-placeholder {
    opacity: 1;
    color: #242424;
}
textarea::-webkit-input-placeholder {
    color: #242424;
}
input::-moz-placeholder {
    opacity: 1;
    color: #242424;
}
input::-moz-placeholder {
    opacity: 1;
    color: #242424;
}
input:-moz-placeholder {
    opacity: 1;
    color: #242424;
}
textarea:-moz-placeholder {
    opacity: 1;
    color: #242424;
}
input:-ms-input-placeholder {
    opacity: 1;
    color: #242424;
}
textarea:-ms-input-placeholder {
    opacity: 1;
    color: #242424;
}
input[placeholder] {
    opacity: 1;
    color: #242424;
}
textarea[placeholder] {
    opacity: 1;
    color: #242424;
}
textarea::placeholder {
    color: #242424;
    opacity: 1;
}
input::-webkit-input-placeholder{
    color: #242424;
}
input::placeholder{
    color: #242424;
}
input[type='tel'], input[type='text'], input[type='email'], textarea{
    font-family: 'Panton';
    color: #242424;
    font-size: 17px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 3px 12px;
    height: 35px;
    border: 1px solid #d6d4d4;
    margin-bottom: 12px;
    border-radius: 0;
}
textarea{
    height: 85px;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Panton';
    font-weight: bold;
    color: #242424;
}
h1{
    text-align: center;
    margin-bottom: 35px;
    font-size: 49px;
}
.base-container {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wrap {
    max-width: 1217px;
    margin: 0 auto;
}
.after-clear:after {
    content: '';
    display: block;
    clear: both;
}
p{
    color: #262626;
    font-family: 'Panton';
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 1.45;
}
b, strong{
    font-family: 'Panton';
    font-weight: bold;
    color: #242424;
    display: block;
    font-size: 20px;
}
p:last-child {
    margin-bottom: 0;
}
.d-flex, .d-flex-wrap, .row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.d-flex-wrap, .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.d-j {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.d-m {
    -ms-flex-align: center;
    align-items: center;
}
.d-jm {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}
.d-c {
    -ms-flex-pack: center;
    justify-content: center;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col {
    box-sizing: border-box;
    padding: 0 15px;
}
.header{
    background: url('img/hed-bg.jpg') repeat-x;
    background-size: auto 100%;
}
.header > .wrap{
    padding: 26px 0;
}
.logo a{
    display: block;
    line-height: 0;
    margin-right: 18px;
}
.logo div{
    color: #eeebeb;
    font-size: 45px;
    font-weight: bold;
    line-height: 1.2;
}
.block-top > .wrap{
    padding: 88px 0 99px;
}
.logo div span{
    font-size: 37px;
    display: block;
    font-weight: 400;
}
.bl{
    position: relative;
    padding-left: 51px;
    font-size: 20px;
    color: #f9f9f9;
    line-height: 1.5;
}
.bl2{
    padding-left: 64px;
    margin-left: 39px;
}
.bl:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
}
.bl1:before{
    background: url('img/ico1.png') no-repeat;
    width: 38px;
    height: 51px;
}
.bl2:before{
    background: url('img/ico2.png') no-repeat;
    width: 54px;
    height: 50px;
}
.block-top__txt{
    padding-bottom: 95px;
    background: url('img/ico3.png')left bottom no-repeat;
    padding-right: 20px;
    width: 46%;
    padding-top: 17px;
}
.block-top__mapa{
    width: 51%;
}
.block-top__txt, .block-top__mapa{
    box-sizing: border-box;
}
.mapa{
    line-height: 0;
    border: 1px solid #cacaca;
}
.h-style{
    background: url('img/pattern-head.png') repeat;
}
.h-style h2{
    text-align: center;
    padding: 13px 0;
    font-size: 45px;
}
.book .wrp{
    padding-top: 60px;
    padding-bottom: 67px;
}
.book__cont{
    padding-top: 20px;
    max-width: 570px;
    margin-right: 14px;
}
.ul-st li{
    font-size: 20px;
    color: #262626;
    padding-left: 30px;
    position: relative;
    line-height: 1.45;
}
.ul-st li:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    background: url('img/li.png') no-repeat;
    width: 15px;
    height: 13px;
}
.wrp-btn{
    padding-top: 49px;
    padding-left: 30px;
}
.btn{
    display: block;
    width: 190px;
    box-sizing: border-box;
    padding: 12px 3px;
    text-align: center;
    color: #f2f2f2;
    font-size: 23px;
    font-weight: bold;
    border-radius: 2px;
    background: #235b10;
    transition: 0.25s;
    position: relative;
}
.btn:before{
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    border: 1px solid #66815e;
}
.book__img b{
    display: block;
    color: #242424;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: -61px;
    text-indent: 70px;
}
.book__img b span, .modal-block b span{
	font-size: 23px;
}
.book-info .wrap{
    max-width: 865px;
}
.book-nav{
    width: 40%;
    padding-top: 70px;
}
.book-nav li a{
    display: table;
    padding: 8px 0;
    color: #262626;
    font-size: 20px;
}
.book-nav li a.active, .book-nav li a:hover{
    font-weight: bold;
}
.book-nav li{
    border-bottom: 1px dashed #cecece;
}
.book-info{
    padding-top: 70px;
    position: relative;
}
.ms{
    position: absolute;
    display: none;
    transform: translate(-50%, -50%);
}
.img-group{
    width: 54%;
    padding-bottom: 64px;
    box-sizing: border-box;
    background: url('img/shadow.png') center bottom no-repeat;
    line-height: 0;
}
.img-group a:hover, .ms:hover, .img-group a{
    cursor: url('img/lupa-enlarge-128.cur'), pointer !important; 
    /* cursor: url('img/lupa-icon-1.cur'), pointer !important;  */
   /* cursor: url('img/ico-zoom.svg') 110 109, pointer !important;  */
   /* в пределах 128x128 */
}
.img-group img{
    border: 1px solid #d6d4d4;
}
.img-group :after{
    display: block;
    content: '';
    clear: both;
}
.img-group a{
    display: none;
    float: right;
    max-width: 373px;
    max-width: 466px;
    width: 100%;
}
.img-group a.img1{
    display: block;
    max-width: 466px;
    width: 100%;
}
.img-group > a img{
	width: 100%;
	max-width: none;
}
.footer{
    background: url('img/hed-bg.jpg') repeat-x;
    background-size: auto 100%;
}
.footer .wrap{
    padding: 14px 0 5px;
    position: relative;
}
.logo-foot .logo-img{
    display: block;
    line-height: 0;
}
.logo-foot div{
    font-size: 29px;
    font-weight: bold;
    color: #d3d3d3;
    margin-top: -11px;
}
.logo-foot div span{
    display: block;
    font-size: 22px;
    font-weight: 400;
}
.footer .wrap{
    max-width: 1120px;
}
.footer .btn{
    right: 126px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
body #small-dialog{
    max-width: 920px;
}
.modal-block{
    width: 50%;
    box-sizing: border-box;
}
.modal-block1{
    border-right: 2px dashed #d6d4d4;
}
.modal-block1 h5{
    margin-bottom: 25px;
    text-align: center;
    font-size: 28px;
    line-height: 1.2;
}
.modal-block1 b{
    text-align: center;
}
.modal-block1 img{
    display: table;
    margin: 0 auto 12px;
}
.form-wrap h3{
    margin-bottom: 31px;
    text-transform: uppercase;
    font-size: 32px;
    text-align: center;
}
.form-wrap h3 span{
    font-weight: 400;
    font-size: 19px;
    display: block;
}
.modal-block1{
    width: 50%;
    box-sizing: border-box;
    padding-right: 15px;
}
.modal-block2{
    width: 50%;
    box-sizing: border-box;
    padding-left: 42px;
    padding-right: 22px;
}
input.btn{
    cursor: pointer;
    margin: 0 auto;
    margin-top: 25px;
}
.checkbox{
    position: relative;
    margin-bottom: 17px;
}
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    font-size: 14px;
    font-family: 'Panton';
}
.checkbox input[type=checkbox] {
    display: none;
}
.checkbox label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 2px;
    border: 1px solid #d6d4d4;
}
.checkbox input[type=checkbox]:checked + label:before {
    content: "\2713";
    font-size: 15px;
    color: #333;
    text-align: center;
    line-height: 16px;
    font-weight: bold;
}
form{
    position: relative;
}
body .wpcf7-spinner{
    position: absolute;
    left: 0;
    right: 0;
    margin: 4px auto 0;
}
body .wpcf7 form .wpcf7-response-output{
    margin: 0;
    margin-top: 11px;
    font-size: 14px;
}
body .wpcf7-not-valid-tip{
    font-size: 14px;
    position: relative;
    bottom: 9px;
}
.style-page{
    padding-top: 79px;
    padding-bottom: 35px;
}
.menu-wrap > li{
	position: relative;
	height: inherit;
}
.menu-wrap > li > a{
	display: block;
	color: #f5f5f5;
	font-weight: bold;
	text-align: center;
	padding: 9px 41px;
	position: relative;
	font-size: 19px;
}
.menu-wrap > li:first-child > a{
	padding-left: 0;
}
.menu-wrap > li:last-child > a{
	padding-right: 0;
}
.menu-wrap > li > a:before{
	content: '';
	display: block;
	position: absolute;
	right: -15px;
	width: 1px;
	background: #000;
	top: 7px;
	bottom: 7px;
}
.menu-wrap > li > a:after{
	content: '';
	display: block;
	position: absolute;
	right: -16px;
	width: 1px;
	background: #414141;
	top: 7px;
	bottom: 7px;
}
.menu-top{
	background: #282828;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 5;
}
.menu-top.active_scroll{
	position: fixed;
}
.menu-wrap > li:last-child > a:before, .menu-wrap > li:last-child > a:after{
	display: none;
}
.sub-menu{
	background: #282828;
	padding: 11px 20px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 3;
	display: none;
}
.sub-menu a{
	display: block;
	color: #f6f6f6;
	font-size: 17px;
}
.sub-menu li{
	margin-bottom: 12px;
	position: relative;
}
.sub-menu li:last-child{
	margin-bottom: 0;
}
.sub-menu > li > a:before{
	content: '';
	display: block;
	position: absolute;
	right: -10px;
	left: -10px;
	height: 1px;
	background: #000;
	bottom: -5px;
}
.sub-menu > li > a:after{
	content: '';
	display: block;
	position: absolute;
	right: -10px;
	left: -10px;
	height: 1px;
	background: #414141;
	bottom: -6px;
}
.sub-menu > li:last-child > a:after, .sub-menu > li:last-child > a:before{
	display: none;
}
.sub-li:before{
	content: '';
	display: block;
	position: absolute;
	right: 22px;
	top: 50%;
	background: url('img/sub-li.png') no-repeat;
	width: 10px;
	height: 6px;
	margin-top: -3px;
	transition: 0.25s;
}
.active_scroll{
	top: 0;
}

/* *** */
.content-style b, .content-style strong{
  font-weight: 600;
  font-size: 20px;
  color: #242424;
  line-height: 1.4;
  display: inline;
}
.content-style i, .content-style em{
  font-style: italic;
  font-size: 18px;
  color: #242424;
}
.content-style h1, .content-style h2, .content-style h3, .content-style h4, .content-style h5, .content-style h6{
  margin-bottom: 21px;
  font-weight: 500;
  color: #242424;
}
.content-style h1{ font-size: 36px; margin-top:30px; }
.content-style h2{ font-size: 31px; }
.content-style h3{ font-size: 28px; }
.content-style h4{ font-size: 27px; }
.content-style h5{ font-size: 26px; }
.content-style h6{ font-size: 22px; }
.content-style ul{
  list-style-type: disc;
  list-style-position: inside;
}
.content-style table{
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
  border-collapse: collapse;
}
.content-style td, .content-style th{
  border: 1px solid #ccc;
  padding: 7px;
  vertical-align: top;
}
.content-style th{
    vertical-align: middle;
}
.content-style ul, .content-style ol{
  margin-bottom: 14px;
}
.content-style li{
  margin-bottom: 8px;
  font-size: 20px;
  color: #242424;
}
.content-style li:last-child{
  margin-bottom: 0;
}
.content-style ol{
  list-style-position: inside;
}
.content-style blockquote{
  margin-bottom: 14px;
  font-style: italic;
}
.content-style figcaption, .content-style caption{
  margin-bottom: 8px;
  font-size: 20px;
  color: #242424;
  padding-top: 10px;
}
.alignleft{
  float: left;
  margin-right: 15px;
  margin-bottom: 9px;
}
.alignright{
  float: right;
  margin-left: 15px;
  margin-bottom: 9px;
  margin-top: 8px;
  margin-top: 8px;
}
.aligncenter{
  display: table;
  margin: 8px auto 0;
  margin-bottom: 14px;
}
.alignnone{
  display: block;
  margin-bottom: 14px;
  margin-top: 8px;
}

/* *** */
.book2 .wrp{
	padding-top: 0;
}
.page-contact{
	max-width: 390px;
	margin: 0 auto;
	padding: 35px 80px;
	background: url('img/bg_form.png');
	border: 3px solid #fff;
	outline: 1px solid #d9d6d6;
}
.page-contact textarea{
	height: 180px;
}
.desc-textarea{
	display: block;
	padding-bottom: 8px;
	font-size: 16px;
	font-weight: 400;
	margin-top: -5px;
}
.row-block{
	display: flex;
	align-items: center;
}
.row-block img{
	margin-right: 15px;
	object-fit: cover;
	width: 100px;
	height: 120px;
	flex-shrink: 0;
}
.row-block a{
	display: inline;
}
.grecaptcha-badge{
	right: -3000px!important;
}
.site-cp{
	padding-bottom: 22px;
	padding-left: 128px;
}
.site-cp, .site-cp a{
	color: #797979;
	font-size: 14.6px;
}
.content-style a{
	color: #235b10;
}
.content-style a:visited{
	color: #1e4e0e;
}
.page-contact h3{
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	color: #5a5a5a;
}
/* responsive */
.img-1m, .mapa-click, .mob-menu{
    display: none;
}
@media screen and (max-width: 1199px){
    .logo div{
        font-size: 31px;
    }
    .logo div span{
        font-size: 27px;
    }
    .bl{
        font-size: 16px;
    }
    .book .wrp, .block-top .wrp{
        width: 100%;
    }
    .menu-wrap > li > a{
    	padding: 9px 25px;
    }
    .sub-li:before {
    	right: 0;
    }
}
@media screen and (max-width: 1023px){
    .footer .btn{
        right: 0;
    }
    .logo-foot div{
        font-size: 22px;
    }
    .logo-foot div span{
        font-size: 17px;
    }
    .book__cont{
        width: 55%;
        margin-right: 0;
        padding-right: 14px;
    }
    .book__img{
        width: 45%;
    }
    .book__img img{
        display: none;
    }
    .book__img img.img-1m{
        display: block;
        float: right;
    }
    .book__img b{
        margin-top: 0;
        clear: both;
        text-indent: 0;
    }
    .bl2{
        margin-left: 0;
    }
    .book-nav{
    	width: 44%;
    }
    .img-group{
    	width: 48%;
    }
    .sub-menu{
    	min-width: 170px;
    }
    .menu-wrap > li > a{
    	font-size: 12px;
    }

	.alignleft, .alignright{
		max-width: 70vw;
	}
}
@media screen and (max-width: 767px){
    .book-info .wrap{
        align-items: flex-start;
    }
    .h-style h2 {
      padding: 10px 0;
      font-size: 29px;
    }
    .block-top > .wrap {
      padding: 40px 0;
    }
    p{
        font-size: 15px;
        margin-bottom: 14px;
    }
    p:last-child{
        margin-bottom: 0;
    }
    .ul-st li{
        font-size: 15px;
    }
    .block-top__txt{
        padding-bottom: 60px;
        padding-top: 0;
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
        position: relative;
    }
    .block-top__mapa{
        width: 100%;
        display: none;
    }
    .mapa-click{
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 16px;
    }
    .book .wrp{
        padding: 40px 0;
    }
    .book-info{
        padding-top: 40px;
    }
    .img-group{
        padding-bottom: 40px;
    }
    .header > .wrap{
        display: block;
    }
    .hed-right{
        justify-content: center;
        padding-top: 20px;
    }
    .bl2{
        margin-left: 45px;
    }
    .ul-st li:before {
        top: 4px;
    }
    .book__img b{
        font-size: 17px;
    }
    .footer .btn{
        position: static;
        transform: translate(0, 0);
    }
    .logo-foot{
        flex-wrap: wrap;
    }
    .logo-img{
        width: 128px;
        flex-shrink: 0;
    }
    .logo-foot div{
        width: calc(100% - 128px);
    }
    .logo-foot div span{
        padding-bottom: 11px;
    }
    .block-top > .wrap{
        padding-bottom: 14px;
    }
    .footer .wrap{
        padding: 19px 0;
    }
    .book-nav li a{
        font-size: 16px;
    }
    .modal-block1 h5{
        font-size: 23px;
    }
    .form-wrap h3{
        font-size: 24px;
    }
    .form-wrap h3 span{
        font-size: 21px;
    }
    .menu-top{
    	display: none;
    }
    .mob-menu{
    	display: block;
    	margin-left: 12px;
    	position: fixed;
    	right: 15px;
    	top: 33px;
    	z-index: 7;
    }
    .mob-menu-m{
    	display: block;
    	width: 51px;
    	height: 38px;
    	margin-left: 12px;
    }
    .click-m-menu{
    	display: block;
    	line-height: 0;
    	width: 35px;
    	padding: 8px;
    	background: #000;
    }
    .click-m-menu span{
    	display: block;
    	height: 4px;
    	background: #fff;
    	margin-bottom: 5px;
    }
    .click-m-menu span:last-child{
    	margin-bottom: 0;
    }
    .mob-menu-wrp{
    	position: absolute;
    	right: 0;
    	z-index: 6;
    	background: #282828;
    	padding: 25px 15px 15px;
    	min-width: 200px;
    	box-sizing: border-box;
    	display: none;
    }
    .mob-menu-wrp a{
    	display: block;
    	color: #f6f6f6;
    	line-height: 1.3;
    	font-size: 16px;
    	position: relative;
    	font-weight: 400;
    	margin-right: 0;
    }
    .mob-menu-wrp li{
    	margin-bottom: 14px;
    	position: relative;
    	margin-right: 0;
    }
    .mob-menu-wrp li:last-child{
    	margin-bottom: 0;
    }
	.mob-menu-wrp a:before {
	  content: '';
	  display: block;
	  position: absolute;
	  right: -10px;
	  left: -10px;
	  height: 1px;
	  background: #000;
	  bottom: -7px;
	}
	.mob-menu-wrp a:after {
	  content: '';
	  display: block;
	  position: absolute;
	  right: -10px;
	  left: -10px;
	  height: 1px;
	  background: #414141;
	  bottom: -8px;
	}
	.mob-menu-wrp li:last-child a:after, .mob-menu-wrp li:last-child a:before{
		display: none;
	}
	.sub-menu{
		position: static;
		padding-bottom: 0;
	}
	.sub-li:before {
		top: 7px;
		margin-top: 0;
	}
	.mob-menu a.click-m-menu{
		margin-right: 0;
	}
	.active_scroll{
		top: 15px;
	}
	.content-style h1{ margin-top:1px; }
    .style-page{
    padding-top: 30px;
    padding-bottom: 5px;
}
    
}
@media screen and (max-width: 600px){
    .modal-block1, .modal-block2{
        border-right: none;
        padding: 0;
        width: 100%;
    }
    .modal-block1 img{
        max-height: 200px;
    }
    .form-wrap h3, .modal-block1 h5{
        margin-bottom: 15px;
    }
    .modal-block1 b{
        font-size: 16px;
    }
    h1{
        font-size: 30px;
    }
    .book-info2{
    	padding-bottom: 30px;
    }
    .book-nav{
    	padding-top: 10px;
    }
	.alignleft, .alignright{
		float: none;
		margin-right: auto;
		margin-left: auto;
		display: table;
	}
	.mob-menu-wrp{
		right: -15px;
		top: -31px;
		width: 100vw;
		padding-top: 61px;
	}
	.click-m-menu{
		position: relative;
		z-index: 7;
	}
	.mob-center{
		text-align: center!important;
	}
	.site-cp{
		padding-left: 0;
	}
	.site-cp, .site-cp a{
		font-size: 12px;
	}
}
@media screen and (max-width: 480px){
    .book-nav li a, p, .ul-st li, .book__img b{
        font-size: 14px;
    }
    .ul-st li{
        padding-left: 24px;
    }
    .book__cont{
        padding-right: 5px;
    }
    .btn{
        font-size: 16px;
        width: 125px;
        padding: 8px 3px;
    }
    .wrp-btn{
        padding-top: 30px;
    }
    .h-style h2 {
        padding: 8px 0;
        font-size: 21px;
    }
    .logo-foot div {
        font-size: 16px;
    }
    .logo-foot div span{
        font-size: 14px;
    }
    .block-top__txt{
        background-size: 51% auto;
    }
    .logo div{
        font-size: 22px;
    }
    .logo div span{
        font-size: 16px;
    }
    .logo a{
        max-width: 80px;
    }
    .bl{
        font-size: 11px;
        box-sizing: border-box;
    }
    .bl2{
        margin-left: 1%;
    }
    .bl1:before {
        width: 20px;
        background-size: 100% auto;
    }
    .bl2:before {
        width: 30px;
        background-size: 100% auto;
    }
    .bl1{
        padding-left: 30px;
        width: 50%;
    }
    .bl2{
        padding-left: 38px;
        width: 50%;
    }
    .form-wrap h3{
        font-size: 20px;
    }
    .form-wrap h3 span{
        font-size: 16px;
    }
    .checkbox label{
        font-size: 12px;
    }
    .logo{
    	position: relative;
    }
    .hed-right {
    	justify-content: space-between;
  	}
  	.bl2, .bl2{
  		width: auto;
  		max-width: 49%;
  	}
  	.img-group {
    	width: 52%;
  	}
  	.modal-block1 h5 {
    	font-size: 19px;
  	}
  	.modal-block1 b {
    	font-size: 14px;
  	}
  	.modal-block b span{
  		font-size: 18px;
  	}
  	.modal-block1 img {
    	max-height: 150px;
  	}
  	.modal-block1{
  		padding-bottom: 12px;
  	}
  	.mob-menu-wrp a{
  		max-width: none;
  	}
  	.page-contact{
  		padding: 35px 30px;
  	}
}