/* 
Theme Name: Ginernet Theme
Description: Custom theme for ginernet site - hello elementor child
Author: Winamic
Author URI: https://winamic.es/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.client-button .elementor-button-icon {
  border-right: 1.5px solid white;
  padding: 12px 15px;
  margin-right: 5px; }

.client-button .elementor-button-text {
  padding: 12px 15px 12px 5px; }

/*RUBEN*/
.mega-menu-wrap .megamenu-title {
  font-size: 20px;
  color: #3276cc;
  font-weight: 600; }

.mega-menu-wrap .megamenu-button {
  font-size: 16px;
  fill: #ffffff;
  color: #ffffff;
  background-color: #ffa100;
  border-radius: 50px 50px 50px 50px;
  padding: 8px 15px 8px 15px; }

.mega-menu-wrap .megamenu-p {
  font-size: 16px;
  font-weight: 500px !important;
  margin-bottom: 20px !important; }

.mega-menu-wrap .mega-menu-link {
  background: #3276cc !important;
  border-radius: 6px !important; }
  .mega-menu-wrap .mega-menu-link:hover {
    background: #336699 !important; }

.widget-polygon {
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }

.father-polygon {
  margin: auto;
  z-index: 1;
  background: #3276CC;
  padding: 10px 0; }

.father-polygon:before {
  content: '';
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  display: block;
  position: absolute;
  top: 2px;
  left: 2px; }

.child-polygon {
  background: #3276CC; }

.child-polygon:before {
  content: '';
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  display: block;
  position: absolute;
  top: 6%;
  left: 5%; }

.tag-polygon {
  padding: 3px 0;
  border-radius: 25px 25px 0 0;
  margin: auto; }

.custom-breadcrumbs {
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px; }
  .custom-breadcrumbs span {
    font-weight: 300; }

.switch-toggle {
  position: relative;
  display: inline-block;
  width: 240px;
  height: 50px;
  border-radius: 70px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  background-color: #989898;
  color: white;
  cursor: pointer;
  /*font-family: "Muli";*/ }
  .switch-toggle .anual-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    line-height: inherit; }
    .switch-toggle .anual-message span {
      font-size: 12px; }

.switch-toggle input {
  display: none; }

.switch-toggle div {
  position: absolute;
  border-radius: 70px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease; }

.switch-toggle input:checked + .selector-switch {
  left: 50%;
  background-color: #ffa100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.switch-toggle input:checked + .selector-switch:before {
  content: "Anual";
  font-size: 18px; }

.switch-toggle input:checked + .selector-switch::after {
  content: "2 Meses gratis";
  font-size: 12px; }

#switch-vps .switch-toggle input:checked + .selector-switch::after {
  content: "4 Meses gratis";
  font-size: 12px; }

.switch-toggle.inner div {
  width: 150px;
  height: 50px;
  padding: 0 5px;
  top: 0px;
  left: -30px; }

.switch-container {
  margin-left: 12px; }
  .switch-container ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center; }

.selector-switch:before {
  content: "Mensual";
  font-size: 18px; }

.selector-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #3276cc;
  color: white; }



.megamenu-title{
	font-size: 12px;
	color: #3276CC;
}
.megamenu-button{
	font-size: 12px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #FFA100;
    border-radius: 50px 50px 50px 50px;
    padding: 12px 50px 12px 50px;
}
.megamenu-p{
	font-size: 12px;
}

#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 1em;
    height: 1em;
    position: relative;
    display: block;

    content: "\f0c9";
    left: 20%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    color: #ddd;
    font-size: 30px;
    color: #ddd;
    margin: 0 0 0 5px;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
    content: "\f410";
    left: 20%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    color: #ddd;
    font-size: 30px;
    color: #ddd;
    margin: 0 0 0 5px;
}