html {
    scroll-behavior: smooth;
    font-family: 'Lato', sans-serif;
  }

body{
	margin :0;
    padding:0; 
}

a{
    font-weight: 400;
    color:#229fff;
    text-align: center;
    text-decoration: none;

}

a:hover {
    text-decoration: underline;
}


.italic{
	font-style: italic;
}

h1, h2, h3 ,h4 ,h5 ,h6 ,p, li, ul, ol{
    font-family: 'Lato', sans-serif;
    margin :0;
    text-align: center;
    color:#5e5851;

}

h1{
    font-size :26px;
    text-transform: uppercase; 
    max-width: 690px;
    margin: 0 auto;
    color:#000000;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    margin-bottom: -1px;
}

h1 a{
    color: black;
}
h1 a:hover{
    color: black;
    text-decoration: none;
}

h2{
    font-size :22px;
    max-width: 690px;
    margin: 0 auto;
    text-transform: uppercase; 
    font-weight: 400;
    color:#4f4f4f;

}

h3{
    font-size :20px;
    max-width: 690px;
    display: block; 
    margin: 0 auto;
    text-transform: uppercase; 
    font-weight: 400; 
    margin-bottom: -4px;
    color:#4f4f4f;

}




h4{
    font-size :20px;
    max-width: 690px;
    display: block; 
    margin: 0 auto;
    font-weight: 200; 
    padding-bottom: 8px;
    color:#222222;
    line-height: 1.45em;
    padding-top: 5px;
}

h5{
    font-size :19px;
    line-height: 1.58em;
    max-width: 690px;
    margin: 8 auto;
    color: #1d1d1d;
    padding-top: 7px;
    font-weight: 300;
    letter-spacing: 0.018em;

}

h6{
    font-size :16px;
    font-weight: 700;
}

p{
    font-size :16px;
    line-height: 1.58em;
    max-width: 690px;
    margin: 0 auto;
    font-weight: 300;
    letter-spacing: 0.018em;
    color: #000000;
    clear: left;
}

.prodtitle{
    font-size: 35;
line-height: 1.6;}

.apptitle{
    font-size: 37;
}



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

    h1, h2, h3 ,h4 ,h5 ,h6 ,p, li, ul, ol{
        font-family: 'Lato', sans-serif;
        margin :0;
        text-align: center;
        color:#5e5851;
        padding-left: 12px;
        padding-right: 12px;
    
    }



    

    h1{
        font-size: 20px;
        padding: 0 11px;
        font-weight: 400; 


    }
    h2{
        font-size: 17px;
        padding: 0 11px;
        font-weight: 200; 


    }

    h3{
        font-size: 17px;
        padding: 0 11px;
        font-weight: 400; 

    }
    
    h4{
        font-size :16px;
        max-width: 690px;
        display: block; 
        margin: 0 auto;
        font-weight: 400; 
        margin-bottom: 8px;
        color:#4f4f4f;
        line-height: 1.4em;
        padding-top: 5px;
    }

    h5{
        font-size :15px;
        line-height: 1.4em;
        max-width: 690px;
        margin: 8 auto;
        color: #303030;
        padding: 0 9 0;
        font-weight: 300;
        letter-spacing: 0.018em;
        padding-top:-50px;
    
    }

    h6{

        padding: 0 11px;

    }

    p{
        font-size :14px;
        line-height: 1.4em;
        max-width: 690px;
        margin: 0 auto;
        font-weight: 300;
        letter-spacing: 0.018em;
        color: #000000;
    
    
    }


}


/******************** title **********************/ 
.title {
    width: 100%;
    position: absolute;
    top: 50%;
}

.title .h1{
    color: white;
    font-size: 20px;
}

/******************** arrow **********************/ 
.arrow{ 
    width: 150px;
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    animation-duration: 3s; 
}

/******************** introduction **********************/ 

.introduction{
    clear:left;
    padding-top:85px;
    padding-bottom: 115px;
    background:rgb(255, 255, 255);
    box-shadow: 0 0 60px rgba(9, 9, 9, 0.2) inset;
    position: relative;
}




.introduction_rm{
    position: relative;
    clear:left;
    padding-top:35px;
    padding-bottom: 40px;
    background:rgb(255, 255, 255);
    /**box-shadow: 0 0 120px rgba(9, 9, 9, 0.15) inset;**/
}


.wartezimmer{
    position: relative;
    clear:left;
    padding-top:35px;
    padding-bottom: 120px;
    height: 380px;
    background:rgb(255, 255, 255);
    background-image: url(images/waiting-room-01-07.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    box-shadow: 20 20 120px rgb(255, 27, 27);

}


.box-black{
    position: absolute;
    box-shadow: -25px 00px 35px  #ffffffd6;

    background-color: rgba(240, 240, 240, 0.92);
    max-width: 500;
    right:10%;
    border-radius: 8px;
    margin-top: 82px;
    padding: 25 40;

}

.wartezimmer p{
    text-align: left;
    font-weight: 400;
    font-size: 18;
}

.wartezimmer h1{
    text-align: left;

}







.alert{
    position: relative;
    clear:left;
    padding-top:25px;
    padding-bottom: 30px;
    background:rgb(65, 65, 65);
    box-shadow: 0 0 120px rgba(0, 0, 0, 0.331) inset;
}

.alert h4{
    color: white;
}
.alert a{
    color: white;
}

.alert h1{
    color: white;
}

.shop_light{
    position: relative;
    clear:left;
    padding-top:65px;
    background:rgb(133, 1, 1);
    /**box-shadow: 0 0 120px rgba(9, 9, 9, 0.15) inset;**/
}
.shop_light h1 .red{
    color: rgb(210, 0, 0);
    /**font-size: 0.75em;**/
}

.shop_light h1{
    color: rgb(255, 255, 255);
    /**font-size: 0.75em;**/
}
.shop_light h4{
    color: rgb(255, 255, 255);
    /**font-size: 0.75em;**/
}
.shop_light p{
    color: rgb(255, 255, 255);
    /**font-size: 0.75em;**/
}

.introduction_rm h1 .red{
    color: rgb(210, 0, 0);
    /**font-size: 0.75em;**/
}
    


.introduction_rm h3 .subline{
    font-weight: 900;
    font-style:italic;
}



.introduction_shop{
    clear:left;
    padding-top:75px;
    padding-bottom: 45px;
    background-color: #1a4483;
    box-shadow: 0 0 80px rgba(1, 24, 48, 0.6) inset, 0px 2px 30px rgba(1, 24, 48, 0.65);
    color: white;
    position: relative;
}

.introduction_shop h1{
    color: white;
}

.introduction_shop h2{
    color: white;

}


.introduction_shop h5{
    color: white;
}

.introduction h4{
    font-size: 32px;
}

.introduction_shop p{
    color: white;
}

.introduction_shop h6{
    color: white;
}

.spacer_intro{
    padding-top:32px;
}

.spacer_half{
    padding-top:12px;
}


.spacer_negative{
    padding-top:-60px;
}


.spacer_third{
    padding-top:2px;
}

.spacer_negative{
    margin-top:-70px;
}


@media only screen and (max-width: 480px){
    
    .spacer_intro{
        padding-top:15px;
    }

    .introduction{
        padding-top:45px;
        padding-bottom: 35px;

    
    }

    .introduction_rm{
        padding-top:35px;
        padding-bottom: 25px;
    }


    .spacer_negative{
        display:none;
    }
    .spacer_half{
        padding-top:2px;
    }
    

    .alert h4{
        text-align: center;
    }

}

/******************** use-cases **********************/ 

.use-cases{
   position:relative;
    clear: left;
    padding-top:105px;
    padding-bottom: 115px;
    background:rgb(255, 255, 255);
    box-shadow: 0 0 200px rgba(9, 9, 9, 0.2) inset;
}

.use-cases h1{
    text-align: center;
    color:#5e5851;
    text-transform: uppercase;
}

.use-cases h2{
    text-align: center;
    color:#5e5851;
}

.use-cases h3{
    color:#5e5851;
    text-align: center;
}

.use-cases h4{
    color:#5e5851;
    text-align: center;
}
.use-cases h5{
    color:#5e5851;
    text-align: center;
    text-transform: uppercase;

}
.use-cases h6{
    color:#5e5851;
    text-align: center;
}

.use-cases p{
    color:#5e5851;
}

.spacer_use-cases{
    padding-bottom: 45px;
}

@media only screen and (max-width: 480px){
    .spacer_use-cases{
        padding-bottom: 25px;
    }

    .use-cases{
        clear: left;
        padding-top:45px;
        padding-bottom: 35px;
        background:rgb(255, 255, 255);
        box-shadow: 0 0 200px rgba(9, 9, 9, 0.2) inset;
    }
}


/*************************** Section-news **************************/
.section-news {  
    clear: left;
    background-color: #456ca7;
    /**box-shadow: 0 0 90px rgba(0, 42, 87, 0.25) inset;**/
    overflow: hidden;
    text-align: center;
    color: #fff;
    padding-top: 95px;
    padding-bottom: 85px;
} 

.section-news .arrow{  
    margin-top: 45px;
    margin-bottom: 45px;
}

.section-news ul{
    margin: 0;
    padding: 0;   
} 

.section-news li{   
    display: block;
    text-align: center;
    line-height: 31px;
}
 
.mobile .section-news .cont-text{ 
    padding-right: 20px;
    padding-left: 20px;
} 

.section-news h4{
    line-height: 26px;
    margin: 5 auto;
    font-weight: 300;
    color: white;
    font-size: 24;
}
.section-news h6{
    color:white;
    letter-spacing: 1.1;
}
.section-news h3{
    color:white;
}
.section-news h5{
    color:white;
}
.section-news h2{
    color:white;
    font-size: 20;
    line-height: 1.4;
}

.section-news h1{
    color:white;
    text-align: center;
}

.section-news p{
    color:white;
}

.section-news li{
    color:white;
}

.section-news a{
    color:white;
}

@media only screen and (max-width: 480px){
    .section-news h4{
        line-height: 20px;
        margin: 5 auto;
        font-weight: 300;
        color: white;
        font-size: 18px;
        letter-spacing: 1.1;
    }

    .section-news {  
        clear: left;
        background-color: #4076c8;
        box-shadow: 0 0 90px rgba(0, 42, 87, 0.5) inset;
        overflow: hidden;
        text-align: center;
        color: #fff;
        padding-top: 45px;
        padding-bottom: 45px;
    } 
    .section-news h1{
        color:white;
        text-align: left;
    }

}


/*************************** App **************************/
.apps{
    position: relative;
    width: 100%;
}

.apps a{
    font-style: normal;
}
.apps-small{
    position: relative;
    width: 100%;
}
.app_detail_small{
    float: left;
    height: 380px;
    width: 33.33%;
    overflow: hidden;
    position: relative;
}

.app_detail{
    float: left;
    height: 480px;
    width: 50%;
    overflow: hidden;
    position: relative;
}

.app_fullwidth{
    float: left;
    height: 550px;
    width: 100%;
    overflow: hidden;
    position: relative;
}


.app_fullwidth2{
    float: left;
    height: 550px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.app_detail:hover .app {
    transform: scale(1.04);
    transition: all .4s;
    filter: brightness(1.02)
}

.app{
    background-size: cover;
    height: 100%;
    background-position: center; 
    transform: scale(1);
    transition: all .2s ease; 
}

.app1 {
    background-image: url('images/gallery/augmented-virtual-reality-future-of-medical-imaging-cardiology-05.jpg');
    /**box-shadow: inset 0 0 120px black;**/
    filter: brightness(1);

}

.app2{
    background-image: url('images/apps/anatomy_01_01.jpg');
    box-shadow: inset 0 0 120px black;
    filter: brightness(0.92);
}

.app3{
    background-image: url('images/apps/cloud_02_01.jpg');
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.55);
    filter: brightness(0.9);

}

.app4{
    background-image: url('images/apps/mesh01_01.jpg');
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.55);
    filter: brightness(0.9);
}

