@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

/*------------------------------------------------------------*
**  Главная
**------------------------------------------------------------*/

/* CSS Document */


body {
font-size: 16px;
color:#182d3e;
margin:0px;
background:#fff;
font-family: 'Montserrat', sans-serif;
}

a {
text-decoration:none;
color:#182d3e;
}

a:hover {
text-decoration:underline;
color:#182d3e;
}

.clear {
clear:both;
}

ul, p, img {
margin:0px;
padding:0px;
border:0px;
list-style:none;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
line-height: normal;
font-weight: bold;
text-rendering: optimizeLegibility;
}

h1, .h1 { font-size: 23px; }
h2, .h2 { font-size: 21px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }

* {
box-sizing: border-box;
}

header, 
nav, 
section, 
article, 
aside, 
footer {
  display: block
}

input, button, textarea {
outline:none;
font-family: 'Montserrat', sans-serif;
font-size:16px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

img {
max-width:100%;
height:auto !important;
}

.site-width {
width:100%;
max-width:1190px;
position:relative;
margin:0 auto;
padding:0 10px;
}

.section-1 {
background:url(../images/lebedevs-bg2.png) no-repeat center 0%;
min-height:1117px;
}

.header {
background:#fff;
padding:30px 0;
}

.header .site-width {
display:flex;
align-items:center;
}

.header .logo {
display:block;
position:relative;
font-size:30px;
color:#333333;
font-weight: 300;
padding:0 20px 0 0;
text-decoration:none;
}

.header .logo b {
font-weight:bold;
}

.header .logo span {
font-size:7px;
text-transform:uppercase;
position:absolute;
top:0px;
right:0px;
}

.header .logo:hover {
text-decoration:none;
}

.header .gar {
padding:0 20px;
display:flex;
align-items:center;
justify-content: center;
flex:1;
font-size:18px;
color:#333333;
font-weight:500;
}

.header .gar:before {
content:"";
width:50px;
height:50px;
background:url(../images/header-gar.png) no-repeat;
margin:0 25px 0 0;
}

.header .phone {
text-align:right;
font-size:12px;
color:#666666;
margin:0 60px 0 0;
}

.header .phone span {
font-size:28px;
color:#343434;
font-weight:700;
display:block;
}

.header .feedback {
font-size:13px;
color:#333333;
font-weight:700;
width:209px;
height:55px;
background:url(../images/header-button.png) no-repeat;
display:flex;
align-items:center;
justify-content: center;
padding:0 10px;
text-transform:uppercase;
cursor:pointer;
}

.section-1 .section-block {
padding:130px 0 120px 0;
position:relative;
}

.section-1 .section-block .title {

}

.section-1 .section-block .title span {
color:#333333;
font-size: 60px;
line-height: 90px;
font-weight:800;
background:#fff;
border-radius:5px;
padding:5px 10px;
}

.section-1 .section-block .title b {
font-size: 60px;
line-height: 90px;
color:#ffc016;
font-weight:800;
background: rgba(255,255,255,.1);
border-radius:5px;
padding:5px 10px;
}

.section-1 .section-block .price {
font-size:36px;
color:#fff;
font-weight:700;
}

.section-1 .section-block .price span {
color:#ffc016;
font-size:80px;
}

.section-1 .section-block .info {
font-size:23px;
color:#fff;
display:flex;
align-items:center;
margin:45px 0;
}

.section-1 .section-block .info:before {
content:"";
width:45px;
height:45px;
background:url(../images/section1-info.png) no-repeat;
margin:0 25px 0 0;
}

.section-1 .section-block .flex {
display:flex;
}

.section-1 .section-block .flex .item {
padding:25px 20px 20px 20px;
border-right:1px #7f6653 solid;
position:relative;
}

.section-1 .section-block .flex .item:last-child {
border-right:0px #7f6653 solid;
}

.section-1 .section-block .flex .item:before {
content:"";
width:45px;
height:2px;
background:#ffc016;
top:10px;
left:20px;
position:absolute;
}

.section-1 .section-block .flex .item .name {
font-size:24px;
color:#fff;
font-weight:700;
}

.section-1 .section-block .flex .item .desc {
font-size:15px;
font-weight:300;
color:#fff;
margin:15px 0 0 0;
}

.section-1 .section-block .name-company {
width:192px;
height:85px;
font-size:12px;
color:#8a8a8a;
background:url(../images/section1-name-bg.png) no-repeat;
display:flex;
align-items: center;
padding:0 20px;
position:absolute;
bottom: 314px;
right: 188px;
}

.section-1 .section-block .name-company span {
font-size:16px;
color:#fff;
display:block;
margin:0 0 5px 0;
}

.section-1 .section-block .gar-block {
width:235px;
height:243px;
background:url(../images/shtamp.png) no-repeat;
position:absolute;
bottom:0px;
right:165px;
z-index:9;
}

.section-2 {
background:#fbf5f5 url(../images/section2-bg.jpg) no-repeat center bottom;
padding:0 0 110px 0;
}

.form-block {
background:#fff;
border-radius:20px;
padding:55px 70px;
position:relative;
top:-40px;
z-index:5;
}

.section-2 .form-block {
margin:0 0 50px 0;
}

.form-block .name {
font-size:34px;
color:#333333;
font-weight:700;
margin:0 0 20px 0;
}

.form-block .desc {
font-size:20px;
color:#666666;
margin:0 0 35px 0;
}

.form-block .flex {
display:flex;
}

.form-block input {
height:85px;
border-radius:10px;
background: rgba(230,230,230,1);
background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(100%, rgba(246,246,246,1)));
background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f6f6f6', GradientType=0 );
border:0px;
padding:0 35px;
font-size:20px;
color:#333333;
margin:0 35px 0 0;
width:100%;
}

