.knopkaz{ background:#F28400; padding-top:5px; padding-bottom:5px; width:320px; border-radius:10px; font-size:20px;}
.knopkaz:hover{ background:#d77501;}
.knopsotr{}.knopsotr{}
.knopkaz11n{ background:#fff; width:320px;  color: #036; border:#036 1px solid; border-radius:10px; font-size:20px; margin-top:30px;}
.knopkaz11n:hover{ background:rgba(0,102,153,1); width:320px; color:  rgba(255,255,255,1); border:#036 1px solid;}
.obertka {padding:30px; border: 2px dashed #4475C9;}
.textoc {font-size:14px;}
.ocenki {width:100px; margin:10px; padding:15px;   box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);}
.oceci {color:#036; font-size:22px; text-transform:uppercase; font-weight:600;}
.fonniz {background: #CCD3DB;
background: linear-gradient(180deg,rgba(204, 211, 219, 1) 0%, rgba(255, 255, 255, 1) 100%); padding:30px;}
.slova {line-height: 1.2em; padding-left: 20px;  font-family: Open Sans, Arial, sans-serif; font-size:14px;}
.zagg{font-size: 32px; padding-left: 20px; line-height: 1.5em; font-family: Open Sans, Arial, sans-serif;}
.textlogg{line-height: 1.5em; width:90%; font-size:20px; font-family: Open Sans, Arial, sans-serif; margin-left:15px; margin-right:15px;   padding-left:20px; padding-right:20px;}
.logg {border-right:2px solid rgba(51,51,51,1); padding:15px; margin:20px;}
.telram {text-align: center; margin-top:30px; width:250px;  padding:8px; border: 2px solid #e5e5e5; }
.pom {color: #e5e5e5;}
.polossa {background: #F5D654; padding: 4px;}
.priziv {background: linear-gradient(#478AC9, #2E3F80); padding: 30px;}
.nacal {padding:10px;}
.nacaln {padding:30px;}
.nacalna {padding:30px; padding-top:0px; font-size:24px; font-weight:600;}
.nizz {padding-bottom:30px;}
.texx {color: #4475C9; text-transform:uppercase; font-size:14px; letter-spacing:3px;}
.knopk {margin-bottom:30px; margin-top:30px;}
.knopkvn {text-align: center; margin-top:30px; width:280px;  border-radius:10px;  padding:6px; border: 2px solid #4475C9; }
.knopkvse {text-align: center; margin-top:30px; width:320px;  border-radius:10px;  padding:6px; border: 2px solid #4475C9; }
.knopkkons {text-align: center; margin-top:30px; width:250px;  border-radius:10px;  padding:6px; border: 2px solid #4475C9; }
.urz {color:#2E3F7F; font-weight:600;}
.glur {margin-left:1; font-size: 22px;  line-height: 1.5em; font-family: Open Sans, Arial, sans-serif; padding-bottom:15px;}
.otst {padding-left:20px; padding-right:10px;}
.otstup {padding-top:20px; margin-top:30px;}
.kryg {border-radius:50%;}
.zagol {margin-left:0px;  width:90%; font-size: 36px;  line-height: 1.5em; font-family: Open Sans, Arial, sans-serif; padding-bottom:15px;}
.zagoln{padding-left:40px; padding-top:8px; padding-bottom:4px; color:rgba(255,255,255,1); font-weight: 600; font-size: 26px; text-transform:uppercase;  line-height: 1.5em; font-family: Open Sans, Arial, sans-serif; margin-bottom:40px; background: #F28400; background: linear-gradient(90deg,rgba(242, 132, 0, 1) 0%, rgba(254, 223, 76, 1) 50%, rgba(255, 255, 255, 1) 100%);}

@media
only screen and (max-width: 450px),
(min-device-width: 240px) and (max-device-width: 950px)  {

   .mobi {
        display: none;
    }
	/* Задаем табличным элементам свойства блоков*/
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Скрываем заголовки таблицы */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 0px solid rgba(245,245,245,1); }

	td {
		/* Задаем ячейке свойства строки */
		border: none;
                               width: 100%;
		position: relative;
	}

	td:before {
		/* Передним ячейкам задаем свойства заголовка таблицы */
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right:10px;
		white-space: nowrap;
	}
	img {
    height: auto;}
  .vd1{background:#FFF; padding:4px; line-height:1em; }
.vd{background:#FFF; padding:4px;}
	
 
.mobi {display:none; }
 


	/*
	Label the data
	*/
}
.mobil { display: none; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 240px)
and (max-device-width : 900px){ .mobil { display: inline; }}

.mobil_call_but {
    display: block;
    position: fixed;
    bottom: 15px;
    right: 20px;
    z-index: 999;
    width: 90px;
    height: 90px;
    animation: radial-pulse 1s infinite;
    border-radius: 50%;
}
.mobil_call_but1 {
    display: block;
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 999;
    width: 90px;
    height: 90px;
    animation: radial-pulse1 1s infinite;
    border-radius: 50%;
}
.mobil_call_but45 {
    display: block;
    position: fixed;
    bottom: 15px;
    left: 150px;
    z-index: 999;
    width: 90px;
    height: 90px;
    animation: radial-pulse5 1s infinite;
    border-radius: 50%;
}

.mobil_call_but5 {
    display: block;
    position: fixed;
    bottom: 15px;
    left: 150px;
    z-index: 999;
    width: 90px;
    height: 90px;
    animation: radial-pulse5 1s infinite;
    border-radius: 50%;
}

.mobil_call_but11 {
    display: block;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 999;
    width: 50px;
    height: 50px;
    animation: radial-pulse1 1s infinite;
    border-radius: 50%;
}
.mobil_call_but41 {
    display: block;
    position: fixed;
    bottom: 15px;
   right: 100px;
    z-index: 999;
    width: 50px;
    height: 50px;
    animation: radial-pulse 1s infinite;
    border-radius: 50%;
}


/*создаем анимацию пульсации*/
@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(81, 83, 201, 0.5);
  }
  100% {
    box-shadow: 0 0 0 25px rgba(81, 83, 201, 0);
  }
}
@keyframes radial-pulse1 {
  0% {
    box-shadow: 0 0 0 0px rgba(109, 192, 58, 0.5);
  }
  100% {
    box-shadow: 0 0 0 25px rgba(109, 192, 58, 0);
  }
}

@keyframes radial-pulse5 {
  0% {
    box-shadow: 0 0 0 0px rgba(39, 167, 231, 0.5);
  }
  100% {
    box-shadow: 0 0 0 25px rgba(39, 167, 231, 0);
  }
}

.pulse {
  position: fixed;
  top: 92%;
  left: 84%;
  transform: translate(-50%, -50%);
  background: #4fbaea;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  color: #fff;
  text-align: center;
  line-height: 80px;
  font-size: 60px;
}

.pulse:before,
.pulse:after {
	content: " ";
	display: block;
	position: fixed;
	border: 50%;
	border: 1px solid #4fbaea;
	left: -20px;
	right: -20px;
	top: -20px;
	bottom: -20px;
	border-radius: 50%;
	animation: animate 1.5s linear infinite;
	opacity: 0;
	backface-visibility: hidden; 
}

.pulse:after{
	animation-delay: .5s;
}

@keyframes animate
{
	0%
	{
		transform: scale(0.5);
		opacity: 0;
	}
	50%
	{
		opacity: 1;
	}
	100%
	{
		transform: scale(1.2);
		opacity: 0;
	}
}