.appIOS-AR{
    background-image: url('images/iOS/master-splash-03-01.jpg');
    filter: brightness(1);
}

.appIOS-AR-pic{
    background-image: url('images/iOS/dicom-viewer-ar-still-04.jpg');
    filter: brightness(1);
}

.appIOS-AR-pic2{
    background-image: url('images/iOS/dicom-viewer-ar-still-03.jpg');
    filter: brightness(1);
}

.appIOS-AR-pic3{
    background-image: url('images/iOS/dicom-viewer-ar-still-05.jpg');
    filter: brightness(1);
}

.app-vr-pic{
    background-image: url('images/gallery/augmented-virtual-reality-future-of-medical-imaging-cardiology-05-small.jpg');
    filter: brightness(1);
}

.app-anato-ar-pic{
    background-image: url('images/magic-leap-ar/anatomy-master-magic-leap-AR-01.jpg');
    filter: brightness(1);
}

.app6{
    background-image: url('images/anatomy_master/Medicalholodeck_20190206_154530_42.jpg');
    filter: brightness(0.9);
    box-shadow: inset 0 0 120px black;

}

.app7{
    background-image: url('images/3dprinter/vr3dprinter_01_03.jpg');
    filter: brightness(0.9);
}
.appMagicLeapAR{
    background-image: url('images/magic-leap-ar/Magic-Leap-Anatomy-Master-AR-1200px.jpg');
    filter: brightness(1);
}



.appfullwidth{
    background-image: url('images/anatomy_master/Medicalholodeck_20190206_154530_42.jpg');
}
.appfullwidth2{
    background-image: url('images/3dprinter/vr3dprinter_01_03.jpg');
}

.text {
    position: absolute;
    color: white;
    text-align:center;
    left:50%;
    top:78%;
    transform:translateX(-50%) translateY(-50%);
    margin: auto;
    background-color:rgba(0, 0, 0, 0.6);
    border-radius: 6px;
}

.text2 {
    position: absolute;
    color: rgb(0, 0, 0);
    text-align:center;
    left:50%;
    top:10%;
    transform:translateX(-50%) translateY(-50%);
    margin: auto;
    border-radius: 6px;
}

.text3 {
    position: absolute;
    color: white;
    text-align:center;
    left:50%;
    top:84%;
    transform:translateX(-50%) translateY(-50%);
    margin: auto;
    background-color:rgba(0, 0, 0, 0.6);
    border-radius: 6px;
    padding: 8;
    line-height: 1.15em;
}



/**.text span{
    background-color:rgba(0, 0, 0, 0.5);
    padding:0 15;
}**/

.text h1 {
    padding:5 15 0;
    color: white;
    line-height: 1.1;
    font-size: 24;
}


.text h3 {
    padding:0 15 15;
    letter-spacing:1 ;
    color: white;
    font-style: normal;
    font-weight: 300;
    font-size: 15;
    line-height: 1.22em;
}

.text h6 {
    font-size: 16px;
    padding:5 15;
    color: white;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;

}

.text p {
    font-size: 16px;
    padding:0 15 5;
    color: white;
}

.text3 h1 {
    font-size: 18px;
    padding:0 15 0;
    letter-spacing: 1.1;
    color: white;
    font-style: normal;
}

@media only screen and (max-width: 480px){
    .app_detail{
        height: 385px;
        width: 100%;
    }

    .text h1 {
        font-size: 20px;
        letter-spacing: 1.1;
        text-align: center;

    }
    .text h3 {
        font-size: 13px;
        letter-spacing: 1.1;
        text-align: center;

    }

    .text3 h1 {
        font-size: 16px;
        letter-spacing: 1;
        text-align: center;

    }
    
    .text h6 {
        font-size: 16px;
    }
    
    .text p {
        font-size: 16px;
        font-weight: 600;
    }

    .text {
        top:70%;

        width: 85%;
    }

    .text3 {
        top:70%;

        width: 85%;
    }

    .mobile_off{
        display:none !important;
    }

}

/*************************** Gallery **************************/
.gallery_main{
    position: relative;
    width: 100%;
}

.gallery_detail{
    float: left;
    height: 250px;
    width: 33.33%;
    overflow: hidden;
    position: relative;
}

.gallery_detail:hover .gallery {
    transform: scale(1.1);
    transition: all .5s;
}

.gallery{
    background-size: cover;
    height: 100%;
    background-position: center; 
    transform: scale(1);
    transition: all .2s ease; 
}

.image1 {
    background-image: url('images/gallery/virtual-reality-dicom-viewer-brain-tumor-neurology-cancer-03-small.jpg');
}

.image2{
    background-image: url('images/gallery/augmented-virtual-reality-dicom-viewer-3D-heart-cardiology-04-small.jpg');
}

.image3{
    background-image: url('images/gallery/augmented-virtual-reality-future-of-medical-imaging-cardiology-05-small.jpg');
}

.image4{
    background-image: url('images/gallery/augmented-virtual-reality-medicine-surgery-planning-3D-06-small.jpg');
}

.image5{
    background-image: url('images/gallery/augmented-virtual-reality-medicine-3d-imaging-organ-anatomy-visualization-dicom-07-small.jpg');
}

.image6{
    background-image: url('images/gallery/augmented-virtual-reality-bone-organ-surgery-planning-08-small.jpg');
}

.image7{
    background-image: url('images/gallery/augmented-virtual-reality-3d-organ-medicine-surgery-planning-09-small.jpg');
}

.image8{
    background-image: url('images/gallery/virtual-reality-medicine-collaboration-dicom-viewer-01-small.jpg');
}

.anat01 {
    background-image: url('images/anatomy_master/Medicalholodeck_20190206_154305_2.jpg');
}
.anat02 {
    background-image: url('images/anatomy_master/virtual-augmented-reality-3d-human-anatomy-medicine-teaching-13.jpg');
}
.anat03 {
    background-image: url('images/anatomy_master/virtual-augmented-reality-3d-human-heart-zygote-05.jpg');
}
.anat04 {
    background-image: url('images/anatomy_master/virtual-augmented-reality-3d-human-heart-zygote-teaching-med-school-15.jpg');
}
.anat05 {
    background-image: url('images/anatomy_master/virtual-augmented-reality-3d-human-brain-model-teaching-university10.jpg');
}
.anat06 {
    background-image: url('images/anatomy_master/virtual-augmented-reality-3d-human-anatomy-male-female-zygote-model-data-11.jpg');
}

.gallerytext {
    position: absolute;
    color: white;
    text-align:center;
    left:50%;
    top:80%;
    transform:translateX(-50%) translateY(-50%);
    margin: auto;
}

.gallerytext span{
    background-color:rgba(0, 0, 0, 0.5);
    padding:0 15;
}

.gallerytext h1 {
    font-size: 16px;
    background-color:rgba(0, 0, 0, 0.5);
    padding:5 15 0;
    letter-spacing: 3;
    color: white;
}

.gallerytext h6 {
    font-size: 12px;
    background-color:rgba(0, 0, 0, 0.5);
    padding:5 15;
    color: white;
}

.gallerytext p {
    font-size: 12px;
    background-color:rgba(0, 0, 0, 0.5);
    padding:0 15 5;
    color: white;
}

@media only screen and (max-width: 480px){
    .gallery_main {
        display:flex;
        flex-wrap:wrap;
    }

    .gallery_detail{
        flex:auto;
        height: 180px;
        width: 50%;
        overflow: hidden;
        position: relative;
    }
    .gallerytext {
        display: none !important;
    }
}
/*************************** gallery 2 **************************/