.form-block button {
margin:0px;
padding:0px;
cursor:pointer;
border:0px;
height:91px;
background:url(../images/btn2.png) no-repeat;
font-size:17px;
color:#333333;
font-weight:700;
width:356px;
flex-shrink:0;
text-transform:uppercase;
}

.form-block .bottom {
display:flex;
align-items:center;
margin:30px 0 0 0;
}

.form-block .checkbox {
position:relative;
}

.form-block .checkbox .label {
position:relative;
display:flex;
}

.form-block .checkbox input[type="checkbox"] {
display:none;
position:relative;
}

.form-block .checkbox input[type="checkbox"] + label {
position:relative;
cursor:pointer;
width:100%;
font-size: 10px;
color: #666565;
padding:0 0 0 40px;
display:flex;
align-items:center;
min-height:19px;
}

.form-block .checkbox input[type="checkbox"] + label:before {
content:"";
display:block;
width: 19px;
height: 19px;
background:url(../images/check.png) no-repeat;
flex-shrink:0;
position:absolute;
top:0px;
left:0px;
}

.form-block .checkbox input[type="checkbox"]:checked + label:before {
content:"";
display:block;
width: 19px;
height: 19px;
background:url(../images/check-active.png) no-repeat;
border:0px;
flex-shrink:0;
}

.form-block .bottom .line {
height:1px;
width:100%;
flex:1;
background:#efefef;
margin:0 115px 0 0;
}

.title-section {
font-size:51px;
color:#333333;
font-weight:700;
margin:0 0 50px 0;
line-height:76px;
}

.title-section span {
background:#ffc016;
padding:5px 20px 10px 20px;
border-radius:10px;
}

.section-2 .flex {
display:flex;
}

.section-2 .flex .graf {
width:40%;
position:relative;
}

.section-2 .flex .block-left {
flex:1;
padding:0 50px 0 0;
font-size:19px;
color:#333333;
line-height:36px;
}

.section-2 .flex .block-left p {
margin:0 0 35px 0;
}

.section-2 .flex .block-left b {
font-weight:700;
}

.section-2 .flex .block-left .info {
display:flex;
margin:60px 0 0 0;
position:relative;
}

.section-2 .flex .block-left .info .l {
font-size:20px;
color:#666666;
font-weight:700;
white-space: nowrap;
padding:45px 0 0 0;
flex:1;
}

.section-2 .flex .block-left .info .r {
width:396px;
height:276px;
background:url(../images/section2-dos.png) no-repeat;
position:relative;
right:-50px;
}

.section-2 .flex .block-left .info .r a {
width:100%;
max-width:356px;
height:91px;
background:url(../images/btn3.png) no-repeat;
display:flex;
align-items: center;
justify-content: center;
font-size:15px;
color:#6699ff;
text-decoration:underline;
font-weight:600;
position:absolute;
bottom:0px;
right:20px;
}

.section-2 .flex .block-left .info .r a:hover {
text-decoration:none;
}

.section-2 .flex .graf  {
}

.section-2 .flex .graf button {
margin:0px;
padding:0px;
cursor:pointer;
border:0px;
height:91px;
background:url(../images/btn2.png) no-repeat;
font-size:17px;
color:#333333;
font-weight:700;
width:356px;
flex-shrink:0;
text-transform:uppercase;
position:absolute;
bottom:0px;
left:110px;
}

.section-3 {
min-height:1489px;
background:url(../images/section3-bg.jpg) no-repeat 0 0;
padding:100px 0 250px 0;
background-size:auto 100%;
}

.section-3 .title-section {
color:#fff;
}

.section-3 .title-section span {
color:#333333;
}

.section-3 .desc-section {
font-size:24px;
color:#fff;
margin:0 0 40px 0;
}

.section-3 .title2 {
font-size:28px;
color:#fff;
margin:0 0 55px 0;
font-weight:700;
}

.section-3 .title2 span {
color:#ffba3d;
}

.section-3 .flex1 {
display:flex;
}

.flex1 li {
  list-style-type: none;
  font-size: 19px;
  line-height: 1.5;
}

.flex1 li::before {
 content: "✅"; /* Сам маркер */
 padding-right: 10px; /* Расстояние от маркера до текста*/
 font-size: 20px;
}

.section-3 .flex1 .item {
width:49.333%;
margin:0 3% 0 0;
background:#fff;
background: rgba(239,239,239,1);
background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,239,239,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff', GradientType=0 );
padding:15px;
border-radius:10px;
position:relative;
}

.section-3 .flex1 .item:nth-child(3n) {
margin:0px;
} 

.section-3 .flex1 .item .bg {
display:block;
background:#fff;
padding:20px 55px 70px 55px;
}

.section-3 .flex1 .item .images {
height:172px;
margin:0 0 10px 0;
}

