/*Обнуление*/
* {
  padding: 0;
  margin: 0;
  border: 0;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
:focus,
:active {
  outline: none;
}
a:focus,
a:active {
  outline: none;
}
nav,
footer,
header,
aside {
  display: block;
}
html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
input,
button,
textarea {
  font-family: inherit;
}
input::-ms-clear {
  display: none;
}
button {
  cursor: pointer;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
a,
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
ul li {
  list-style: none;
}
img {
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
}
li {
  list-style-type: none;
}
ul {
  margin-left: 0;
  padding-left: 0;
}
/*Обнуление окончания*/
.ibg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.ibg img {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6u-w4BMUTPHjxsIPx-oPCc.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6u_w4BMUTPHjxsI9w2_Gwfo.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6u8w4BMUTPHjxsAXC-v.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6u_w4BMUTPHjxsI5wq_Gwfo.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6u_w4BMUTPHjxsI3wi_Gwfo.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6u8w4BMUTPHh30AXC-v.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh50XSwiPHA.ttf) format('truetype');
}
.tac {
  text-align: center;
}
.df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dn {
  display: none;
}
.jcc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.aic {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fdr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.fdc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.db {
  display: block;
}
.h1 {
  height: 100%;
}
.w1 {
  width: 100%;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.dfc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* Вносим главние изменения в этот для отображения цвета с этим я буду видеть как работает 
github branch  */
html,
body {
  height: 100%;
  font-family: "Lato";
}
.wrapper {
  min-height: 100%;
  overflow: hidden;
}
.container {
  max-width: 1050px;
  margin: 0 auto;
  padding: 0px 15px;
}
.page {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .burger-menu {
    display: block;
    position: fixed;
    top: 18px;
    right: 10px;
    width: 30px;
    height: 18px;
    cursor: pointer;
    z-index: 200;
  }
  .burger-menu span {
    transition: all 0.3s ease;
    top: 8px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #4d4959;
  }
  .burger-menu span:first-child {
    top: 0px;
  }
  .burger-menu span:last-child {
    top: auto;
    bottom: 0px;
  }
  .burger-menu.active span {
    transform: scale(0);
    background-color: #2e9e4a;
  }
  .burger-menu.active span:first-child {
    transform: rotate(-45deg);
    top: 8px;
  }
  .burger-menu.active span:last-child {
    transform: rotate(45deg);
    bottom: 8px;
  }
}
.fullscrinimg {
  position: relative;
  flex: 1 0 100%;
  height: 100vh;
}
.fullscrinimg__item {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.fullscrinimg__item img {
  width: 100%;
  height: 100%;
}
.myheaderimg {
  display: none;
}
@media (max-width: 768px) {
  .myheaderimg {
    display: block;
    text-align: center;
    margin-right: 0px;
    z-index: 11;
    position: absolute;
    top: 20px;
    width: 100%;
    margin: 20px auto 0px auto;
    top: 10px;
  }
}
.header {
  position: absolute;
  top: 0px;
  z-index: 20;
  width: 100%;
}
@media (max-width: 768px) {
  .header {
    position: fixed;
    background-color: #4d4959;
    width: 320px;
    height: 100%;
    overflow: auto;
    transform: translate(-100%, 0%);
    transition: all 0.3s ease 0s;
  }
  .header.active {
    transform: translate(0%, 0%);
    transition: all 0.3s ease 0s;
  }
}
.header__row {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
}
.header__ul {
  display: flex;
  align-items: center;
  text-align: center;
}
.header__li {
  margin-right: 80px;
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
}
.header__li:last-child {
  margin-right: 0px;
}
.header__li:nth-child(2):after {
  content: "";
  display: block;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background-color: #4d4959;
  position: absolute;
  bottom: 0px;
  right: 80px;
  z-index: 22;
}
@media (max-width: 768px) {
  .header__li:nth-child(2):after {
    content: "";
    background-color: white;
    width: 6px;
    height: 6px;
    position: relative;
    top: -50px;
    right: -30px;
    z-index: 22;
  }
}
.header__li:nth-child(5):after {
  content: "";
  height: 3px;
  width: 3px;
  display: block;
  border-radius: 50%;
  background-color: #4d4959;
  position: absolute;
  bottom: 0px;
  right: 100px;
}
@media (max-width: 768px) {
  .header__li:nth-child(5):after {
    content: "";
    background-color: white;
    width: 6px;
    height: 6px;
    position: relative;
    top: -50px;
    right: -47px;
    z-index: 22;
  }
}
.header__a {
  font-size: 13px;
  font-weight: bold;
  color: #4d4959;
  text-align: center;
}
@media (max-width: 768px) {
  .header__row {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 35px;
  }
  .header__ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .header__li {
    margin-top: 50px;
    text-align: center;
  }
  .header__li:nth-child(3) {
    text-align: center;
    margin-right: 0px;
    position: absolute;
    top: 50px;
    width: 100%;
    margin: 50px auto 0px auto;
    top: 10px;
  }
  .header__li:nth-child(1),
  .header__li:nth-child(2),
  .header__li:nth-child(4) {
    margin-right: 0px;
  }
  .header__a {
    font-size: 20px;
    font-weight: bold;
    color: white;
  }
}
.header2 {
  display: flex;
  background-color: #f7f7f7;
  padding-bottom: 130px;
  padding-top: 117px;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  width: 100%;
  top: 0px;
  left: 0px;
}
@media (max-width: 805px) {
  .header2 {
    padding-top: 20px;
    padding-bottom: 60px;
  }
}
@media (max-width: 385px) {
  .header2 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
#mage {
  margin-top: 20px;
}
.imm {
  display: block;
}
.imm__img {
  position: relative;
  top: 0px;
  left: 0px;
}
@media (max-width: 805px) {
  .imm__img {
    margin-top: 60px;
  }
}
@media (max-width: 385px) {
  .imm__img {
    margin-top: 90px;
  }
}
.textmmmmm {
  display: block;
  padding: 0px 20px 0px 20px;
  line-height: 34px;
  font-weight: 400;
  color: #848789;
  font-size: 18px;
  max-width: 1079px;
  margin: 0 auto;
}
@media (max-width: 735px) {
  .textmmmmm {
    width: 550px;
  }
}
@media (max-width: 768px) {
  .textmmmmm {
    margin-bottom: 75px;
  }
}
@media (max-width: 565px) {
  .textmmmmm {
    width: 460px;
  }
}
@media (max-width: 470px) {
  .textmmmmm {
    width: 380px;
  }
}
@media (max-width: 385px) {
  .textmmmmm {
    width: 270px;
  }
}
.mainhh2 {
  width: 100%;
  margin: 30px auto 0px auto;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 34px;
  margin-bottom: 30px;
  color: #353738;
}
@media (max-width: 468px) {
  .mainhh2 {
    width: 380px;
  }
}
@media (max-width: 385px) {
  .mainhh2 {
    width: 270px;
  }
}
/*Header(ОКончания)*/
/*Main 1*/
.bicycle-company {
  position: relative;
}
.bicycle-company__row {
  display: flex;
}
@media (max-width: 700px) {
  .bicycle-company__row {
    flex-direction: column;
  }
}
.bicycle-company__columsbig {
  flex: 1 0 66.667%;
}
@media (max-width: 700px) {
  .bicycle-company__columsbig {
    height: 50%;
  }
}
.bicycle-company__hrefa {
  position: relative;
  display: block;
  height: 100%;
}
@media (max-width: 700px) {
  .bicycle-company__hrefa {
    height: auto;
  }
}
.bicycle-company__hrefa:hover .bicycle-company__logo {
  opacity: 1;
  visibility: visible;
  transition: all 0.3 ease 0s;
}
.bicycle-company__logo {
  left: 0px;
  top: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(118, 190, 157, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3 ease 0s;
}
.bicycle-company__img {
  position: relative;
  height: 100%;
}
@media (max-width: 700px) {
  .bicycle-company__img {
    height: auto;
    padding-bottom: 100%;
  }
}
.columsmall {
  flex: 1 0 33.333%;
}
.columsmall__bodytext {
  padding: 70px 68px 75px 68px;
  background-color: white;
  text-align: center;
  position: relative;
}
@media (max-width: 1430px) {
  .columsmall__bodytext {
    padding: 35px 34px 30px 34px;
  }
}
.columsmall__bodytext:before {
  content: "";
  position: absolute;
  z-index: 10;
  bottom: -18px;
  right: 46%;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 20px solid white;
}
.columsmall__h4 {
  margin-top: 27px;
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 2px;
}
.columsmall__text {
  max-width: 498px;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  text-align: left;
}
@media (max-width: 700px) {
  .columsmall__text {
    text-align: center;
    margin: 0 auto;
  }
}
.columsmall__text:after {
  content: "";
  height: 1px;
  display: block;
  margin: 10px auto;
  z-index: 5;
  left: 35%;
  width: 90px;
  background-color: #707070;
}
.columsmall__img {
  padding-bottom: 37.5%;
}
.vintage__row {
  display: flex;
}
@media (max-width: 700px) {
  .vintage__row {
    flex-direction: column-reverse;
  }
}
.vintage__bodytext {
  padding: 61px 68px 74px 68px;
  background-color: white;
  text-align: center;
  position: relative;
}
@media (max-width: 1430px) {
  .vintage__bodytext {
    padding: 35px 34px 30px 34px;
  }
}
.vintage__bodytext:before {
  content: "";
  position: absolute;
  z-index: 10;
  bottom: -18px;
  right: 46%;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 20px solid white;
}
.vintage__h4 {
  margin-top: 16px;
  margin-bottom: 25px;
  font-weight: bold;
  font-size: 18px;
}
.vintage__text {
  max-width: 397px;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  text-align: left;
}
.vintage__text:after {
  content: "";
  height: 1px;
  display: block;
  margin: 10px auto;
  z-index: 5;
  left: 35%;
  width: 90px;
  background-color: #707070;
}
@media (max-width: 700px) {
  .vintage__text {
    text-align: center;
    margin: 0 auto;
  }
}
.vintage__minimg {
  padding-bottom: 37.5%;
}
.vintage__columbig {
  flex: 1 0 66.667%;
}
.vintage__mainaa {
  display: block;
  position: relative;
  height: 100%;
}
@media (max-width: 700px) {
  .vintage__mainaa {
    height: auto;
  }
}
.vintage__mainaa:hover .vintage__maxlogo {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease 0s;
}
.vintage__maxlogo {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: rgba(118, 190, 157, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}
.vintage__mainimg {
  height: 100%;
}
@media (max-width: 700px) {
  .vintage__mainimg {
    height: auto;
    padding-bottom: 100%;
  }
}
/*Main 1 (Окончания)*/
.bincebicycle__row {
  display: flex;
}
@media (max-width: 700px) {
  .bincebicycle__row {
    flex-direction: column;
  }
}
.bincebicycle__columsleft {
  flex: 1 0 33.333%;
}
.bincebicycle__mainaa {
  display: block;
  height: 100%;
  position: relative;
}
@media (max-width: 700px) {
  .bincebicycle__mainaa {
    height: auto;
  }
}
.bincebicycle__mainaa:hover .bincebicycle__logogg {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease 0s;
}
.bincebicycle__logogg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(118, 190, 157, 0.6);
  opacity: 0;
  visibility: hidden;
}
.bincebicycle__imgmain {
  height: 100%;
}
@media (max-width: 700px) {
  .bincebicycle__imgmain {
    height: auto;
    padding-bottom: 100%;
  }
}
.bincebicycle__columnmain {
  flex: 1 0 33.334%;
}
.bincebicycle__bodytext {
  padding: 58px 68px 73px 68px;
  background-color: white;
  text-align: center;
  position: relative;
}
@media (max-width: 1430px) {
  .bincebicycle__bodytext {
    padding: 35px 34px 30px 34px;
  }
}
.bincebicycle__bodytext:before {
  content: "";
  position: absolute;
  z-index: 10;
  bottom: -18px;
  right: 45%;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 20px solid white;
}
.bincebicycle__h7 {
  font-weight: 700;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 16px;
}
.bincebicycle__text {
  font-size: 16px;
  font-weight: 500;
  max-width: 400px;
  line-height: 30px;
  text-align: left;
}
@media (max-width: 1000px) {
  .bincebicycle__text {
    text-align: center;
    margin: 0 auto;
  }
}
.bincebicycle__text:after {
  content: "";
  height: 1px;
  display: block;
  margin: 10px auto;
  z-index: 5;
  left: 35%;
  width: 90px;
  background-color: #707070;
}
.bincebicycle__downimg {
  width: 100%;
  padding-bottom: 37.6%;
}
.bincebicycle__right {
  flex: 1 0 33.333%;
}
.triugol {
  position: absolute;
  z-index: 1;
  right: 47%;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 20px solid white;
}
.triugol2 {
  position: absolute;
  z-index: 1;
  right: 47%;
  bottom: 181px;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 20px solid white;
}
.triugol3 {
  position: absolute;
  z-index: 1;
  right: 47%;
  bottom: 186px;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 20px solid white;
}
.main2 {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  text-align: center;
  display: flex;
}
.kkclass1 {
  position: relative;
  flex: 1 1 34%;
}
.pp1 {
  text-align: center;
}
.pp1 img {
  margin-top: 70px;
  margin-bottom: 35px;
  text-align: center;
}
.pp1 h3 {
  margin-bottom: 25px;
  text-align: center;
}
.pp1 p {
  margin: 0 auto;
  text-align: justify;
  max-width: 397px;
  font-family: Lato;
  font-size: 16px;
  line-height: 29px;
  font-weight: 400;
  color: #848789;
}
.pp2 {
  margin-top: 49px;
  max-width: 530px;
  max-height: 200px;
}
.kkclass2 {
  flex: 1 1 66%;
  position: relative;
}
.obertka2 {
  position: absolute;
  background-color: #5aa58c;
  opacity: 0.8;
  width: 100%;
  top: 0px;
  left: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -11;
}
.kkclass2:hover .obertka2 {
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.obertka {
  position: absolute;
  background-color: #5aa58c;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -11;
}
/*Начало main3*/
.main3 {
  max-height: 600px;
  height: 100%;
  width: 100%;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  text-align: center;
}
.immo1 {
  height: 600px;
  position: relative;
}
.podklass3 {
  position: absolute;
  background-color: #5aa58c;
  opacity: 0.8;
  width: 100%;
  top: 0px;
  left: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -11;
}
.immo1:hover .podklass3 {
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.immo2 {
  text-align: center;
  position: relative;
}
.immo2 img {
  margin-top: 50px;
  margin-bottom: 25px;
}
.immo2 h4 {
  margin-bottom: 25px;
  font-family: Lato;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #353738;
}
.immo2 p {
  max-width: 397px;
  text-align: justify;
  margin: 0 auto;
  font-family: Lato;
  font-size: 16px;
  line-height: 29px;
  font-weight: 400;
  color: #848789;
}
.pott2 img {
  margin-top: 65px;
}
.immo3 {
  height: 100%;
  position: relative;
}
.podklass3 {
  position: absolute;
  background-color: #75d3b3;
  width: 100%;
  top: 0px;
  left: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -11;
}
.immo3:hover .podklass3 {
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.texttetx {
  background: #f7f7f7;
  height: 469px;
  text-align: center;
}
.texttetx img {
  margin-bottom: 40px;
  margin-top: 110px;
}
.texttetx h5 {
  margin-bottom: 30px;
  font-family: Lato;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #353738;
}
.texttetx p {
  max-width: 1036px;
  margin: 0 auto;
  font-family: Lato;
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
  font-style: italic;
  color: #848789;
}
.fotoclas {
  display: flex;
  height: 534px;
  width: 534px;
}
.prov1 {
  display: flex;
}
.prov2 {
  display: flex;
}
.knopka {
  position: relative;
  padding: 75px 0px;
  height: 200px;
  background: #282f35;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .knopka {
    padding: 50px 0px;
  }
}
#slider {
  background-color: #f7f7f7;
  overflow: hidden;
}
.swiper-wrapper {
  margin-bottom: 70px;
}
.swiper-slide {
  padding-top: 130px;
  margin-bottom: 60px;
}
.slider__a {
  display: block;
  text-align: center;
  margin-bottom: 32px;
}
.slider__h5 {
  text-align: center;
  margin-bottom: 18px;
}
.slider__h5 span {
  color: gray;
  font-weight: 400;
}
.slider__text {
  text-align: center;
  max-width: 1080px;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 400;
  padding: 0px 20px 0px 20px;
  color: #848789;
}
.swiper-pagination {
  background-color: #f7f7f7;
}
.swiper-pagination-bullet-active {
  background: #a9afb3;
}
.swiper-button-prev {
  color: grey;
}
.potknopka {
  display: block;
  border: 2px solid white;
  padding: 20px 40px;
  color: #ffffff;
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.2em;
}
@media (max-width: 380px) {
  .potknopka {
    padding: 20px 20px;
  }
}
@media (min-width: 768px) {
  .potknopka:hover {
    background-color: white;
    color: black;
    transition: 0.8s;
  }
}
.potclass1:hover .obertka {
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.obertka {
  position: absolute;
  background-color: #5aa58c;
  opacity: 0.5;
  width: 100%;
  top: 0px;
  left: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -11;
}
.fot1 {
  padding: 110px 0px;
  margin-top: 110px;
  background-color: #fff;
  text-align: center;
}
@media (max-width: 480px) {
  .fot1 {
    flex-direction: column;
    padding-bottom: 40px;
  }
}
.fot1 img {
  margin-top: 110px;
  margin-bottom: 50px;
}
.fot1 h6 {
  margin-bottom: 43px;
  font-family: Lato;
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
  font-style: italic;
  color: #848789;
}
#i1 {
  width: 400px;
  height: 69px;
  margin-right: 8px;
  opacity: 0.5;
  font-family: Lato;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  font-style: italic;
  color: #929292;
  padding-left: 25px;
}
#i1:focus {
  border-left: 7px solid #56be97;
}
#i2 {
  width: 126px;
  height: 69px;
  background-color: #64c29e;
  text-align: center;
  font-family: Lato;
  font-size: 24px;
  line-height: 24px;
  font-weight: 300;
  color: #ffffff;
}
.footer {
  background: #f7f7f7;
  padding: 20px 0px;
}
.footer__body {
  padding: 105px 0px;
}
@media (max-width: 700px) {
  .footer__body {
    padding: 20px 0px;
  }
}
.footer__row {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 700px) {
  .footer__row {
    flex-direction: column;
  }
}
.footer__h6 {
  font-size: 16px;
  line-height: 17px;
  font-weight: bold;
  font-style: italic;
  color: #848789;
  text-align: justify;
}
@media (max-width: 700px) {
  .footer__h6 {
    text-align: center;
  }
}
.footer__lefttext {
  max-width: 264px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  font-style: italic;
  color: #848789;
  text-align: justify;
}
@media (max-width: 700px) {
  .footer__lefttext {
    text-align: center;
  }
}
.footer__ul {
  display: flex;
}
@media (max-width: 700px) {
  .footer__ul {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.footer__li {
  margin-right: 15px;
}
.footer__li:last-child {
  margin-right: 0px;
}
.footer__third {
  display: flex;
  align-items: center;
  height: 100%;
  flex-direction: row;
}
.footer__logo {
  margin-left: 10px;
  margin-top: 10px;
}
#magazine {
  width: 800px;
  height: 400px;
}
#magazine .turn-page {
  width: 400px;
  height: 400px;
  background-color: #0f7531;
}
.headertop {
  position: fixed;
  top: 0px;
  background-color: #1ea831;
  width: 1600px;
  height: 40px;
}
.headertop__ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.headertop__li {
  margin-right: 20px;
}
.headertop__a {
  cursor: pointer;
  padding: 5px;
  color: #1310be;
  text-decoration: none;
}
.bodyform {
  padding: 110px 0px;
}
.forttt {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  .forttt {
    flex-direction: column;
  }
}
#i1 {
  border: 1px solid #d3d7d9;
}
@media (max-width: 640px) {
  #i1 {
    width: 305px;
  }
}
@media (max-width: 480px) {
  #i1 {
    margin-bottom: 20px;
  }
}
.buttongo {
  width: 120px;
  height: 69px;
  color: #fbfefc;
  font-size: 24px;
  font-weight: 500;
  cursor: pointer;
  background-color: #64c29e;
}
@media (max-width: 480px) {
  .buttongo {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .buttongo:hover {
    background-color: #128fc9;
  }
}
.myswwss {
  min-width: 0px;
  position: relative;
  top: 0px;
  left: 0px;
}
.myfotocard__row {
  display: flex;
}
@media (max-width: 768px) {
  .myfotocard__row {
    flex-direction: column;
  }
}
.myfotocard__columfirst {
  flex: 1 0 50%;
}
.myfotocard__rowsecond {
  display: flex;
}
.myfotocard__theeimg {
  flex: 1 0 66.666%;
  height: 100%;
}
.myfotocard__twosmallimg {
  display: flex;
  height: 100%;
}
.myfotocard__firstsmall {
  display: block;
  position: relative;
  height: 100%;
  flex: 1 0 50%;
}
.myfotocard__firstsmall:hover .myfotocard__logo {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease 0s;
}
.myfotocard__logo {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(118, 190, 157, 0.6);
  opacity: 0;
  visibility: hidden;
}
.myfotocard__firstsmallimg {
  height: auto;
  padding-bottom: 100%;
}
.myfotocard__midwidth {
  display: block;
  position: relative;
  flex: 1 0 50%;
}
.myfotocard__midwidth:hover .myfotocard__logo {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease 0s;
}
.myfotocard__midwidthimg {
  height: auto;
  padding-bottom: 50%;
}
.myfotocard__longheight {
  flex: 1 0 33.333%;
  display: block;
  position: relative;
}
.myfotocard__longheight:hover .myfotocard__logo {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease 0s;
}
.myfotocard__longheightimg {
  padding-bottom: 200%;
}
.contact {
  height: 100%;
  width: 100%;
  display: flex;
  background-color: #f7f7f7;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}