.row {
    display: flex;

  }
  
  .column {
    position: relative;
    transition: all .2s ease-in-out;
overflow: hidden;
text-align: center;
overflow: hidden;

  }

  .column:hover { transform: scale(1.01); 
}

 .imgtext{
    position: absolute; 
    left:50%;
    top:60%;
    transform:translateX(-50%) translateY(-50%);
 }

 .imgtext h1{
     color:white;

 }
 .imgtext h6{
    color:white;
    background: rgba(0, 0, 0, 0.66);

}
.column img{
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}
 

 


/*************************** footer **************************/
.footer{   
    clear: left;
    position: relative;
    background:rgb(65, 65, 65);
    overflow: hidden;
    height: 270px;
    text-align: left;
    /**box-shadow: inset 0px -10px 120px -1px rgba(0,0,0,0.17);**/

}

.footer_contact{
    position: absolute;
    margin-left: 70%;
    color: white;
    padding-top: 45px;
    padding-right: 45px;
    font-size: 15px;
    font-family: 'lato', sans-serif;
    font-weight: 100;
    line-height: 1.6;
    text-transform: normal;
    letter-spacing: 1.7;
    margin-top:24px;
}

.footer_contact h1{
text-align: left;
color:white;
font-size: 20;


}

.footer_contact p{
    text-align: left;
    color: white;
    font-size: 16;
    font-weight: 300;
    }

.footer_app{
    position: absolute;
    margin-left: 45px;
    padding-top: 69px;
    width: 60%;
}

.footer_logo{
    position: absolute;
    left: 50%;
    top:75%;
    transform:translateX(-50%) scale(0.75);
    margin: auto;
    font-family: 'lato', sans-serif;
    font-weight: 600;
    line-height: 1.9;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1;
    color: white;
    text-align: center;
}

.footer_logo img{
    width: 55px;
    filter: saturate(1.6);
padding-bottom: 6px;
transform: rotate(-7deg);
}


.footer_app_title{
    font-family: 'lato', sans-serif;
    font-weight: 700;
    line-height: 1.8;
    font-size: 13px;
    text-transform: normal;
    letter-spacing: 1;
    color: white;
}

.footer_app_title h1{

    text-align: left;
    max-width: 100%;
    font-size: 20;
    color: white;

}

.footer_app_title span {
    font-weight: 800;
}


.footer a{
    color:white;
    font-weight: 400;
    font-size: 14;
    font-style: normal;
    line-height: 2em;  
    letter-spacing: 1;
 
}

.footer_contact a{
    color:white;
    font-weight: 800;
    font-size: 16;
    font-style: normal;
    line-height: 4em;   
}



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

    .footer_contact{
        position: relative;
        width: 100%;
        padding: 18 0 20;
        font-size: 15px;
        font-weight: 200;
        line-height: 1.6;
        letter-spacing: 1.4;
        text-align: center;
        margin: auto;
    }
    .footer_app{
        display: none !important;
    }

    .footer_logo{
        position: absolute;
        left: 50%;
        bottom:35%;
        transform:translateX(-50%) scale(0.75);
        margin: auto;
        font-family: 'lato', sans-serif;
        font-weight: 600;
        line-height: 1.9;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 1;
        color: white;
        text-align: center;
    }

    .footer{   
        clear: left;
        position: relative;
        background-color: #ababab;
        overflow: hidden;
        height: 220px;
        text-align: left;
    
    }
    .footer_contact p{
        text-align: left;
        color: white;
        font-size: 14;
        font-weight: 300;
        padding-left: 13px;
        line-height: 1.25;
        }
}

/*************************** top Video **************************/
   
.container {
    overflow: hidden;
    height: 100%;
    background: #edeae8;
    position: relative;
    clear:left;

}

.container_dicomvr {
    overflow: hidden;
    height: 72%;
    background: #edeae8;
    position: relative;
    clear:left;

}
   
.container2 {
    overflow: hidden;
    height: 44%;
    background: #edeae8;
    position: relative;
    clear:left;

}

.containerAnatomyVR {
    overflow: hidden;
    height: 70%;
    background: #edeae8;
    position: relative;
    clear:left;

}

.containerARmovie1 {
    overflow: hidden;
    background: #000000;
    position: relative;
    clear:left;
    height: 65%;

}

.containerARmovie1 video{
    width: 100%;
}
.containerARmovie2 {
    overflow: hidden;
    height: 55%;
    background: #edeae8;
    position: relative;
    clear:left;

}
.containerAnatomyARmovie1 {
    overflow: hidden;
    height: 70%;
    background: #edeae8;
    position: relative;
    clear:left;

}

.containerCollaborate {
    overflow: hidden;
    height: 70%;
    background: #edeae8;
    position: relative;
    clear:left;

}



.container3 {
    overflow: hidden;
    height: 50%;
    width: 50%;
    background: #edeae8;
    position: relative;
}

.container4 {
    overflow: hidden;
    height: 70%;
    background: #edeae8;
    position: relative;
    clear:left;
}

.container_anat {
    overflow: hidden;
    height: 72%;
    background: #edeae8;
    position: relative;
    clear:left;
}

.container_vrprint {
    overflow: hidden;
    height: 100%;
    background: #edeae8;
    position: relative;
    clear:left;
}



.container_cloud {
    overflow: hidden;
    height: 100%;
    position: relative;
    background-image: url("images/collaborateXR/collaborateXR.jpg");
    background-size: cover;
    background-position: right top ;
}

.container_iPhoneCrown {
    overflow: hidden;
    height: 400px;
    position: relative;
    background-image: url("images/iOS/iOS-Phone-Web-Montage-1800-01-01.jpg");
    background-size: cover;
    background-position: center center ;
}



.container_slide1 {
    overflow: hidden;
    height: 100%;
    position: relative;
    background-image: url("images/slider/dicom-viewer-iphone-ipad-01.jpg");
    background-size: cover;
    background-position: center center ;
}
.container_slide2 {
    overflow: hidden;
    height: 100%;
    position: relative;
    background-image: url("images/slider/anatomy-master-magic-leap-01-01.jpg");
    background-size: cover;
    background-position: center center ;
}
.container_slide3 {
    overflow: hidden;
    height: 100%;
    position: relative;
    background-image: url("images/slider/dicom-viewer-vr.jpg");
    background-size: cover;
    background-position: center center ;
}
.container_slide4 {
    overflow: hidden;
    height: 100%;
    position: relative;
    background-image: url("images/slider/anatomy-master-vr-01-01.jpg");
    background-size: cover;
    background-position: center center ;
}




.container_nextcare {
    overflow: hidden;
    height:85%;
    position: relative;
    background-image: url("images/nextcare-art-desktop-01-02.jpg");
    background-size: cover;
    background-position: center top ;
}

.container_anleitung {
    overflow: hidden;
    height:380px;
    position: relative;
    background-image: url("images/nextcare-art-horizon-01-01.jpg");
    background-size: cover;
    background-position: center top ;
}



.container_ios2 {
    overflow: hidden;
    height:100%;
    position: relative;
    background-image: url("images/iOS/dicom-ar-splash-web-01-02.jpg");
    background-size: cover;
    background-position: right center ;
}

.container_ios3 {
    overflow: hidden;
    height:100%;
    position: relative;
    background-image: url("images/iOS/dicom-ar-splash-web-01-03.jpg");
    background-size: cover;
    background-position: right center ;
}


.container_ios4 {
    overflow: hidden;
    height:100%;
    position: relative;
    background-image: url("images/slider/dv-ar-mainpic-01.jpg");
    background-size: cover;
    background-position: center ;
}

.container_magic {
    overflow: hidden;
    height: 72%;
    position: relative;
    background-image: url("images/magic-leap-ar/Magic-Leap-Anatomy-Master-AR-1800px.jpg");
    background-size: cover;
    background-position: center top ;
}

.container_anatomy {
    overflow: hidden;
    height: 60%;
    position: relative;
    background-image: url("images/anatomy_master/Medicalholodeck_20190206_154530_42.jpg");
    background-size: cover;
    background-position: center center ;
    clear:left;
}

.container_3dprint {
    overflow: hidden;
    height: 60%;
    position: relative;
    background-image: url("images/3dprinter/vr3dprinter_01_02.jpg");
    background-size: cover;
    background-position: center center ;
    clear:left;
}

video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);

}

.ribbon { 
    height :42px;
    position: absolute;
    left: 0; 
    top:0;
    width: 100%;
    background-color: #ffa800;
    z-index: 5001;
} 

.ribbon h6 {
    padding-top: 12px;
    color: white;
}

.ribbon a{
    color:white
}



.videotext {
    position: absolute;
    color: white;
    text-align:center;
    left:50%;
    top:72%;
    transform:translateX(-50%) translateY(-50%);
}
.videotext2 {
    position: absolute;
    color: white;
    text-align:center;
    left:50%;
    top:60%;
    transform:translateX(-50%) translateY(-50%);
}

.videotext .shadowbox {
    background-color:rgba(0, 0, 0, 0.65);
    border-radius: 5px;
}
.videotext2 .shadowbox {
    background-color:rgba(0, 0, 0, 0.5);
    border-radius: 5px;

}



.videotext h1 {
    padding:5 25 1;
    color: white;
    font-size: 40;

}


.videotext h2 {
    padding:0 28 24;
    color: white;
    font-weight: 300;

}


.videotext h3 {
    padding:20 20 0;
    color: white;
    font-weight: 300;
}

.videotext h4 {
    font-size: 20px;
    padding: 20px 0;
    margin: 0;
    color: white;
    font-style: none;
    letter-spacing: 3;
    font-weight: 600;
    text-transform: uppercase;
}

