/*
      Reset

*/

      html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }  article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

/*
      Defaults 

*/

      body
      {
         font-family: Lato, sans-serif;
         font-weight: 400;
         color: #333;
         font-size: 14px;
         line-height: 20px;
      }

      a,
      a:link,
      a:active,
      a:visited
      {
         color: #3E4651;
      }

      a:hover
      {
         color: #B08A17;
         text-decoration: none;
      }

/*
      Grid 

*/
      
      .container
      {
         width: 960px;
         margin: 0px auto; }  
         
         /*  Tablet */
         
         @media screen and (max-width:960px) { .container
         {
            width: 680px;
         } }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { .container
         {
            width: 280px;
         }       
      }

      section
      {
         width: 100%;
         padding: 60px 0px;
         position: relative;
         clear: left;
      }

      header
      {
         width: 100%;
          top:0px;
         left: 0px;
         z-index: 99;
         position: absolute;
      }

/*
      Typography 

*/
      strong
      {
         font-weight: bold;
      }

      em
      {
         font-style: italic;   
      }

      h1, h2, h3, p, ul, li
      {
         margin-bottom: 20px;   
      }

      h1
      {
         color: #FFF;         
         font-weight: 700;
         font-size: 32px;
         line-height: 40px;
         text-transform: uppercase; }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { h1
         {
            font-size: 24px;
            line-height: 34px;
         } 
      }

      h2
      {
         color: #b08a17;         
         font-weight: 300;
         font-size: 28px;
         line-height: 36px;
         text-transform: uppercase;
         text-align: center;
         padding: 20px 0px;
         background: transparent url('../img/slash.svg') 50% 0% no-repeat;
         margin-bottom: 30px;; }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { h2
         {
            font-size: 22px;
         } 
      }  
         
      h3
      {
         color: #3e4651;         
         font-weight: 700;
         font-size: 16px;
         line-height: 24px;
         text-transform: uppercase;
         text-align: center;
         margin: 30px 0px;
      }  
      
      h4
      {
         font-weight: 700;
         font-size: 14px;
         text-align: center; }  
         
         /*  Tablet */
         
         @media screen and (max-width:960px) { h4
         {
            font-size: 16px;
            line-height: 25px;
         }  }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { h4
         {
            font-size: 17px;
            line-height: 27px;
         } 
      }        

/*
      Header 

*/
      
      header
      {
         padding-top: 30px;
      }

      header .container
      {
         position: relative;   
      }

      header #logo
      {
         position: absolute;
         top: 0;
         left: 0;
         display: block;
         width: 52px;
         height: 62px;
         overflow: hidden;}  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { header #logo
         {
            left: 114px;
         } 
      }

      header #logo a,
      header #logo a:link,
      header #logo a:active,
      header #logo a:visited,
      header #logo a:hover
      {
         text-indent: -999px;
         overflow: hidden;
         display: block;
         width: 52px;
         height: 62px;
         background-size: 52px 62px !important;
         background: transparent url('../img/logo.svg') center center no-repeat; 
      }          

      header nav
      {
         position: absolute;
         top: 20px;
         right: 0; }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { header nav
         {
            display: none;
         } 
      }

      header nav ul li
      {
         display: inline-block;
         background: transparent url('../img/slash-nav.svg') 0px 0px no-repeat;}  
         
         /*  Tablet */

         @media screen and (max-width:940px) {  header nav ul li
         {
            background-position: -3px 0px;          
         } 
      }

      header nav ul li:first-child
      {
         background: none;
      }      

      header nav ul li a,
      header nav ul li a:link,
      header nav ul li a:active,
      header nav ul li a:visited
      {
         text-transform: uppercase;
         color: #FFF;
         text-decoration: none;
         padding: 10px 10px 10px 40px;
         font-size: 12px;
         opacity: 0.8; }  
         
         /*  Tablet */

         @media screen and (max-width:940px) {  header nav ul li a
         {
            padding: 10px 0px 10px 24px !important;
            font-size: 11px !important;           
         } 
      }  
      
      header nav ul li:last-child a
      {
        padding-right: 0 !important;
      }  
      
      header nav ul li a:hover,
      header nav ul li.active a
      {
         color: #B08A17 !important;
         opacity: 1 !important;
      }      
      
      /* Scrolling fixed nav - White
      
      header.scroll
      {
         background-color: rgba(255, 255, 255, .9);
         height: 75px;
         padding-top: 10px;
         position: fixed;
      } 

      header.scroll nav ul li
      {
         background: transparent url('../img/slash-nav-negative.svg') 0px 0px no-repeat;
      }

      header.scroll nav ul li a,
      header.scroll nav ul li a:link,
      header.scroll nav ul li a:active,
      header.scroll nav ul li a:visited
      {
        color: #232B34;
      }  
      
      header.scroll nav ul li a:hover,
      header.scroll nav ul li a.active
      {
         color: #B08A17;
         opacity: 1;
      }  
      
      header.scroll #logo a
      {
         background-image: url('../img/logo-negative.svg');
      }*/

   /* Scrolling fixed nav - Blue*/
      
      header.scroll
      {
         background-color: rgba(35, 43, 52, .95);
         height: 75px;
         padding-top: 10px;
         position: fixed;}  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { header.scroll
         {
            display: none;
            background-color: transparent;
            text-indent: -9999px;
            overflow: hidden;
            height: 1px;
            width: 1px;
         } 
      } 