.section-3 .flex1 .item .name {
font-size:26px;
color:#333333;
font-weight:700;
margin:0 0 25px 0;
}

.section-3 .flex1 .item .desc {
font-size:18px;
color:#333333;
line-height:28px;
}

.section-3 .item .number {
border-radius:555px;
background:#ffba3d;
width:45px;
height:45px;
font-size:22px;
color:#333333;
font-weight:700;
display:flex;
align-items:center;
justify-content: center;
box-shadow: 0px 3px 35px rgba(255,186,61,0.35);
position:absolute;
top:-22px;
left:70px;
line-height:22px;
}

.section-3 .flex2 {
display:flex;
margin:30px 0 0 0;
}

.section-3 .flex2 .item:first-child {
width:65.666%;
margin:0 3% 0 0;
background: rgba(56,56,56,1);
background: -moz-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(45,45,45,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56,56,56,1)), color-stop(100%, rgba(45,45,45,1)));
background: -webkit-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(45,45,45,1) 100%);
background: -o-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(45,45,45,1) 100%);
background: -ms-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(45,45,45,1) 100%);
background: linear-gradient(to bottom, rgba(56,56,56,1) 0%, rgba(45,45,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#2d2d2d', GradientType=0 );
padding:15px;
border-radius:10px;
position:relative;
}

.section-3 .flex2 .item:first-child .bg {
display:block;
background:#383838;
padding:40px 35px;
display:flex;
}

.section-3 .flex2 .item:first-child .bl {
flex:1;
padding:0 0 0 60px;
}

.section-3 .flex2 .item:first-child .name {
font-size:26px;
color:#fff;
font-weight:700;
}

.section-3 .flex2 .item:first-child .name span {
color:#ffba3d;
}

.section-3 .flex2 .item:first-child .desc {
font-size:18px;
color:#fff;
line-height:28px;
margin:15px 0 0 0;
}

.section-3 .flex2 .item:last-child {
width:31.333%;
background:url(../images/section3-5-bg.png) no-repeat;
background-size:100% 100%;
padding:45px 15px 0 15px;
position:relative;
}

.section-3 .flex2 .item:last-child .name {
font-size:26px;
color:#fff;
padding:0 0 0 40px;
margin:0 0 35px 0;
}

.section-3 .flex2 .item:last-child .name span {
color:#ffba3d;
}

.section-3 .flex2 .item:last-child button {
margin:0px;
padding:0px;
cursor:pointer;
border:0px;
height:91px;
background:url(../images/btn2.png) no-repeat;
font-size:17px;
color:#333333;
font-weight:700;
width:100%;
flex-shrink:0;
text-transform:uppercase;
background-size:100% 100%;
padding:0 80px 0 40px;
text-align:left;
}

.section-3 .flex2 .item:last-child .d {
margin:20px 0 0 0;
font-size:12px;
color:#fff;
opacity:.3;
text-align:center;
}

.section-4 {
position:relative;
}

.section-4 .flex {
display:flex;
}

.section-4 .item {
width:31.666%;
margin:0 3% 0 0;
background:#fff;
padding:45px 45px 75px 45px;
position:relative;
border-radius:10px;
overflow:hidden;
background:#f7f7f7;
}

.section-4 .item:nth-child(3n) {
margin:0px;
}

.section-4 .item .headline {
font-size:12px;
color:#848484;
text-transform:uppercase;
margin:0 0 20px 0;
position:relative;
}

.section-4 .item .name {
font-size:30px;
font-weight:bold;
margin:0 0 10px 0;
}

.section-4 .item .desc {
font-size:15px;
font-weight:500;
color:#df8f00;
margin:0 0 40px 0;
height:35px;
overflow:hidden;
}

.section-4 .item .text {
line-height:24px;
height:215px;
overflow:hidden;
font-size:16px;
color:#333333;
}

.section-4 .item .button {
width:100%;
height:91px;
background:url(../images/btn3.png) no-repeat;
display:flex;
align-items: center;
justify-content: center;
background-size:100% 100%;
margin:30px 0 0 0;
}

.section-4 .item .button a {
display:flex;
align-items: center;
justify-content: center;
font-size:15px;
color:#0072ef;
font-weight:600;
text-decoration:underline;
}

.section-4 .item .button a:hover {
text-decoration:none;
}

.section-4 .item .button img {
margin:0 15px 0 0;
}

.section-4 .item .fakt {
position:absolute;
bottom:-10px;
right:40px;
text-transform:uppercase;
font-size:60px;
color:#f8f8f8;
line-height:60px;
font-weight:bold;
}

.section-4 .desc-section {
font-size:28px;
color:#333333;
margin:0 0 40px 0;
}

.section-4 .title2 {
font-size:28px;
margin:0 0 55px 0;
font-weight:800;
color:#333333;
}

.section-5 {
background:#f7f7f7 url(../images/section5-bg.png) no-repeat 48% top;
margin:75px 0 0 0;
padding:90px 0;
}

.section-5 .text1 {
font-size:28px;
color:#333333;
margin:0 0 55px 0;
}

.section-5 .text2 {
font-size:24px;
color:#333333;
margin:0 0 45px 0;
}

.section-5 .text2 span {
color:#58b1ff;
}

.section-5 .text2.border {
border-bottom:2px #e4e4e4 solid;
padding:0 0 45px 0;
}

.section-5 .left-block {
max-width:790px;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}

.section-5 .left-block .item:nth-child(1), .section-5 .left-block .item:nth-child(6), .section-5 .left-block .item:nth-child(7), .section-5 .left-block .item:nth-child(8) {
width:100%;
}

.section-5 .left-block .item {
position:relative;
display:flex;
background:#ffffff;
border-radius:10px;
padding:50px 35px 35px 35px;
margin:0 0 20px 0;
width:48.5%;
}

.section-5 .left-block .item .number {
border-radius:15px;
border:1px #f0f0f0 solid;
padding:10px;
position:absolute;
top:-35px;
left:135px;
z-index:9;
}

.section-5 .left-block .item .number span {
display:block;
border-radius:10px;
background:#f4f4f4;
font-size:14px;
color:#b4b4b4;
text-transform:uppercase;
font-weight:700;
padding:15px 25px;
}

.section-5 .left-block .item .info {
position:absolute;
top:25px;
right:25px;
width:30px;
height:30px;
background:url(../images/section1-info.png) no-repeat;
z-index:99;
background-size:100% 100%;
}

.section-5 .left-block .item .images {
width:95px;
position:relative;
}

.section-5 .left-block .item .images .icon {
width:95px;
height:95px;
background:#ffba3d;
border-radius:555px;
display:flex;
align-items: center;
justify-content: center;
}

.section-5 .left-block .item .images .n {
font-size:100px;
line-height:100px;
font-weight:700;
color:#ededed;
position:absolute;
top:50px;
left:50%;
transform: translate(-50%, 0%);
}

.section-5 .left-block .item .col {
flex:1;
padding:0 0 0 45px;
}

.section-5 .left-block .item .title {
font-size:22px;
color:#333333;
line-height:32px;
margin:0 0 30px 0;
}

.section-5 .left-block .item .title span {
color:#58b1ff;
}

.section-5 .left-block .item .plan {
font-size:16px;
color:#333333;
text-transform:uppercase;
font-weight:800;
}

.section-5 .left-block .item .plan span {
color:#999999;
}

.section-5 .left-block .item .prib {
font-size:16px;
color:#333333;
text-transform:uppercase;
font-weight:800;
margin:10px 0 0 0;
}

.section-5 .left-block .item .prib span {
color:#58b1ff;
}

.section-5 .left-block .item:hover .icon {
background:#58b1ff;
}

.section-5 .left-block .item:hover .number span {
background:#ffba3d;
color:#fff;
}

.section-5 .block-parthners {
max-width:350px;
position:absolute;
bottom:90px;
right:0px;
z-index:99;
}

.section-5 .block-parthners .name {
padding:0 25px;
font-size:30px;
color:#333333;
font-weight:700;
margin:0 0 30px 0;
}

.section-5 .block-parthners .desc {
padding:0 25px;
font-size:22px;
color:#333333;
margin:0 0 60px 0;
}

.section-5 .block-parthners button {
margin:0px;
padding:0px;
cursor:pointer;
border:0px;
height:91px;
background:url(../images/btn2.png) no-repeat;
font-size:17px;
color:#333333;
font-weight:700;
width:100%;
flex-shrink:0;
text-transform:uppercase;
background-size:100% 100%;
padding:0 80px 0 40px;
text-align:left;
}

.section-6 {
background:url(../images/section6-bg.jpg) no-repeat center 0;
padding:130px 0 80px 0;
background-size:cover;
}

.section-6 .title-section {
color:#fff;
}

.section-6 .title-section span {
color:#333;
}

.section-6  .form-block {
    background:none;
    border-radius: 0px;
    padding: 0px;
    position: relative;
    top: 0px;
    z-index: 5;
}

.section-6 .form-block .bottom {
justify-content: flex-end;
padding:0 40px 0 0;
margin:20px 0 0 0;
}

.section-6 .form-block input {
height:85px;
border-radius:10px;
background: rgba(230,230,230,1);
background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(100%, rgba(246,246,246,1)));
background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f6f6f6', GradientType=0 );
border:0px;
padding:0 35px;
font-size:20px;
color:#333333;
width:100%;
}