.videotext h6 {
    font-size: 16px;
    padding:0 25 10;
    color: white;
    font-style: italic;
    letter-spacing: 1.8;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.6;

}

.videotext a {
    font-size: 20px;
    padding: 20px 0;
    margin: 0;
    color: white;
    font-style: none;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;

    
}



.videotext2 h1 {
    font-size: 38px;
    padding:5 15 0;
    letter-spacing: 5.5;
    color: white;
    font-weight: 100;
    font-family: 'Lato', serif;
    line-height: 60px;
}





.videotext img{
    margin-bottom: -15px;
    max-width:140px;
    max-height:auto;
}
.videotext2 img{
    margin-bottom: -25px;
    max-width:140px;
        max-height:auto;
}


.videotext2 h2 {
    font-size: 20px;
    padding:25 15 0;
    letter-spacing: 3;
    color: white;
    font-weight: 100;

}


.videotext2 h4 {
    font-size: 20px;
    padding: 20px 0;
    margin: 0;
    color: white;
    font-style: none;
    letter-spacing: 3;
    font-weight: 600;
    text-transform: uppercase;
}


.videotext2 a {
    font-size: 20px;
    padding: 20px 0;
    margin: 0;
    color: white;
    font-style: none;
    letter-spacing: 3;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;

    
}


.videotext2 h6 {
    font-size: 18px;
    padding:5 15 0;
    color: white;
    font-style: italic;
    letter-spacing: 3;
    font-weight: 300;
    text-transform: uppercase;

}

.videotext p {
    font-size: 12px;
    background-color:rgba(0, 0, 0, 0.5);
    padding:0 15 5;
    color: white;
}

.videotext2 p {
    font-size: 12px;
    background-color:rgba(0, 0, 0, 0.5);
    padding:0 15 5;
    color: white;
}

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


    .container_anleitung {
        overflow: hidden;
        height:140px;
        position: relative;
        background-image: none !important;
        background-size: cover;
        background-position: center center ;
    }


    .container_anleitung  .videotext {
        position: absolute;
        color: white;
        text-align:center;
        left:50%;
        top:65%;
        transform:translateX(-50%) translateY(-50%);
        width:260px;
        
    }

    .container_anleitung  .videotext h1{
        font-size: 19px;
        padding:0 5 0 ;
        letter-spacing: 1.1;
        font-weight: 400;
        text-align: center;
        
    }





    .videotext h1 {
        font-size: 22px;
        padding:0 5 0 ;
        letter-spacing: 1.1;
        font-weight: 400;
        text-align: center;


    }
    
    .videotext h2 {
        font-size: 12px;
        padding:0 5 7;
        letter-spacing: 1.1;
        color: white;
        font-weight: 400;
        text-align: center;

    }
    .videotext h3 {
        font-size: 14px;
        padding:8 5 0 ;
        letter-spacing: 1.1;
        color: white;
        font-weight: 300;
        text-align: center;

    }

    .videotext h6 {
        font-size: 12px;
        background-color:rgba(0, 0, 0, 0.5);
        padding:5 15;

        letter-spacing: 1.5;
        font-weight: 600;
        text-align: center;

    
    }

    .videotext img{
        margin-bottom: -10px;
        max-width:70px;
        max-height:auto;
 
    }

    .videotext {
        position: absolute;
        color: white;
        text-align:center;
        left:50%;
        top:80%;
        transform:translateX(-50%) translateY(-50%);
        width:260px;
        
    }



    
    

    video {
        display:none !important;
        background-color:rgba(168, 60, 60, 0.5);

    }
    .container {
        height: 450px;

        background-size: cover;
        background-position: center  ; 
 
        box-shadow: 0 0 80px rgb(24, 31, 62) inset;
        background-color: #224176;
        background-image: url('images/gallery/augmented-virtual-reality-future-of-medical-imaging-cardiology-05-small.jpg');

    }

    .container_anat {
        height: 560px;

        background-size: cover;
        background-position: center  ; 
        background-image: url('images/anatomy_master/Medicalholodeck_20190206_154323_20.jpg');
        box-shadow: 0 0 60px rgb(12, 17, 40) inset;

    }


    .container_nextcare {
        height: 640x;

        background-size: cover;
        background-position: center  ; 
        background-image: url("images/nextcare-art-01-05.jpg");

    }


    .container_magic {
        height: 560px;

        background-size: cover;
        background-position: center  ; 
        background-image: url('images/mobile/anatomy-master-ar-mobile.jpg');
        box-shadow: 0 0 60px rgb(12, 17, 40) inset;

    }


    .containerAnatomyVR {
        height: 560px;

        background-size: cover;
        background-position: center  ; 
        background-image: url('images/anatomy_master/human-organ-heart-brain-zygote-vr-ar.jpg');
        box-shadow: 0 0 60px rgb(12, 17, 40) inset;

    }


    .container_dicomvr {
        height: 560px;

        background-size: cover;
        background-position: center  ; 
        background-image: url('images/gallery/augmented-virtual-reality-future-of-medical-imaging-cardiology-05.jpg');
        box-shadow: 0 0 60px rgb(12, 17, 40) inset;

    }

    .container_vrprint {
        height: 560px;

        background-size: cover;
        background-position: center  ; 
        background-image: url('images/3dprinter/vr3dprinter_01_03_mobile.jpg');
        box-shadow: 0 0 60px rgb(12, 17, 40) inset;

    }


    .container2 {
        background-size: cover;
        background-position: center  ; 
        background-image: url('images/gallery/augmented-virtual-reality-future-of-medical-imaging-cardiology-05-small.jpg');
        box-shadow: 0 0 60px rgb(12, 17, 40) inset;

    }
    .containerARmovie1 {
        background-size: cover;
        background-position: center  ; 
        background-image: url('images/iOS/Bildschirmfoto 2019-12-02 um 16.29.17.png');

    }
    .containerARmovie2 {
        background-size: cover;
        background-position: center  ; 
        background-image: url('images/iOS/dicom-viewer-ar-still-02.jpg');
        box-shadow: 0 0 60px rgb(12, 17, 40) inset;

    }


    .containerAnatomyARmovie1 {
        background-size: cover;
        background-position: bottom center  ; 
        background-image: url('images/magic-leap-ar/anatomy-master-magic-leap-AR-01.jpg');
        box-shadow: 0 0 60px rgb(12, 17, 40) inset;

    }

    .containerCollaborate {
        background-size: cover;
        background-position: bottom center  ; 
        background-image: url('images/magic-leap-ar/anatomy-master-magic-leap-AR-01.jpg');
        box-shadow: 0 0 60px rgb(12, 17, 40) inset;
        display: none;

    }


    
    .container2 .videotext2,
    .container_cloud .videotext2 {
        top:auto;
        bottom:0;
        transform:none;
        left:auto;
        margin:auto;
    }

    .container2 .videotext2 img,
    .container_cloud .videotext2 img {
        display: none;
    }

    .container_cloud {
        overflow: hidden;
        height: 500px;
        position: relative;
        background-image: url("images/collaborateXR/collaborateXR.jpg");
        background-size: cover;
        background-position: top right ;
    }

    .container_ios4 {
        overflow: hidden;
        height:100%;
        position: relative;
        background-image: url("images/slider/dicom-viewer-ar-ios-mobile-01.jpg");
        background-size: cover;
        background-position: center ;
    }



}


.videotext_app {
    position: absolute;
    color: white;
    text-align:center;
    left:50%;
    top:74%;
    transform:translateX(-50%) translateY(-50%);
}


.videotext_app h1 {
    font-size: 30px;
    background-color:rgba(0, 0, 0, 0.5);
    padding:5 15 0;
    letter-spacing: 5.5;
    color: white;
    font-weight: 100;
    line-height: 45px;
}
.videotext_app img{
    margin-bottom: -25px;
}

.videotext_app h2 {
    font-size: 20px;
    background-color:rgba(0, 0, 0, 0.5);
    padding:15 15 0;
    letter-spacing: 3;
    color: white;
    font-weight: 100;

}

.videotext_app h6 {
    font-size: 18px;
    background-color:rgba(0, 0, 0, 0.5);
    padding:5 15 15;
    color: white;
    font-style: italic;
    letter-spacing: 3;
    font-weight: 300;
    text-transform: uppercase;

}

.videotext_app p {
    font-size: 12px;
    background-color:rgba(0, 0, 0, 0.5);
    padding:0 15 5;
    color: white;
}

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

    .videotext_app h1 {
        font-size: 20px;
        padding:5 15 0;
        letter-spacing: 1.5;
        font-weight: 600;
        line-height: 30px;


    }
    
    .videotext_app h2 {
        font-size: 15px;
        background-color:rgba(0, 0, 0, 0.5);
        padding:5 15 0;
        letter-spacing: 1.5;
        color: white;
        font-weight: 400;
    
    }
    
    .videotext_app h6 {
        font-size: 14px;
        background-color:rgba(0, 0, 0, 0.5);
        padding:5 15;

        letter-spacing: 1.5;
        font-weight: 600;
    
    }

    .videotext_app {
        position: absolute;
        color: white;
        text-align:center;
        left:50%;
        top:75%;
        transform:translateX(-50%) translateY(-50%);
        width:340px;
    }
    

  

}











/*************************** user logos **************************/


.clients{
    background-color: #3f76c8;
    padding:30px 0 15px;

}

.clients h4{
    color:white;
}

.userlogo{
    width: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;




}

.logo{
    min-width: 15%;


}



/*************************** download **************************/

.download{
   position: relative;
    background-color: #940000;
    padding: 95 0 75;
   /**box-shadow: 0 0 80px rgba(255, 89, 0, 0.435) inset;**/
    clear: left;
}