/*
      Splashes 

*/

      section.splash
      {
         text-align: center;
         background-color: #232b34;
         height: 350px;
         background-size: cover;
         background-repeat: no-repeat;  
         background-position: 50% 50%;
      }

      section.splash h1,
      section.splash h2,
      section.splash p
      {
         color: #FFF;
         text-shadow: 2px 2px #000;       
      }

      /*  Home */
      
      section.splash#home
      {
         height: 450px; 
         background-image: url('../img/photo-geneva.jpg'); }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { section.splash#home
         {
            height: 395px; 
         } 
      }

      section.splash#home h1
      {
         margin-top: 200px;
         margin-bottom: 5px; }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { section.splash#home h1
         {
            margin-top: 140px; 
         } 
      }

      section.splash#home h2
      {
         padding: 0px;
         background: none;
      }      

      section.splash#home:after
      {
         content: "";
         background: transparent url('../img/arrow.svg') 0px 0px no-repeat;
         display: block;
         width: 28px;
         height: 16px;
         position: absolute;
         bottom: 75px;
         left: 49%;
         margin-bottom: 5px; }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { section.splash#home:after
         {
            bottom: 100px;
            left: 48%;
         } 
      }      

      /*  Quote */

      section.splash#wealth-management
      {
         height: 295px; 
         background-image: url('../img/photo-volcano.jpg'); }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { section.splash#wealth-management
         {
            height: 195px; 
         } 
      }

      section.splash#wealth-management p
      {
         font-size: 24px;
         line-height: 40px;
         font-family: 'Libre Baskerville', serif;
         font-style: italic;
         margin-top: 95px; }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { section.splash#wealth-management p
         {
            margin-top: 20px; 
         } 
      }   
      
      /*  Quote */

      section.splash#investment-solutions
      {
         height: 230px;
         background-image: url('../img/photo-dubai.jpg'); }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { section.splash#investment-solutions
         {
            height: 100px; 
         } 
      }

      /*  Enercon */

      section.splash#enercon
      {
         height: 405px;
         background-image: url('../img/photo-enercon.jpg'); }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { section.splash#enercon
         {
            height: 200px; 
         } 
      }      
      
      section.splash#enercon h1
      {
         margin-top: 165px;
         margin-bottom: 5px; }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { section.splash#enercon h1
         {
            margin-top: 75px; 
         } 
      }  

      section.splash#enercon h2
      {
         padding: 0;
      }        
          
      /*  Switzerland */

      section.splash#switzerland
      {
         height: 230px;
         background-image: url('../img/photo-switzerland.jpg');
         background-position: 0% 50%; }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { section.splash#switzerland
         {
            height: 100px; 
         } 
      }

/*
      Sections

*/
      
      section.highlight
      {
         background-color: #EDEDED;
      }

      section.highlight h2
      {
         margin-bottom: 30px;
      }      
      
      section .column
      {
         width: 34%;
         padding: 0 8%;
         float: left; }  
         
         /*  Tablet */
         
         @media screen and (max-width:960px) {  section .column
         {
            margin: 0 auto;
            width: 60%;
            float: none;
         } }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) {  section .column
         {
            width: 90%;
            padding: 0;
         }
      }

      section .column p
      {
         text-align: justify; }  
         
         /*  Tablet */
         
         @media screen and (max-width:960px) {  section .column p
         {
            font-size: 15px;
            line-height: 25px;
         } }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) {  section .column p
         {
            font-size: 16px;
            line-height: 26px;
         }
      }  
      
      section ul.buttons
      {
         margin-top: 40px;
         margin-bottom: 0;
      } 

      section ul.buttons li
      {
         display: inline-block;
         font-size: 17px;
         text-align: center;         
         color: #FFF;
         background-color: #232b34;
         width: 21%;
         padding: 2.5% 3%;
         margin: 0 9% 3% 0%; }  
         
         /*  Tablet */
         
         @media screen and (max-width:960px) {  section ul.buttons li
         {
            font-size: 15px;
         } }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { section ul.buttons li
         {
            display: block;
            width: 100%;
            padding: 5% 0;
            font-size: 18px;
            margin-bottom: 20px;
         }
      } 

      section ul.buttons li:nth-child(3n+0)
      {
         margin-right: 0;
      }       


/*
      Contact

*/
      

      section#contact
      {
         padding-bottom: 0;
      }

      section#contact p
      {
         text-align: center;
      }     
       
      section#contact p#polychrome
      {
         margin-top: 150px; }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { section#contact p#polychrome
         {
            margin-top: 75px; 
         } 
      }

      section#contact p#polychrome a,
      section#contact p#polychrome a:active,
      section#contact p#polychrome a:visited,
      section#contact p#polychrome a:link
      {
         font-size: 11px;
         color: #CCC;
         text-decoration: none; }  
         
         /*  Phone */
         
         @media screen and (max-width:680px) { section#contact p#polychrome a
         {
            font-size: 13px !important;
         } 
      } 

      section#contact p#polychrome a:hover
      {
         color: #B08A17;
      }            


/*
      Clearfix

*/

      .clear:before,
      .clear:after 
      {
         content: "";
         display: table;
      } 

      .clear:after 
      {
         clear: both;
      }

      .clear 
      {
         zoom: 1; 
      }