.section-6 .form-block .it {
margin:0 35px 0 0;
width:100%;
}

.section-6 .form-block .it label {
font-size:14px;
color:#cccccc;
font-weight:300;
padding:0 0 0px 35px;
margin:0 0 10px 0;
display:block;
opacity:.5;
}

.section-6 .form-block .flex {
    display: flex;
    align-items: flex-end;
}

.section-7 {
  background-color: #f3f3f3;
  color: #272727;
  background-size: cover;
  padding: 60px 0 40px;
}

.section-7 .title {
  margin: 0 0 55px 0;
  font-size: 30px;
  font-family: MuseoCyrl700;
  text-align: center;
}

.section-7 .title span {
  background-color: #ffcc00;
  padding: 3px 5px;
}

.section-7 .block {
  margin: 20px auto 50px;
}

.section-7 .block .name {
  font-size: 20px;
  color: #272727;
  text-align: center;
  line-height: 27px;
  margin: 0 0 20px 0;
}

.section-7 .block form {
  display: flex;
  justify-content: space-between;
  max-width: 675px;
  margin: 0 auto;
}

.section-7 .block input {
  width: 31.333%;
  border: 0px;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.13);
  border-radius: 10px;
  background-color: #eaebec;
  font-size: 18px;
  color: #000;
  text-align: center;
  height: 42px;
}