.download h1{
    color:white;
}

.download h4{
    color:white;
}

.download a{
    color:white;
}
.download p{
    color:white;
}

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

    .download{

        padding: 50 0 45;
    }
    .download h1{
        text-align: center;

    }

    .download a{
        color:white;
        text-align: center;

    }



}








/*************************** tutorial **************************/

.tutorial{
    clear: left;
    background-color: #5b5b5b;
    padding: 45 0 20;
    box-shadow: 0 0 60px rgba(21, 21, 21, 0.4) inset;
}

.tutorial h1{
    color:white;
    font-size: 26;
    letter-spacing: 2.3;
}

.tutorial h2{
    color:white;
}
.tutorial h3{
    color:white;
}

.tutorial h4{
    color:white;
}

.tutorial a{
    color:white;
    line-height: 3;
}
.tutorial p{
    color:white;

}

.tutvideo{
    padding: 25px;


}


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

    .tutorial{

        padding: 50 0 45;
    }
    .tutorial h1{
        font-size: 24;
        letter-spacing: 2.3;
    }
}





/*************************** menu / navigation **************************/

/*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */

 
 #menuToggle
 {
   display: block;
   position: fixed;
   top: 45px;
   left: 35px;
   z-index: 10;
   -webkit-user-select: none;
   user-select: none;
 }
 
 #menuToggle input
 {
   display: block;
   width: 40px;
   height: 32px;
   position: absolute;
   top: -7px;
   left: -5px;
   cursor: pointer;
   opacity: 0; /* hide this */
   z-index: 12; /* and place it over the hamburger */
   -webkit-touch-callout: none;
 }
 
 /*
  * Just a quick hamburger
  */
 #menuToggle span
 {
   display: block;
   width: 33px;
   height: 4px;
   margin-bottom: 5px;
   position: relative;
   background: #575757;
   border-radius: 3px;
   z-index: 1;
   transform-origin: 4px 0px;
   transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
               background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
               opacity 0.55s ease;
 }
 
 #menuToggle span:first-child
 {
   transform-origin: 0% 0%;
 }
 
 #menuToggle span:nth-last-child(2)
 {
   transform-origin: 0% 100%;
 }
 
 /* 
  * Transform all the slices of hamburger
  * into a crossmark.
  */
 #menuToggle input:checked ~ span
 {
   opacity: 1;
   transform: rotate(45deg) translate(-2px, -1px);
   background: #232323;
 }
 
 /*
  * But let's hide the middle one.
  */
 #menuToggle input:checked ~ span:nth-last-child(3)
 {
   opacity: 0;
   transform: rotate(0deg) scale(0.2, 0.2);
 }
 
 /*
  * Ohyeah and the last one should go the other direction
  */
 #menuToggle input:checked ~ span:nth-last-child(2)
 {
   transform: rotate(-45deg) translate(0, -1px);
 }


 /*
  * Make this absolute positioned
  * at the top left of the screen
  */
 #menu
 {
   position: absolute;
   width: 300px;
   margin: -100px 0 0 -50px;
   padding: 50px;
   padding-top: 125px;
   
   background: #ffffffe5;
   list-style-type: none;
   -webkit-font-smoothing: antialiased;
   /* to stop flickering of text in safari */
   
   transform-origin: 0% 0%;
   transform: translate(-100%, 0);
   
   transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
 }
 
 #menu li
 {
   padding: 2px 0;
   font-size: 19px;
   text-align: left;
   font-style: normal;
   text-decoration: none;
   font-weight: 300;
   line-height: 1.3em;
 }
 

 

 /*
  * And let's slide it in from the left
  */
 #menuToggle input:checked ~ ul
 {
   transform: none;
 }

 #menu a{
     text-decoration: none;
     color:#5e5851;
 }

 #menu a span
 {
   color: red;
line-height: 2em; 
}





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

    #menuToggle
    {

      top: 25px;
      left: 15px;
      z-index: 999;

    }

 }


 /*************************** dicom Download MH files **************************/
 
 .shop .dicomdownload a >img{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 2px 4px 10px rgba(0, 0, 1, 0.3);
}

.shop .dicomdownload a >img:hover{
    transform: scale(1.02);
    transition: all .2s ease;

}

.shop .dicomdownload h3{
    padding: 6 0 1;
}
 
 
 



/*************************** Section-functions **************************/
.section-functions {  
    /**background-color: #5378a8;**/
    overflow: hidden;
    text-align: center;
    color: #fff;
    padding: 15 0;
    margin :0;
    font-weight: 100;
} 

.table_blue{
    background-color: #5378a8;

}


.section-functions h1{
    color:rgb(38, 38, 38);
}

.section-functions h3{
    color:white;
}
 

.section-functions table .head td{
    background-color: #4f77b0;
    color: white;
    font-size: 14px;
    font-weight: 600; 
    letter-spacing: 1.2;
    padding: 0.6em 0;

}
 
.section-functions .table-cont {
    margin: auto;
    position: relative;
    max-width: 825;
    padding: 10px;
    margin-top: 25px;
    padding: 10px 0;
}


.section-functions .btn{
    position: relative;
    display: inline-block;
    font-size: 13px;
    margin-top: 20px;
    position: relative;
    cursor: pointer;
} 

.section-functions table {
    border-collapse: collapse;
    margin: auto;
    margin-top: 20px;
    padding: 0;
    width: 100%;
    table-layout: auto;
    color: #203757;
    margin-top: 25px;
  } 
  .section-functions table tr {
    background: #f8f8f8;
    border-bottom: 1px solid #ffffff;
    padding: .35em;
  }
  .section-functions table th,
  .section-functions table td {
    padding: .45em .925em;
    text-align: center;
    font-weight: 400;
    font-size: 14px; 
  } 
  .section-functions table td:not(:first-child) { 
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -pre-wrap;     /* Opera <7 */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */
  }
  .section-functions table th {
    font-size: .85em; 
    text-transform: uppercase;
    background-color: #454545;
    color:#fff;
    font-size: 16px;
    height: 54px;
    font-weight: 600;

  }
  .section-functions  table tr:nth-child(even) {
    background: #ededed;
  }
  .section-functions  table tr:nth-child(odd) {
    background: #f9f9f9;
  }

.section-functions table i{
    font-size: 20px;
    color: rgb(201, 0, 0);
    color: rgb(56, 185, 255);

}


@media (max-width: 900px){
    .section-functions .table-cont {
        margin-left: 10px;
        margin-right: 10px; 
    }
    /* .section-functions table { 
        width: 600px;
      }  */

      .section-functions table .head td{
        background-color: #4f77b0;
        color: white;
        font-size: 12px;
        font-weight: 200; 
        letter-spacing: 1.2;
        padding: 0.6em 0;
        box-shadow: 0 0 60px rgba(24, 33, 84, 0.543) inset;
    
    }



} 
   

 .section-functions .price-row td:first-child { 
    font-size: 16px;
}

.section-functions .price-row td{ 
    font-size: 20px;
}

.mobile  .section-functions table th { 
    font-size: 15px;
}
.mobile  .section-functions .price-row td { 
    font-size: 12px !important;
}

.mobile .section-functions table th,
.mobile .section-functions table td {
   padding: .65em .225em;
   text-align: center;
   font-weight: 400;
   font-size: 12px;
   line-height: 1.0;
}
.mobile .section-functions .cont-text{ 
    padding-right: 20px;
    padding-left: 20px;
} 

@media (max-width :480px){

    .section-functions {  

        padding: 45 0;

    } 
    .section-functions table th,
    .section-functions table td {
      padding: .45em .325em;
      text-align: center;
      font-weight: 400;
      font-size: 14px; 
      line-height: 1.4;
    } 
}



/*************************** social media **************************/
.twitter{
    position: absolute;
    top: 10px;
    right: 100px;
    z-index: 6000;
    background: rgba(0, 0, 0, 0);
    border-radius: 6px;
    transform: scale(0.8);
    transition: transform .2s ;
    filter: grayscale(10) brightness(150%); 

}
.twitter:hover{
    transform: scale(1.0) rotate(-10deg);
    filter: brightness(100%); 
    

}




.instagram{
    position: absolute;
    top: 10px;
    right: 55px;
    z-index: 6000;
    background: rgba(0, 0, 0, 0);
    border-radius: 6px;
    padding: 3px;
    transition: transform .2s ;
    transform: scale(0.8);
    filter: grayscale(10) brightness(150%); 


}
.instagram:hover{
    transform: scale(1.0);
    filter: brightness(100%);

}


.fb{
    position: absolute;
    top: 10px;
    right: 11px;
    z-index: 6000;
    background: rgba(0, 0, 0, 0);
    border-radius: 6px;
    padding: 3px;
    transition: transform .2s ;
    transform: scale(0.8);
    filter: grayscale(10) brightness(150%); 

}
.fb:hover{
    transform: scale(1.0);
    filter: brightness(100%);

}


@media  (max-width:500px)  {
    .twitter{
        transform: scale(0.75);
        right: 2px;
        top: 10px;
        margin-top:0;
     }
     .instagram{
        transform: scale(0.75);
        right: 2px;
        top: 50px;
        margin-top:0;
             }
    .fb{
        transform: scale(0.75);
        right: 2px;
        top: 90px;
        margin-top:0;
    }

      
}





/******************** FAQ ********************/
.faq p{
    text-align: left;
}


.faq{
    padding: 50px 0 25;
}


.faq h1{
    text-align: left;
}
.faq h2{
    text-align: left;
}

.faq h3{
    text-align: left;
}
.faq h4{
    text-align: left;

}



.faq hr{
    width: 650px;
width:690px;    
}

