/**
Theme Name: Astra Wp
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-wp
Template: astra
*/
@charset "utf-8";

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    background: #34495e;
    border-radius: 20px;
}
::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 20px;
}

html {
    scrollbar-color: #1fb4da #0f0b12;
    scrollbar-width: thin;
    overflow-x:hidden;
}
:root {
  --main-color:#81d742;
}
.cursor {
    width:2rem;
    height:2rem;
    border:2px solid #25CCF7;
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    pointer-events: none;
    transition: all 0.5 ease-in;
    transition-property:background, transform;
    transform-origin: 100% 100%;
    z-index:999999;
    backdrop-filter: grayscale();
}

@media only screen and (max-width: 768px) {        
.cursor{display: none}
}

.site-header .menu-text {
    transition: none;
    color: #000!important;
}

.link-grow{
	border:1px solid #777;
    transform:scale(2);
    background:rgba(0, 0, 0, 0.2);
}
.hover-links{
    color:#fff;
}

.top-bar-wrapper {
    border-top:1px solid #53D6F5;
    background: #25CCF7;
    height: auto;
    width: 100%;
    display: block;
    position: relative;
    z-index: 999;
    padding: 8px 0;
    color: #fff;
    font-size: 13px;
}
@media only screen and (max-width: 767px) {
    .top-bar-wrapper {
        background: #1A1F2B;
        height: auto;
        width: 100%;
        display: block;
        position: relative;
        z-index: 999;
        padding: 12px 0 0;
        color: #fff;
        font-size: 15px;
    }
}

p.info-top {
    text-align: left;
    margin: 0;
    padding: 0;
    color: #fff;
}
@media only screen and (max-width: 767px) {
    p.info-top {
        text-align: left;
        margin: 0 6px;
        padding: 0;
        color: #fff;
    }
}

.contact__info {
    display: block;
    float: right;
    margin: 0;
}
.contact__info ul {
    list-style-type: none;
    margin: 0 auto;
    width: auto;
    padding: 0;
    text-align:center;
    overflow: hidden;
    background-color: transparent;
}
.contact__info ul li {
    position: relative;
    display: inline-block;
    line-height: 22px;
    font-size: 16px;
    color: #53D6F5;
    margin: 0 2px;
}
.contact__info ul li a {
    color: #fff;
    text-align: center;
    padding: 8px 6px;
    text-decoration: none;
    font-size: 16px;
}
.contact__info ul li p {
    color: #fff;
    text-align: center;
    padding: 0 6px;
    text-decoration: none;
    font-size: 15px;
}
.contul_meu {
    background: #E02C8D;
    font-size: 16px;
    border:1px solid #ccc;
    padding: 6px 5px 2px 10px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.contul_meu:hover {
    border:1px solid #fff;
    background: #191919;
}
i.fa.fa-address-card{
	color: #fff;
}

.button-container-2 {
  position: relative;
  width: 197px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2vh;
  overflow: hidden;
  border: 1px solid #2C3E50;
  font-weight: 300;
  transition: 0.5s;
  letter-spacing: 1px;
  border-radius: 5px;
}
.button-container-2 button {
  width: 101%;
  height: 100%;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: bold;
  background: #2C3E50;
  -webkit-mask: url("/wp-content/themes/astra-child/images/urban-sprite.png");
  mask: url("/wp-content/themes/astra-child/images/urban-sprite.png");
  -webkit-mask-size: 3000% 100%;
  mask-size: 3000% 100%;
  border: none;
  color: #fff;
  cursor: pointer;
  -webkit-animation: ani2 0.7s steps(29) forwards;
  animation: ani2 0.7s steps(29) forwards;
}
.button-container-2 button:hover {
  -webkit-animation: ani 0.7s steps(29) forwards;
  animation: ani 0.7s steps(29) forwards;
}

.mas {
  position: absolute;
  color: #E02C8D;
 /* background: #fff;*/
  text-align: center;
  width: 101%;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  position: absolute;
  font-size: 15px;
  margin-top: 12px;
  overflow: hidden;
  font-weight: bold;
}

@-webkit-keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@-webkit-keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
@keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}