.section-7 .block button {
  width: 31.333%;
  font-family: MuseoCyrl700;
  font-size: 15px;
  color: #272727;
  cursor: pointer;
  height: 42px;
  box-shadow: 1px 2px 8px rgba(29, 29, 29, 0.28);
  border-radius: 10px;
  background-color: #ffffff;
  background-image: linear-gradient(to right, #f0dd10 0%, #e8cc09 100%);
}

.section-7 .site-width {
    width: 100%;
    max-width: 1170px;
    position: relative;
    margin: 0 auto;
    padding: 0 10px;
}

/* Video Play Button */
.popup-youtube {
  cursor: pointer;
}

.play-btn {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 2rem;
  height: 2.75rem;
  padding: 1.125rem 1.25rem 1.125rem 1.75rem;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.play-btn:hover {
  cursor: pointer;
}

.play-btn:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  display: block;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 50%;
  background: #ffcc008c;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.play-btn:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: block;
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  background: #ffcc00;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.play-btn span {
  position: relative;
  display: block;
  z-index: 3;
  top: 0.375rem;
  left: 0.25rem;
  width: 0;
  height: 0;
  border-left: 1.625rem solid #000;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
}

@-webkit-keyframes pulse-border {
  0% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
  }

  100% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
  }

  100% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
  }
}

/* end of video play button */

video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-block__body {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 20px;
  overflow: hidden;
}

.page__parth {
    text-align: center;
    font-size: 35px;
}

.page__parth span {
    text-align: center;
    font-size: 35px;
    background-color: #ffcc00;
    padding: 3px 5px;
}

.page2021__section.video-block .description {
    font-size: 28px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 10px;
}

.section-8 {
padding:100px 0;
background:#f9f9f9;
margin:-10px 0 0 0;
}

.section-8 .flex {
display:flex;
}

.section-8 .flex .item {
width:31.333%;
margin:0 3% 0 0;
background:#fff;
border-radius:10px;
padding:20px;
overflow:hidden;
position:relative;
}

.section-8 .flex .item:nth-child(3n) {
margin:0px;
}

.section-8 .flex .item .border {
border-radius:10px;
border:1px #b8fedd solid;
padding:0 45px 45px 45px;
}

.section-8 .flex .item .images {
position:relative;
top:-60px;
margin:0 auto;
text-align:center;
}

.section-8 .flex .item .name {
font-size:24px;
color:#333333;
font-weight:700;
margin:-45px 0 35px 0;
}

.section-8 .flex .item .name b {
font-weight:900;
}

.section-8 .flex .item .desc {
font-size:16px;
color:#333333;
line-height:24px;
}

.section-9 {
padding:90px 0;
position:relative;
}

.section-9 .title1 {
font-size:24px;
color:#333333;
font-weight:700;
margin:0 0 25px 0;
}

.section-9 .flex-tarif {
display:flex;
}

.section-9 .flex-tarif .col {
position:relative;
}

.section-9 .flex-tarif .col .name {
font-size:9px;
color:#333333;
text-transform:uppercase;
font-weight:700;
margin:0 0 30px 0;
}

.section-9 .flex-tarif .col .name span {
font-size:14px;
color:#ffffff;
display:table;
padding:5px 10px;
border-radius:5px;
background:#57affb;
margin:5px 0 0 0;
}

.section-9 .flex-tarif .col .desc {
font-size:18px;
color:#333333;
line-height:28px;
}

.section-9 .flex-tarif .col:first-child {
padding:0 110px 0 0;
}

.section-9 .flex-tarif .col:last-child {
padding:0 0px 0 110px;
}

.section-9 .flex-tarif .col:first-child:before {
content:"";
width:1px;
height:80px;
position:absolute;
bottom:0px;
right:0px;
background:#d1d1d1;
}

.section-9 .table {
display:table;
width:100%;
margin:60px 0 0 0;
overflow:hidden;
border-radius:10px;
}

.section-9 .table .tr {
display:table-row;
}

.section-9 .table .td {
display:table-cell;
vertical-align:middle;
text-align:center;
padding:10px 10px;
background:#f5f5f5;
font-size:16px;
color:#333333;
}

.section-9 .table .tr:first-child .td {
font-size:20px;
color:#333333;
font-weight:900;
padding:40px 10px;
}

.section-9 .table .tr:first-child .td:nth-child(2) {
font-size:20px;
color:#333333;
font-weight:700;
}

.section-9 .table .tr:first-child .td span {
color:#57affb;
}

.section-9 .table .td:first-child {
width:70px;
text-align:center;
}

.section-9 .table .td:last-child {
width:90px;
}

.section-9 .table .td:nth-child(2) {
text-align:left;
}

.section-9 .table .tr:nth-child(2n) .td {
background:#fff;
}

.section-9 .table .td:first-child span {
background:#57affb;
color:#fff;
font-size:14px;
font-weight:700;
border-radius:555px;
margin:0 auto;
padding:5px 10px;
display:table;
}

.section-9 .table .pl {
font-size:30px;
color:#fa2828;
line-height:30px;
}

.section-9 .table .min {
color:#57affb;
font-size:30px;
line-height:30px;
}