.faq a{
    font-style: normal;
    font-weight: 400;

    
}


@media only screen and (max-width: 480px){
    .faq {
        padding:50px 11px;
    }

    .faq p {
        padding:0;
    }
    .faq h1 {
        padding:0;
    }

    .faq hr {
        width:auto;
    }

    iframe {
        width:100%;
    }
}

/******************** manual ********************/

.manual{
position: relative;
max-width: 690px;
margin: 0 auto;
}

.manual img{
    max-width: 100%;
    height: auto;
}

.manual li{
    text-align: left;
}

.manual p{
    font-size: 14;
    line-height: 1.4;
    padding: 15px 0 20px;
    text-align: left;
}
.manual h4{
    font-size: 22;
    text-align: left;
    padding: 0 0 12;
}





.yt{
    width: 100%    !important;
}

.youtube {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.youtube iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.videobox{
    margin: auto;
    width: 55%;
}

.videocenter{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.videocenter iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.videosub{
    padding: 25 0 60;

}

/******************** Sticker ********************/
.sticker{
    position:absolute;
    top: 55px;
    right: 25px;
    width: 155px;
    height: 155px;
    background-color: rgb(255, 162, 0);
    border-radius: 125px;
    transform: rotate(17deg);
    box-shadow: 0 0 50px rgba(237, 43, 0, 0.886) inset,0px 12px 80px rgba(0, 0, 1, 0.55) ;
    z-index: 999;;
}





.sticker-text{
    padding-top:28px;
}

.sticker h3{
    color:white;
    font-size: 16;
    font-weight: 600;
    font-style: normal;
}

.stickersmall h3{
    color:white;
    font-size: 16;
    font-weight: 600;
    font-style: normal;
}

.sticker h4{
    color:white;
    font-size: 15;
    font-weight: 500;
    margin-top: -9px;
    line-height: 17px;
}



.sticker h2{
    color:white;
    font-size: 22;
    font-weight: 400;
    line-height: 23px;
    font-family: 'Lato', serif;
}





.stickersmall{
    position:absolute;
    top: 25px;
    right: 25px;
    width: 125px;
    height: 125px;
    background-color: rgb(255, 162, 0);
    border-radius: 125px;
    transform: rotate(17deg);
    box-shadow: 0 0 50px rgba(255, 47, 0, 0.886) inset,0px 12px 80px rgba(0, 0, 1, 0.55) ;
    z-index: 999;;
}




.stickersmall h2{
    color:white;
    font-size: 27;
    font-weight: 400;
    line-height: 23px;
    font-family: 'Lato', serif;
    padding-bottom: 14px;
}


.stickersmall h4{
    color:white;
    font-size: 14;
    font-weight: 500;
    margin-top: -9px;
    line-height: 17px;
}

.sticker-text-small{
    padding-top:28px;
}



.sticker medium{
    color:white;
    font-size: 16
    ;
    font-weight: 400;
    line-height: 23px;
    font-family: 'Lato', serif;
}

.sticker a{
    text-decoration: none;
    color: white;

}
.sticker img{
    padding-left: 9px;
}


@media (max-width: 500px){
    .sticker{ 
        display: none !important;
    } 


    .stickersmall{
        position:absolute;
        top: 25px;
        right: 25px;
        width: 80px;
        height: 80px;
        background-color: rgb(255, 162, 0);
        border-radius: 125px;
        transform: rotate(17deg);
        box-shadow: 0 0 50px rgba(255, 47, 0, 0.886) inset,0px 12px 80px rgba(0, 0, 1, 0.55) ;
        z-index: 999;;
    }



    .stickersmall h2{
        color:white;
        font-size: 19;
        font-weight: 400;
        line-height: 19px;
        font-family: 'Lato', serif;
        padding-bottom: 14px;
    }
    
    
    .stickersmall h4{
        color:white;
        font-size: 9;
        font-weight: 500;
        margin-top: -9px;
        line-height: 10px;
    }
    .sticker-text-small{
        padding-top:17px;
    }
}


/******************** Event ********************/
.event{
    position:absolute;
    top: -20px;
    right: -40px;
    width: 155px;
    height: 155px;
    background-color: rgb(255, 77, 0);
    border-radius: 125px;
    transform: rotate(17deg);
    box-shadow: 0 0 50px rgba(148, 0, 0, 0.961) inset,0px 12px 80px rgba(0, 0, 1, 0.55) ;
    z-index: 999;;
}
.event-text{
    padding-top:28px;
}

.event h3{
    color:white;
    font-size: 18;
    font-weight: 300;

}
.event h4{
    color:white;
    font-size: 15;
    font-weight: 500;
    margin-top: -9px;
    line-height: 17px;
    padding:7 0;
    margin:0;

}

.event h2{
    color:white;
    font-size: 22;
    font-weight: 400;
    line-height: 23px;
    font-family: 'Lato', serif;
    padding:0;
    margin:0;

}
.event a{
    text-decoration: none;
    color: white;

}
.event img{
    padding-left: 9px;
}


@media (max-width: 500px){
    .event{ 
        display: none !important;
    } 
}

/******************** navi container gallery ********************/
.nav_container_gallery{
    position: absolute;
    z-index: 9999;
}

/******************** threepics ********************/

.threepics{

}

.threepics img{
    float: left;
    width: 33.333%;
}

.threepics h1{
    float: left;
    width: 33.333%;
    z-index: 9999;
}

/******************** threepics AR ********************/

.threepicsAR{
}

.threepicsAR img{
    float: left;
    width: 33.333%;

}

.threepicsAR h1{
    float: left;
    width: 33.333%;
    z-index: 9999;
}

/******************** fivepics ********************/
.fivepics{
}

.fivepics img{
    float: left;
    width: 20%;

}

.fivepics h1{
    float: left;
    width: 20%;
    z-index: 9999;
}

/******************** trademark ********************/


.trademark {
}

.trademark::after {
   content:"®";
   font-size:40%;
   display:inline-block;
   vertical-align:super;
   font-family:"lato";
   top: -0.3em;
   position: relative;
   margin-left:0.2em;
   color: #797979;
}





.shadowbox .trademark::after {
   margin-left:auto;
}

.footer_logo .trademark::after {
   font-size:80%;
   top:-0.1em;
}

p .trademark::after {
   font-size:60%;
   margin-top:-0.01em;
}
@media (max-width: 480px){
    .prodtitle{
        font-size: 24;
    }
}


/******************** logo ********************/
.logo{

/**filter: saturate(1.7);**/

transform: rotate(-1deg);
bottom: 20px;

}

/******************** slider ********************/


.radio {
    display: none;
  }
  .images {
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #0075d9;
    background-image: url(images/slider/slider-background.jpg);
    background-position: bottom;
    background-repeat: no-repeat; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}




  .images-inner {
    width: 500%;
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
  .image-slide {
    width: 20%;
    float: left;
  }
  .image-slide,
  .fake-radio,
  .radio-btn {
    transition: all 0.5s ease-out;
  }
  .fake-radio { 
    position: absolute;
    bottom: 15px;
    left: calc(50% - 20px);
  }
  
  
  
  .image-slide .imageX1{
    background: url( ) no-repeat center center;
    background-repeat: no-repeat; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-image: url(images/slider/01.png);
  } 


  .image-slide .imageX2{
    background: url( ) no-repeat center center;
    background-repeat: no-repeat; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-image: url(images/slider/05.jpg);
    margin: auto;
    /**margin-top: 10%;
    margin-bottom: 15%;
    border-radius: 12px;
    opacity: .95;
    /**box-shadow: 0 0 60px rgba(0, 0, 0, 0.571);**/

  } 

  .image-slide .imageX3{
    background: url( ) no-repeat center center;
    background-repeat: no-repeat; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-image: url(images/slider/03.png);
    

} 
  


  @media (max-width: 480px){  
    .image-slide .imageX1{
     background-image: url(images/slider/slide-480-01-01.png);
  } 

  .image-slide .imageX2{
    background-image: url(images/slider/slide-480-02.jpg);
    background-position: top;
    
 } 
 .image-slide .imageX3{
    background-image: url(images/slider/slide-480-03.png);
    background-position: top;

 } 

 .images {
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
background-color: #0075d9;
background-image: url(images/slider/home-slider-background-mobile-01-01.jpg);

}




}









  /* Move slides overflowed container */
  #slide1:checked ~ .images .images-inner {
    margin-left: 0;
  }
  #slide2:checked ~ .images .images-inner {
    margin-left: -100%;
  }
  #slide3:checked ~ .images .images-inner {
    margin-left: -200%;
  }
  #slide4:checked ~ .images .images-inner {
    margin-left: -300%;
  }
  
  
  
  
  /* Color of bullets */
  #slide1:checked ~ div .fake-radio .radio-btn:nth-child(1),
  #slide2:checked ~ div .fake-radio .radio-btn:nth-child(2),
  #slide3:checked ~ div .fake-radio .radio-btn:nth-child(3), 
  #slide4:checked ~ div .fake-radio .radio-btn:nth-child(4)
  {
    background: rgb(255, 255, 255);
  }
  .radio-btn {
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background: gray;
    display: inline-block !important;
    margin: 0 1px;
    cursor: pointer;
  }
  /* Color of bullets - END */
  
  
  
  
  /* Text of slides */
  #slide1:checked ~ .labels .label:nth-child(1),
  #slide2:checked ~ .labels .label:nth-child(2),
  #slide3:checked ~ .labels .label:nth-child(3),
  #slide4:checked ~ .labels .label:nth-child(4) {
    opacity: 1;
  }
  
  .label {
    opacity: 0;
    position: absolute;
  }
  /* Text of slides - END */
  
  
  
  /* Calculate AUTOPLAY for BULLETS */
  @keyframes bullet {
    0%, 33.32333333333334%	{
      background: rgb(255, 255, 255);
    }
    33.333333333333336%, 100% {
      background: gray;
    }
  }
  
  
  #play1:checked ~ div .fake-radio .radio-btn:nth-child(1) {
    animation: bullet 18300ms infinite -1000ms;
  }
  
  #play1:checked ~ div .fake-radio .radio-btn:nth-child(2) {
    animation: bullet 18300ms infinite 5100ms;	
  }
  
  #play1:checked ~ div .fake-radio .radio-btn:nth-child(3) {
    animation: bullet 18300ms infinite 11200ms;	
  }
  #play1:checked ~ div .fake-radio .radio-btn:nth-child(4) {
    animation: bullet 18300ms infinite 7200ms;	
  }
  /* Calculate AUTOPLAY for BULLETS - END */
  
  
  
  
  /* Calculate AUTOPLAY for SLIDES */
  @keyframes slide {
    0%, 25.203252032520325%	{ margin-left: 0; }
    33.333333333333336%, 58.53658536585366%	{ margin-left: -100%; }
    66.66666666666667%, 91.869918699187%	{ margin-left: -200%; }
  }
  
  
  .st-slider > #play1:checked ~ .images .images-inner {
    animation: slide 18300ms infinite;	
  }
  /* Calculate AUTOPLAY for SLIDES - END */
  
  
  
  
  
  /* Calculate AUTOPLAY for CAPTION */
  @keyframes caption {
    0%, 33.32333333333334%	{
      opacity: 1;
    }
    33.333333333333336%, 100% {
      opacity: 0;
    }
  }
  
  
  #play1:checked ~ .labels .label:nth-child(1) {
    animation: caption 12300ms infinite -1000ms;
  }
  
  #play1:checked ~ .labels .label:nth-child(2) {
    animation: caption 12300ms infinite 3100ms;	
  }
  
  #play1:checked ~ .labels .label:nth-child(3) {
    animation: caption 12300ms infinite 7200ms;	
  }
  #play1:checked ~ .labels .label:nth-child(4) {
    animation: caption 12300ms infinite 7200ms;	
  }
  /* Calculate AUTOPLAY for CAPTION - END */
  
  