@media only screen and (max-width: 767px) {
    .contact__info {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .contact__info ul {
        list-style-type: none;
        margin: 0 auto;
        width: auto;
        padding: 0;
        text-align:center;
        overflow: hidden;
        background-color: transparent;
    }
    .contact__info ul li {
        position: relative;
        display: inline-block;
        line-height: 18px;
        margin: 0;
        padding: 6px 5px 2px 10px;
    }
    .contact__info  ul li a {
        color: #fff;
        text-align: center;
        padding: 8px 6px;
        text-decoration: none;
    }
    .contact__info  ul li p {
        color: #fff;
        text-align: center;
        padding: 0 6px;
        text-decoration: none;
        font-size: 15px;
    }
    .contul_meu {
    background: #E02C8D;
    font-size: 16px;
    width:50%;
    margin: 0 auto;
    border:1px solid #ccc;
    padding: 6px 5px 2px 10px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
    }
    
}

/*
* Header css
*/
.main-header-bar {
    padding: 15px 0;
}
.widget_text .widget .widget_custom_html {
  list-style: none;
}
.widget:last-child {
    margin-bottom: 0;
    list-style: none;
}
.top-bar-left {
    float: left;
    list-style: none;
}
.top-bar-left ul li.top-list-address {
    margin: 0 20px 0 0;
    color: #fff;
}
li.top-list-address a{
  color: #fff;
}
.top-bar-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.top-bar-left ul li {
     list-style: none;
    display: inline-block;
    float: left;
    margin: 0 25px 0 0;
    font-size: 15px;
    position: relative;
}
.top-bar-left ul li.top-list-phone {
    margin: 0 20px 0 22px;
}
.top-bar-left ul li.top-list-business-hours {
    margin: 0 0 0 5px;
}
.top-bar-left ul li a {
   color: #fff;
}
li.top-list-address a {
  color: #fff;
}
i.fab.fa-instagram-square {
  font-size: 19px;
}
i.fab.fa-facebook-square {
  font-size: 19px;
}
i.fas.fa-envelope-square{
  font-size: 19px;
}

.social-footer ul li {
   color: #13aaef;
}
.social-footer ul li a{
   color: #13aaef;
}

/*.main-header-menu > .menu-item > .menu-link {
    color: #fff;
}*/
.ast-custom-button {
    font-weight: bold;
}
.ast-below-header-bar {
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    border-bottom-style: solid;
}


@media only screen and (min-width: 768px) {  
.top-mobile {
  display: none;
 }

}

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

.top-mobile {
    display: block;
    width: 50%;
    margin: 0 auto;
    float:left;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

a.programari_mobile {
  padding: 1px;
  text-align: center;
  display: block;
  background: #E02C8D; 
  color: #fff;
  border:1px solid #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

.main-header-menu > .menu-item > .menu-link {
    color: #000;
  }
.textwidget.custom-html-widget {
  padding: 0 5px 5px 0;
}
.top-bar-left,
.top-bar-left ul li.top-list-address {
  display: none;
  }

}


/*= Home css=*/

.pulse {
  --color: #000;
  --hover: #ef8f6e;
  font-size: 15px;
padding: 12px 24px;
font-weight: 700;
  -webkit-border-radius: 3px;
border-radius: 3px;
}
button {
  color: var(--color);
  transition: 0.25s;
  background-color: #F2AF27;
}
button:hover, button:focus {
  border-color: var(--hover);
  color: #fff;
}

.pulse:hover,
.pulse:focus {
  -webkit-animation: pulse 1s;
          animation: pulse 1s;
  box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

.entry-content p {
    margin-bottom: 1.6em;
    text-align: justify;
    text-justify: inter-word;
}

.acasa {
    padding: 50px 0;
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.element_poza_acasa {
    display: block;
    padding: 245px 0 475px 0;
    position: relative;
    margin: 0 auto;
    background-image: url('/wp-content/themes/astra-child/images/acasa.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.element-info{
   position: relative;
   background: rgba(0,0,0,0.5);
   padding: 30px 30px;
   margin: 0 auto;
   width: 65%;
   border:1px solid #F2AF27;
}
.element-info h2 {
   color: #fff;
   font-size: 42px;
}
.element-info p {
    font-size: 22px;
    color: #fff;
    line-height: 24px;
}

.text-center {
    text-align: center;
}
a.menu-link {
	color: #383838;
	font-weight: 500;
}
.yachtcharter-home-icon {
    border: #03717c 3px solid;
}
 .yachtcharter-home-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 30px auto;
    position: relative;
}
.yachtcharter-home-icon i {
    font-size: 28px;
    width: 100%;
    text-align: center;
    margin: 25px 0 0 0;
}
.title-block2 {
    background: #85a5cc;
    width: 60px;
    height: 2px;
    margin: 0 auto 30px auto;
}
.about-us-block {
    background: #1a1f2b;
    padding: 80px 5% 60px 5%;
    width: calc(60% - 10%);
    float: left;
    height: 460px;
}
.about-us-block h3,
.about-us-block p
{
    color: #fff;
}
.button0 {
    background: #03717c;
    padding: 18px 25px;
    font-size: 17px;
    color: #fff;
    display: table;
}
.video-wrapper-home {
    height: 460px;
    width: 50%;
}
.video-wrapper {
    float: left;
    position: relative;
    background: url("/wp-content/themes/astra-child/images/hero.jpg")no-repeat center;
}
.con_fluid {
    position: relative;
    width: 100%;
    margin: 45px auto 0 0;
}
.photo {
    overflow: hidden;
    position: static !important;
    padding: 70px 0 80px;
    color: #fff;
    background: url(/wp-content/themes/astra-child/images/ship.jpg) 50% 50% no-repeat;
    background-attachment: scroll;
    background-size: auto;
    background-size: cover;
    background-attachment: fixed;
    -webkit-background-size: cover !important;
}

.blog.entry-title {
    font-size: 20px!important;
}


section {
    float: left;
    width: 100%;
}
.photo .center {
     position: relative;
     z-index: 2;
     max-width: 50%;
 }
.photo h2 {
    color: #fff;
    padding: 0 0 40px !important;
}
.photo p {
    font-size: 15px;
    font-weight: 400;
    padding: 0 0 50px;
}
.button.medium {
    height: 50px;
    line-height: 46px;
    min-width: 200px;
}
.button.white {
    border-color: #fff;
    color: #fff;
}
.button {
    display: inline-block;
    border-style: solid;
    border-width: 2px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 20px;
    max-width: 100%;
    white-space: nowrap;
}

#main-2 .half-section {
    overflow: hidden;
}
.main-section {
    padding-top: 75px;
    padding-bottom: 75px;
    position: relative;
}
.half-left .img-sec {
    margin-right: -15px;
    overflow: hidden;
}

.half-section .writing-sec {
    padding: 30px;
    box-shadow: 10px 15px 95px -5px rgba(3, 81, 89, .1);
    position: relative;
    border: 1px solid #f1f1f1;
    height: 100%;
    background: #fff;
    border-radius : 6px;
}
.thm-h {
    margin-bottom: 50px;
}
#main-2 .thm-h h2 {
    font-family: Sen;
    letter-spacing: .03em;
    margin-bottom: .3em;
    text-transform: uppercase;
    font-weight: 700;
    color: #03717c;
}
.half-section .writing-sec p {
    margin-bottom: 3.5rem;
}
.button-fancy {
    box-sizing : border-box;
	color : rgb(58, 166, 245);
	text-decoration : none solid rgb(58, 166, 245);
	background-color : rgba(0, 0, 0, 0);
	animation-name : fadeInUp;
	transition : all 0.3s ease-in 0s;
	font-size : 16px;
	font-weight : 400;
	text-transform : capitalize;
	display : table;
	padding : 16px 42px;
	position : relative;
	letter-spacing : 1.6px;
	clear : both;
	margin-top : 20px;
	border:1px solid rgb(58, 166, 245);
}
section#h-buy{
	background : #fcfdfd;
	box-sizing : border-box;
	display : block;
	padding-top : 75px;
	padding-bottom : 75px;
	position : relative;
	overflow : hidden;
}
.page .entry-header {
    text-align: center;
    padding: 0;
    text-transform: uppercase;
}
.ast-single-post .entry-title{
    font-weight: bold;
    margin: 30px 0 0 0;
}
.menu-proiecte-container {
   margin:0;
   padding: 0;
}
 ul#menu-proiecte {
    margin: 0;
    padding: 15px;
    background: #f1f1f1;
    border: 1px solid #dfdfdf;
 }
