body{
    margin-top: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    margin-right: 0px;
    padding: 0;

    background-color: #FFFFFF;
}        
        
        @font-face 
        {
        font-family: 'ciclefina';
        src: url('fonts/cicle_fina-webfont.woff2') format('woff2'),
        url('fonts/cicle_fina-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        }

        @font-face
        {
        font-family: 'zantrokeregular';
        src: url('fonts/zantroke-webfont.woff2') format('woff2'),
        url('fonts/zantroke-webfont.woff') format('woff');
        font-weight: thick;
        font-style: normal;
        }       
        
        @font-face
        {
        font-family: 'agencyfb';
        src: url('fonts/AGENCYR.woff2') format('woff2'),
        url('fonts/AGENCYR.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        }
        
        /*MENU SLDEOUT STUFF*/
        
        
        
        #menu__toggle {
  opacity: 0;
}
#menu__toggle:checked  .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked + .menu__btn > span::before {
  top: 0;
  transform: rotate(0deg);
}
#menu__toggle:checked + .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  left: 0 !important;
}
.menu__btn {

}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 0px;
  background-color: #616161;
  transition-duration: .25s;
}
.menu__btn > span::before {
  content: '';
  top: -8px;
}
.menu__btn > span::after {
  content: '';
  top: 8px;
}
.menu__box {
  display: block;
  position: fixed;
  top: 0;
  left: -100%;
  width: 300px;
  height: 100%;
  margin: 0;
  padding: 40px 0;
  list-style: none;
  background-color: #333;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
  transition-duration: .25s;
}
.menu__item {
  display: block;
  padding: 6px 24px;
  color: #333;
  font-family: 'ciclefina', sans-serif;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  transition-duration: .25s;
}
.menu__item:hover {
  background-color: #000;
}
        
        
        /*MENU SLDEOUT STUFF*/
        
        
        
        

        
        html {
  font-size: 10px;
  margin: 0;
  font-family: sans-serif;
}



/* Typography */

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2rem;
}

h1,h2 {
  font-family: 'agencyfb', serif;
  letter-spacing: 0.2rem;
}

p {
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.1rem;
  word-spacing: 0.3rem;
  font-family: 'ciclefina', sans-serif;
}

a:link {
 color: black;
   text-decoration: none;
}

/* visited link */
a:visited {
  color: black;
    text-decoration: none;
}

/* mouse over link */
a:hover {
  color: hotpink;
    text-decoration: underline;
}

/* selected link */
a:active {
  color: black;
    text-decoration: none;
}
        
        

            
        .policyleft
        
        {
            flex:45%;
            margin-left: 60px;
            padding:20px 0px;
            box-sizing:border-box;
            font-family:'Montserrat',sans-serif;
        }
        
        .policyright
        
        {
            flex:45%;
            float: right;
            margin-left: 60px;
            
            text-align: right;
            padding:20px 20px;
            box-sizing:border-box;
            font-family:'Montserrat',sans-serif;
        }        
            

        
        input
        
        {
            width:100%;
            padding:10px;
            box-sizing:border-box;
            background:none;
            outline:none;
            resize:none;
            border:0;font-family:'Montserrat',sans-serif;
            transition:all .3s;
            border-bottom:2px solid #bebed2
        }
        
        input:focus
        
        {
        border-bottom:2px solid #000000
        }
        
        p:before
        
        {
            content:attr(type);
            display:block;
            margin:28px 0 0;
            font-size:14px;
            color:#5a5a5a
        }
        
        button
        
        {
            float:center;
            padding:8px 12px;
            margin:8px 0 0;font-family:'Montserrat',sans-serif;
            border:2px solid #78788c;
            background:0;color:#5a5a6e;
            cursor:pointer;
            transition:all .3s
        }
        
        button:hover
        
        {
            background:#78788c;
            color:#fff
        }
        

        
        .navbarbottom
        
        {
            overflow: hidden;
            display: flex;
            flex-wrap: wrap;
            background-color: #333;
            bottom: 0;
            width: 100%;
            margin-bottom: 20;
            margin-right: 0;
            z-index: 2;
        }
        
        .navbarbottom a
        
        {
            color: #f2f2f2;
            text-decoration: none;
            font-size: 17px;
                    font-family: 'ciclefina';
            width: 100%;
            z-index: 2;
        }
    
        .main
        
        {
            padding: 0px 0 0 0;
            max-width: 90%;
            /* Same as the width of the sidenav */
            margin-right: 50px; /* Same as the width of the sidenav */
            text-align: center;
            float:  center;
            z-index: 2;



        }
        
        [class*="col-"]
        
        {
            max-width: 70%;
            padding-top: 0px;
            padding-right: 60px;
            padding-bottom: 0px;
            padding-left: 80px;
            text-align: center;
            float:  center;
            z-index: 2;
            padding: 0px 00px 0px 00px;




        }
        
                [class*="block"]
        
        {
            width: 100%;
            padding: 37px;
            text-align: center;
            float:  center;
            z-index: 2;
            background-color: #ffffff;
            opacity: 0.75;
            border-radius: 25px;
            margin-right: 50px;
        }
        
                        [class*="header"]
        
        {
            width: 100%;
            padding: 37px;
            text-align: center;
            float:  center;
            z-index: 2;


        }
        .node .links,
