/* rFlorez Test */
:root {
  --primary-color: red;
  --tittle-color: red;
  --slider-default-color:red;
  --secondary-tittle-color: red;
}

p#testP{
	color: green !important;
}

.home .entry-content{
    margin: 500px;
    }
    
    .home header#masthead{
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: transparent !important;
    
    }
    
    header#masthead{
      position: absolute;
    top: 100px;
    left: 0;
    width: 20%;
    z-index: 100;
    background-image: url('');
    background-position-y: -30px;
    background-size: cover;
    
    }
    .page footer.site-footer{
      display:none;
    }
    .page #content.site-content{
    padding-bottom:0;
    }
    .home #home-footer-id > .panel-row-style,
    .ppcRow #home-footer-id > .panel-row-style{
      background-position: center bottom;
    }
    /* gradient footer*/
    .page #pgc-61-2-0 , .page #pgc-3-1-0, .page #pgc-2-1-0, .page #pgc-61-3-0, .page #pgc-21-2-0, .page #pgc-273-4-0, .page #pgc-23-2-0, .page #pgc-187-2-0, .page #pgc-242-2-0, .page #pgc-712-2-0{
      background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 57%, rgba(9,9,121,0) 95%) !important;
    }
    
    
    .page #menu-item-33, .page #menu-item-34, .page #menu-item-35{
    border: white 1px solid;
    margin-right: 1.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    }
    
    /* style button menu*/
    .page #menu-item-36, .page #menu-item-696, .page #menu-item-1174, .page #menu-item-697, .page #menu-item-2198{
      margin-right: 7px;
      margin-left: 7px;
      text-align: center;
    
    }
    
    .page .manager-support-btn a{
        border: solid var(--primary-color) 2px;
        color: var(--primary-color) !important;
    }
    
    
    .home .cstm-card,
    .ppcRow .cstm-card{
      background-color: #040D1C;
      margin: 0 auto;
      text-align: center;
    }
    .home .cstm-card h4,
    .ppcRow .cstm-card h4{
      color:#FFD215;
    }
    .home .cstm-card .img-container,
    .ppcRow .cstm-card .img-container{
      padding: 2rem !important;
    }
    
    .home .entry-content div h1 ,
    .ppcRow .entry-content div h1 {
      color: #001A41 !important;
      font-weight: 701 !important;
    }
    
    .home .pre-header h1, .page h1,
    .ppcRow .pre-header h1, .page h1{
      color: #001A41;
      font-weight: 701 !important;
      
    }
    .home div.pre-header,
    .ppcRow div.pre-header{
      margin-top:-40px;  
    }
    
    .home .pre-header p, .home p, .page p,
    .ppcRow .pre-header p, .ppcRow p, .page p{
      color: #001A41 !important;
      font-size: 1.3rem !important;
      
    }
    
    .diagonal-type-1 {
      position: relative;
      background-color: transparent;
      clip-path: polygon(0% 0%, 100% 50px, 100% 100%, 0% calc(100% - 0px));
      z-index:99;
    }
    
    .diagonal-type-2 {
      position: relative;
      background-color: transparent;
      clip-path: polygon(0% 15%, 100% 0px, 100% 100%, 0% calc(100% - 0px));
      z-index:99;
    }
    
    /* diagonal fotter movil */
    .diagonal-type-movil {
      position: relative;
      background-color: transparent;
      clip-path: polygon(0% 5%, 100% 0px, 100% 100%, 0% calc(100% - 0px));
      z-index:99;
    }
    
    .home .diagonal-home,
    .ppcRow .diagonal-home {
      position: absolute;
      top:0;
      left:0;
      background-color: transparent;
      clip-path: polygon(0% 15%, 100% 0px, 100% 100%, 0% calc(100% - 0px));
      
      height:300px;
      margin-top:250px;
      
    }
    
    .hero--diagonal::before {
        content: '';
        position: absolute;
        top: -50px;
        left: 0;
        width: 100%;
        height: calc(100% + 100px);
        
      }
    
    .home .panel-row-style-for-61-1::after,
    .ppcRow .panel-row-style-for-61-1::after{
        position: static;
      clip-path: polygon(0% 15%, 100% 0px, 100% 100%, 0% calc(100% - 0px));
    }
    
    
    
    .home .custom-cards-container,
    .ppcRow .custom-cards-container{
    width: 70%;
    margin: 0 auto !important;
      padding: 0 !important;
    }
    
    .home .angled-bg, .ppcRow .angled-bg{
      width:100%;
      height:500px;
      position:absolute;
      background-repeat: no-repeat !important;
      clip-path: polygon(0.01% 26.00%, 99.93% 5px, 99.87% 74.6%, 0% 494px);
      background-size: cover;
      top: 270px;
    }
    .home .custom-planets-container,
    .ppcRow .custom-planets-container{
      width: 100%;
      margin: 0 auto!important;
      position: relative;
      z-index:2;
    }
    
    .home .custom-planets-container .planet1-container img,
    .ppcRow .custom-planets-container .planet1-container img{
      margin-left: -200px;
        margin-top: 20px;
    }
    
    .home .custom-planets-container .planet2-container img,
    .ppcRow .custom-planets-container .planet2-container img{
          width: 130px;
        margin-left: 50px;
        margin-top: -140px;
    }
    .home .custom-planets-container .planet1-container .planetBlue ,
    .ppcRow .custom-planets-container .planet1-container .planetBlue {
      --d:300px;
      width: var(--d);
      height:var(--d);
      display:inline-block;
      margin: 5px;
      border-radius: 50%;
      box-shadow: -10px -10px 25px 2px #0B6C9A inset, 0 0 20px 25px rgba(255, 255, 255, 0.45);
      background: 
        url('/wp-content/uploads/2020/08/planet_01_skin.jpg')0/auto 100%;
      animation: spin 7s linear infinite;
    }
    
    .home .custom-planets-container .planet2-container .planetOrange ,
    .ppcRow .custom-planets-container .planet2-container .planetOrange {
      --d:150px;
      width: var(--d);
      height:var(--d);
      display:inline-block;
      margin-top: -90px;
      border-radius: 50%;
      box-shadow: -10px -10px 25px 2px #BB6518 inset, 0 0 20px 25px rgba(255, 255, 255, 0.45);
      background: 
        url('/wp-content/uploads/2020/08/planet_03_skin.jpg')0/auto 100%;
      animation: spin2 2.5s linear infinite;
    }
    
    @keyframes spin {
      to {
        background-position:200% 0;
      }
    }
    
    @keyframes spin2 {
      to {
        background-position:-200% 0;
      }
    }
    
    
    .home .custom-planets-container .text-container,
    .ppcRow .custom-planets-container .text-container{
      margin-top:15px;
    }
    @media (min-width: 576px) {
     .home .custom-planets-container .text-container,
     .ppcRow .custom-planets-container .text-container{
      margin-top:260px !important;
    }
      
      .home .custom-planets-container ,
      .ppcRow .custom-planets-container {
      width:70%;
      }
    }
    
    .about-us-starts-container img{
      height: 750px !important;
    }
    
    .rewards-us-starts-container img{
      height: 450px !important;
    }
    .page .about-us-content-row h3, .page .about-us-midle-content h3{
        color: #2FC5E9 !important;
      font-size: 2.2rem !important;
    }
    .page .about-us-content-row p,  .page .about-us-midle-content p{
        color: #545454 !important;
    }
    .page .about-us-midle-content p{
      color: white !important;
    }
    .page .about-us-content-row h1{
        font-weight:701;
    }
    
    .page .parent-container{
      height:800px;
    }
    
    .page .child-container{
      position: absolute;
      top: 150px;
      left: 0;
      width: 100%;
      height: 800px;
      clip-path: polygon(0% 0%, 100% 50px, 100% 100%, 0% calc(100% - 0px));
      z-index:9;
      background-repeat: no-repeat;
      background-position: center right;
      background-size: cover;
    }
    
    .page .about-us-midle-content .col-5 {
      margin-top: 6rem !important
    }
    
    .page .parent-container-rewards{
      height:500px;
    }
    
    .page .child-container-rewards{
      position: absolute;
      top: 150px;
      left: 0;
      
      width: 100%;
      height: 500px;
      clip-path: polygon(0% 25%, 100% 0px, 100% 75%, 0% 500px);
      z-index:9;
      background-repeat: no-repeat;
      background-position: center right;
      background-size: cover;
    }
    
    .page .parent-container-states{
      height:400px;
    }
    
    .page .child-container-states{
      position: absolute;
      top: -100px;
      left: 0;
      width: 100%;
      height: 600px;
      clip-path: polygon(0% 0%, 100% 100px, 100% 70%, 0% 550px);;
      z-index:9;
      background-repeat: no-repeat;
      background-position: center right;
      background-size: cover;
    }
    nav.navbar li.map-icon-btn{
        background-image: url('/wp-content/uploads/2020/08/map-marked.png');
      background-size: 20px auto;
      background-position: center;
      background-repeat: no-repeat;
        margin-right: 7px;
      margin-left: 7px;
    }
    nav.navbar li.chat-icon-btn{
        background-image: url('/wp-content/uploads/2020/08/comment.png');
      background-size: 20px auto;
      background-position: center;
      background-repeat: no-repeat;
        margin-right: 7px;
      margin-left: 7px;
     
    }
    nav.navbar li.map-icon-btn a, nav.navbar li.chat-icon-btn a{
      color: transparent !important;
    }
    
    header nav.navbar-expand-xl a{
      border: white solid 2px;
      border-radius: 3px;
      padding: 5px 25px !important;
        font-size: 1.2rem;
        font-weight: 501;
      
    }
    
    nav.navbar-expand-xl div.navbar-brand a:first-child{
      border: none !important;
    }
    
    .home .sub-text-container p.p-sub-text,
    .ppcRow .sub-text-container p.p-sub-text{
    font-size: 1.4rem !important;
    }
    
    .primary:hover, .primary:active, .primary:focus{
        background-color: #F9DD00 !important;
        box-shadow: none !important;
      color: var(--secondary-tittle-color) !important;
      border: none !important;
    }
    .primary{
      border: none !important;}
    
    .cards-widget .img-container img{
      width:100%;
        max-width: 220px !important;
    }
    
    .home,
    .ppcRow{
    font-family: 'Open Sans', sans-serif;
    }
    .cards-widget h4{
        font-weight: 700 !important;
      font-size: 1.6rem !important;
    }
    .cards-header p{
      font-size: 1.3rem !important;
      max-width:50% !important;
      margin:auto !important;
    }
    .planets-header h1{
      font-size: 2.9rem;
      margin-top: -110px;
    }
    
    .navbar-brand img{
      max-width: 110px;
    }
    header#masthead {
    padding: .3rem 1rem;
    }
    
    header nav.navbar-expand-xl a{
        padding: 5px 20px !important;
    font-size: .9rem;
    }
    
    
    
    /* footer pc */
    @media (min-width: 769px) {
        .page #pgc-712-2-0, .page #pgc-61-3-0{
            display:none;
      }
        .get-in-touch-contatiner{
      margin-top: 200px;
      }
    
    }
    #pg-w5f7c67ff81f90-0> .panel-row-style{
      z-index:auto;
    }
    
    /* footer movil and style menu */
    @media (max-width: 769px) {
      
      .cards-header p{
      max-width: 100% !important;
      }
      #pg-w5f7b2e813324c-0> .panel-row-style{
          top: auto;
        background-repeat: no-repeat;
        background-size: contain;
        background-position-y: 470px;
        background-color: black;
        border: none;
        
      }
      
      #panel-w5f7b2e813324c-0-0-0> .panel-widget-style{
      width:100%;
      }
      .about-us-starts-container img {
        height: auto !important;
    }
      .get-in-touch-contatiner{
      margin-top: 150px;
      }
      
      #pg-w5f75f7c0c7978-0 > .panel-row-style{
      background-size: auto;
      background-position-x: -90px;
      background-position-y: 0px;
      }
      
      .page .child-container-states{
      clip-path: polygon(0% 10%, 100% 100px, 100% 85%, 0% 550px);
      }
      
      .page .loan{
      margin:0;
        margin-top: 13rem;
      }
      .page .child-container-rewards{
      top:0;
      }
      .page .child-container-rewards{
      clip-path: polygon(0% 10%, 100% 0px, 100% 88%, 0% 500px);
      }
      .page #pgc-712-3-0, .page #pgc-61-2-0{
        display:none;
      }
        .page #menu-item-36, .page #menu-item-696{
        margin-right: 7px;
        margin-left: 7px;
        text-align: center;
        background-color: #283b61;
        }
      nav.navbar li.map-icon-btn{
        background-image: url('/wp-content/uploads/2020/08/map-marked.png');
      background-size: 30px auto;
      background-position: center;
      background-repeat: no-repeat;
        margin-right: 7px;
      margin-left: 7px;
      background-color: #283b61;
      }
      .page .footer{
      position: relative;
      }
      
      nav.navbar li.chat-icon-btn{
        background-image: url('/wp-content/uploads/2020/08/comment.png');
        background-size: 30px auto;
        background-position: center;
        background-repeat: no-repeat;
        margin-right: 7px;
        margin-left: 7px;
        background-color: #283b61;
      }
      .planets-header h1{
      margin-top:0 !important;
      }
      
          .cards-widget .img-container img {
        max-width: 180px !important;
    }
      header nav.navbar-expand-xl a {
        padding: 5px 20px !important;
        font-size: .9rem;
        margin: 3px 0px;
    }
    
      
    }

    p.apr-example{
        text-align: center;
    color: white !important;
    font-size: .9rem !important;
				text-shadow: 1px 1px 2px black;
    }