body
{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
footer
{
  margin-top: auto;
}
footer .footer-row-2
{
  background: url(footer-bg.jpg) no-repeat;
  background-size: cover;
}
.newsletter {
  padding-top: 2rem;
  text-align: center;
  margin-bottom: 1rem;
}
.newsletter-title>div {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 900;
}
.newsletter-title>span {
  font-size: 1rem;
  color: #fff;
}
.newsletter-title {
  margin-bottom: 1rem;
}
.newsletter-content form {
  position: relative;
}
.newsletter-content form input {
  width: 50%;
  height: 50px;
  padding: 20px 20px 20px 50px;
  color: #8795af;
  font-size: 14px;
  border: none;
  background: #f1f4f6 url(../../../uploads/icon/icon-mail.svg) no-repeat 13px center;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.newsletter-content form button {
  position: absolute;
  top: 0;
  height: 100%;
  width: 120px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  background: #232369;
  border: none;
  padding: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.footer-social {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.footer-social a {
  font-size: 1.5rem;
  color: #fff;
  padding: 0 .7rem;
  transition: all .3s ease-in-out;
}
.footer-social a:hover
{
  color: #232369;
}
.footer-menu-container .footer-menu .footer-menu-title {
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: .5rem;
  color: #fff;
}
.footer-menu-container .footer-menu .footer-menu-content>ul>li a
{
  color: #cbcbcb !important;
  font-size: 0.9rem;
  transition: all .3s ease-in-out;
}
.footer-menu-container .footer-menu .footer-menu-content>ul>li>a:hover {
  text-decoration: underline;
}
.footer-menu-container {
  padding: 3rem 5rem;
  border-top: 1px solid rgba(79,177,71,.2);
  border-bottom: 1px solid rgba(79,177,71,.2);
}
.footer-menu-container[data-menu-type=accordion] .footer-menu.active .footer-menu-title:after{
  content:"\e920" !important;
  transition: all 3s;
}
.footer-menu-container[data-menu-type=accordion] .footer-menu.active .footer-menu-content{
  display: block;
}
.footer-menu-container[data-menu-type=accordion] .footer-menu.active .footer-menu-content a{
  opacity: .7;
}

.copyright-area {
  display: flex;
  justify-content: space-around;
  padding: 1rem 0;
}
.copyright-area .copyright {
  color: #000;
}
.copyright-area .copyright a
{
  font-weight: 900;
}
.copyright-area > .footer-dark
{
  color:#FFF;
  opacity: .7;
}
.copyright a
{
  color: #232369
}

@media (max-width: 767.98px)
{
  .newsletter-title>span
  {
    font-size: .7rem;
    opacity: .7;
  }
  .newsletter-content form input
  {
    width: 100%;
  }
  .newsletter-content form button
  {
    right: 0;
    border-radius:0;
  }
  .footer-menu-container[data-menu-type=accordion] {
    text-align: left;
  }
  .footer-menu-container[data-menu-type=accordion] .footer-menu .footer-menu-title {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
    margin-bottom: 10px;
  }
  .footer-menu-container
  {
    padding:2rem 0
  }
  .footer-menu-container[data-menu-type=accordion] .footer-menu .footer-menu-title:after {
    content: "\e903";
    font-family: 'cartzilla-icons';
    transition: all 3s;
  }
  .footer-menu-container[data-menu-type=accordion] .footer-menu .footer-menu-content {
    padding: 0 10px 10px;
    display: none;
  }
  .copyright-area > .footer-dark
  {
    text-align: center;
    font-size: .7rem;
  }
  .pubox_logo
  {
    margin:0px auto;
  }
  section.footer-row-2 .copyright-area
  {
    font-size: .6rem;
    text-align: center;
  }
}


/* Pubox Area */
.pubox-area {
	display: flex;    
	justify-content: space-between;
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Semibold"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format("truetype");
    font-weight: 700
}

.pubox-area .pubox_logo {
    opacity: .9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.pubox-area .pubox_logo .pubox_logo_brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pubox-area .pubox_logo .pubox_logo_brand .pubox_logo_img {
    width: 33px;
    height: 30px;
    position: relative
}

.pubox-area .pubox_logo .pubox_logo_brand .pubox_logo_img .pubox_logo_p {
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.pubox-area .pubox_logo .pubox_logo_brand .pubox_logo_img .pubox_logo_y {
    display: block;
    position: absolute;
    left: 8px;
    top: 15px;
    -webkit-animation: puboxAnimation 2s linear infinite;
    animation: puboxAnimation 2s linear infinite;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.pubox-area .pubox_logo:hover .pubox_logo_brand strong {
    max-width: 145px !important
}

.pubox-area .pubox_logo:hover .pubox_logo_text {
    opacity: 0 !important;
    max-width: 0 !important
}

.pubox-area .pubox_logo.dark .pubox_logo_text {
    max-width: 82px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-right: 5px;
    -webkit-transform: scale(.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
    transform: scale(.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
    text-align: right;
    -webkit-transition: opacity .3s ease, max-width .3s ease;
    transition: opacity .3s ease, max-width .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pubox-area .pubox_logo.dark .pubox_logo_brand strong {
    overflow: hidden;
    max-width: 0;
    display: block;
    color: #fff;
    font-family: segoe ui, Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-left: 5px;
    -webkit-transform: scale(.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
    transform: scale(.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
    -webkit-transition: max-width .3s ease;
    transition: max-width .3s ease
}

.pubox-area .pubox_logo.light .pubox_logo_text {
    max-width: 100px;
    color: #000;
    font-family: segoe ui, Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-right: 5px;
    -webkit-transform: scale(.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
    transform: scale(.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
    text-align: right;
    -webkit-transition: opacity .3s ease, max-width .3s ease;
    transition: opacity .3s ease, max-width .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #cc0033;
    padding: 5px 10px;
    border-radius: 10px;
    opacity: 1;
}

.pubox-area .pubox_logo.light .pubox_logo_brand strong {
    overflow: hidden;
    max-width: 0;
    display: block;
    color: #000;
    font-family: segoe ui, Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    margin-left: 5px;
    -webkit-transform: scale(.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
    transform: scale(.9) translateZ(0) translate3d(0, 0, 0) perspective(1px);
    -webkit-transition: max-width .3s ease;
    transition: max-width .3s ease
}

@-webkit-keyframes puboxAnimation {
    from {
        -webkit-transform: scale(.85) rotateY(0deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
        transform: scale(.85) rotateY(0deg) translateZ(0) translate3d(0, 0, 0) perspective(1px)
    }
    to {
        -webkit-transform: scale(.85) rotateY(-360deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
        transform: scale(.85) rotateY(-360deg) translateZ(0) translate3d(0, 0, 0) perspective(1px)
    }
}

@keyframes puboxAnimation {
    from {
        -webkit-transform: scale(.85) rotateY(0deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
        transform: scale(.85) rotateY(0deg) translateZ(0) translate3d(0, 0, 0) perspective(1px)
    }
    to {
        -webkit-transform: scale(.85) rotateY(-360deg) translateZ(0) translate3d(0, 0, 0) perspective(1px);
        transform: scale(.85) rotateY(-360deg) translateZ(0) translate3d(0, 0, 0) perspective(1px)
    }
}