/* ============================================================

		LAYOUT

============================================================== */
body {
    background-color: #232323;
    margin:0;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent; 
    -moz-animation: fadein 2s;  
    -webkit-animation: fadein 2s; 
    -o-animation: fadein 2s;
    animation: fadein 2s;
    }
    
    @keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
    @-moz-keyframes fadein { from {opacity: 0;}to {opacity: 1;}}
    @-webkit-keyframes fadein { from {opacity: 0;}to {opacity: 1;}}
    @-o-keyframes fadein { from { opacity: 0;}to { opacity: 1;}}
    
    
    
    * {	scrollbar-width: thin; 
        scrollbar-color:#353535 rgba(112, 112, 112, 0.1); }
      
      /* For desktops as mobiles has their own nice settings */
      @media (pointer: fine) {
            *::-webkit-scrollbar {
                width: 8px;
                height: 8px;
            }
            
            *::-webkit-scrollbar-track {
                background: rgba(112, 112, 112, 0.1);
                background-color: rgba(112, 112, 112, 0.1);
                border-radius: 0px;
            }
            
            *::-webkit-scrollbar-thumb {
                background: #353535;
                background-color: #353535;
                border-radius: 10px;	
            }
    } 
    
    

    .jqbga-slider--image, 
    .jqbga-web--image {
    background-attachment: scroll!important;
    background-repeat: no-repeat;
    background-position: top center!important;
    background-size: cover!important;
    height: 100vh;
    max-height: 950px!important;
    }
    
    

    #container{
    max-width: 100%;
    color: #b0b0b0;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: 1.4;
    z-index: 90;
    /* overflow-x: hidden; */
    overflow:hidden;
    }
    
    #content{
    z-index:9;
    padding: 2rem 25px 0;
    box-sizing: border-box;
    margin: 150px auto 0;
    max-width: 1400px;
    width: 100%;
    }
    

    @media (max-width: 962px){
        
          #content {padding: 2rem 15px 0;}
          .cc-m-hgrid-column {min-width: 100%!important;}
      
    }
    

    #pre-footer{
    margin: 0 auto;
    width: 100%;
    background:#131313;
    display: block;
    }
    
    #pre-footer-wrapper{
    position: relative;
    margin: 0 auto;
    max-width: 1360px;
    padding: 0px 25px;
    box-sizing: border-box;
    }
    
    
    #footer{clear:both;}
    
    #footer .gutter{
    margin: 0 auto;
    max-width: 1400px;
    padding: 10px 25px;
    box-sizing: border-box;
    }
    
    div#contentfooter{ font-size: 13px!important; overflow: visible!important;}
    
    .cc-pagemode-default div#contentfooter div.rightrow {display:none;} 
    
    div#contentfooter div.leftrow {
    float: none!important;
    text-align: unset!important;
    width: 100%!important;
    color: #36383e;
    padding: 0 10px;
    }

    .copy{
    text-align: right;
    float: right;
    font-size: 13px;
    color: #36383e;
    font-weight: 700!important;
    }
    
    #contentfooter br {display:none;}
    
    
    #contentfooter a:link, 
    #contentfooter a:visited,
    #contentfooter a:focus {
    text-decoration: none;
    font-size: 13px;
    color: #36383e;
    font-weight: 700!important;
    outline:none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    }
    
    #contentfooter a:hover, 
    #contentfooter a:active {
    color: #3e434e;
    outline:none;
    }
    
    

    
    
    /* ============================================================
    
            NAVBAR
    
    ============================================================== */
    
    .my-header {
    background-color: rgba(19, 19, 19, 0);
    padding: 0;
    height: auto;
    position: fixed;    
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999999;
    box-sizing: border-box;
    border-bottom:1px solid rgba(255, 255, 255, 0);
    transition: min-height .3s ease-in;
    }
    
    
    .nav-wrapper {
    width:100%;
    background:#232323;
    }
    
    
    .main-nav-bar {
    position: relative;
    width: 100%;
    max-width: 1400px;
    min-height: 80px;
    margin: 0 auto;
    padding: 10px 20px;
    box-sizing: border-box; 
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    vertical-align: middle;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    -webkit-align-items: center;
    transition: all 0.2s ease-in-out;
    }
    

   @media (min-width: 962px){
    
  /*   .my-header::after {
        display: block;
        content: '';
        background-image: url(https://u.jimcdn.com/cms/o/s48dc1eeda2c38078/userlayout/img/ds-menu-indicator.png);
        background-size: auto;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #131313;
        border-radius: 50px;
        height: 42px;
        width: 42px;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 20px;
        opacity: 1;
        transform: translateY(0);
        transform-origin: center;
        transition: transform 0.45s ease, opacity 0.3s ease!important;
        }



        .cc-pagemode-default .nav-wrapper {
        transform: translateY(-100px);
        opacity: 0;
        transition: opacity 0.5s linear, transform 0.6s linear;
        }


        .my-header:hover .nav-wrapper {
        transform: translateY(0);
        opacity: 1;
        transition: transform 0.5s ease, opacity 0.65s ease!important;
        }

        .my-header:hover:after{
        transform: translateY(-16px); 
        transform-origin: center;
        opacity:0; 
        transition: transform 0.5s ease, opacity 0.8s ease!important; 
        }

        .navView.nav-icon-hide.my-header:after {
        transform: translateY(-16px); 
        transform-origin: center;
        opacity:0; 
        transition: transform 0.6s ease, opacity 1s ease!important; 
        }
*/
        .navView.nav-down {transform: translateY(0); opacity:1; transition: transform 0.6s ease, opacity 0.35s ease!important;} 
        .navView.nav-up {transform: translateY(-120px); opacity:0; transition: transform 0.6s linear, opacity 0.35s linear!important; }    
    } 

    
    @media screen and (max-width:962px){
        
        .main-nav-bar{ flex-direction: row;	transition: all 0.2s ease-in-out;	}  

        .m-nav-open {z-index: 99999999;} 

        .cc-page-index .m-nav-open .site-logo,
        .m-nav-open .site-logo .logo-wording {transform: scale(1); opacity: 1; visibility: visible;}
    
    } 
    

    .site-logo{
    width:160px; 
    padding: 8px 10px 2px;
    box-sizing: border-box;
    transition: all 0.3s;
    }
    

    .logo-shape{fill:#fff;}
    .logo-wording{fill:#fff;}
    

    @media (min-width: 962px){
    
    /*    .logo-shape{
        transform: scale(0); 
        transform-origin: left center;
        opacity:0;
        -webkit-transition: all ease .6s;
        -moz-transition: all ease .6s;
        transition: all ease .6s;
        }


        .logo-wording{
        transform: translateX(-99px);
        transform-origin: center;
        -webkit-transition: all ease-out .4s;
        -moz-transition: all ease-out .4s;
        transition: all ease-out .4s;
        }

        .site-logo:hover .logo-shape{transform: scale(1); opacity:1;}
        .site-logo:hover .logo-wording{transform: translateX(0);}
*/
    
    } 
    

    @media (max-width: 962px){
        
        .site-logo{
        width: auto; 
        padding: 8px 0px 2px 5px;
        overflow: hidden;
        -webkit-transition: all ease .2s;
        -moz-transition: all ease .2s;
        transition: all ease .2s;
        }

     /*   .cc-page-index .site-logo{
            transform: scale(0);
            transform-origin: left center;
            opacity: 0;
            visibility: hidden;
        }
     */

        .site-logo svg {width:130px;}

        /*
        .site-logo .logo-wording{
            transform: scale(0);
            transform-origin: 20% center;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: transform ease .2s;
            -moz-transition: transform ease .2s;
            transition: transform ease .2s;
        }
         .site-logo .logo-shape{display:none;}  */
    
    } 
    

    #navigation{
    display: flex; 
    width: 60%;
    justify-content: flex-end;
    }
    
    
    #navigation li a:hover, 
    #navigation li a:active, 
    #navigation li a:focus, 
    #navigation li.cc-nav-current > a:link, 
    #navigation li.cc-nav-current > a:visited, 
    #navigation li.cc-nav-parent > a:link, 
    #navigation li.cc-nav-parent>a:visited {color:#ffffff!important;}
    

    
    #navigation ul.j-nav-level-0 {
    list-style:none;
    display: flex; 
    flex-direction: row;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    
    #navigation ul.j-nav-level-0 li {
    display: flex;
    flex-direction: row;
    position: relative;
    }
    
    #navigation ul.j-nav-level-0 a {
    display: inline-block;      /* to fit nicely the toglle buttons */
    padding: 8px 14px;
    margin: 4px 4px 2px;
    text-decoration: none;
    box-sizing: border-box;
    color:#999;
    font-size:13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
    }	
                

    
    #navigation ul.j-nav-level-1 {
    list-style: none;
    position: absolute;
    max-height: 0;
    top: 90%;
    min-width: 190px;
    background-color: #2c2c2f; 
    padding: 6px 0;   
    border-radius: 6px;     
    box-shadow: 0 14px 42px 0 #000000;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.52s 0.05s, opacity 0.52s 0.05s, max-height .52s linear; 
    
    }
    

            #navigation ul.j-nav-level-1::before {
            position: absolute;
            left: 0;
            bottom: 100%;
            display: block;
            width: 100%;
            height: 9px;
            content: " ";
            background: rgba(0, 0, 0, 0)!important;
            }
    
    
            #navigation ul.j-nav-level-1::after {
            position: absolute;
            left: 30px;
            bottom: 100%;
            width: 0;
            height: 0;
            margin-left: -16px;
            border: 9px solid transparent;
            border-bottom-color: #222225;
            border-bottom-color: #2c2c2f;
            content: " ";
            pointer-events: none;
            }
    
    
    #navigation ul.j-nav-level-1 li {
    display: flex;
    flex-direction: row;
    position: relative;    
    opacity:0;
    transform: translateY(-20px);
    
    }
    

            #navigation ul.j-nav-level-1 li:nth-child(1) { transition: transform 0.3s 0.04s, opacity 0.3s 0.03s ease-in!important;}           		
            #navigation ul.j-nav-level-1 li:nth-child(2) { transition: transform 0.3s 0.06s, opacity 0.3s 0.05s ease-in!important;} 
            #navigation ul.j-nav-level-1 li:nth-child(3) { transition: transform 0.3s 0.12s, opacity 0.3s 0.11s ease-in!important;} 
            #navigation ul.j-nav-level-1 li:nth-child(4) { transition: transform 0.3s 0.18s, opacity 0.3s 0.17s ease-in!important;} 
            #navigation ul.j-nav-level-1 li:nth-child(5) { transition: transform 0.3s 0.24s, opacity 0.3s 0.23s ease-in!important;} 
            #navigation ul.j-nav-level-1 li:nth-child(6) { transition: transform 0.3s 0.3s, opacity 0.3s 0.29s ease-in!important;}
            
            
 
    
    #navigation ul.j-nav-level-1 li a{
    display:block;
    width:100%;
    } 
    

    
    #navigation ul.j-nav-level-2{
    list-style: none;
    position: absolute;
    top:-5px;
    left: 100%;
    background: transparent; 
    margin: 0;
    padding: 0 2px;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.55s 1s, opacity 0.55s 1s;    
    }
    
    
    #navigation ul.j-nav-level-2 li {
    display: inline-flex;
    flex-direction: row;
    position: relative;    
    margin: 5px 5px 8px 0px;
    background: #2c2c2f;
    border-radius:50px;
    opacity:0!important;
    transform: translateX(-20px)!important;
    box-shadow: 0 6px 16px 0 #000000;
    }
    

            #navigation ul.j-nav-level-2 li:nth-child(1) { transition: transform 0.4s 0.06s, opacity 0.4s 0.01s ease-in!important;}
            #navigation ul.j-nav-level-2 li:nth-child(2) { transition: transform 0.4s 0.17s, opacity 0.4s 0.12s ease-in!important;} 
            #navigation ul.j-nav-level-2 li:nth-child(3) { transition: transform 0.4s 0.28s, opacity 0.4s 0.23s ease-in!important;} 
            #navigation ul.j-nav-level-2 li:nth-child(4) { transition: transform 0.4s 0.39s, opacity 0.4s 0.34s ease-in!important;} 
            #navigation ul.j-nav-level-2 li:nth-child(5) { transition: transform 0.4s 0.5s, opacity 0.4s 0.45s ease-in!important;} 
            #navigation ul.j-nav-level-2 li:nth-child(6) { transition: transform 0.4s 0.61s, opacity 0.4s 0.56s ease-in!important;}
    
    
    #navigation ul.j-nav-level-2 li a{
    display: block;
    width: 100%;
    text-transform: none;
    letter-spacing: 0.02rem;
    font-size: 15px;
    color: #777!important;
    padding: 8px 18px;
    margin: 0;
    }
    
    
    #navigation ul.j-nav-level-2 li:hover a,
    #navigation ul.j-nav-level-2 li.cc-nav-current > a:link,
    #navigation ul.j-nav-level-2 li.cc-nav-current > a:visited{
    color:#fff!important;
    transition: color 0.3s 0s!important;
    }
    

    @media(hover: hover) and (min-width: 962px) {  
						
            #navigation ul.j-nav-level-0>li:hover ul.j-nav-level-1 {
            visibility: visible;
            opacity: 1;
            max-height:300px; /* Watch out height if more sublinks */
            transition: visibility 0.5s 0.05s, opacity 0.5s 0.05s, max-height .5s linear;
            }
    

            #navigation ul.j-nav-level-0>li:hover ul.j-nav-level-1 li{
            opacity:1;
            transform: translateY(0px);	
            }		
							
            #navigation ul.j-nav-level-1>li:hover ul.j-nav-level-2 {
            visibility: visible;
            opacity: 1;
            transition: visibility 0.32s 0.1s, opacity 0.32s 0.1s;
            }
            

            #navigation ul.j-nav-level-1>li:hover ul.j-nav-level-2 li {
            opacity:1!important;
            transform: translateX(0px)!important;
            }  
    } 
    

    @media (hover: none) and (min-width: 962px) { 
    
    

            
            #navigation ul.j-nav-level-1 li a{width:auto;} 
            
						
            #navigation ul.j-nav-level-0 li.jmd-nav__item--last-opened>ul {
            visibility: visible;
            opacity: 1;
            max-height:300px; /* Watch out height if more sublinks */
            transition: visibility 0.5s 0.05s, opacity 0.5s 0.05s, max-height .5s linear;
            }
            

            #navigation ul.j-nav-level-0 li.jmd-nav__item--last-opened>ul li{
            opacity:1;
            transform: translateY(0px);	
            }
            
							
            #navigation ul.j-nav-level-1 li.jmd-nav__item--last-opened>ul {
            visibility: visible;
            opacity: 1;
            transition: visibility 0.32s 0.1s, opacity 0.32s 0.1s;
            }
            

            #navigation ul.j-nav-level-1 li.jmd-nav__item--last-opened>ul li{
            opacity:1!important;
            transform: translateX(0px)!important;
            }

    } 
    


    @media (min-width: 962px) { 							
        .cc-pagemode-default #navigation ul.j-nav-level-0>li:hover ul.j-nav-level-1,
        .cc-pagemode-default #navigation .j-nav-level-0 .jmd-nav__toggle-button {display: none!important;}

    }
    

    @media (max-width: 962px){

    
                #navigation ul.j-nav-level-0 {
                flex-direction: column;
                padding:20px;
                padding-bottom: 100px;
                animation: fadein 0.3s;
                -moz-animation: fadein 0.3s;  
                -webkit-animation: fadein 0.3s; 
                -o-animation: fadein 0.3s;   
                }
    
                #navigation ul.j-nav-level-0 li {
                flex-direction: column;
                padding: 0;
                border-radius: 4px;
                box-sizing: border-box;
                background-color: #28292d;
                margin-bottom: 20px;
                box-shadow: 0px 14px 28px 0px rgba(0, 0, 0, 1);
                opacity: 0;
                transition: opacity 0s ease-in-out;
                animation: fadein 0.45s;
                -moz-animation: fadein 0.45s;  
                -webkit-animation: fadein 0.45s; 
                -o-animation: fadein 0.45s;
                }
    
                
                #navigation ul.j-nav-level-0 li::before { 
                font-family: 'Material Icons';
                -webkit-font-feature-settings: 'liga';
                display: inline-block;
                position: absolute;
                font-size: 32px;
                color: #fff;
                padding: 12px;
                pointer-events: none;
                }
    
                #navigation ul.j-nav-level-0 li:nth-child(1)::before {content: "devices";}
                #navigation ul.j-nav-level-0 li:nth-child(2)::before {content: "batch_prediction";}
                #navigation ul.j-nav-level-0 li:nth-child(3)::before {content: "text_snippet";}
                #navigation ul.j-nav-level-0 li:nth-child(4)::before {content: "mail";}
    
    
                #navigation ul.j-nav-level-0 .j-nav-current:before {color: #10afbb!important;}
               
                
                
                #navigation ul.j-nav-level-0 a {
                font-size: 14px;
                display: flex;
                flex-direction: column;
                padding: 20px 16px 20px 60px;
                min-height: 50px;
                margin: 0;
                }
                

                
                #navigation ul.j-nav-level-1 li::before {display:none;} 
    
                #navigation ul.j-nav-level-1:before,
                #navigation ul.j-nav-level-1:after {display:none} 
    
                #navigation ul.j-nav-level-1 {
                position: relative;
                top: 0;
                border-top: 1px solid #393a3e;
                background-clip: border-box;
                margin: 0;
                padding: 0;
                background: transparent;
                box-shadow: none;
                border-radius: 0;
                transition: visibility 0.5s 0.01s, opacity 0.5s 0.01s, max-height .5s ease;
                }
    
                #navigation ul.j-nav-level-1 li {
                flex-direction: column;
                background-color: transparent!important;  
                box-shadow: none!important; 
                margin-bottom:0px;
                }			
    
                #navigation ul.j-nav-level-1 li a {
                display: block;
                padding: 16px 16px 16px 60px;
                text-transform: none;
                letter-spacing: 0.02rem;
                font-size: 15px;
                }			
                
    
                #navigation ul.j-nav-level-1 li a::after{display:none!important;}  			
                
                
                #navigation ul.j-nav-level-1 .jmd-nav__toggle-button {top: 15px!important;}

                
                #navigation ul.j-nav-level-2 {
                list-style: none;
                position: relative;
                left: 0;
                top: 0;
                padding: 0;
                max-height:0;   
                transition: visibility 0.7s 0.01s, opacity 0.7s 0.01s, max-height 0.7s ease;
                } 
    
                #navigation ul.j-nav-level-2 li {
                display:flex;
                flex-direction: column;
                left: 20px;			
                margin: 0;
                background: transparent;
                border-radius:0;
                box-shadow: none;
                }				
    
                #navigation ul.j-nav-level-2 li a {
                padding: 10px 16px 10px 60px;
                }

                
    /* !!! */ #navigation .j-nav-has-children>ul {
                /* display:none; */
                max-height:0;}   
                
	
                #navigation .jmd-nav__item--last-opened>ul {
                /* display: block; */
                display:flex;
                flex-direction:column;
                max-height: 60vh!important;			
                visibility: visible;
                opacity: 1;
                }

                #navigation ul.j-nav-level-0 li.jmd-nav__item--last-opened>ul li{
                opacity:1;
                transform: translateY(0px);
                }

                #navigation ul.j-nav-level-1 li.jmd-nav__item--last-opened>ul li{
                opacity:1!important;
                transform: translateX(0px)!important;	
                }
   } 	
    

    [for="sm"]{
    /* display:none; */
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    position: fixed;
    right: 20px;
    top: 24px;
    width: 24px;
    height: 9px;
    padding: 11px 0 4px;
    cursor: pointer;
    line-height: 24px;
    overflow: hidden;
    -ms-transform: scale(0,0);
    transform: scale(0,0); 
    transition: all 0.1s ease-in-out;
    }
    
    input[type="checkbox"].sm {display: none;}
    
    [for="sm"] span {
    height: 1px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    background: #fff;
    white-space: nowrap;
    transition: background 0.2s ease-in-out;
    }
    
    [for="sm"] span::before,
    [for="sm"] span::after {
    left: 0;
    content: '';
    height: 1px;
    background: #fff;
    position: absolute;
    transform-origin: center center;
    transition: width 0.2s ease-in-out, background 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out, transform 0.2s ease-in-out;
    }
    
    
    [for="sm"] span::before {
    top: 3px;
    width: 24px;
    }
    
    [for="sm"] span::after {
    bottom: 3px;
    width: 18px;
    }
    
    #sm:checked + [for="sm"] span {
    background: rgba(255, 255, 255, 0);
    }
    
    #sm:checked + [for="sm"] span::before {
    top: 13px;
    transform: rotate(-45deg);
    }
    
    #sm:checked + [for="sm"] span::after {
    bottom: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    }
    
    #sm:checked + [for="sm"] span::before,
    #sm:checked + [for="sm"] span::after {
    width: 24px;
    background: #fff;
    }
    

    #navigation .jmd-nav__toggle-button {display: none;}
    
            /* The after on 1st level */
            .j-nav-level-0 .jmd-nav__toggle-button:before {
            content: "";
            display: block;
            position: absolute;
            width: 14px;
            height: 1px;
            top: 5px;
            left: 4px;
            background-color: #999;
            transition: all .3s ease-in-out;
            }
    
            .j-nav-level-0 .jmd-nav__toggle-button:after {
            content: "";
            display: block;
            position: absolute;
            width: 14px;
            height: 1px;
            top: 11px;
            left: 0;
            background-color: #999;
            transition: all .3s ease-in-out;
            }
    
            #navigation .j-nav-level-0 .jmd-nav__item--last-opened>.jmd-nav__toggle-button:before{
            left: 0;
            transform: rotate(42deg);
            top: 8px;
            transition: left 0.3s 0s, top 0.3s 0.14s, transform 0.3s 0.14s;
            }
    
            #navigation .j-nav-level-0 .jmd-nav__item--last-opened>.jmd-nav__toggle-button:after{
            transform: rotate(-42deg);
            top: 8px;
            transition: top 0.3s 0.14s, transform 0.3s 0.14s;
            }
            

    @media (hover: none) and (min-width: 962px) { 
    
            #navigation .j-nav-level-0 .jmd-nav__toggle-button {
            display: inline-block;
            width: 32px;
            height: 24px;
            position: relative;
            top: 0px;
            left: 0;
            outline: 0;
            cursor: pointer;
            -webkit-tap-highlight-color: transparent;
            box-sizing: border-box;
            }
            

            #navigation .j-nav-level-1 .jmd-nav__toggle-button {
            display: inline-block;
            width: 32px;
            height: 24px;
            position: relative;
            top: 8px;
            left: 15px;
            outline: 0;
            cursor: pointer;
            -webkit-tap-highlight-color: transparent;
            box-sizing: border-box;
            }		
    
            .j-nav-level-1 .jmd-nav__toggle-button:before {
            content: "";
            display: block;
            position: absolute;
            width: 12px;
            height: 2px;
            top: 8px;
            left: 4px;
            background-color: #999;
            transition: all .3s ease-in-out;
            transform: rotate( 36deg );
            }
    
            .j-nav-level-1 .jmd-nav__toggle-button:after {
            content: "";
            display: block;
            position: absolute;
            width: 12px;
            height: 2px;
            top: 14px;
            left: 4px;
            background-color: #999;
            transition: all .3s ease-in-out;
            transform: rotate(-36deg );
            }
    
            #navigation .j-nav-level-1 .jmd-nav__item--last-opened>.jmd-nav__toggle-button:before{
            left: 4px;
            top: 12px;
            transform: rotate(225deg);
            transition: top 0.3s 0s, transform 0.3s 0s;
            }
    
            #navigation .j-nav-level-1 .jmd-nav__item--last-opened>.jmd-nav__toggle-button:after{
            top: 12px;
            transform: rotate(-225deg);
            transition: transform 0.3s 0s;
            }			
    
    } 
    

    @media (max-width: 962px){
                #navigation{
                position:fixed;
                width: 100%;
                height: auto;    
                top: 80px;
                left: 0;        
                display: flex;
                justify-content: flex-start;
                transition: all 0.2s ease-in-out;
                }
    
                div ul.j-nav-level-0 li:nth-child(1) {transition-delay: 450ms;}
                div ul.j-nav-level-0 li:nth-child(2) {transition-delay: 360ms;}
                div ul.j-nav-level-0 li:nth-child(3) {transition-delay: 270ms;}
                div ul.j-nav-level-0 li:nth-child(4) {transition-delay: 180ms;}
                div ul.j-nav-level-0 li:nth-child(5) {transition-delay: 90ms;}
                
    
                /* #navigation div ul.j-nav-level-0 */
                #navigation div[data-container="navigation"]{
                height: 0.01vh;
                width: 100%;
                background: #131313;
                visibility:hidden;
                opacity:0;
                pointer-events:none;
                /* border-top: 1px solid #444; */
                transition: all .35s ease-in-out;
                }		
                
                
                [for="sm"]{
                display:block;
                visibility:visible;
                opacity:1;
                pointer-events:auto;
                -ms-transform: scale(1,1);
                transform: scale(1,1); 
                transition: all 0.3s ease-in-out;
                }
        

                #sm:checked~div[data-container="navigation"] {
                min-height: 100vh;
                width: 100%;
                visibility:visible;
                opacity:1;
                pointer-events:auto;
                transition: all 0.35s ease-in-out;
                overflow: auto;
                } 
    
                #sm:checked~div ul.j-nav-level-0 li {
                opacity: 1;
                transition: opacity 0.35s ease-in;
                }
                
                #sm:checked~div ul.j-nav-level-0 li:nth-child(5) {transition-delay: 500ms;}
                #sm:checked~div ul.j-nav-level-0 li:nth-child(4) {transition-delay: 400ms;}
                #sm:checked~div ul.j-nav-level-0 li:nth-child(3) {transition-delay: 300ms;}
                #sm:checked~div ul.j-nav-level-0 li:nth-child(2) {transition-delay: 200ms;}
                #sm:checked~div ul.j-nav-level-0 li:nth-child(1) {transition-delay: 100ms;}

                #navigation .jmd-nav__toggle-button {
                display:block;
                border: none;
                width: 20px;
                height: 16px;
                position: absolute;
                right: 10px;
                top: 20px;
                left: auto;
                padding-top: 10px;
                outline: 0;
                cursor: pointer;
                -webkit-tap-highlight-color: transparent;
                box-sizing: border-box;
                }    
    } 
    
    
    
    
    
    
    
    
    /* ============================================================
    
            TYPO
    
    ============================================================== */
    
    #content_area a:link,
    #content_area a:active,
    #content_area a:visited { 
    text-decoration: none!important;
    -webkit-transition: color 0.15s ease-in;
    -moz-transition: color 0.15s ease-in;
    transition: color 0.15s ease-in;
    }
    
    #content_area a:hover {  color:#10afbb!important;  /* text-decoration:underline!important; */ }
    
    
    h1.large { 
    font-size: 60px!important;
    font-weight: 700!important;
    line-height: 1!important;
    letter-spacing: -1px;
    /* padding:6px!important; */
    }
    
    h1,
    h2.hp-land {
    font-size: 44px!important;
    font-size: clamp(2.1rem, 2.5vw, 2.4rem)!important;
    color:#d7d8da!important;
    font-weight: 700!important;
    letter-spacing: -0.02rem!important;
    padding:0!important;
    }

    h1.hp-land {
    font-size: 1.2vw!important;
    font-size: clamp(0.5rem, 1.2vw, 0.8rem)!important;
    color: rgb(19 19 19)!important;
    font-weight: 700!important;
    letter-spacing: 0!important;
    margin-bottom: 0!important;
    line-height: 1;
    }
    
    h2 { 
    font-size: 36px!important;
    font-weight: 700!important;
    line-height: 1.1!important;
    letter-spacing: -0.02rem;
    padding:6px!important;
    }
    
    h3 { 
    font-size: 24px!important;
    font-weight: normal!important;
    letter-spacing: -0.02rem;
    line-height: 1!important;
    }
    
    h3.tagline{
    font-size:20px!important;
    color: #b0b0b0!important;
    font-weight: normal!important;
    line-height: 1.4!important;
    letter-spacing: 0;
    padding-top: 0!important;    
    
    }
    
    h4 { 
    font-size: 22px!important;
    font-weight: normal!important;
    line-height: 1!important;
    padding:6px 0!important;
    color:#d7d8da;
    }
    
    
    
    .txt16 {font-size:16px;}
    
    .txt17 {font-size:17px;}
    
    .txt18 {font-size:18px;}
    
    .txt22 {font-size:22px;}
    
    .lighter-greyTxt {color:#626262;}
    .greyTxt {color:#525252;}
    .darker-greyTxt {color:#424242;}
    

    .j-calltoaction-link-style-1 {
    font-size: 14px!important;
    letter-spacing: 2px!important;
    border-radius: 50px!important;
    padding: 14px 24px 12px!important;
    background-color: #28292d!important;
    border: none!important;
    -webkit-transition: all 0.3s ease-in!important;
    -moz-transition: all 0.3s ease-in!important;
    transition: all 0.3s ease-in!important;
    }
    
    .j-calltoaction-link-style-1:hover{background-color:#04676f!important;}
    #content_area .j-calltoaction-link-style-1:hover{color: #fff!important;}



    .j-calltoaction-link-style-2 {
    font-size: 14px!important;
    font-weight: 700;
    color: #fff!important;
    letter-spacing: 2px!important;
    border-radius: 50px!important;
    padding: 12px 44px 11px!important;
    background-color: #10afbb!important;
    border: none!important;
    -webkit-transition: all 0.3s ease-in!important;
    -moz-transition: all 0.3s ease-in!important;
    transition: all 0.3s ease-in!important;
    }
    
    .j-calltoaction-link-style-2:hover{background-color:#12c8d6!important;}
    #content_area .j-calltoaction-link-style-2:hover{color: #fff!important;}
    

    .brighter-link:link,
    .brighter-link:active,
    .brighter-link:visited { 
    color:#d7d8da!important;
    text-decoration: none!important;
    -webkit-transition: color 0.25s ease-in!important;
    -moz-transition: color 0.25s ease-in!important;
    transition: color 0.25s ease-in!important;
    }
    
    #content_area .brighter-link:hover { color:#fff!important;}
    
    
    .bright-greyLink:link,
    .bright-greyLink:active,
    .bright-greyLink:visited { 
    color:#b0b0b0!important;
    text-decoration: none!important;
    -webkit-transition: color 0.25s ease-in!important;
    -moz-transition: color 0.25s ease-in!important;
    transition: color 0.25s ease-in!important;
    }
    
    #content_area .bright-greyLink:hover { color:#fff!important;}
    
    
    .lighter-greyLink:link,
    .lighter-greyLink:active,
    .lighter-greyLink:visited { 
    color:#626262!important;
    text-decoration: none!important;
    -webkit-transition: color 0.25s ease-in!important;
    -moz-transition: color 0.25s ease-in!important;
    transition: color 0.25s ease-in!important;
    }
    
    #content_area .lighter-greyLink:hover { color:#b0b0b0!important;}
    
    
    .greyLink:link,
    .greyLink:active,
    .greyLink:visited { 
    color:#525252!important;
    text-decoration: none!important;
    -webkit-transition: color 0.25s ease-in!important;
    -moz-transition: color 0.25s ease-in!important;
    transition: color 0.25s ease-in!important;
    }
    
    #content_area .greyLink:hover { color:#b0b0b0!important;}
    
    
    .darker-greyLink:link,
    .darker-greyLink:active,
    .darker-greyLink:visited { 
    color:#424242!important;
    text-decoration: none!important;
    -webkit-transition: color 0.25s ease-in!important;
    -moz-transition: color 0.25s ease-in!important;
    transition: color 0.25s ease-in!important;
    }
    
    #content_area .darker-greyLink:hover { color:#b0b0b0!important;}
    
    
    
    .cta-link-lighter{
    color:#b0b0b0!important; 
    border-bottom: 2px solid #fff;
    padding: 6px 6px 6px 2px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    -moz-transition: color 0.3s, border-color 0.3s, padding-right 0.3s!important; 
    -webkit-transition: color 0.3s, border-color 0.3s, padding-right 0.3s!important; 
    transition: color 0.3s, border-color 0.3s, padding-right 0.3s!important;    
    }
    
    .cta-link-lighter span{
    font-size: 28px;
    line-height: 1;
    }
    
    #content_area .cta-link-lighter:hover {
    /* color:#00828c!important; */
    color:#fff!important; 
    padding-right: 0;
    border-color: #fff;
    }

        

    @media screen and (max-width:962px){	
                
                h1.large { font-size: 56px!important;}
    
                h1 {
                line-height:1.2!important; 
                }
                h2 { font-size: 36px!important;}
                h3 { font-size: 30px!important; line-height: 1.25!important;}
                h3.header { font-size: 24px!important; line-height: 1.25!important; font-weight: bold!important;}
                h4 { font-size: 20px!important;}   
    }
    

    @media (max-width:325px){           
        h1 {font-size: clamp(1.88rem, 4.7vw, 2.78rem)!important;}
    }
    

    @media (min-width:325px) and (max-width:481px){
        h1 {font-size: 36px!important;}
        h1 {font-size: clamp(2rem, 2.5vw, 2.4rem)!important;}
    }
    
    
    
    
    
    
    
    
    
    /* ============================================================
    
            GLOBAL CLASSES
    
    ============================================================== */
    
    .invs {
    color:transparent;
    font-size:13px;
    text-align:center;
    display:none;
    }
    
    .m-spacer {} /* Spacer in my own heights */
    
    .cc-m-all-wrapper .invs {display: block; color:#fff!important; background:#595959; border-radius:4px; padding:8px 4px; }
    
    .mg-top15 {margin-top:15px!important;}
    .mg-top25{margin-top:25px!important;}
    .mg-top40{margin-top:40px!important;}
    .mg-top50{margin-top:50px!important;}
    .mg-top100{margin-top:100px!important;}
    
    .mg-b15{margin-bottom:15px!important;}
    .mg-b25{margin-bottom:25px!important;}
    .mg-b40{margin-bottom:40px!important;}
    .mg-b50{margin-bottom:50px!important;}
    .mg-b100{margin-bottom:100px!important;}
    
    @media screen and (min-width:481px){
    .br-mobile {display:none;}
    }
    
    .max800 {
    max-width:810px;
    margin-right:auto;
    margin-left:auto;
    }
    

    .wd-96{
    width: 96vw;
    left: calc(-48vw + 50%);
    position: relative;
    padding: 0 15px;
    box-sizing: border-box;
    }
    

    .white{background-color: #fff;}
    .cc-pagemode-default .white, 
    .cc-pagemode-overlay .white{
    margin: 0 -500%;
    padding: 0 500% !important;
    }
   

    .wht-14 {opacity:0.14;}
    
    
    .sec-separator {
    height: 20px;
    background: #1c1e20;
    width: 100vw;
    left: calc(-50vw + 50%);
    position: relative;
    }
    

    .q-imagewrapper {
    position: relative;
    display: block;
    height: auto!important;
    margin: 0;
    max-width: 100%;
    text-align: center;
    width: 100%;
    }
    
    .q-imagewrapper img {
    display: inline;
    left: 0;
    max-width: 100%;
    height: auto;
    top: 0;
    vertical-align: top;
    }
   
    .social-ico {display: block!important;}
    
    .social-ico a {
    display: inline-block;
    vertical-align: bottom;
    }
    
    .social-ico img{
    -webkit-transition: all 0.25s ease-in!important;
    -moz-transition: all 0.25s ease-in!important;
    transition: all 0.25s ease-in!important;
    }
    
    .cc-privacy,
    .j-cookie-policy,
    .j-cookie-settings{
    max-width: 960px;
    margin: 0 auto 100px;
    }
    
    .cc-privacy p,
    .cc-privacy ul li,
    .j-cookie-policy p,
    .j-cookie-policy ul li,
    .j-cookie-policy table, 
    .j-cookie-policy td,
    .j-cookie-settings p {font-size:16px;}
    
    .cc-privacy h2 {
    font-size:16px!important;
    text-transform:uppercase!important;
    color:#b0b0b0!important;
    }
    
    
    .j-cookie-policy h2,
    .j-cookie-settings h2 {
    font-size:22px!important;
    margin-top: 80px;
    }
    
    .j-cookie-policy h3{
    font-size:18px!important;
    margin-top: 50px;
    }
    
    .j-cookie-settings>.ckies_checkbox_wrapper {padding-top: 85px!important;}

    
    @media screen and (max-width:962px){

                 div#contentfooter div.leftrow {text-align:center!important;}
                 .copy {
                    text-align: center;
                    float: none;
                    margin-top: 6px;
                }
                

                .lighter-greyTxt {color:#8d8d8d;}
                .greyTxt {color:#7d7d7d;}
                .darker-greyTxt {color:#525252;}
    
    
                .lighter-greyLink:link,
                .lighter-greyLink:active,
                .lighter-greyLink:visited {color:#8d8d8d!important;}
    
    
                .greyLink:link,
                .greyLink:active,
                .greyLink:visited {color:#7d7d7d!important;}
    
    
                .darker-greyLink:link,
                .darker-greyLink:active,
                .darker-greyLink:visited {color:#525252!important;}
        
    
    
                .flexText {text-align:center!important; }
                .flexL {text-align:left!important; }
                .flexR {text-align:right!important; }
                .flexPad { padding-left: 0!important; padding-right: 0!important;}
                .br-br br {display:none;}
                .just{text-align:justify!important;} 	
    
    }
    
    
   
    
    
    
    /* ============================================================
    
            P A G E S
    
    ============================================================== */

    #cc-matrix-4660822725{
    padding-top: calc(62vh - 175px);
    } 
    
    .scr-step a {display:inline-block;}

    @media screen and (min-width:962px){
            .cc-pagemode-default #cc-matrix-5931814825{
            position: fixed;
            width: 40%;
            max-width: 605px;
            right: 0;
            top: 62vh;
            padding-right: calc((100% - 1350px) /2 );    
            }
    
            .intro-dscrp {padding-right:15px;}

            #cc-m-19165445825 {
            width: 50%;
            max-width: 600px;
            }
            
    } 
    
    .homeW-introLink{
    margin: 5px 0;
    padding: 20px 0 8px 0;
    font-size: 16px!important;
    }

    .homeW-introLink a {color:#575858!important;}

    .h-projects {margin-top: 50vh;}
    
    #cc-matrix-5931821425:nth-last-child(1){margin-bottom: 62vh;}

    @media (hover: hover) {
            .h-projects img{
            -webkit-filter: grayscale(99%);
            filter: grayscale(99%);
            -webkit-transition: all .8s ease;
            -moz-transition: all .8s ease;
            transition: all .8s ease;
            }
    
            .h-projects:hover img{
            -webkit-filter: grayscale(1%);
            filter: grayscale(1%);
            }
    
    }  
    
    
    .prj-descrip{margin-top:15px;}
    
    .prj-descrip h3{
    color:#fff!important;
    font-size:24px!important;
    font-weight: normal!important;
    padding:6px 0!important;
    }
    
    .prj-descrip p{
    /* color:#525252; */
    font-size:18px;
    display:none;
    }
    
    
    
    .prj-info{
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
    padding-top: 12px;
    }
    
    .prj-tags p {
    text-transform: uppercase;
    font-size: 13px;
    padding-bottom: 10px;
    letter-spacing: 0.12rem;
    color:#444; 
    font-weight: 700;
    margin-right: 10px;
    }
    
    .prj-links p,
    #content_area .prj-links a:link{
    text-transform: uppercase;
    font-size: 13px;
    padding-bottom: 10px;
    letter-spacing: 0.12rem;
    /* color:#626262; */
    font-weight: 700; 
    }
    

    #cc-m-19165476925 {
    width: 50%;
    max-width: 600px;
    }
    
    .bott-logo{margin-bottom:10px;}
    

    .cc-pagemode-default #cc-m-19165480725 {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    }
    
    .cc-pagemode-default #cc-m-19165480725 div {
    flex: 1 1 46%;
    margin: 0 12px 29px 0;
    }
    
    
    .cc-pagemode-default #cc-m-19165480725 span{
    display:block!important;
    padding-top: 6px;
    line-height:1.35;
    }

    .home-p a img {opacity: 0.3; padding: 0 3px;}
    
    .home-p a:hover img {opacity: 0.6;}


    #h-portLink-spacer {height:14vh;}

    .portfolio-link {width: 52%;}
    .portLink-descr {
    display:none;
    padding-top: 6px;
    line-height: 1.35;
    }
    
    
    .explore-link{
    padding: 6px 6px 6px 2px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    -moz-transition: color 0.3s, border-color 0.3s, padding-right 0.3s!important; 
    -webkit-transition: color 0.3s, border-color 0.3s, padding-right 0.3s!important; 
    transition: color 0.3s, border-color 0.3s, padding-right 0.3s!important;  
    }

    .explore-link span.material-icons{
    font-size: 28px;
    line-height: 1;
    }
    
    #content_area .explore-link:hover {    
    padding-right: 0;    
    }


    
    .index-bott-spacer {
    /* height: calc(38vh - 252px);  // If within bottom links */
    height: calc(38vh - 350px);    }


   #cc-m-19165481425 {padding: 0;}
    
    
    @media screen and (max-width:962px){
    
                #cc-matrix-4660822725 {
                padding-top: 0;
                position: absolute;
                top: 200px;
                z-index: 9999999;
                }
    
                #cc-matrix-4660822725.sticky-on-mobile {
                position:fixed!important;
                top:6px;
                }
                
                #cc-matrix-4660822725 a img {
                -webkit-transition: all ease .2s;
                -moz-transition: all ease .2s;
                transition: all ease .2s;	
                }
                
                
                #cc-matrix-4660822725.sticky-on-mobile a img{
                width:40px!important;
                height:40px!important;
                margin:9px 0 0 2px;
                opacity:1!important;
                }
                
    
                .tagline {
                transform: scale(1);
                transform-origin: 0% 0%;
                opacity: 1;
                visibility:visible;
                max-height: 100%;
                max-width: 100%;
                white-space: nowrap;                
                -webkit-transition: all ease .3s;
                -moz-transition: all ease .3s;
                transition: all ease .3s;

                }
    
    
                .tagline.hide-Tag {
                transform: scale(0);
                transform-origin: 0% 0%;
                opacity: 0;
                visibility:hidden;
                max-height: 0;
                max-width: 0;
                /* -webkit-transition: opacity .3s, visibility .3s, transform .3s, max-width .25s .5s, max-height .25s .5s;
                -moz-transition: opacity .3s, visibility .3s, transform .3s, max-width .25s .5s, max-height .25s .5s;
                transition: opacity .3s, visibility .3s, transform .3s, max-width .25s .5s, max-height .25s .5s; */
                }
    

                .cc-pagemode-default #cc-matrix-5931814825 {margin-top: 35vh; max-width: 675px;}
    
    
                .h-projects {margin-top: 35vh;}


                .portfolio-link {padding-left: 35px; width: 59%;}
                .portLink-descr {display:block;}
                .explore-link {color:#b0b0b0!important;}
                #content_area .explore-link:hover {color:#fff!important; padding-right:6px;} 
                .explore-link span.material-icons{display:none;}
                #h-portLink-spacer {height:20vh;}
    
                .bott-logo {display:none;}
    
                #cc-matrix-5931821425:nth-last-child(1) {margin-bottom: 2vh;}

                #cc-m-19165476925 {
                width: 75%;
                }
    
                .cc-pagemode-default #cc-m-19165480725 {
                padding: 0 0 10vh 40px;
                }
    
    
    } 
    

 @media (max-width:480px){
     .isOnFB .tagline {white-space: normal;}
     .isOnFB .prj-descrip h3 {font-size:20px!important;}
     .isOnFB .prj-info {flex-flow: column wrap; align-items: stretch; }
     .isOnFB .prj-tags p,
     .isOnFB #content_area .prj-links a:link {
        font-size:10px!important; 
        padding-bottom: 0!important; 
        line-height:1.2!important;      
     }
    
}
    
    
@media (max-width:320px){
     .tagline {white-space: normal;}
}
    
  
    
    /* SOLUTIONS PAGE
    ------------------------------------------------------------- */

    @media screen and (min-width:962px){
        .cc-pagemode-default #cc-matrix-5932005925{
        position: fixed;
        z-index:99;
        width: 45%; 
        max-width: 605px;		
        top: 62vh;
        /* left: 0;
        padding-left: calc((100% - 1350px) /2 );  */  
        }

        #cc-matrix-5932006025{
        padding-top: calc(62vh - 175px);
        } 
 } 

