@import url('https://fonts.googleapis.com/css?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito:600&display=swap');
body
{
margin:0;
font-family: 'Nunito', sans-serif;
}

.main
{
z-index:2;
width:100%;
height:100%;
}
.pc_main, .name1, .viber3, .viber4
{
	display:none;
}

.name, .name1
{
z-index:3;
position:absolute;
width:100%;
bottom:4%;
text-align:center;
font-size:40pt;
/* 
text-shadow: 1px 1px 2px black, 0 0 1em white;
color: #ff6600; 
*/
color: #3eadb0;
text-shadow: 3px 3px 2px white;
background-color: RGB(255, 255, 255, 0.4);
padding-bottom:20px;
}
.name:first-line, .name1:first-line
{
font-size:65pt;
text-shadow: 3px 3px 2px white;
}
.call
{
position:absolute;
z-index:3;
display:block;
margin:auto 15%;
text-align:center;
bottom:20%;
padding:5px;
width:70%;
}

@media screen and (min-height: 1700px)
{
	.name
	{
		top:83.6%;
		
	}
	.call
	{
		top:68%;
	}
	
}
.paket
{
width:100%;
background-color:#366163;
padding-top:40px;
padding-bottom:80px;
}
.name_roz
{
font-family: Pacifico;
color: white;
text-align:left;
font-size:60pt;
text-shadow: 1px 1px 2px black;
margin-left:20px;
}

.info
{
padding-top:40px;
padding-bottom:10px;
text-align:center;
background-color:#3eadb0;
}
.tel
{
font-size:65pt;
margin-left:8%;
position:absolute;
animation: anim 5s infinite ease-in-out;
}
@keyframes anim {
  0%   { transform: scale(1);}
  50%  { transform: scale(1.05);}
  100% { transform: scale(1);}
}
.info a
{
color:white;
text-decoration: none;
}
.copyring
{
display:block;
font-size:35pt;
margin-top:15px;
}
.soc_block
{
width:100%;
display:block;
margin-top:385px;
}
.soc2, .soc3, .viber4
{
margin:20px auto 60px auto;
width:auto;
width:25%;
}
.soc2, .soc3
{
	display:inline-block;
}
.img2, .img3
{
width:70%;
}

.liniya
{
display:block;
height:15px;
width:50%;
background:#ff6600;
box-shadow: 1px 1px 2px black;
margin:-20px auto 40px -20px;
}


  .tab input, .tab-content  {display: none;}
  
   .tab 
   {
    width:90%;
	margin:auto auto 40px auto;
    border: 1px solid #e9eaec; /* Параметры рамки */
    border-radius: 3px; /* Скругляем уголки */
    color: #fff; /* Цвет текста */
   }
   
   .tab-title 
   {
    font-size:50pt;
    text-shadow: 1px 1px 2px black;
    padding: 10px; /* Поля вокруг текста */
    display: block; /* Блочный элемент */
    /*text-transform: uppercase;  Все буквы заглавные */
    font-weight: bold; /* Жирное начертание */
    }
   
   .tab-title::after {
    content: '≡'; /* Выводим плюс */
    float: right; /* Размещаем по правому краю */
   }
   .tab-content
   {
    padding: 10px 20px; /* Поля вокруг текста */
	background:#3eadb0;
	}
	.ul_class_paket
   {
    font-size:30pt;
	}
    .tab :checked + .tab-title {
    background-color: #ff6600; /* Цвет фона */
    border-radius: 3px 3px 0 0; /* Скругляем уголки */
    color: #fff; /* Цвет текста */
   }
   .tab :checked + .tab-title::after {
    content: '−'; /* Выводим минус */
   }
   .tab :checked ~ .tab-content {
    display: block; /* Показываем содержимое */
	   }
	   
   .price
   {
   text-align:center;
   font-weight: 700;
   font-size:60pt;
   }
