/*
negocio/plantillas/panels/footer/style.css
negocio/plantillas/panels/footer/style2.css
*/
@maxWXXS: 69rem; /**/
@maxWXS: 92rem; /**/
@maxWS: 98.6rem; /**/
@maxWM: 114rem; /**/
@maxWL: 121rem; /**/
@maxWML: 1340px;
@maxWXL: 1500px;
@maxWXXL: 1600px;
.maxW(@width){
    margin: 0 auto;
    max-width: @width;
}


@sMobileL: ~'(max-width: 480px)';
@smMobileL: ~'(max-width: 767px)';
@mMobileL: ~'(max-width: 960px)';
@sLaptopL: ~'(max-width: 1024px)';
@smLaptopL: ~'(max-width: 1180px)';
@mLaptopL: ~'(max-width: 1200px)';
@lLaptopL: ~'(max-width: 1400px)';

@font1: 'YesevaOne', sans-serif;
@font2: 'Avenir', sans-serif;
@font3: 'Verdana', serif;
@font4: 'Verdana', serif;
@font5: 'Verdana', serif;
@font6: 'Verdana', serif;
@font7: 'Verdana', serif;
@font8: 'Verdana', serif;

html[lang^="ru"]{
    @font1: 'Verdana', serif;
    @font2: 700 'Verdana', serif;
    @font3: 700 'Verdana', serif;
    @font4: 'Verdana', serif;
    @font5: 'Verdana', serif;
    @font6: 700 'Verdana', serif;
    @font7: 'Verdana', serif;
}

@color1: #fff;
@color2: #000;
@color3: #03605b;
@color4: #edcf56;
@color5: #aec8b7;
@color6: #535354;
@color7: #7f8182;
@color8: #f2f7f6;
@color9: #dce3eb;
@color10: #edf1f5;
@color11: #d2ded2;
@color12: #f6f8fa;
@color13: #d8e7c2;

.css-title1{
    font: 9rem/10.4rem @font1;
}
.css-title2{
    font: 6rem/1 @font1;
    letter-spacing: -.2rem;
    
    @media @sLaptopL{
        font: 4.5rem/5rem @font1;
        letter-spacing: -.1rem;
    }
    
    @media @mMobileL{
        font: 3.5rem/3.5rem @font1;
        letter-spacing: -.1rem;
    }
}
.css-title3{
    font: 4rem/4.5rem @font1;
    letter-spacing: -.2rem;
    
    @media @sLaptopL{
        font: 3.5rem/4rem @font1;
        letter-spacing: -.2rem;
    }
    
    @media @mMobileL{
        font: 2.5rem/3rem @font1;
        letter-spacing: -.1rem;
    }
}
.css-title4{
    font: 2.5rem/2.9rem @font1;
    letter-spacing: -.1rem;
}
.css-title5{
    font: 1.5rem/1.8rem @font1;
}

.css-text1{
    font: 2rem/2.7rem @font2;
    
    @media @mMobileL{
        font: 1.5rem/1.8rem @font2;
    }
}
.css-text2{
    font: 1.5rem/2.5rem @font2;
}
.css-text3{
    font: 1.4rem/1.9rem @font2;
}
.css-text4{
    font: 1.2rem/1.6rem @font2;
}