@media screen and (max-width:962px){  

   /* The Intro text */
   #cc-matrix-5932005925 {
    margin-top: 35vh;

   } 
    
}
    
    
    .sol-intro-icons {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width:60%;
    max-width: 375px;
    /* margin: 0 auto; */
    margin: 0 10% 0 auto;
    }
    
    
    .sol-intro-icons a{
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
        animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    }
    
    .sol-intro-icons #web-icon{-webkit-animation-delay: .3s; -moz-animation-delay: .3s; animation-delay: .3s;}
    .sol-intro-icons #graphic-icon{-webkit-animation-delay: .5s; -moz-animation-delay: .5s; animation-delay: .5s;}
    .sol-intro-icons #branding-icon{-webkit-animation-delay: .7s; -moz-animation-delay: .7s; animation-delay: .7s;}
    .sol-intro-icons #apps-icon{-webkit-animation-delay: .8s; -moz-animation-delay: .8s; animation-delay: .8s;}
    
    
    
    @-moz-keyframes fadeInUp {
        from {opacity:0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); }
        to {opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);   }
    }
    @keyframes fadeInUp {
      from {opacity:0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); }
        to {opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }
    }
    
    
    .sol-intro-icons a img {
    opacity:0.75;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    }
    
    .sol-intro-icons a:hover img{
    -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); transform: translateY(-4px);
    }
    
    
    #cc-m-19166356725{
    width: 65%;
    max-width: 800px;
    margin: 0 0 0 auto;
    }
    
    
    .service{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 28vh;
    margin-top: 22vh;
    }
    
    #apps {margin-bottom:50vh;}
    
    
    .ds-img {
    padding: 5px;
    box-sizing: border-box;
    justify-self: flex-start;
    flex: 0 1 45%; 
    }
    
    .s-info-wrapper{
    position:relative;
    padding: 5px 5px 5px 25px;
    justify-self: flex-end;
    flex: 1 1 50%; 
    }
    

    .service-title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 50px;
    }
    
    .s-title h2{
    font-size: 15px!important;
    font-weight: bold!important;
    line-height: 1.2!important;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    padding: 0!important;
    /* color: #7d7d7d; */
    }
    
    
    .cc-pagemode-default .s-icon {display:none;}
    
    
    .service-descr h3{
    font-size: 24px!important;
    padding: 0 0 25px!important;
    font-weight: normal!important;
    letter-spacing: -0.02rem;
    color: #d7d8da;
    }
    
    
    .service-descr p{
    font-size: 18px;
    /* color: #7d7d7d; */
    }
    
    .solutions-link {padding: 8px 0 0;}
    .solutions-link a {font-size: 16px;}

    #web-solutions .s-info-wrapper::after {content: '01';}
    #graphic .s-info-wrapper::after {content: '02';}
    #branding .s-info-wrapper::after {content: '03';}
    #apps .s-info-wrapper::after {content: '04';}
    
    .s-info-wrapper::after {
    font-size: clamp(5rem, 22vw, 19rem);
    font-weight: 900;
    color: #272727;
    position: absolute;
    top: 0;
    left: 20px;
    /* transform: translateY(-40%); */
    line-height: 0.25;
    z-index: -1;  
    pointer-events: none; 
    }
    

    #cc-m-19166367925 {
    width: 50%;
    max-width: 700px;
    margin: 0 0 0 auto;
    }
    
    .commitments {margin-bottom: 65vh;} 
    
    
    .s-summary {
    margin-bottom:120px;
    width:80%;
    }
    
    
    .bundles {
    display: flex;
    flex-flow: row wrap;
    }
    
    
    .s-bundle {
    flex: 1 1 45%;
    margin-bottom: 75px;
    padding-right: 40px;
    box-sizing: border-box;
    }
    
    
    .bundle-title{
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    }
    
    .s-bund-icon{margin-right: 16px;}
    
    
    .bundle-descr p{
    font-size: 18px;
    /* color: #555; 
    color:#7d7d7d; */
    line-height: 1.3;
    }
    
    
    
    #page-2849694925 .cta-link-wrapper {
    float: right;
    margin-right: 60px;
    width: 50%;
    }
    
    
    .cta-link-mobile {display:none;}
    
    
    
    .solutions-bott-spacer {
    height: calc(38vh - 205px);
    }

    @media screen and (max-width:962px){

        #cc-m-19166294925 {display:none;}
        
        #cc-m-19166356725,
        #cc-m-19166367925 /* Commitments */ {
        width: 100%;
        max-width: none;
        margin: 0 auto;
        }

        #cc-matrix-5932022525 {
        display: inline-flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start;
        width: 100vw;
        max-width: 100vw;
        padding: 0 0 12px 6px;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        }
    
    
        #cc-matrix-5932022525 .j-htmlCode {
        flex: 1 0 84%;
        height: auto;
        max-height: none;
        margin-right: 20px;
        padding: 0;
        display: flex;
        align-items: stretch;
        }

        #cc-m-19166360825 {padding-right: 50px!important;}
    
        .service {
        align-items: flex-start;
        justify-content: flex-start;
        padding-top: 0;
        margin-top: 0;
        padding: 20px;
        box-sizing: border-box;
        height: 100%;
        max-height: none;
        border-radius: 24px;
       /* box-shadow: 0px 14px 28px 0px rgb(0 0 0);	*/	
        }
    
        #web-solutions {
        background: rgb(136,182,146);
        background: linear-gradient(340deg, rgba(136,182,146,1) 0%, rgba(213,203,138,1) 100%);		
        }
    
        #graphic {
        background: rgb(244,185,199);
        background: linear-gradient(340deg, rgba(244,185,199,1) 0%, rgba(133,140,206,1) 100%);
        }
    
        #branding {
        background: rgb(134,209,251);
        background: linear-gradient(340deg, rgba(134,209,251,1) 0%, rgba(241,156,176,1) 100%);
        }
    
        #apps {
        background: rgb(236,170,144);
        background: linear-gradient(340deg, rgba(236,170,144,1) 0%, rgba(132,217,224,1) 100%);
            margin-bottom:0
        }
    
        
        .ds-img {display:none;}
    
        .s-info-wrapper {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        padding: 0;
        justify-self: flex-start;
        flex: unset;
        }
    
    
        .service-title {padding-top: 20px;}
    
        .s-title h4 {
        font-size: 17px!important;
        color: #fff;
        }
    
        .cc-pagemode-default .s-icon {display: flex;}
    
        .service-descr h3 {
        padding: 0 0 20px!important;
        color: #000;
        }
    
    
        .service-descr p {
        font-size: 17px; 
        color: #000;
        line-height: 1.3;
        }
    
        .isOnFB .s-title h4 { font-size: 15px!important;}
        .isOnFB .service-descr h3 {font-size:20px!important;}
        .isOnFB .service-descr p {font-size: 15px!important;}

    
        .commitments {margin-bottom: 80px;}
    
        .s-summary {margin: 40px 0 90px 20px;}
    
        .bundles {
        flex-flow: column wrap;
        margin-left: 20px;
        }
    
        .s-bundle {
        flex: unset;
        margin-bottom: 50px;
        }
    
        .bundle-title {	margin-bottom: 10px;}
    
    
        #page-2849694925 .cta-link-wrapper {display:none;}
    
        #page-2849694925 .cta-link-lighter {border-bottom: none;}
    
        #page-2849694925 .cta-link-lighter span {display: none;}
    
    
        .cta-link-mobile{
        display:flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
        text-decoration: none!important;
        }
    
        .cta-link-mobile span.circle-cta{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        background: #fff;
        color: #000!important;
        box-shadow: 0px 14px 28px 0px rgba(0, 0, 0, 0.5);
        font-size: 36px;
        /* font-weight: bold; */
        line-height: 1;
        }
    
    
        .cta-link-mobile span.wording-cta{
        padding-right: 16px;
        color: #fff!important;
        text-align: right;
        font-size: 20px;
        transform: translateX(80px);
        opacity: 0;
        visibility: hidden;
        max-width:0;
        -webkit-transition: opacity .3s, transform .3s, max-width .1s;
        -moz-transition: opacity .3s, transform .3s, max-width .1s;
        transition: opacity .3s, transform .3s, max-width .1s;
        }
    
    
        .cta-link-mobile-wrapper{
        position: fixed;
        bottom: 20px;
        right: 15px;
        transform: scale(0);
        transform-origin: 90% 50%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease .3s;
        -moz-transition: all ease .3s;
        transition: all ease .3s;
        }
    
        .cta-link-mobile-wrapper.show-m-cta{
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        }
    
    
        .cta-link-mobile-wrapper.is-on-bottom{
        /* position: absolute; */
        bottom: 120px;
        right: 15px;
        }
    
        .cta-link-mobile-wrapper.is-on-bottom > .cta-link-mobile span.wording-cta {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        max-width:none;	
        }

        .solutions-bott-spacer {height: 0;}
} 

    
    @media (min-width: 480px) and (max-width:962px){
        #cc-matrix-5932022525 { margin-top: 30px;}
    
        #cc-matrix-5932022525 .j-htmlCode {
        flex: 1 0 55%;
        /* max-height: 425px; */
        }
    
        .bundles {
        flex-flow: row wrap;
        justify-content: space-between;
        }
    
        .s-bundle {	flex: 0 1 45%; }
 } 
    

    @media screen and (max-width:325px){
        .service-title {padding-top: 15px;}
    
        .service-descr h3 {padding: 0 0 15px!important;}
    
        .service-descr p {line-height: 1.2;	}
    
}
    
    
    
    
    
    
    
    
    /* ABOUT PAGE
    ------------------------------------------------------------- */

    #cc-m-15210288825{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: calc(50vh - 210px)!important;
    }
    
    
    .intro-about {
    max-width: 410px;
    padding-bottom: 32px;
    }
    
    .ab-intro-objects {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;	
    align-items: flex-end;
    }
    
    @media (max-width:1080px){
        .ab-intro-objects #legal-img-obj {display:none;}
    }
    
    
    .ab-intro-objects figure{
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
        animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    }
    
    .ab-intro-objects #profile-img-obj{-webkit-animation-delay: .3s; -moz-animation-delay: .3s; animation-delay: .3s;}
    .ab-intro-objects #process-img-obj{-webkit-animation-delay: .5s; -moz-animation-delay: .5s; animation-delay: .5s;}
    .ab-intro-objects #admin-img-obj{-webkit-animation-delay: .7s; -moz-animation-delay: .7s; animation-delay: .7s;}
    .ab-intro-objects #legal-img-obj{-webkit-animation-delay: .8s; -moz-animation-delay: .8s; animation-delay: .8s;}
    
    
    
    
    .about-col-1 {max-width:220px;}
    .about-col-2 {width:80%; max-width:280px;}
    .about-col-3 {max-width:280px;}
    
    
    .section-title {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 35px;
    }
    
    .no-horizlined {justify-content: flex-start;}
    
    .horizlined,
    .horizlined-grey{
    flex: 1 1 15%;
    height: 1px;
    margin: 5px 15px 0;
    background: #b0b0b0;
    }
    
    .horizlined-grey{background: #333333;}
    
    
    .no-horizlined .sect-word{padding-right: 20px;}
    
    
    .sect-word,
    .sect-numb { flex: 0 1 auto; font-size: 18px;}
    
    .downloadable{
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
    }
    
    #asterisk {justify-content:flex-start}
    
    #download-agreement{padding: 65px 0 30px;}
    
    
    .workflow-list {
    margin: 0;
    padding: 0 0 0 4px;
    }
    
    .workflow-list li { 
    padding-bottom: 8px; 
    line-height: 1.3;
    font-size: 18px;
    }
    
    .workflow-list li::marker {
    font-size: 14px;
    vertical-align: super;
    font-weight: 700;
    color: #525252;
      }
    
    .workflow-list li ul{ padding-left:10px; margin:5px 0 0 0;}
    
    .about-col-1 .cta-link-lighter,
    .about-col-2 .cta-link-lighter,
    .about-col-3 .cta-link-lighter{
    border-bottom: none;
    }
    
    
    
    #ab-slogan-bottom{padding-top: 6px;}
    #founder{padding: 0 10px;}
    

    .ab-p a img {opacity: 0.6; padding: 0 3px;}
    
    .ab-p a:hover img {opacity: 1;}
    
    
    .about-bott-spacer {height:8vh;}

    #cc-m-19166643625,
    #cc-m-19166656925,
    #cc-m-19166660125,
    #cc-m-19166670925,
    #cc-m-19166672225 {margin-top: 30vh;}
    
    
    
    /* !!!!!!!!! IMPORTANT !!!!!!!  */   
    @media screen and (min-width: 962px){   
        .response{display:block!important;}     
    }


    @media screen and (max-width:962px){

        #cc-m-15210288825 {padding-top: 0!important;}
    
        .intro-about {max-width: none;}


   /* The Intro text */
   #cc-matrix-4660987925 {margin-top: 35vh; } 


        #cc-matrix-4660988025 {display: none;}
    
        .sec-shor-descr {display: none;}
    
        
        .about-col-2,
        .about-col-3 {
        width:80%; 
        max-width:none;
        margin: 0 auto;
        /* padding-bottom: 50px; */
        }
    
        .my-spacer.ab-pg-main {display: none;}
    
        #ds-agreements{padding: 0 0 40px 0;}
        #download-agreement {padding: 0 0 15px;}
        #hq-address {padding: 15px 0 40px;}
    
    
        .section-title {padding-bottom: 15px;}

        .no-horizlined {justify-content: space-between;}
    
        .req .sect-word p{font-weight: bold; color:#626262;}
    
        .req .horizlined-grey,
        .req .sect-numb{display: none;}
    
        .req::after {
        content:"more_vert";
        font-family: 'Material Icons';
        -webkit-font-feature-settings: 'liga';
        display: inline-block;
        position: relative;
        font-size: 20px;
        max-height: 28px;
        color: #626262;	
        -webkit-transition: all ease .3s;
        -moz-transition: all ease .3s;
        transition: all ease .3s;	
        }
    
        .show.req::after {
        transform: rotate(-90deg);
        }
    
    
        .response{padding: 10px 0 40px;	}

        #cc-m-19166643625,
        #cc-m-19166656925,
        #cc-m-19166660125,
        #cc-m-19166670925,
        #cc-m-19166672225 {margin-top: 10vh;}
    
        #cc-m-19166670925{display: none;}
    
        
        #ab-slogan-bottom {margin-top: 15vh;}
        #founder{padding:10px;}
        
    
        .about-bott-spacer {height:25vh;}
    
    
} 
    

    
    @media (min-width: 480px) and (max-width:962px){
            #cc-matrix-4660988025 {display: block;}    
            
            .about-col-2,
            .about-col-3 {width:60%; }
    
            #ab-slogan-bottom {	margin-top: 35vh;}
    
            .about-bott-spacer {height:30vh;}
} 
    
    

    
    /* CONTACT PAGE
    ------------------------------------------------------------- */    
    .contact-intro-link .brighter-link{
        padding: 0 4px 0 2px;
        border-bottom: 2px solid rgba(255, 255, 255, 0);
        -webkit-transition: all .25s!important;
        -moz-transition: all .25s!important;
        transition: all .25s!important;
        }
        
        .contact-intro-link .brighter-link:hover{
        padding:0 4px 4px 2px; 
        border-color: rgba(255, 255, 255, 1);
        }
        
        #content_area #contact-add-links a{text-decoration: underline!important;}
        
        #contact-cta a{
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: space-between;
        /* width: 50%; */
        max-width: 180px;
        padding-right: 6px;
        box-sizing: border-box;
        -webkit-transition: padding 0.3s, color 0.3s ease-in!important;
        -moz-transition: padding 0.3s, color 0.3s ease-in!important;
        transition: padding 0.3s, color 0.3s ease-in!important;
        }
        
        #contact-cta a span{
        font-size: 22px;
        line-height: 1;
        }
        
        #contact-cta a:hover{padding-right: 0;}
        
        #page-2849868825 #content {min-height: calc(100vh - 200px);}
    
    
    
        #c-social,
        #contact-add-links div,
        #contact-cta{
        -webkit-animation-name: fadeInUp;
        -moz-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: .8s;
        -moz-animation-duration: .8s;
        -o-animation-duration: .8s;
        animation-duration: .8s;
        }
        
        #c-social{-webkit-animation-delay: .7s; -moz-animation-delay: .7s; animation-delay: .7s;}
        #contact-add-links div:nth-child(1){-webkit-animation-delay: .9s; -moz-animation-delay: .9s; animation-delay: .9s;}
        #contact-add-links div:nth-child(2){-webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; animation-delay: 1.1s;}
        #contact-cta{-webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s;}
    
    
    @media screen and (min-width:962px){
        #cc-m-19167142025 {
        padding-top: calc(62vh - 175px)!important;
        }
    
        .cc-pagemode-default #cc-m-19167142025 {
        display: flex;
        flex-flow: row wrap;
        }
    
    
        .contact-landing,
        .contact-after-landing {
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 80px;
        }
    
        .cont-left {flex: 0 1 67%;}
    
        .cont-right {
        justify-self: flex-end;
        flex: 0 0 33%;
        min-width: 375px; 
        }
    
        .intro-contact{
        max-width:425px;
        padding-top: 10px;
        }
    
        .cont-add-info {
        max-width: 425px;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: space-between;
        }
    
        #c-social {flex: 1 1 60%;}
    
        #contact-add-links{
        display: flex;
        flex: 1 1 40%;
        /* flex-flow: row wrap; */
        align-items: center;
        justify-content: space-between;
        padding-right: 10px;
        }
    
    
        #contact-cta {padding-left:12px;}
    
    } 

    
    @media screen and (max-width:962px){    
        .intro-contact,
        .contact-intro-link,
        .contact-after-landing {
        width: 80%;
        max-width: none;
        margin: 0 auto;
        }   
    
        .intro-contact {margin-bottom: 12vh;}
    
        .contact-intro-link{margin-bottom: 8vh;}
        .contact-after-landing{margin-bottom: 6vh;}
    
        .contact-intro-link h2{font-size:24px!important; padding:0!important;}
    
        .cont-add-info div {margin-bottom: 15px;}
    
    
        #contact-cta {margin-top: 50px;}
    
        #contact-cta a{
        color: #fff!important;
        padding-bottom: 4px;
        border-bottom: 2px solid white;
        }
    
    }
    
    
    @media (min-width: 480px) and (max-width:962px){    
        .intro-contact,
        .contact-intro-link,
        .contact-after-landing {
        width: 60%;
        }
    
        #contact-cta {margin-top: 120px;}
    
    
    
} 
    

    @media (max-width:480px){
        .isOnFB .contact-intro-link h2 {font-size: 18px!important;}
        .isOnFB #contact-cta a {max-width:none;}
    
    }
    
    
    
    
    
    
    
    
    
    
    /* EST PROJECT PAGE
    ------------------------------------------------------------- */
    
    #page-2850128125 #footer{background-color: #fff;}
    
    
    #page-2850128125 #contentfooter a:link, 
    #page-2850128125 #contentfooter a:visited, 
    #page-2850128125 #contentfooter a:focus,
    #page-2850128125 #contentfooter p,
    #page-2850128125 div.leftrow{
    color: #b0b0b0!important;
    font-weight: normal!important;
    }
    
    
    #page-2850128125 .my-header::after {display: none;}   
    
    
    #page-2850128125 {	
    scrollbar-width: thin; 
    scrollbar-color:#b0b0b0; #fff; 
    }

      @media (pointer: fine) {
            
            #page-2850128125::-webkit-scrollbar-track {
            background: #fff;
            background-color:#fff;
            border-radius: 0px;
            }

            #page-2850128125::-webkit-scrollbar-thumb {
            background: #b0b0b0;
            background-color: #b0b0b0;
            border-radius: 10px;	
            }
    }     
    
    
    .project-landing {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content:space-between;
    margin-bottom: 20px;
    }
    
    
    .go-back,
    .mob-tip,
    .close-tip {display:none;}
    

    #cc-m-19167164025 {
    background: #fff;
    margin: 0 -500%;
    padding: 120px 500% !important;
    }

    .cc-pagemode-default .cc-m-form-view-sortable > div{ 
    /* width:40%; */
    max-width:350px;
    -webkit-transition: all .3s!important;
    -moz-transition: all .3s!important;
    transition: all .3s!important;
    
    }
    

    .cc-m-form-view-input-wrapper input[type="text"], 
    .cc-m-form-view-input-wrapper input[type="email"],
    .cc-m-form-view-input-wrapper textarea {
    background-color:rgba(255, 255, 255, 0)!important;
    color:#131313!important;
    padding: 4px 5px!important;
    font-size: 24px;
    letter-spacing: -0.02rem;
    border-color: #b0b0b0!important;
    border-top:none!important;
    border-left:none!important;
    border-right:none!important;
    border-radius:0!important;
    outline: none!important;
    -webkit-transition: all .4s ease!important; -moz-transition: all .4s ease!important;  transition: all .4s ease!important;
    }
    
    .cc-pagemode-default .cc-m-form-text,
    .cc-pagemode-default .cc-m-form-checkgroup,
    .cc-pagemode-default .cc-m-form-select,
    .cc-pagemode-default .cc-m-form-textarea{margin-bottom: 10rem; }
    

    .j-formnew label div {
    font-size: 24px!important;
    letter-spacing: -0.02rem!important;
    padding-left:6px;
    font-weight: normal;
    color:#cdcdcd!important;
    }
    
    .cc-m-form-text label div,
    .cc-m-form-textarea label div,
    .cc-m-form-email label div {
    -ms-transform: translateY(37px); 
    -webkit-transform: translateY(37px); 
    transform: translateY(37px); 
    -webkit-transition: all .3s ease!important; -moz-transition: all .3s ease!important;  transition: all .3s ease!important; 
    }
    
    
    
    .cc-m-form-view-element.active-f > label div {
    -ms-transform: translateY(0px);  
    -webkit-transform: translateY(0px); 
    transform: translateY(0px);
    opacity:0;
    visibility: hidden;
    -webkit-transition: all .3s ease!important; -moz-transition: all .3s ease!important;  transition: all .3s ease!important;
    }
    
    .cc-m-form-view-element.cc-m-form-checkgroup.active-f > label div {opacity: 1!important; visibility: visible!important;}
    

    .cc-m-form-view-sortable .cc-m-form-view-input-wrapper input[type=checkbox] {opacity:0; width:0;}
    .cc-m-form-checkable-vertical {padding-left:2px;}
    
    
    .cc-m-form-checkable-vertical label span, 
    .cc-m-form-checkable-horizontal label span{color: #cdcdcd; font-size: 24px; letter-spacing: -0.02rem; /*text-decoration: line-through;*/ }
    .cc-m-form-checkable-vertical label input[type=checkbox]:checked + span {color: #131313!important; text-decoration: none;}
    

    .cc-pagemode-default .cc-m-form-select select {
    outline: none!important;
    background-color:rgba(255, 255, 255, 0)!important;
    padding: 4px 0!important;
    font-size: 24px;
    color:#cdcdcd; 
    letter-spacing: -0.02rem;
    border-color: #b0b0b0!important;
    border-top:none!important;
    border-left:none!important;
    border-right:none!important;
    border-radius:0!important;
    }
    
    .cc-pagemode-default .cc-m-form-select select option:disabled {color: #cdcdcd;}
    
    
    
    .cc-pagemode-default .cc-m-form-select label div {display: none!important;}
    

    .cc-m-form-textarea{
    -webkit-transition: all .3s!important;
    -moz-transition: all .3s!important;
    transition: all .3s!important;
    }
    
    .cc-m-form-textarea.active-f {max-width: 100%!important; }
    
    .cc-m-form-textarea textarea {resize: vertical;}
    

    .cc-m-form-submit {
    float: right;
    top: -104px;
    /* transform: translateY(-116%); */
    }
    
    .cc-m-form-view-input-wrapper {
    display: flex;
    flex-flow: column-reverse;
    }
    
    .j-formnew input[type="submit"] {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 3px #131313;
    background: transparent;
    font-size: 24px;
    margin-bottom: 6px;
    padding: 4px 34px 4px 6px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    outline: none!important;
    -webkit-transition: all .3s!important;
    -moz-transition: all .3s!important;
    transition: all .3s!important;
    }

    .cta-input::after{
    content: "north_east";
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    display: block;
    color:#131313;
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 28px;
    pointer-events: none;
    -webkit-transition: all .3s!important;
    -moz-transition: all .3s!important;
    transition: all .3s!important;
    }

    .cta-input:hover > input{padding-left:12px;}

    .cta-input:hover::after{
    transform: rotate(45deg);
    right: 2px;
    }
    


    .cc-m-form-view-input-wrapper label {
    color: #999;
    font-size: 16px;
    box-sizing: border-box;
    padding-right: 48px;
    }

    #content_area .cc-m-form-view-input-wrapper label a{
    color: #999;
    text-decoration: underline!important;
    }

    #page-2850128125 .x-message {
    min-width: 150px!important;
    padding: 14px 20px 14px 14px!important;
    -webkit-border-radius: 16px!important;
    border-radius: 16px!important;
     }
     
     div.x-message.message-alert,
     div.x-message.message-confirm,
     div.x-message.message-error {
    background: #fff url(???) no-repeat center;
    background-image: none!important;
    background-size: 0px 0px!important;
    background-color:#fff!important;
    border: none!important;
    box-shadow: 6px 20px 40px 0px rgba(91, 89, 123, 0.3);
     }
     
     div.x-message.message-warning {
    background: #acacac url(???) no-repeat center;
    background-image: none!important;
    background-size: 0px 0px!important;
    background-color:#acacac!important;
    border: none;
    box-shadow: 6px 20px 40px 0px rgba(91, 89, 123, 0.3);
     }
     
     
     div.x-message.x-message-closable span.x-message-close {
    margin: 0!important;
    display: flex!important;
    justify-content: center;
    align-items: center;
    width: 26px!important;
    height: 26px!important;
    border-radius: 50%;
    background: #131313;
    right: -18px!important;
    top: -18px!important;
    padding: 6px!important;
    border: none !important;
    line-height: 1.2!important;
    font-size: 14px!important; 
    color: #fff;
    box-shadow: 0 10px 14px rgba(91, 89, 123, 0.4);
     }
     
     div.x-message p.x-message-content {
    line-height: 1.2!important; 
    font-size: 14px!important;
     }

    
    .cc-m-confirmationtext {min-height: calc(100vh - 540px);}
    
    .cc-m-confirmationtext h2{
    color: #131313!important;
    letter-spacing: -0.04rem;
    padding: 0!important;
    font-weight: 900!important;
    }
    
    .cc-m-confirmationtext p{ color: #131313!important; letter-spacing: -0.04rem;}
    
    .confirmation-social {margin-top:120px;}
    

    .confirm-p a img {opacity: 1; padding: 0 3px; filter: brightness(0%);}
    
    .confirm-p a:hover img {opacity: 0.7;}
    
    #content_area .confirmation-social a{color: #131313;}
    #content_area .confirmation-social a:hover{color: #00828c!important;}
    

   .j-formnew label div:after, 
   .j-formnew .cc-m-form-note {display:none; }

    
    @media screen and (max-width:962px){    
            #page-2850128125 #content {margin-top: 88px;} /* This should be done with class ".is-sub"  */

            .go-back{
            display: block;
            position: fixed;
            top: 18px;
            left: 15px;
            width: 46px;
            height: 42px;
            padding: 6px 0;
            background: #131313;
            z-index: 999999;
            }
            #content_area .go-back a {color:#fff!important;}
    
            .go-back a span{font-size:32px;}

            #cc-m-19167161925{
            position: fixed;
            top: 80px;
            width: 100%;
            left: 0;
            background: #232323;
            padding: 0 20px;
            box-sizing: border-box;
            z-index: 99;
            }
    
            .mob-tip{
            display: flex;
            align-items: center;
            justify-content: center;
            }
    
            .close-tip {
            display: block;
            position: absolute;
            top: -8px;
            right: -2px;
            padding: 14px;
            color: #131313;
            font-weight: 900;
            line-height: 1;
            }
    
            #p-nda{
            position: absolute;		
            right: 15px;
            top: 40px;
            background: #fff;
            padding: 20px 15px;
            overflow: hidden;
            -webkit-border-radius: 16px!important;
            border-radius: 16px!important;
            box-shadow: 6px 20px 40px 0px rgb(91 89 123 / 30%);
            max-width: 0; 
            max-height: 0; 
            opacity: 0;
            visibility: hidden;
            transform: scale(0);
            transform-origin: right top;
            -webkit-transition: all .3s!important;
            -moz-transition: all .3s!important;
            transition: all .3s!important;
            }
    
            #p-nda p,
            #p-nda a{font-size:14px!important; color: #131313!important;}
    
            .show-tip {
            max-width: 100%!important;
            max-height: 100%!important;
            opacity: 1!important;
            visibility: visible!important;
            transform: scale(1)!important;	
            }
    
    
            .cc-m-confirmationtext h2{
            font-size:26px!important;
            font-weight: 700!important;
            }
    
            .cc-m-confirmationtext {
            min-height: calc(100vh - 425px);
            }
    
    
    }

    
    @media (max-width: 480px) {    
        .cc-m-form-view-sortable > div {max-width: none;}
    
        .cc-m-form-text, 
        .cc-m-form-checkgroup, 
        .cc-m-form-select, 
        .cc-m-form-textarea {
        margin-bottom: 6rem;
        }
    
    
        .cc-m-form-submit {
        float: none;
        top: auto;
        margin-top: 8rem;
        }
} 
    
    
    
    @media (max-width: 320px) {
        .j-formnew label div,
        .cc-m-form-checkable-vertical label span,
        .cc-pagemode-default .cc-m-form-select select {font-size: 22px!important;}
        .cc-m-form-view-input-wrapper label {font-size: 14px; padding-right: 8px;}    
    }
    
    @media (max-width: 480px) {
        .isOnFB .j-formnew label div,
        .isOnFB .cc-m-form-checkable-vertical label span,
        .isOnFB .cc-m-form-select select {font-size: 18px!important;}
        .isOnFB .cc-m-form-view-input-wrapper label {font-size: 14px; padding-right: 8px;}
        .isOnFB .j-formnew input[type="submit"] {font-size: 22px!important;}
    }
    
    