.section-9 .table b {
font-weight:500;
font-size:14px;
}

.section-9 .table .td:nth-child(3) {
width:20%;
}

.section-9 .table .td:nth-child(4) {
width:40%;
}

.section-9 .table .end {

}

.section-9 .table .end .price-name {
font-size:16px;
color:#333333;
font-weight:700;
border-radius:10px;
background:#ffc016;
padding:5px 10px;
display:table;
}

.section-9 .table .end .td {
padding:30px 10px;
vertical-align:top;
}

.section-9 .table .end .price {
font-size:42px;
color:#333333;
font-weight:900;
}

.section-9 .table .end .price span {
font-size:14px;
}

.section-9 .table .end button {
font-size:14px;
color:#333333;
font-weight:700;
height:75px;
background:url(../images/header-button.png) no-repeat;
display:flex;
align-items:center;
justify-content: center;
padding:0 30px;
text-transform:uppercase;
cursor:pointer;
border:0px;
background-size:100% 100%;
margin:30px auto 0 auto;
}


.section-10 {
background:url(../images/section10-bg.jpg) no-repeat center 0;
min-height:666px;
padding:30px 0 0;
background-color: #2b2b2b;
}

.section-10 .title-section {
color:#fff;
}

.section-10 .flex {
display:flex;
justify-content: space-between;
}

.section-10 .col-left {
width:47%;
}

.section-10 .col-right {
width:47%;
position:relative;
}

.section-10 .col-left p {
font-size:22px;
color:#fff;
line-height:32px;
margin:35px 0 0 0;
}

.section-10 .col-left span {
color:#57affb;
}

.section-10 .col-left .title-section span {
color:#fff;
}

.section-10 .col-right .ipad {
    width: 600px;
    height: 415px;
    background: url(../images/section7-ipad.png) no-repeat;
    padding: 16px 55px 43px 44px;
    position: absolute;
    bottom: -30px;
    right: 0px;
    background-size: 600px;
}

.section-10 .col-right .ipad iframe {
width:100%;
height:100%;
border:0px;
border-radius:10px;
}

.section-10 .col-right .ipad .video-play {
background-image: url(../images/play.png);
background-repeat: no-repeat;
background-size: cover;
width:193px;
height:221px;
position: absolute;
cursor: pointer;
top:50%;
left:50%;
transform: translate(-50%, -50%);
}

.section-10 .btnn {
  font-family: MuseoCyrl500;
  font-size: 18px;
  color: #272727;
  cursor: pointer;
  padding: 10px 10px;
  box-shadow: 1px 2px 8px rgba(29, 29, 29, 0.28);
  border-radius: 10px;
  background-color: #ffffff;
  background-image: linear-gradient(to right, #f0dd10 0%, #e8cc09 100%);
  text-align: center;
  max-width: 350px;
}

.section-9 .people {
width:466px;
height:420px;
background:url(../images/section9-bg.png) no-repeat;
position:absolute;
bottom:0px;
right:0px;
}

.popup-block {
display:none;
}

.popup-block .popup-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px;
background-color: rgba(117, 117, 117, 0.9);
z-index: 99999999999999;
overflow: auto;
}

.popup-block .form-block {
position:fixed;
top:50%;
left:50%;
z-index:99999999999;
transform: translate(-50%, -50%);
height:auto;
max-width:460px;
width:100%;
padding:50px;
border-radius:10px;
}

.popup-block .block {
position:fixed;
top:50%;
left:50%;
z-index:99999999999;
transform: translate(-50%, -50%);
height:auto;
max-width:460px;
width:100%;
padding:50px;
border-radius:10px;
background:#fff;
}

.popup-block .name {
margin:0 0 20px 0;
font-size:31px;
font-weight:700;
}

.popup-block .form-block {
display:block;
}

.popup-block .form-block .bottom {
justify-content: flex-end;
padding:0 40px 0 0;
margin:20px 0 0 0;
}

.popup-block .form-block input {
height:85px;
border-radius:10px;
background: rgba(230,230,230,1);
background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(100%, rgba(246,246,246,1)));
background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f6f6f6', GradientType=0 );
border:0px;
padding:0 35px;
font-size:20px;
color:#333333;
width:100%;
}

.popup-block .form-block .it {
margin:0 0px 15px 0;
width:100%;
}

.popup-block .form-block .it label {
font-size:14px;
color:#cccccc;
font-weight:300;
padding:0 0 0px 35px;
margin:0 0 10px 0;
display:block;

}

.popup-block .form-block .flex {
    display: block;
}

.popup-block .close {
width:34px;
height:34px;
background:url(../images/cancel.png) no-repeat;
position:absolute;
top:-17px;
right:70px;
cursor:pointer;
}

.popup-block .discount {

}

.popup-block .discount .head {
display:flex;
font-size:0px;
line-height:0px;
}

.popup-block .discount .name {
flex:1;
font-size:27px;
color:#333333;
font-weight:700;
line-height:35px;
}

.popup-block .discount .bl-col {
padding:30px 50px;
background:#57affb;
margin:0 -50px;
}

.popup-block .discount .bl-col .n {
font-size:24px;
color:#fff;
font-weight:700;
border-bottom:1px #439ae5 solid;
padding:0 0 15px 0;
margin:0 0 15px 0;
}