.bonus_text
{
font-size:30pt;
text-indent: 1.5em;
text-align: justify;
text-align-last: left;
margin-bottom:14px;
}
.else_p, .else_t
{
display:inline-block;
font-size:44pt;
}
.else_t
{
width:68%;
text-align:justify;
vertical-align:middle;
}
.else_p
{
width:31%;
text-align:center;
vertical-align:middle;
}
.logo_td
{
display:block;
margin:40px auto;
}
.img_pak
{
display:block;
margin:0 auto;
}
.td1, .td2
{
display:inline-block;
width:49%;
margin:auto;
vertical-align:middle;
text-align:justify;
font-style:italic;
line-height:30pt;
}
.td1 a, .td2 a
{
color:white;
text-decoration-color:#366163;
}
.td1 a
{
font-size:26pt;
}
.td2 a
{
font-size:24pt;
}
.td1
{
text-align:left;
}
.td2
{
text-align:right;
}
.pak_block1, .pak_block
{
display:block;
margin:70px auto auto auto;
border:5px solid #ff6600;
border-radius:10px;
font-family: 'Nunito', sans-serif;
font-weight: bold;
text-align:center;
font-size:35pt;
text-shadow: 1px 1px 2px black;
box-shadow: 2px 2px 4px black;
}
.pak_block1
{
width:89%;
padding-top:10px;
padding-bottom:15px;
background:#3eadb0;
}
.pak_block
{
width:54%;
padding-top:20px;
padding-bottom:20px;
background:#366163;
}
.pak_block1:first-line, .pak_block:first-line
{
font-size:60pt;
}
.pak_block1 img
{
margin-bottom:-20px;
}
.pak_block img
{
vertical-align:middle;
margin-left:35px;
}
.down a
{
color:white;
text-decoration:none;
}
.pak_block1:hover, .pak_block:hover 
{
  background-color: #65dde0;
}

.my_video
{
padding-top:60px;
padding-bottom:0px;
background-color:#363636;
background-image: radial-gradient(#366163 20%, transparent 0),
                  radial-gradient(#366163 20%, transparent 0);
background-size: 30px 30px;
background-position: 0 0, 15px 15px;
}
.vid_yout_krava
{
width:100%;
text-align:center;
margin-bottom:-6px;
}
.vid_roz
{
width:100%;
display:block;
margin:20px auto;
}
.nagor
{
/* z-index:3; */
width:100%;
background:#366163;
padding-top:40px;
padding-bottom:0px;
}
.nagor_height
{
height:1800px;
overflow-y:scroll;
}
.rad_nag
{
width:90%;
background:#366163;
display:block;
margin:0px auto;
padding-top:20px;
padding-bottom:20px;
font-family: 'Nunito', sans-serif;
border-bottom: 1px solid grey;
border-top: 1px solid grey;
transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1.0), background-color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0); 
}
.rad_nag:hover
{
-webkit-transform: scale(1.11);
-ms-ransform: scale(1.11);
transform: scale(1.11);
background:#417173;
}
.img_nag
{
margin-left:10px;
display:inline-block;
width:8%;
vertical-align:middle;
}
.img_nag img
{
width:80px;
}

.nag1
{
width:88%;
font-size:32pt;
padding:5px 5px 5px 20px;
display:inline-block;
vertical-align:middle;
}
.color1{ color:#FFD700; }
.color2{ color:#cd7f32; }
.color3{ color:#d846d4; }
.color4{ color:red; }
.color5{ color:#C0C0C0; }

.privit
{
/* z-index:1; */
background-color:#3eadb0;
padding-top:40px;
padding-bottom:80px;
}
.start_text
{
width:auto;
text-indent: 1.5em;
text-align: justify;
text-align-last: left;
font-size:38pt;
/* line-height:38pt; */
color:white;
padding-left:40px;
padding-right:40px;
display:block;
}
.krugi_cifri
{
width:100%;
text-align:center;
padding-top:20px;
padding-bottom:20px;
}
.kolo
{
width:31%;
margin:10px 6px;
display:inline-block;
vertical-align:top;
}
.cifra_rad2, .cifra_rad1 
{
text-align: center; 
vertical-align:middle;
text-transform:lowercase;
opacity:0;
transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out; 
-webkit-transition: opacity 0.4s ease-out;
}
.cifra_rad2
{
font-size:34pt;
line-height:34pt;
color: #366163;
}
.cifra_rad1
{
margin-top:20px;
font-size:80pt;
line-height:80pt;
color: white;
}
/* .benefits__number
{
opacity:0;
} */


.pid_rus, .pid_rus1
{
width:auto;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
display:block;
border-top:1px solid #366163;

font-style:italic;
text-align:justify;
}
.pid_rus1
{
height:134px;
font-size:24pt;
}
.pid_rus
{
height:110px;
font-size:26pt;
}
.img_pak
{
display:block;
margin:10px auto -10px auto;
}

/* ----------- iPhone X ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  
  	/* .name {bottom:5%}
	.call {bottom:7%} */
	.foot_meny
	{
		margin-top:20px;
	}
	
	.li_bottom, .li_bottom3, .li_bottom4
		{margin-bottom:4.3%;}
	.li_bottom1, .li_bottom2
		{margin-bottom:2%;}
		
	.meny_zag_rad2
	{   
		font-size: 30pt;
		line-height:34pt;
	}
	.meny_pid_rad2
	{   
		font-size: 28pt;
		line-height:28pt;
	}
	.meny_zag_rad1, .meny_zag_rad3
	{
		font-size: 50pt;
		line-height:50pt;
	}	
	.meny_pid_rad1
	{
		font-size: 40pt;
		line-height:40pt;
	}

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}