html {
  height: 100%;
}
@font-face {
font-family: 'montserrat';
src: url('../skin/fonts/Montserrat-Regular.woff2') format('woff2'),
    url('../skin/fonts/Montserrat-Regular.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display:optional;
}
body {
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-family: 'montserrat', sans-serif;

  font-size: 16px;
  color: #FFFFFF;
  background-color: #48bee9; 



}



/*/////////////////////////////////////*/
/*JAVASCRIPT INSIDE TOUR IN JS ACTIONS*/
/*/////////////////////////////////////*/

/*////////////*/
/*S_IFRAME*/
/*////////////*/

/*
.s_popup_container
                  |
                  .container_placeholder_s_iframe
                  |                              |
                  |                              .spinner_s_iframe
                  |                                             |
                  |                                             .dot1_s_iframe
                  |                                             .dot2_s_iframe
                  |
                  .s_iframe
*/



/*DIV S_POPUP_CONTAINER*/

.s_popup_container{
width : 100%;
height : 100%;
box-sizing : border-box;
-moz-user-select: text;
-webkit-user-select:text;
-ms-user-select:text;
user-select:text;
}
 
/*PLACEHOLDER S_IFRAME*/
        .container_placeholder_s_iframe{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            align-content: center;
            flex-wrap: wrap;
            height: 100%;
        }
              .spinner_s_iframe {
                width: 40px;
                height: 40px;
                -webkit-animation: sk-rotate 2.0s infinite linear;
                animation: sk-rotate 2.0s infinite linear;
              }

                    .dot1_s_iframe, .dot2_s_iframe {
                      width: 60%;
                      height: 60%;
                      display: inline-block;
                      position: absolute;
                      top: 0;
                      background-color: #4abee9;
                      border-radius: 100%;
                     
                      -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
                      animation: sk-bounce 2.0s infinite ease-in-out;
                    }

                    .dot2_s_iframe {
                      top: auto;
                      bottom: 0;
                      -webkit-animation-delay: -1.0s;
                      animation-delay: -1.0s;
                    }

        @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
        @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

        @-webkit-keyframes sk-bounce {
          0%, 100% { -webkit-transform: scale(0.0) }
          50% { -webkit-transform: scale(1.0) }
        }

        @keyframes sk-bounce {
          0%, 100% { 
            transform: scale(0.0);
            -webkit-transform: scale(0.0);
          } 50% { 
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
          }
        }
/*S_IFRAME*/
        .s_iframe{
          position:absolute;
          width:100%;
          height:100%;
          top:0px;
          opacity:0;
          transition:opacity 1s ease-out;
          left:0px;
        /*  border-radius: 40px;*/
        }


/*LOADER*/


.wrapper_spinner{

    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #48bee9;
    opacity: 1;
    z-index: 200;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    transition: opacity 600ms linear;
}

.spinner {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

.loadingtext{
  opacity: .8;
  text-align: center;
  color: #ffffff;
  margin-top: 20px;
  font-size: 16px;

  }