.popup-block .discount .bl-col .d {
font-size:18px;
color:#fff;
}

.popup-block .discount .bl-col .w {
font-size:10px;
color:#fff;
margin:15px 0 0 0;
}

.popup-block .discount button {
cursor:pointer;
border:0px;
height:91px;
background:url(../images/btn2.png) no-repeat;
font-size:17px;
color:#333333;
font-weight:700;
width:100%;
flex-shrink:0;
text-transform:uppercase;
background-size:100% 100%;
padding:0 80px 0 40px;
text-align:left;
margin:25px 0;
}

.popup-block .discount .checkbox {
position:relative;
display:table;
margin:0 auto;
}

.popup-block .discount .checkbox .label {
position:relative;
display:flex;
}

.popup-block .discount .checkbox input[type="checkbox"] {
display:none;
position:relative;
}

.popup-block .discount .checkbox input[type="checkbox"] + label {
position:relative;
cursor:pointer;
width:100%;
font-size: 10px;
color: #666565;
padding:0 0 0 40px;
display:flex;
align-items:center;
min-height:19px;
}

.popup-block .discount .checkbox input[type="checkbox"] + label:before {
content:"";
display:block;
width: 19px;
height: 19px;
background:url(../images/check.png) no-repeat;
flex-shrink:0;
position:absolute;
top:0px;
left:0px;
}

.popup-block .discount .checkbox input[type="checkbox"]:checked + label:before {
content:"";
display:block;
width: 19px;
height: 19px;
background:url(../images/check-active.png) no-repeat;
border:0px;
flex-shrink:0;
}

.section-1 {
position:relative;
}

.mesage-block {
background:url(../images/mess-bg.png) no-repeat;
width:118px;
height:248px;
position:absolute;
top:0px;
right:90px;
padding: 170px 0 0 0;
cursor: pointer;
position: fixed;
z-index: 100;
}

.mesage-block .name {
font-size:12px;
color:#333333;
text-transform:uppercase;
font-weight:800;
text-align:center;
}

.mesage-block .name span {
color:#ff3333;
}

.mesage-block .w {
margin:10px 0 0 0;
font-size:11px;
color:#333333;
text-align:center;
}


.footer {
background:#252525;
padding:30px 0;
}

.footer .site-width {
display:flex;
align-items:center;
}

.footer .logo {
display:block;
position:relative;
font-size:30px;
color:#fff;
font-weight: 300;
padding:0 20px 0 0;
text-decoration:none;
}

.footer .logo b {
font-weight:bold;
}

.footer .logo span {
font-size:7px;
text-transform:uppercase;
position:absolute;
top:0px;
right:0px;
}

.footer .logo:hover {
text-decoration:none;
}

.footer .gar {
padding:0 20px;
display:flex;
align-items:center;
justify-content: center;
flex:1;
font-size:18px;
color:#fff;
font-weight:500;
}

.footer .gar:before {
content:"";
width:50px;
height:50px;
background:url(../images/header-gar.png) no-repeat;
margin:0 25px 0 0;
}

.footer .phone {
text-align:right;
font-size:12px;
color:#9b9b9b;
margin:0 60px 0 0;
}

.footer .phone span {
font-size:28px;
color:#fff;
font-weight:700;
display:block;
}

.footer .feedback {
font-size:13px;
color:#333333;
font-weight:700;
width:209px;
height:55px;
background:url(../images/header-button.png) no-repeat;
display:flex;
align-items:center;
justify-content: center;
padding:0 10px;
text-transform:uppercase;
cursor:pointer;
}




@media screen and (max-width:1890px) {

body {
overflow-x:hidden;
}

.section-7 .note {
top:-370px;
right:-200px;
}
}


@media screen and (max-width:1450px) {
.section-7 .note {
top:-370px;
right:-300px;
}
}


@media screen and (max-width:1300px) {
.section-7 .note {
top:-370px;
right:-350px;
}
}







