@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Lora';
    src: url('Lora-Bold.woff2') format('woff2'),
        url('Lora-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lora';
    src: url('Lora-Regular.woff2') format('woff2'),
        url('Lora-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lora';
    src: url('Lora-Medium.woff2') format('woff2'),
        url('Lora-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lora';
    src: url('Lora-SemiBold.woff2') format('woff2'),
        url('Lora-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('Lora-SemiBoldItalic.woff2') format('woff2'),
        url('Lora-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gochi Hand';
    src: url('GochiHand-Regular.woff2') format('woff2'),
        url('GochiHand-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('Lora-BoldItalic.woff2') format('woff2'),
        url('Lora-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('Lora-Italic.woff2') format('woff2'),
        url('Lora-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'permanent_markerregular';
    src: url('permanentmarker-webfont.woff2') format('woff2'),
         url('permanentmarker-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaInseratCyr Upright';
    src: url('HelveticaInseratCyr-Upright.woff2') format('woff2'),
        url('HelveticaInseratCyr-Upright.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
  user-select: none;
}
.strikeout, .strikeout2 { 
  position: relative;
}
.strikeout::after, .strikeout2::after {
  border-bottom: 0.08em solid #F00;
  content: "";
  left: 0;
  margin-top: calc(0.120em / 2 * -1);
  position: absolute;
  right: 0;
  top: 58%;  
}
.strikeout::after{
  border-bottom: 0.12em solid #F00;
  top: 54%;  
  transform:rotate(-10deg);
  -webkit-  transform:rotate(-10deg);
}
.white{color:#fff;}
.yellow{color:#fff000;}
.red{color:#F00;}
.green{color:#00923a;}
.blue{color:#1b2b61;}
.yellow2{color:#c58b00;}
.blue2{color:#00bae4;}
/*===============================*/
.show-479, .show-tab, .show-767, .show-400, .show-340, .show-359{display:none;}
@media only screen and (max-width: 1000px){
.show-tab{display:block;}
.hide-tab{display:none;}
}
@media only screen and (max-width: 767px){
.hide-767{display:none;}
.show-767{display:block;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479{display:none;}
}
@media only screen and (max-width: 400px){
.show-400{display:block;}
.hide-400{display:none;}
}
@media only screen and (max-width: 359px){
.hide-359{display:none;}
.show-359{display:block;}
}
/*----------- popup ---------------- */
#pop_overlay{
    background-color: rgba(0, 0, 0, 0.6);
    clear: none;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
	overflow-y:scroll;
}
#pop_content {
	height:auto;
	width:970px;
    background-color: white;
    border-radius: 13px;
    margin: 20px auto 20px auto;
    padding: 30px 44px;
    position: relative;
    text-align: center;    
}
.pophding{
	font-weight:bold;
	font-size:40px;
	line-height:50px;
	text-align:center;
	color:#000;
}
.popmbbx{
	margin:30px -44px 0 -44px;
	background:#f6f6f6;
	padding:35px 44px 40px 44px;
}
.popmbseal{float:right;margin:0 0 0 20px;max-width:100%;}	
.popmbbxtxt{
	font-size:22px;
	line-height:32px;
	text-align:left;
	color:#000;
}
.up1poptxt1{
	font-size:20px;
	line-height:30px;
	color:#000;
	text-align:center;
	text-decoration:underline;
	margin:32px 0 0 0;
	display:block;	
}
.popbtn{
	margin:30px auto 0 auto;
	display:block;
	width:844px;
	border-radius:15px;
	background-image: linear-gradient(#43bf0e, #43bf0f, #43bf0e);
	font-family: 'HelveticaInseratCyr Upright';
	font-size:32px;
	line-height:42px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	border:1px solid #30a209;
	border-bottom:none;
	box-shadow:0 5px 10px #CCC;
	padding:18px 6px 15px 6px;
}
	
.pop-tbx{margin:40px 40px 0 40px;padding: 28px 100px 8px 178px;position:relative;}
.poprgtqt{margin:12px -40px 0 5px;display:inline-block;float:right;}
.popttxt{margin-top:22px;}
.close{
	position:absolute;
	right:15px;
	top:10px;
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
	color:#000;
}
@media only screen and (max-width: 1000px){
#pop_content{padding:28px 20px 40px 20px;width:740px;}	
.popmbbx{
	margin:30px -20px 0 -20px;
	padding:35px 20px 40px 20px;
}	
.pophding{
	font-size:34px;
	line-height:44px;
}	
.up1poptxt1 {
    font-size: 18px;
    line-height:28px;
    margin: 38px 0 0 0;
}
.pop-tbx {padding: 28px 75px 8px 151px;margin:40px 80px 0 80px;}
.poprgtqt{margin:12px -75px 0 5px;}
.popmbbxtxt {
    font-size: 20px;
    line-height: 30px;
}
.popbtn{width:100%;font-size:26px;line-height:36px;}	
}
@media only screen and (max-width: 767px){
#pop_content{padding:30px 15px 30px 15px;width:96%;}
.pophding{
	font-size:26px;
	line-height:36px;
}
.popmbbx {
    margin: 30px -15px 0 -15px;
    padding: 25px 15px 30px 15px;
}
.popmbseal{float:none;margin:0 auto 20px auto;display:block;width:140px;}	
.popmbbxtxt {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
}	
.pop-tbx {padding: 28px 0 8px 120px;margin:20px 0 0 0;}
.up1poptxt1 {
    font-size: 16px;
    line-height: 26px;
    margin: 28px 0 0 0;
}
.poprgtqt{margin:12px 0 0 5px;display:inline-block;float:right;width:25px;}
.popbtn{font-size:22px;line-height:30px;}
	
}
@media only screen and (max-width: 479px){
#pop_content{padding:30px 10px 30px 10px;}
.pophding{
	font-size:24px;
	line-height:34px;
}
.up1poptxt1 {
    font-size: 14px;
    line-height: 23px;
    margin: 25px 0 0 0;
}	
.popmbbx {
    margin: 30px -10px 0 -10px;
    padding: 25px 10px 30px 10px;
}
.popbtn {
    font-size: 19px;
    line-height: 26px;
	padding:15px 6px 12px 6px;
}
}