/******************** app store badge ********************/
/**
.appstore{
    position: relative; 
    -webkit-box-align:center;
    -webkit-box-pack:center;
    display:-webkit-box;
}



.appstore-header{
    position: relative; 
    margin-top: 25px;

    -webkit-box-align:center;
    -webkit-box-pack:center;
    display:-webkit-box;
    left:50%;
    transform:translateX(-50%) translateY(-50%);

}


.appstore-content{
    position: relative; 
    -webkit-box-align:center;
    -webkit-box-pack:center;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    padding-top: 55px;
}

.appstore-content img{
    max-width:170px;

}


.appstore-header-fixed{
    position: fixed; 
    top: 35px;
    right: 50px;
    z-index: 9999;
}
**/
.appstore-header img{
    margin-bottom: -15px;
    height:70px;
    max-width:180px;

}


@media (max-width: 480px){ 
    .appstore-header-fixed{
        position: fixed; 
        top: 8px;
        right: 8px;
        z-index: 9999;
    }
 
    .appstore-header img{
        margin-bottom: -15px;
        height:55px;
        max-width:125px;
    
    }
}




.container_mockup {
    overflow: hidden;
    height: 60%;
    position: relative;
    background-image: url("images/nextcare_allDevices.jpg");
    background-size: cover;
    background-position: center center ;
    clear:left;
}




/*************************** Gallery **************************/
.gallery_main{
    position: relative;
    width: 100%;
}

.gallery_detail{
    float: left;
    height: 300px;
    width: 33.33%;
    overflow: hidden;
    position: relative;
}

.gallery_detail:hover .gallery {
    transform: scale(1.1);
    transition: all .5s;
}

.gallery{
    background-size: cover;
    height: 100%;
    background-position: center; 
    transform: scale(1);
    transition: all .2s ease; 
}

.image1 {
    background-image: url('images/gallery/DICOM_VIEWER_MEDICALHOLODECK_03_800.jpg');
}

.image2{
    background-image: url('images/gallery/DICOM_VIEWER_MEDICALHOLODECK_04_800.jpg');
}

.image3{
    background-image: url('images/gallery/DICOM_VIEWER_MEDICALHOLODECK_05_800.jpg');
}

.image4{
    background-image: url('images/gallery/DICOM_VIEWER_MEDICALHOLODECK_06_800.jpg');
}

.image5{
    background-image: url('images/gallery/DICOM_VIEWER_MEDICALHOLODECK_07_800.jpg');
}

.image6{
    background-image: url('images/gallery/DICOM_VIEWER_MEDICALHOLODECK_08_800.jpg');
}

.image7{
    background-image: url('images/gallery/DICOM_VIEWER_MEDICALHOLODECK_09_800.jpg');
}

.image8{
    background-image: url('images/gallery/DICOM_VIEWER_MEDICALHOLODECK_01_800.jpg');
}

.anat01 {
    background-image: url('images/anatomy_master/Medicalholodeck_20190206_154305_2.jpg');
}
.anat02 {
    background-image: url('images/anatomy_master/anat13.jpg');
}
.anat03 {
    background-image: url('images/anatomy_master/anat05.jpg');
}
.anat04 {
    background-image: url('images/blue01.jpg');
}
.anat05 {
    background-image: url('images/red01.jpg');
}
.anat06 {
    background-image: url('images/yellow01.jpg');
}

.gallerytext {
    position: absolute;
    color: white;
    text-align:center;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    margin: auto;
}

.gallerytext span{
    background-color:rgba(0, 0, 0, 0.5);
    padding:0 15;
}

.gallerytext h1 {
    font-size: 22px;
    background-color:rgba(0, 0, 0, 0.5);
    padding:0 15 0;
    letter-spacing: 2;
    color: white;
}

.gallerytext h6 {
    font-size: 14px;
    background-color:rgba(0, 0, 0, 0.5);
    padding:5 15;
    color: white;
}

.gallerytext p {
    font-size: 12px;
    background-color:rgba(0, 0, 0, 0.5);
    padding:0 15 5;
    color: white;
}

@media only screen and (max-width: 480px){
    .gallery_main {
        display: none !important;
    }

    .gallery_detail{
        flex:auto;
        height: 180px;
        width: 50%;
        overflow: hidden;
        position: relative;
    }
    /**
    .gallerytext {
        display: none !important;
    }**/

    .gallerytext h1 {
        font-size: 16px;
        background-color:rgba(0, 0, 0, 0.5);
        padding:0 15 0;
        letter-spacing: 1.5;
        color: white;
    }
    
    .gallerytext h6 {
        font-size: 13px;
        background-color:rgba(0, 0, 0, 0.5);
        padding:0 15;
        color: white;
    }


}
/*************************** gallery 2 **************************/

.row {
    display: flex;

  }
  
  .column {
    position: relative;
    transition: all .2s ease-in-out;
overflow: hidden;
text-align: center;
overflow: hidden;

  }

  .column:hover { transform: scale(1.01); 
}

 .imgtext{
    position: absolute; 
    left:50%;
    top:60%;
    transform:translateX(-50%) translateY(-50%);
 }

 .imgtext h1{
     color:white;

 }
 .imgtext h6{
    color:white;
    background: rgba(0, 0, 0, 0.66);

}
.column img{
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}
 


form button{
    padding: 10px;
    margin-top: 15px;
    font-size: 14;
    border-radius: 5px;
}


div#nc-reg p, div#nc-reg h2 {
    color: white;
}


#nc-regform input {
    width: 10em;
    display: block;
    margin: auto;
    padding: 4px;
    outline: none;
    font-size: inherit;
    border-radius: 4px;
}

#nc-regform button {
    border: 1px solid #ccc;
    background-color: rgb(172, 0, 0);
    border-radius: 4px;
    padding: 8px 12px;
    text-transform: uppercase;
    color: white;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}





/****pricing****/




.pricing{
padding: 10 30 ;
}