ul#menu-proiecte li{
   list-style: none;
 }
ul#menu-proiecte li a{
    font-weight: 400;
    list-style: none;
    color: #444444;
}
ul#menu-proiecte li a:hover{
    font-weight: 400;
    list-style: none;
    color:#000;
    background-color: #f2af27;
}
/* ----------------------- */
ul#menu-portofoliu {
    margin: 0;
    padding: 15px;
    background: #f1f1f1;
    border: 1px solid #dfdfdf;
}
ul#menu-portofoliu  li{
    list-style: none;
  }
ul#menu-portofoliu  li a{
     font-weight: 400;
     list-style: none;
     color: #444444;
 }
ul#menu-portofoliu  li a:hover{
     font-weight: 400;
     list-style: none;
     color:#000;
     background-color: #f2af27;
 }
.tratament {
  position:relative;
  display:block;
  width:360px;
  float:left;
  border:4px double #ccc;
  -webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}

.tratament img {
  width:360px;
}
.tratament h3 {
  position:relative;
  display:block;
  background:#25CCF7;
  color:#ffffff;
  text-align:center;
  margin:0;
  padding:10px;
  text-shadow:1px 1px 2px #000;
  text-decoration:none;
  font-size:12px;
  text-transform:uppercase;
}

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

.tratament {
  position:relative;
  display:block;
  width:300px;
  float:none;
  margin: 0 auto;
  border:4px double #ccc;
  -webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}