.css-button1{
    .css-text3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 4.8rem;
    padding: 0 3rem;
    background-color: @color4;
    border-radius: .3rem;
    cursor: pointer;
    
    i{
        
        + *{
            margin-left: 1.4rem;
        }
    }
    
    span{
        text-transform: uppercase;
        transform: translateY(.2rem);
    }
}
.css-button2{
    .css-title4;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 6.8rem;
    padding: 0 3rem;
    min-width: 18rem;
    box-sizing: border-box;
    background-color: @color4;
    color: @color3;
    border-radius: .3rem;
    cursor: pointer;
}
.css-button3{
    .css-text3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 3.4rem;
    padding: 0 1.8rem;
    box-sizing: border-box;
    color: @color3;
    border: .1rem solid @color3;
    border-radius: .3rem;
    text-transform: uppercase;
    cursor: pointer;
    
    &.selected{
        background-color: @color3;
        color: @color1;
        pointer-events: none;
    }
    
    span{
        transform: translateY(.2rem);
        
        + *{
            margin-left: .6rem;
        }
    }
    
    i{
        font-size: 1.6rem;
    }
}
.css-button4{
    .css-text3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 4.8rem;
    padding: 0 3rem;
    box-sizing: border-box;
    background-color: @color4;
    color: @color3;
    border-radius: .3rem;
    text-transform: uppercase;
    cursor: pointer;
    
    span{
        transform: translateY(.2rem);
    }
}
.css-button5{
    .css-text3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 4.8rem;
    padding: 0 3rem;
    box-sizing: border-box;
    background-color: @color1;
    color: @color3;
    box-shadow: 0 1.5rem 4rem -1rem rgba(0,0,0,.2);
    border-radius: .3rem;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    
    span{
        transform: translateY(.2rem);
    }
}
.css-button6{
    .css-text3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 4.8rem;
    padding: 0 3rem;
    min-width: 19rem;
    box-sizing: border-box;
    border: .1rem solid @color4;
    color: @color4;
    border-radius: .3rem;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    
    span{
        transform: translateY(.2rem);
    }
}
.css-button7{
    .css-title4;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 5rem;
    padding: 0 3rem;
    min-width: 18rem;
    box-sizing: border-box;
    background-color: @color4;
    color: @color3;
    border-radius: .3rem;
    cursor: pointer;
}
.css-button8{
    .css-text3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 3.4rem;
    padding: 0 2.5rem;
    box-sizing: border-box;
    color: @color3;
    background-color: @color4;
    border-radius: .3rem;
    text-transform: uppercase;
    cursor: pointer;
    
    span{
        transform: translateY(.3rem);
        
        + *{
            margin-left: .6rem;
        }
    }
    
    i{
        font-size: 1.6rem;
    }
}
.css-button9{
    .css-text3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 3.4rem;
    padding: 0 1.8rem;
    box-sizing: border-box;
    color: @color13;
    border: .1rem solid @color13;
    border-radius: .3rem;
    text-transform: uppercase;
    cursor: pointer;
    
    span{
        transform: translateY(.2rem);
        
        + *{
            margin-left: .6rem;
        }
    }
    
    i{
        font-size: 1.6rem;
    }
}
.css-button10{
    .css-text3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 5.4rem;
    padding: 0 2rem;
    min-width: 19rem;
    box-sizing: border-box;
    border: .1rem solid @color4;
    color: @color4;
    border-radius: .5rem;
    white-space: nowrap;
    cursor: pointer;
    
    span{
        transform: translateY(.2rem);
    }
}
.css-button11{
    font: 2rem @font1;
    color: @color2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 4.4rem;
    padding: 0 2.5rem;
    background-color: @color4;
    border-radius: .3rem;
    cursor: pointer;
    
    i{
        
        + *{
            margin-left: 1.4rem;
        }
    }
}

body{
    
    .css-button1,
    .css-button3,
    .css-button4,
    .css-button5,
    .css-button6,
    .css-button8,
    .css-button9,
    .css-button10{
        
        span{
            transform: none;
        }
    }
}