/* PORTFOLIO PAGE
 ------------------------------------------------------------- */   
#cc-m-19186152225 {
    padding-top: calc(62vh - 175px)!important;
    margin-bottom:30vh;
}


@media screen and (min-width:962px){
    .cc-pagemode-default .portfolio-landing,
    .cc-pagemode-default #cc-m-19197252525{display:none;} 
}


.project-year{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.yearWrapper{
    margin-right: 34px;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 76px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

.openY-cal{cursor:pointer;}
.openY-cal span.material-icons{
    display: block;
    line-height: 35px;
    font-size: 22px;
    margin: 1px 0 0 -2px;
    color:#626262;
    transform: rotate(0deg);
    transition: all .3s;
}

.y-cal{
    list-style-type: none;
    margin: 0 0 0 16px;
    padding: 0;
    position: absolute;
    right: 2px;
}

.cc-pagemode-default .y-cal li {
    line-height: 1;
    height: 35px;
    opacity:0;
    transition: all .4s;
}

.y-cal li.activeY {
    opacity:1;
}

.y-cal li a {
    color: #444;
    font-size: 17px;
    font-weight: 700;
    line-height: 30px;
}

#content_area .y-cal li a:hover{color:#626262!important;}

.y-cal li.activeY a {color:#626262;}


.project-year .horizlined-grey {
    max-width: 180px;
    margin: 0;
}

.yearWrapper.y-select {
  overflow: visible;  
}

.y-select .y-cal li { opacity:1; }

.y-select .openY-cal span {
    transform: rotate(90deg);
}

.y-anchor {height:200px;}

@media screen and (min-width:962px){ 
    .mob-year{display:none;} 
}


.year-sec{ min-height:30vh;}

.project-all-projects {
    position:relative;
}

.cc-pagemode-default .title-link {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    position:relative;
}

.cc-pagemode-default .title-link:hover {display: flex;}

.title-link .trigger-dscr {
    position: relative;
    z-index: 99;
    cursor:pointer;
    font-size: 22px;
    color: #525252;
    transition: all .3s;
}
.trigger-dscr:hover {color: #ffffff!important;}
.title-link:hover .trigger-dscr{color: #ffffff!important;}


.cc-pagemode-default .project-preview{
    height:0;
    opacity:0;
    visibility:hidden;
    overflow:hidden;
    position:absolute;
    right:0;
    top: -50px;
    z-index: 9;
    width: 68%;
    max-width: 800px;
    background: #232323;
    transition: all 1s;
    
}
@media (hover: hover) {
    .title-link:hover .project-preview,
    .project-preview:hover{
        height:auto;
        opacity:1;
        visibility:visible;
    }
}

.project-image{margin-bottom:15px;}
.project-heading{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}

@media screen and (min-width:962px){ .project-dscr {padding: 0 10px 10px;} }

.project-heading h3 {font-size:18px!important;}
.type-pr h4 {font-size:15px!important; color:#444444!important; padding: 3px 0!important;}
.project-case p {font-size:16px;}
.prj-siteLink {margin:5px 0; padding:8px 0; font-size:14px!important;}



@media screen and (max-width:481px){

    /*
    #cc-m-19186152225 {padding-top: calc(60vh - 75px)!important; margin-bottom: 0; }
    .intro-projects h2 {font-size: 24px!important; } 
    */

    
}    
    
@media screen and (max-width:962px){  

   /* The Intro text */
   #cc-m-19186152225 {
    margin-top: 35vh;
    margin-bottom: 0;
    padding-top: 0 !important;
}    
    
    #cc-m-19197252525 {
    position: fixed;
    top: 80px;
    width: 100%;
    left: 0;
    background: #232323;
    padding: 0 20px;
    box-sizing: border-box;
    z-index: 999;
    }
    
    
    .mob-year{position:relative;}
    
    
    
    .mob-year span.close {
    display:none;  
    position: absolute;
    right: 0;
    top: -14px;
    color:#d7d8da;
    }
    .mob-year span.open {
    display:inline-block;
    position: absolute;
    right: 0px;
    top: -15px;
    }
    
    .mob-year.clicked > span.close {display:inline-block; }
    .mob-year.clicked > span.open {display:none;}
    
    #mob-year-select{
    position: absolute;
    right: 0;
    width: 100%;
    top: 40px;
    display: flex;
    flex-flow: row nowrap;
    overflow-x: hidden;
    padding: 8px 15px 12px;
    box-sizing: border-box;
     background: #1c1c1c;
     border-bottom: 1px solid #2d2d2d;
    -webkit-overflow-scrolling: touch;
     max-height: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);/
    transform-origin: top center;
    -webkit-transition: all .2s!important;
    -moz-transition: all .2s!important;
    transition: all .2s!important;
    }
    
    #mob-year-select.show-years{
    overflow-x: auto;
    max-height: 100%!important;
    opacity: 1!important;
    visibility: visible!important;
    transform: scale(1)!important; 
    }
    
    #mob-year-select a{
    padding: 2px 15px;
    margin: 0 5px;
    font-size: 18px;
    white-space: nowrap;
    color:#525252!important;
    }
    
    #content_area #mob-year-select a:hover{color:#fff!important;}
    
    #mob-year-select a:first-child{padding-left:0!important;}    
    
    .year-sec { min-height: 1px;}
	
    .y-anchor {
        height: 250px;
        display: flex;
        align-items: flex-end;
    }
    
    .yearWrapper,
    .horizlined-grey {display:none;}
    
     .cc-pagemode-default .title-link {
         flex-flow: column nowrap;
     }   
    
    .cc-pagemode-default .project-preview {
    position: relative;
    right: auto;
    left: 0;
    top: 16px;
    z-index: 0;
    width: 100%;
    }
    
    
    .project-preview.show-project{
    height:auto;
    opacity:1;
    visibility:visible;   
    }
    
    .project-dscr {padding-bottom: 50px;}
    
    .project-heading {margin-bottom: 30px;}
    
    .project-heading > div:not(.type-pr) {flex: 0 1 48%;}
    
    #cc-m-19195586825 {display:none;}
    
}   