@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:800);
.snip1214 {
  font-family: 'Lato', Arial, sans-serif;
  color: #000000;
  text-align: center;
  font-size: 18px;
  /**width: 100%;**/
  margin: 40px 10px;
  display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
}
.snip1214 .plan {
  margin: 0;
  width: 27%;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 25px;
  
}
.snip1214 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.snip1214 header {
  position: relative;
}
.snip1214 .plan-title {
  position: relative;
  top: 0;
  font-weight: 600;
  padding: 5px 15px;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  display: inline-block;
  background-color: #222f3d;
  color: #ffffff;
  text-transform: uppercase;
}
.snip1214 .plan-cost {
  padding: 0px 10px 20px;
}
.snip1214 .plan-price {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: 800;
  font-size: 1.9em;
  color: #34495e;
}
.snip1214 .plan-type {
  opacity: 0.6;
}
.snip1214 .plan-features {
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: outside none none;
  font-size: 0.7em;
  font-weight: 200;
  line-height: 1.4em;
}
.snip1214 .plan-features li {
  border-top: 1px solid #d2d7e2;
  padding: 10px 5%;
}
.snip1214 .plan-features li:nth-child(even) {
  background: rgba(0, 0, 0, 0.08);
}
.snip1214 .plan-features i {
  margin-right: 8px;
  opacity: 0.4;
}
.snip1214 .plan-select {
  border-top: 1px solid #d2d7e2;
  padding: 10px 10px 0;
}
.snip1214 .plan-select a {
  background-color: #222f3d;
  color: #ffffff;
  text-decoration: none;
  padding: 0.5em 1em;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  font-size: 16;
}
.snip1214 .plan-select a:hover {
  background-color: #46627f;
}
.snip1214 .featured {
  margin-top: -10px;
  background-color: #34495e;
  color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.snip1214 .featured .plan-title,
.snip1214 .featured .plan-price {
  color: #ffffff;
}
.snip1214 .featured .plan-cost {
  padding: 10px 10px 20px;
}
.snip1214 .featured .plan-features li {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.snip1214 .featured .plan-select {
  padding: 20px 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
@media only screen and (max-width: 767px) {
  .snip1214 .plan {
    width: 72%;
  }
  .snip1214 .plan-title,
  .snip1214 .plan-select a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .snip1214 .plan-cost,
  .snip1214 .featured .plan-cost {
    padding: 20px 10px 20px;
  }
  .snip1214 .plan-select,
  .snip1214 .featured .plan-select {
    padding: 10px 10px 10px;
  }
  .snip1214 .featured {
    margin-top: 0;
  }
}
@media only screen and (max-width: 440px) {
  .snip1214 .plan {
    width: 100%;
  }
}


/***loginbutton***/

.login{
 width: 55px;
 height: 28px;
 background-color: rgb(33, 32, 59);   
 position: fixed;
 top: 15px;
 right: 15px;
 z-index: 9;
 border-radius: 4px;
 /**box-shadow:2px 2px 10px #00000041;**/


}

.logintext{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
    padding: 12px;
 
}
.logintext p{

    color: white;
    font-weight: 600;
    font-size: 12;
    letter-spacing: 0.1em;
}




/***call button ***/

.call-button-round{
    position: relative;
}



.call-button:hover {
    background-color: rgb(159, 11, 0);   
}

.call-button-round-text{
    position: relative;
    width: 57px;
    height: 57px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
    z-index: 9;
    background-color: rgb(201, 13, 0);   
    box-shadow: /**0px 0px 30px #370000bf inset,**/ 0px 0px 18px #0000006b;
    border-radius: 45px;
    animation: pulse 1.5s alternate infinite;
    text-align: center;
    color: white;
   /** text-shadow: 1px 1px 5px #00000077 ;**/
}



.call-button-square{
    position: relative;
}

.call-button-square-text{
    position: relative;
    width: 65px;
    height: 65px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
    z-index: 9;
    background-color: rgb(201, 13, 0);   
    /**box-shadow: 0px 0px 30px #370000bf inset, 2px 2px 10px #0000006b;**/
    animation: pulse 1.5s alternate infinite;
    text-align: center;
    color: white;
    text-shadow: 1px 1px 5px #00000046 ;
}

.call-fixed{
    position: fixed;
    bottom: 8px;
    right: 170px;
}
  

.call-button-square-text{
    position: absolute;
    width: 190px;
    height: 65px;
    z-index: 9;
    border-radius: 6px;
    animation: pulse2 1.5s alternate infinite;
    text-align: left;
    color: white;
    padding-top: 8px;
    padding-left: 25px;
}

.call-button-square-text p{
position: relative;
margin-left: 37px;
text-align: left;
bottom: 18px;
}

.material-icons{
    vertical-align: bottom;
}


   
@keyframes pulse {
    0% {
        background-color: rgb(174, 0, 0);
    }
    100% {
        background-color: rgb(255, 47, 0);
    }
}
@keyframes pulse2 {
    0% {
        background-color: rgb(174, 0, 0);
    }
    100% {
        background-color: rgb(232, 0, 0);
    }
}


.call-button-round-text p{
    position: relative;
    color: white;
    font-weight: 600;
    font-size: 9;
    line-height: 0.5em;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
}

.call-button-square-text p{
    position: relative;
    color: white;
    font-weight: 600;
    font-size: 14;
    line-height: 0.5em;
}

/***call button big***/

.call-button{
    width: 180px;
    height: 65px;
    background-color: rgb(201, 13, 0);   
    position: relative;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
    z-index: 9;
    border-radius: 6px;
    box-shadow: 0px 0px 30px #630000bf inset, 2px 2px 10px #0000006b;
    margin: 45 0;
    animation: pulse 1.5s alternate infinite;
}
   
@keyframes pulse {
    0% {
        background-color: rgb(196, 0, 0);
    }
    100% {
        background-color: rgb(255, 68, 0);
    }
}

.call-button:hover {
    background-color: rgb(159, 11, 0);   
}

.call-button-text{
    position: relative;
    margin: 0;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
    padding: 12px;
    text-align: center;
    color: white;
    text-shadow: 1px 1px 5px #00000077 ;
}
   
.call-fixed p{
    color: rgb(255, 255, 255);
    font-weight: 400;
    font-size: 12;
}


@media only screen and (max-width: 440px) {
    .login{
        width: 55px;
        height: 30px;
        background-color: rgb(33, 32, 59);   
        position: fixed;
        top: 12px;
        right: 6px;
        z-index: 9;
        border-radius: 4px;
       display: none;
       
       }


    .logintext{
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
        padding: 12px;
     
    }
    .logintext a{
    
        color: white;
        font-weight: 400;
        font-size: 14;
    }


    .call-fixed{
        position: fixed;
        bottom: 8px;
        right: 45px;
    }

    .call-fixed p{
        display: none !important;
    }


    .call-button-square-text{
        position: absolute;
        width: 45px;
        height: 75px;
        z-index: 9;
        border-radius: 6px;
        animation: pulse2 1.5s alternate infinite;
        text-align: left;
        color: white;
        padding-top: 10px;
        padding-left: 14px;
    }


}




/*****anleitung****/

.anleitung-bild{
display: flex; 
justify-content: center; 
align-items: center;
}

.anleitung img{
    width: 65%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.331) ;
    border-radius: 4px;
}


.anleitung{
    position: relative;
    clear:left;
    padding-top:35px;
    padding-bottom: 40px;
    background:rgb(255, 255, 255);
    /**box-shadow: 0 0 120px rgba(9, 9, 9, 0.15) inset;**/
}

.anleitung p{
text-align: left;
max-width: 50%;

}

.anleitung h5{
    text-align: left;
    max-width: 50%;

}

.anleitung hr {
    max-width: 50%;


}

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


    .anleitung-bild{
        display: flex; 
        justify-content: center; 
        align-items: center;
        }
        
        .anleitung img{
            width: 65%;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.331) ;
            border-radius: 4px;
        }
        
        
        .anleitung{
            position: relative;
            clear:left;
            padding-top:18px;
            padding-bottom: 40px;
            background:rgb(255, 255, 255);
            /**box-shadow: 0 0 120px rgba(9, 9, 9, 0.15) inset;**/
        }
        
        .anleitung p{
        text-align: left;
        max-width: 85%;
        font-size: 14;
    }
        
        .anleitung h5{
            text-align: left;
            max-width: 85%;
            font-size: 15;

        
        }
        
        .anleitung hr {
            max-width: 85%;
        
        
        }





}





.functions{
    position: relative;
    clear:left;
    padding-top:35px;
    padding-bottom: 40px;
    background:rgb(255, 255, 255);
    /**box-shadow: 0 0 120px rgba(9, 9, 9, 0.15) inset;**/
    background-color: rgb(242, 242, 242);
}

.functions h5{

    text-align: center;

}

.functions h1{

    text-align: center;

}






.kontakt{
    position: relative;
    clear:left;
    padding-top:35px;
    padding-bottom: 40px;
    background:rgb(255, 255, 255);
    /**box-shadow: 0 0 120px rgba(9, 9, 9, 0.15) inset;**/
    background-color: rgb(242, 242, 242);
}

.kontakt h5{

    text-align: center;

}

.kontakt h1{

    text-align: center;

}


.kontakt p{

    text-align: center;

}






.support{
    position: relative;
    clear:left;
    padding-top:45px;
    padding-bottom: 45px;
    background:rgb(65, 65, 65);
    box-shadow: 0 0 120px rgba(0, 0, 0, 0.564) inset;
}

.support h4{
    color: white;
    text-align: center;
    line-height: 1.2em;
}
.support a{
    color: white;
    text-align: center;

}

.support h1{
    color: white;
    text-align: center;

}


/***Hipaa***/

.hipaa{

position: relative;
width: 120px;
height: 120px;
left: 82%;
top: 75px;
background-color: rgb(255, 111, 0);
  border-radius: 60px;
  box-shadow: 0 0 60px rgb(255, 0, 0) inset, 0 0 4px rgb(60, 60, 60);
  transform: rotate(20deg);
  z-index: 999;
}


.hipaa h5{
    color: white;
    font-weight: 600;
    font-size: 25;
    width: 100%;
   height: 60%;
   display: flex;
   align-items: center;
   justify-content: center;
}


.hipaa p{
    position: absolute;

    color: white;
    font-weight: 600;
    width: 100%;
   height: 0%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 60px;
   line-height: 1.2em;
   font-size: 16px;
}




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


    .hipaa{

        position: relative;
        width: 78px;
        height: 78px;
        left: 72%;
        top: 0px;
        background-color: rgb(255, 111, 0);
          border-radius: 60px;
          box-shadow: 0 0 60px rgb(255, 0, 0) inset, 0 0 4px rgb(60, 60, 60);
          transform: rotate(20deg);
        }
        
        
        .hipaa h5{
            color: white;
            font-weight: 600;
            font-size: 25;
            width: 100%;
           height: 60%;
           display: flex;
           align-items: center;
           justify-content: center;
        }
        
        
        .hipaa p{
            position: absolute;
        
            color: white;
            font-weight: 600;
            width: 100%;
           height: 0%;
           display: flex;
           align-items: center;
           justify-content: center;
           margin-top: 40px;
           line-height: 1.2em;
           font-size: 12px;
           padding-left: 0px;
        }


}