@media screen and (max-width:1000px) {

.section-6 .form-block .bottom {
padding:0px;
display:table;
margin:20px auto 0 auto;
}

.section-5 .block-parthners {
display:table;
margin:0 auto;
}

.form-block .bottom .line {
display:none;
}

.form-block .bottom {
display:table;
margin:30px auto 0 auto;
}

.section-7 .note {
display:none;
}

.mesage-block {
display:none;
}

.section-1 {
background-size: cover;
}

.header .gar {
display:none;
}

.header .site-width {
display:block;
text-align:center;
}

.header .phone {
display:table;
margin:20px auto;
text-align:center;
}

.header .feedback {
margin:0 auto;
}

.footer .gar {
display:none;
}

.footer .site-width {
display:block;
text-align:center;
}

.footer .phone {
display:table;
margin:20px auto;
}

.footer .feedback {
margin:0 auto;
}


.section-1 .section-block .title{
    text-align: center;
}

.section-1 .section-block .title span {
    font-size: 36px;
    line-height: 60px;
    background: no-repeat;
    color: #fff;
    
}

.section-1 .section-block .price {
	text-align: center;
}


.section-1 .section-block .title b {
    font-size: 36px;
    line-height: 60px;
    background: no-repeat;
}

.section-1 .section-block .gar-block {
display:none;
}

.section-1 .section-block .name-company {
display:none;
}

.section-1 .section-block .price span {
font-size:40px;
}

.section-1 .section-block .info {
font-size:24px;
text-align: center;
}

.section-1 .section-block .info:before {
flex-shrink:0;
}

.section-1 .section-block .flex {
display:block;
}

.section-1 .section-block .flex .item {
padding:15px;
}

.section-2 .form-block {
padding:30px;
display:block;
}

.form-block .name {
font-size:26px;
}

.section-2 .flex {
display:block;
}

.form-block input {
margin:0 0 20px 0;
}

.form-block button {
width:100%;
background-size:100% 100%;
height: 60px
}

.title-section {
font-size:26px;
line-height:44px;
}

.section-2 .flex .block-left .info {
display:block;
}

.section-2 .flex .block-left .info .l {
padding:0 0 20px 0;
}

.section-2 .flex .block-left {
padding:0px;
}

.section-2 .flex .block-left .info .r {
width:100%;
right:auto;
background: url(../images/section2-dos.png) no-repeat center 0;
}

.section-2 .flex .block-left .info .r a {
right:auto;
left:50%;
transform: translate(-50%, 0%);
}

.section-2 .flex .graf {
width:100%;
margin:30px 0 0 0;
}

.section-2 .flex .graf img {
	padding-bottom: 150px;
}

.section-2 .flex .graf button {
left:50%;
transform: translate(-50%, 0%);
width:100%;
background-size:100% 100%;
}

.section-3 .flex1 {
display:block;
}

.section-3 .flex1 .item {
width:100%;
margin:0 0 30px 0;
}

.section-3 .flex1 .item .bg {
padding:50px 20px 20px 20px;
}

.section-3 .flex2 {
display:block;
}

.section-3 .flex2 .item {
width:100% !important;
margin:0 0 30px 0 !important;
}

.section-3 .flex2 .item .bg {
padding:50px 20px 20px 20px !important;
}

.section-3 .flex2 .item:first-child .bg {
display:block;
text-align:center;
}

.section-3 .flex2 .item:first-child .bl {
padding:30px 0 0 0;
}

.section-3 {
min-height:inherit;
background:#000 url(../images/section3-bg.jpg) no-repeat center bottom 0px;
}

.section-4 .desc-section, .section-4 .title2 {
font-size:22px;
}

.section-4 .flex {
display:block;
}

.section-4 .item {
width:100%;
margin:0 0 30px 0;
padding:25px;
}

.section-5 .text1, .section-5 .text2 {
font-size:22px;
}

.section-5 .left-block {
display:block;
max-width: 100%;
}

.section-5 .left-block .item {
width:100%;
display:block;
text-align:center;
}

.section-5 .left-block .item .images {
margin:0 auto;
display:table;
}

.section-5 .left-block .item .col {
padding:70px 0 0 0;
}

.section-5 .left-block .item .number {
left:25px;
}

.section-5 .left-block .item .title {
font-size:18px;
}

.section-5 .left-block .item .prib span, .section-5 .left-block .item .plan span {
display:block;
}

.section-5 .block-parthners {
position:relative;
bottom:auto;
}

.section-6 {
padding:50px 0;
}

.section-6 .title-section span {
    color: #ffc016;
    background: no-repeat;
    padding: 0px;
}


.section-6 .form-block .flex {
display:block;
}

.section-7 .block-main .item {
display:none;
}

.section-8 .flex {
display:block;
}

.section-8 .flex .item {
width:100%;
margin:0 0 30px 0;
}

.section-8 .flex .item .border {
padding:0px 25px 25px 25px;
}

.section-9 .flex-tarif {
display:block;
}

.section-9 .flex-tarif .col:first-child {
padding:0px 0 20px 0;
}

.section-9 .flex-tarif .col:last-child {
padding:0px;
}

.section-8 {
padding:50px 0;
margin:0px;
}

.section-9 .people {
display:none;
}

.section-9 .table .td:first-child {
display:none;
}

.section-9 .table .tr:first-child .td {
padding:5px !important;
font-size:14px !important;
}

.section-9 .table .td {
font-size:14px;
padding:5px;
word-break: break-all;
}

.section-9 .table .td:last-child {
display:none;
}

.section-9 .table .td:nth-child(4), .section-9 .table .td:nth-child(3) {
width:auto;
}

.section-9 .table .end .price {
font-size:18px;
}

.section-9 .table .end button {
padding:0 10px;
}

.section-9 .table .end .td:nth-child(2) {
display:none;
}

.section-9 .table .end {
display:none;
}

.popup-block .form-block {
padding:25px;
}

.popup-block .close {
    right: 10px;
}

.section-10 .col-left {
width:100%;
margin:0 0 20px 0;
}

.section-10 .col-right {
width:100%;
margin-top: 100px;
}

.section-10 .col-right .ipad {
position:relative;
right:auto;
width:100%;
max-width:469px;
display:table;
margin:0 auto;
background-size:100% 100%;
}

.section-10 {
background: url(../images/section10-bg.jpg) no-repeat 0 0;
background-size:auto 100%;
}

.section-10 .flex {
    display: block;
	
}


}


#popup__toggle{bottom:7%;right:1%;position:fixed;z-index:999;}
.img-circle{background-color:#29AEE3;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #29AEE3;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#29AEE3;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(../images/mini.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}