//Slider
.bx-controls-direction{
    
    .disabled{
        display: none!important;
    }
}/**/
/**/
/**/
/**/
/**/
.css-title1 {
  font: 9rem/10.4rem 'YesevaOne', sans-serif;
}
.css-title2 {
  font: 6rem/1 'YesevaOne', sans-serif;
  letter-spacing: -0.2rem;
}
@media (max-width: 1024px) {
  .css-title2 {
    font: 4.5rem/5rem 'YesevaOne', sans-serif;
    letter-spacing: -0.1rem;
  }
}
@media (max-width: 960px) {
  .css-title2 {
    font: 3.5rem/3.5rem 'YesevaOne', sans-serif;
    letter-spacing: -0.1rem;
  }
}
.css-title3 {
  font: 4rem/4.5rem 'YesevaOne', sans-serif;
  letter-spacing: -0.2rem;
}
@media (max-width: 1024px) {
  .css-title3 {
    font: 3.5rem/4rem 'YesevaOne', sans-serif;
    letter-spacing: -0.2rem;
  }
}
@media (max-width: 960px) {
  .css-title3 {
    font: 2.5rem/3rem 'YesevaOne', sans-serif;
    letter-spacing: -0.1rem;
  }
}
.css-title4 {
  font: 2.5rem/2.9rem 'YesevaOne', sans-serif;
  letter-spacing: -0.1rem;
}
.css-title5 {
  font: 1.5rem/1.8rem 'YesevaOne', sans-serif;
}
.css-text1 {
  font: 2rem/2.7rem 'Avenir', sans-serif;
}
@media (max-width: 960px) {
  .css-text1 {
    font: 1.5rem/1.8rem 'Avenir', sans-serif;
  }
}
.css-text2 {
  font: 1.5rem/2.5rem 'Avenir', sans-serif;
}
.css-text3 {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
}
.css-text4 {
  font: 1.2rem/1.6rem 'Avenir', sans-serif;
}
.css-button1 {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 4.8rem;
  padding: 0 3rem;
  background-color: #edcf56;
  border-radius: 0.3rem;
  cursor: pointer;
}
.css-button1 i + * {
  margin-left: 1.4rem;
}
.css-button1 span {
  text-transform: uppercase;
  transform: translateY(0.2rem);
}
.css-button2 {
  font: 2.5rem/2.9rem 'YesevaOne', sans-serif;
  letter-spacing: -0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 6.8rem;
  padding: 0 3rem;
  min-width: 18rem;
  box-sizing: border-box;
  background-color: #edcf56;
  color: #03605b;
  border-radius: 0.3rem;
  cursor: pointer;
}
.css-button3 {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 3.4rem;
  padding: 0 1.8rem;
  box-sizing: border-box;
  color: #03605b;
  border: 0.1rem solid #03605b;
  border-radius: 0.3rem;
  text-transform: uppercase;
  cursor: pointer;
}
.css-button3.selected {
  background-color: #03605b;
  color: #fff;
  pointer-events: none;
}
.css-button3 span {
  transform: translateY(0.2rem);
}
.css-button3 span + * {
  margin-left: 0.6rem;
}
.css-button3 i {
  font-size: 1.6rem;
}
.css-button4 {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 4.8rem;
  padding: 0 3rem;
  box-sizing: border-box;
  background-color: #edcf56;
  color: #03605b;
  border-radius: 0.3rem;
  text-transform: uppercase;
  cursor: pointer;
}
.css-button4 span {
  transform: translateY(0.2rem);
}
.css-button5 {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 4.8rem;
  padding: 0 3rem;
  box-sizing: border-box;
  background-color: #fff;
  color: #03605b;
  box-shadow: 0 1.5rem 4rem -1rem rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}
.css-button5 span {
  transform: translateY(0.2rem);
}
.css-button6 {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 4.8rem;
  padding: 0 3rem;
  min-width: 19rem;
  box-sizing: border-box;
  border: 0.1rem solid #edcf56;
  color: #edcf56;
  border-radius: 0.3rem;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}