.tratament img {
  width:300px;
}
.tratament h3{
  position:relative;
  display:block;
  background:#25CCF7;
  color:#ffffff;
  text-align:center;
  margin:0;
  padding:10px;
  text-shadow:1px 1px 2px #000;
  text-decoration:none;
  font-size:12px;
  text-transform:uppercase;
}


}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.7);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.tratament:hover .overlay {
  height: 100%;
}
.text {
  color: white;
  font-size: 15px;
  position: absolute;
  top: 42%;
  left: 50%;
  text-transform:uppercase;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.su-spoiler-title {
   background: #f1f1f1;
   margin: 0 0 5px;
   border:1px solid #ddd;
}
.su-spoiler-style-default > .su-spoiler-content {
  background: #f1f1f1;
  border:1px solid #eee;
}
.su-accordion {
  padding: 10px;
}
.summary.entry-summary {
    margin-top: 30px;
}
.cumpara__acum {
position: relative;
background: #e02c8d;
color: #fff;
border: 1px solid #fff;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
display: flex;
justify-content: center;
align-items: center;
margin: 140px auto;
padding: 8px 25px;
}

.vreau_programare{
position: relative;
background: #e02c8d;
color: #fff;
border: 1px solid #fff;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
display: flex;
justify-content: center;
align-items: center;
margin: 140px auto;
padding: 8px 25px;
}


i.fas.fa-times-circle {
  color: red;
}
.snip1579 {
  font-family: 'Lato', Arial, sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px;
  min-width: 350px;
  max-width: 360px;
  width: 100%;
  background-color: #000000;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  border: 4px double #f4f4f4;
  -webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.snip1579 * {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.snip1579 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1579 figcaption {
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  padding: 40px 0 25px 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.snip1579 h3 {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin: 3px 0;
  text-align:center;
  color:#fff;
  font-family: 'Josefin Sans',sans-serif;
}
.snip1579 h5 {
  font-weight: 700;
  margin: 20px 0 20px 0;
  color: #fff;
  font-size: 13px;
  letter-spacing: 1px;
  text-align:center;
  font-family: 'Josefin Sans',sans-serif;
}
.snip1579 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.snip1579:hover figcaption,
.snip1579.hover figcaption {
  height: calc(100%);
}
.btnpro {
  font-family: 'Josefin Sans',sans-serif;
  display:flex;
  justify-content:center;
  margin:20px 0 0 0;
  background:#e02c8d;
  color:#fff;
  padding:10px 30px;
  margin:10px auto;
  color:#fff;
  border:1px solid #ddd;
  font-size:12px;
  font-weight:700;
  text-transform: uppercase;
 -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.btnpro:hover {
  background:#81d742;
}

ul.lista-centru {
  list-style-type: none;
}
ul.lista-centru {}

i.fas.fa-phone,
i.fas.fa-envelope,
i.fas.fa-map-marker,
i.fab.fa-instagram,
i.fab.fa-facebook
 {
  color: #e02c8d;
  font-size: 15px;
}

#protel {
  text-align: center;
  width: 100%;
  cursor: pointer;
}

.whiteimg {
    padding:4px;
    border:2px solid #ccc;
    cursor: crosshair;
    -webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.whiteimg:hover{
    opacity: 0.7;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #f1f1f1;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #25CCF7;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
  
}
.panel p{
    margin-top:15px;
}
.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}


/*
*  Footer css
*/
.site-footer {
    margin: 30px 0 0 0;
}
h2.widget-title {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 1px solid #e02c8d;
    color: #191919;
}
p.despre {
  color: #13aaef;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row{
  padding: 20px;
  box-shadow: 0 0 10px 0 #ccc;
}
ul#menu-footer-nav li a{
  color: #13aaef;
}
ul#menu-footer-nav li a:hover{
  color: #e02c8d;
}
.ast-footer-html-inner p {
    color: #fff;
}

.netopia {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.netopia img{
  width: 300px;
}