/* 
WORKS PAGE ADDITIONS
----------------------------------- */
.scroll-hint {
padding-top: 80px;
}




/* Web Design page 
---------------------------------- */
.web-values {
    max-width: 800px;
    margin: 0 auto;
}

    
    
    
    /* 
    COOKIE BANNER
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
    /* Desktop Settings 
    @media screen and (min-width:962px){ */
    
        .cc-individual-cookie-settings-overlay {
        background-color: #131313!important;
        opacity: .75!important;
        }
    
    
        .cc-individual-cookie-settings.ui-dialog {
        box-shadow: 0px 12px 38px 0px rgba(0, 0, 0, .7);
        }
    
    
        .cc-individual-cookie-settings.ui-dialog.ui-corner-all {
        -webkit-border-radius: 24px!important;
        border-radius: 24px!important;
        }
    
        .cc-individual-cookie-settings.ui-widget-content {
        border: none!important;
        background: #dddddd!important;
        color: #131313;
        /* display: flex;
        flex-flow: row wrap;
        align-items: flex-end; */
        }
    
    
        .cc-individual-cookie-settings-texts {
        color: #333;
        padding: 20px 20px 10px!important;
        text-align: center;
        }
    
        .cc-individual-cookie-settings-texts h2 {
        color: #131313!important;
        font-size: 22px!important;
        letter-spacing: -0.04rem!important;
        padding: 0!important;
        font-weight: normal!important;
        text-align: center;
        }
    
        .cc-individual-cookie-settings-texts p{
        color: #333!important;
        line-height: 1.35!important;
        text-align: center;
        overflow: hidden!important;
        }
    
        .cc-individual-cookie-settings-texts .links {margin-top: 0!important;}
    
    
        .cc-individual-cookie-settings.ui-widget-content a {color: #00828c!important;	}
    
        .cc-individual-cookie-settings-categories {		
        border-top: 1px solid #b5b5b5;
        }
        .cc-individual-cookie-settings-categories ul{
        padding: 10px 24px 8px!important;	
        border-bottom: 1px solid #b5b5b5;
        }
    
    
        .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-categories ul .category, 
        .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-categories ul .cookie{
        -webkit-border-radius: 0!important;
        border-radius: 0!important;
        background-color: rgba(221, 221, 221, 0)!important;
        padding: 4px!important;
        color: #696c76!important; 
        }
    
        .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-categories ul .category .more button, 
        .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-categories ul .cookie .more button{
        border-left: none!important;
        outline: none!important;
        }
    
        button.toggle span.fill {
        /* background-color: #00828c!important; */
        background-color:#419892!important;
        outline: none!important;
        }
    
        button.toggle {
        background-color: #c3c3c3!important;
        outline: none!important;
        }
        
    
    
        .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions{
        padding: 0!important;
        display: flex!important;
        flex-flow: row nowrap;
        align-items: flex-start;
        }
    
    
        .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn {
        border: none!important;
        font-weight: normal!important;
        border-radius: 0!important;
        padding: 16px 12px!important;
        background-color: #dddddd!important;
        color: #777!important;
        outline: none!important;
        font-size: 13px!important;
        border-right: 1px solid #b5b5b5!important;
        }
.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn:nth-last-child(2) {border: none!important;}

    
        .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn-primary:hover{background-color: #fff!important;}
        
    
        .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn-primary {
        margin-bottom: 0!important;		
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        background-color: #dddddd!important;
        color: #000!important;	    
        outline: none!important;
        -webkit-transition: background-color .3s;
        -o-transition: background-color .3s;
        transition: background-color .3s;
        }

        .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-texts .accept-necessary {
        top: 6px!important;
        right: 20px!important;
        }
    
 
    /* }  EOF MQ DESKTOPS */
    
    
    @media (max-width: 376px){   
    
        body .cc-individual-cookie-settings.ui-dialog {
        bottom: calc(50vh - 200px)!important;
        right: calc(50vw - 43%)!important;
        /* transform: translate(50%, 50%); */
        width: 86%!important;
        max-width: 400px;
        /* height: 80%!important; */
        height: auto!important;
        max-height: 400px!important;
        overflow: visible!important;
        }

        .cc-individual-cookie-settings.ui-dialog .ui-dialog-content {border-radius: 24px;}

        .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn {
         height: 100%;
         height: auto;
         margin-bottom: 0!important;
         }
    
        .all-categories-view,
        .category-view {padding-bottom: 0px!important;}
    
        .cc-individual-cookie-settings-texts {padding: 16px 8px 8px!important;}
        .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-texts p {max-height:none!important;}

        .cc-individual-cookie-settings-categories ul {padding: 2px 8px!important;}
        .cc-individual-cookie-settings-categories ul .cookie {margin-bottom:0!important;}

        button.toggle { margin-right: 6px!important;}

        .cc-individual-cookie-settings-categories ul .category .more button{width: 34px!important;}

        .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions {align-items: stretch!important;}
        .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn {font-size: 13px!important; }


        .isOnFB .cc-individual-cookie-settings-texts h2 {font-size: 18px!important;}
        .isOnFB .cc-individual-cookie-settings-texts p,
        .isOnFB .cc-individual-cookie-settings-categories ul .category .name,
        .isOnFB .cc-individual-cookie-settings-categories ul .cookie .more .description {font-size: 11px!important;}
        .isOnFB .cc-individual-cookie-settings-categories ul .category {margin-bottom:0!important;}
   
    }  
    
    
    
    
    @media (min-width: 376px) and (max-width:1200px){     
        body .cc-individual-cookie-settings.ui-dialog {
        bottom: 50%!important;
        right: 50%!important;
        transform: translate(50%, 50%)!important;
        }    
    
    } 
    
  






  
    
    /* GENERIC Browser specific settings */    
     @media (max-width: 480px){
        .isOnFB h1 {font-size: 23px!important;}	
        .isOnFB h3 {font-size: 20px!important;}	
        .isOnFB h4 {font-size: 18px!important;}	
        .isOnFB p {font-size: 16px!important; line-height:1.25;} 
        .isOnFB .cta-link-mobile span.circle-cta {font-size: 24px!important;} 
        .isOnFB p.copy,
        .isOnFB #contentfooter a:link {font-size: 10px!important;}
    } /* End of MQ FB */







    
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
            NO JS MODAL
    
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
    #no-js {
    display: block;
    position:fixed;
    bottom:16px;
    right:16px;
    width:300px;
    background:#dddddd;
    color: #131313;
    -webkit-border-radius: 24px!important;
    border-radius: 24px!important;
    box-shadow: 0px 12px 38px 0px rgba(0, 0, 0, .7);
    overflow: auto;
    }
    
    .modal-title {
    padding:18px 15px;
    border-bottom:1px solid #b5b5b5;
    }
    .modal-title h5{
    color: #131313!important;
    font-size: 22px!important;
    letter-spacing: -0.04rem!important;
    padding: 0!important;
    margin:0;
    line-height:1;
    font-weight: normal!important;
    text-align: center;
    }
    
    .no-jsMessenger{
    padding:8px 15px;
    border-bottom:1px solid #b5b5b5;
    }
    
    .no-jsMessenger p {
    color: #333;
    font-size: 14px;
    line-height: 1.35!important;
    text-align: center;
    }
    
    .no-jsInfoTxt {
    font-size: 12px!important;
    color: #666!important;
    padding: 8px 0;
    }
    
    .close-modal a {
    display:block;
    padding:12px 15px;
    text-align:center;  
    text-decoration: none!important;
    font-size: 18px;
    }
    
    
    #no-js:target {display: none;}
    
    

    
    
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
            LIGHT THEME
    
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
    body.light-theme {background-color: #f9f9f9!important;}
    
    .light-theme .my-header {
    background-color: rgba(249, 249, 249, 0);
    border-bottom:1px solid rgba(22, 22, 22, 0);
    }

    .light-theme .my-header::after {background-color: #f9f9f9;}

    .light-theme .nav-wrapper {background: #f9f9f9;}
    
    .light-theme .navbg {
    background-color: rgba(249, 249, 249, .92);
    border-bottom:1px solid rgba(22, 22, 22, 0.12);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-transition: border .2s cubic-bezier(.28,.11,.32,1);
    -moz-transition: border .2s cubic-bezier(.28,.11,.32,1);
    -o-transition: border .2s cubic-bezier(.28,.11,.32,1);
    transition: border .2s cubic-bezier(.28,.11,.32,1);
    }
    
    .light-theme .m-header-open {
    background-color: rgba(249, 249, 249, 1)!important;
    border-bottom:1px solid rgba(22, 22, 22, 0)!important;
    }
    
    .light-theme .logo-shape{fill:#2d2d2d;}	
    .light-theme .logo-wording{fill:#2d2d2d;}
    
    
    .light-theme #navigation .j-nav-level-0 a {color:#a8a8a8;} 
    
    .light-theme #navigation li a:hover, 
    .light-theme #navigation li a:active, 
    .light-theme #navigation li a:focus, 
    .light-theme #navigation li.cc-nav-current > a:link, 
    .light-theme #navigation li.cc-nav-current > a:visited, 
    .light-theme #navigation li.cc-nav-parent > a:link, 
    .light-theme #navigation li.cc-nav-parent>a:visited {color:#2d2d2d!important;}
    
    .light-theme [for="sm"] span,
    .light-theme [for="sm"] span::before,
    .light-theme [for="sm"] span::after { background: #2d2d2d;}
    
    .light-theme #sm:checked + [for="sm"] span::before,
    .light-theme #sm:checked + [for="sm"] span::after { background: #2d2d2d;}
    
    
    .light-theme #navigation .j-nav-level-1 {
    background-color: #ffffff;
    border-top: 1px solid #e4e4e4;
    box-shadow: none; 
    }
    
    .light-theme #navigation .j-nav-level-1::after {
    border-bottom-color: #fff;
    }
    
    
    .light-theme #navigation .j-nav-level-2 li a {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.12);
    }
    
    .light-theme #navigation .j-nav-level-2 li:hover a,
    .light-theme #navigation .j-nav-level-2 li.cc-nav-current > a:link,
    .light-theme #navigation .j-nav-level-2 li.cc-nav-current > a:visited{ color:#2d2d2d!important;}
    .light-theme #navigation .j-nav-level-2 li a{color:#b1b1b1!important;}
    
    
    .light-theme #content_area a:link,
    .light-theme #content_area a:active,
    .light-theme #content_area a:visited { 
    color:#007d88!important;
    text-decoration: none!important;
    -webkit-transition: color 0.15s ease-in;
    -moz-transition: color 0.15s ease-in;
    transition: color 0.15s ease-in;
    }
    .light-theme #content_area a:hover { /* text-decoration:underline!important; */ color:#48b2b7!important;}
    
    .light-theme h1,
    .light-theme h2,
    .light-theme h3{color:#000!important;}
    
    .light-theme h1 {letter-spacing:-4px;}
    
    .light-theme p {
    font-weight: normal!important;
    color:#333333!important;
    }
    
    .light-theme .emphasis {
    font-size: 22px;
    font-weight: 500!important;
    }
    
    
    
    
    /* GLOBAL 962MQ - LIGHT THEME
    ------------------------------------------------------------- */
    @media screen and (max-width:962px){
    
            .light-theme #navigation div[data-container="navigation"] { 
            background: #f5f5f5;
            border-top: 1px solid #b9b9b9;
            }
            
            .light-theme #sm:checked~div[data-container="navigation"] li {
            border-bottom: 1px solid rgb(220 220 220);
            }

            .light-theme #navigation ul.j-nav-level-0 li {
            background-color: #ffffff!important;
            box-shadow: 0px 14px 28px 0px rgba(0, 0, 0, 0.1);
            }

            
            .light-theme #navigation ul.j-nav-level-0 li::before  {color: #2d2d2d!important;} 
            
    }