.css-button6 span {
  transform: translateY(0.2rem);
}
.css-button7 {
  font: 2.5rem/2.9rem 'YesevaOne', sans-serif;
  letter-spacing: -0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 5rem;
  padding: 0 3rem;
  min-width: 18rem;
  box-sizing: border-box;
  background-color: #edcf56;
  color: #03605b;
  border-radius: 0.3rem;
  cursor: pointer;
}
.css-button8 {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 3.4rem;
  padding: 0 2.5rem;
  box-sizing: border-box;
  color: #03605b;
  background-color: #edcf56;
  border-radius: 0.3rem;
  text-transform: uppercase;
  cursor: pointer;
}
.css-button8 span {
  transform: translateY(0.3rem);
}
.css-button8 span + * {
  margin-left: 0.6rem;
}
.css-button8 i {
  font-size: 1.6rem;
}
.css-button9 {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 3.4rem;
  padding: 0 1.8rem;
  box-sizing: border-box;
  color: #d8e7c2;
  border: 0.1rem solid #d8e7c2;
  border-radius: 0.3rem;
  text-transform: uppercase;
  cursor: pointer;
}
.css-button9 span {
  transform: translateY(0.2rem);
}
.css-button9 span + * {
  margin-left: 0.6rem;
}
.css-button9 i {
  font-size: 1.6rem;
}
.css-button10 {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 5.4rem;
  padding: 0 2rem;
  min-width: 19rem;
  box-sizing: border-box;
  border: 0.1rem solid #edcf56;
  color: #edcf56;
  border-radius: 0.5rem;
  white-space: nowrap;
  cursor: pointer;
}
.css-button10 span {
  transform: translateY(0.2rem);
}
.css-button11 {
  font: 2rem 'YesevaOne', sans-serif;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 4.4rem;
  padding: 0 2.5rem;
  background-color: #edcf56;
  border-radius: 0.3rem;
  cursor: pointer;
}
.css-button11 i + * {
  margin-left: 1.4rem;
}
body .css-button1 span,
body .css-button3 span,
body .css-button4 span,
body .css-button5 span,
body .css-button6 span,
body .css-button8 span,
body .css-button9 span,
body .css-button10 span {
  transform: none;
}
.bx-controls-direction .disabled {
  display: none!important;
}
.mdl-footer {
  padding: 0 5rem;
}
.mdl-footer .m-icons {
  padding-top: 5.8rem;
  padding-bottom: 5.8rem;
  background-color: #fff;
}
.mdl-footer .m-icons .m-content {
  margin: 0 auto;
  max-width: 114rem;
  display: flex;
  justify-content: center;
}
.mdl-footer .m-icons .m-item {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  color: #03605b;
  display: flex;
  align-items: center;
  margin: 0 1.7rem;
}
.mdl-footer .m-icons .m-item svg {
  margin-right: 7px;
}
.mdl-footer .m-icons .m-item svg path {
  fill: #03605b;
}
.mdl-footer .m-icons .m-item img {
  flex: none;
  width: 2.6rem;
  margin-right: 1rem;
  transform: translateY(-0.2rem);
}
.mdl-footer .m-mid {
  margin: 0 auto;
  max-width: 114rem;
  padding-top: 7rem;
  padding-bottom: 6rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.mdl-footer .m-newsletter {
  flex: none;
  width: 30rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.mdl-footer .m-newsletter .m-title {
  font: 2.5rem/2.9rem 'YesevaOne', sans-serif;
  letter-spacing: -0.1rem;
  color: #03605b;
  text-align: center;
}
.mdl-footer .m-newsletter .m-title + * {
  margin-top: 1rem;
}
.mdl-footer .m-newsletter .m-subtitle {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  font-size: 1.3rem;
  color: #535354;
  text-align: center;
}
.mdl-footer .m-newsletter .m-subtitle + * {
  margin-top: 1.8rem;
}
.mdl-footer .m-newsletter .m-form > * {
  margin-bottom: 1rem;
}
.mdl-footer .m-newsletter input[type="text"],
.mdl-footer .m-newsletter input[type="email"] {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  line-height: 4.8rem;
  height: 4.8rem;
  color: #535354;
  padding: 0.2rem 2rem 0;
  box-sizing: border-box;
  width: 100%;
  text-transform: uppercase;
  border-radius: 0.3rem;
  border: 0.1rem solid #000;
  margin-top: 1rem;
}
.mdl-footer .m-newsletter input[type="text"]::-webkit-input-placeholder,
.mdl-footer .m-newsletter input[type="email"]::-webkit-input-placeholder {
  color: #535354;
}
.mdl-footer .m-newsletter input[type="text"]::-moz-placeholder,
.mdl-footer .m-newsletter input[type="email"]::-moz-placeholder {
  color: #535354;
}
.mdl-footer .m-newsletter input[type="text"]:-ms-input-placeholder,
.mdl-footer .m-newsletter input[type="email"]:-ms-input-placeholder {
  color: #535354;
}
.mdl-footer .m-newsletter input[type="text"]:-moz-placeholder,
.mdl-footer .m-newsletter input[type="email"]:-moz-placeholder {
  color: #535354;
}
.mdl-footer .m-newsletter input[type="submit"] {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 4.8rem;
  padding: 0 3rem;
  background-color: #edcf56;
  border-radius: 0.3rem;
  cursor: pointer;
  color: #03605b;
  width: 100%;
  box-sizing: border-box;
}
.mdl-footer .m-newsletter input[type="submit"] i + * {
  margin-left: 1.4rem;
}
.mdl-footer .m-newsletter input[type="submit"] span {
  text-transform: uppercase;
  transform: translateY(0.2rem);
}
.mdl-footer .m-newsletter .legal-consent-container {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  font-size: 1.3rem;
  color: #535354;
  margin-top: 1rem;
}
.mdl-footer .m-newsletter .hs-error-msg {
  display: none;
}
.mdl-footer .m-newsletter .hs-error-msgs {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  font-size: 1.2rem;
  color: red;
}
.mdl-footer .m-newsletter .submitted-message {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  color: #535354;
  margin-top: 4rem;
}
.mdl-footer .m-links {
  display: flex;
  max-width: 76rem;
}
.mdl-footer .m-links .m-list {
  font: 1.2rem/1.6rem 'Avenir', sans-serif;
  line-height: 1.67;
  color: #03605b;
  margin-left: 3rem;
}
.mdl-footer .m-links .m-list .m-title {
  text-transform: uppercase;
  margin-top: 8px;
}
.mdl-footer .m-links .m-list ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  column-gap: 4rem;
  margin-top: 1.6rem;
}
.mdl-footer .m-links .m-list ul a {
  opacity: 0.5;
}
.mdl-footer .m-links .m-list ul a:hover {
  opacity: 1;
}
.mdl-footer .m-rrss .m-content {
  margin: 0 auto;
  max-width: 114rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 0.1rem solid #dce3eb;
  border-bottom: 0.1rem solid #dce3eb;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.mdl-footer .m-rrss .m-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.mdl-footer .m-rrss .m-nav a {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  color: #03605b;
  text-transform: uppercase;
  margin: 1rem 1.5rem;
}
.mdl-footer .m-rrss .m-nav a span {
  transform: translateY(0.2rem);
}
.mdl-footer .m-rrss .m-nav a.m-border {
  font: 1.4rem/1.9rem 'Avenir', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 3.4rem;
  padding: 0 1.8rem;
  box-sizing: border-box;
  color: #03605b;
  border: 0.1rem solid #03605b;
  border-radius: 0.3rem;
  text-transform: uppercase;
  cursor: pointer;
}
.mdl-footer .m-rrss .m-nav a.m-border.selected {
  background-color: #03605b;
  color: #fff;
  pointer-events: none;
}
.mdl-footer .m-rrss .m-nav a.m-border span {
  transform: translateY(0.2rem);
}
.mdl-footer .m-rrss .m-nav a.m-border span + * {
  margin-left: 0.6rem;
}
.mdl-footer .m-rrss .m-nav a.m-border i {
  font-size: 1.6rem;
}
.mdl-footer .m-rrss .m-rss {
  display: flex;
}
.mdl-footer .m-rrss .m-rss a {
  font-size: 2rem;
  color: #03605b;
  transition: 0.3s ease;
  margin: 0 0.7rem;
}
.mdl-footer .m-rrss .m-rss a img {
 max-height: 2.5rem;
}
.mdl-footer .m-poweredby {
  font: 1.2rem/1.6rem 'Avenir', sans-serif;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #7f8182;
  text-align: center;
}
.mdl-footer .m-poweredby > * {
  margin: 0.8rem 1.5rem;
}
@media (max-width: 1024px) {
  .mdl-footer .m-rrss .m-nav a {
    margin: 1rem;
  }
  .mdl-footer .m-links .m-list:last-of-type ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media (max-width: 960px) {
  .mdl-footer {
    padding: 0 2.5rem;
  }
  .mdl-footer .m-links .m-list ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .mdl-footer .m-mid {
    padding: 4rem 3rem;
  }
  .mdl-footer .m-rrss .m-nav {
    transform: translateX(-1rem);
  }
  .mdl-footer .m-rrss .m-rss {
    transform: translateX(1rem);
  }
}
@media (max-width: 767px) {
  .mdl-footer .m-rrss .m-content {
    border: 0;
    flex-wrap: wrap;
    display: block;
  }
  .mdl-footer .m-rrss .m-nav {
    transform: none;
  }
  .mdl-footer .m-rrss .m-nav > * {
    width: 50%;
  }
  .mdl-footer .m-rrss .m-nav a {
    width: 100%;
    box-sizing: border-box;
    padding: 1rem;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 0;
  }
  .mdl-footer .m-rrss .m-rss {
    margin: 3rem 0;
    justify-content: center;
  }
  .mdl-footer .m-rrss .m-rss a {
    font-size: 2.7rem;
  }
  .mdl-footer .m-mid {
    padding: 0;
    margin-top: 3rem;
  }
  .mdl-footer .m-links {
    display: none;
  }
  .mdl-footer .m-newsletter {
    width: 100%;
  }
  .mdl-footer .m-newsletter input[type="text"],
  .mdl-footer .m-newsletter input[type="email"] {
    text-align: center;
  }
  .mdl-footer .m-poweredby {
    flex-direction: column;
    align-items: flex-start;
    padding: 3.8rem 0;
    position: relative;
  }
  .mdl-footer .m-poweredby > * {
    margin-left: 0;
  }
  .mdl-footer .m-powered {
    position: absolute;
    bottom: 3.8rem;
    right: 0;
    margin-right: 0;
  }
  .mdl-footer .m-icons {
    display: none;
  }
  .mdl-footer .m-newsletter .m-title {
    font-size: 20px;
  }
}
.mdl-footer svg {
  height: 2.6rem;
  stroke: #fff;
}
.mdl-footer svg circle {
  fill: #03605b;
}
.popup-cam {
  width: 800px !important;
  height: 500px !important;
  margin: 0 auto !important;
}