.comment .links { display:none;

}
        

        
        
        
        [class*="sidebar-"]
        
        {
            width: 37px;
            height: 200%;
            position: fixed;
            z-index: 2;
            top: 0;
            left: 0;
            /*background-color: #333;*/
            box-shadow:0 0 0px 0px #333;
            overflow-x: hidden;

        }
        
       [class="video"]
        
        {

    position: fixed;
    z-index: -1;

    background-size: 100% 100%;
    top: 0px;
    left: 0px; /* fixed to left. Replace it by right if you want.*/
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
                opacity: 0.5;

           
            
        }
        
        
        [class*="bookonline-"]
        
        {
            width: 20%;
            height: 200%;
            position: fixed;
            z-index: 2;
            top: 0;
            right: 0;
            overflow-x: hidden;
            padding-top: 16px;
            padding-right: 15px;
        }       
        
 
    
        @media only screen and (min-width: 720px)
        
        {
            /* For desktop: */
            .sidebar-1 {width: 55px;}
            .sidebar-2 {width: 16.66%;}
            .sidebar-3 {width: 25%;}
            .sidebar {width: 33.33%;}
            .sidebar-5 {width: 41.66%;}
            .sidebar-6 {width: 50%;}
            .sidebar-7 {width: 58.33%;}
            .sidebar-8 {width: 66.66%;}
            .sidebar-9 {width: 75%;}
            .sidebar-10 {width: 83.33%;}
            .sidebar-11 {width: 91.66%;}
            .sidebar-12 {width: 100%;}

            .col-1 {width: 50%;}
            .col-2 {width: 16.66%;}
            .col-3 {width: 25%;}
            .col-4 {width: 33.33%;}
            .col-5 {width: 41.66%;}
            .col-6 {width: 50%;}
            .col-7 {width: 58.33%;}
            .col-8 {width: 66.66%;}
            .col-9 {width: 75%;}
            .col-10 {width: 83.33%;}
            .col-11 {width: 91.66%;}
            .col-12 {width: 100%;}
            
            .bookonline-1 {width: 7%;}
            .bookonline-2 {width: 16.66%;}
            .bookonline-3 {width: 25%;}
            .bookonline-4 {width: 33.33%;}
            .bookonline-5 {width: 41.66%;}
            .bookonline-6 {width: 50%;}
            .bookonline-7 {width: 58.33%;}
            .bookonline-8 {width: 66.66%;}
            .bookonline-9 {width: 75%;}
            .bookonline-10 {width: 83.33%;}
            .bookonline-11 {width: 91.66%;}
            .bookonline-12 {width: 100%;}
            
            

        }