body{
    margin:0;
    font-family: 'Bitter', serif;
    background-color:#4A96CD;
}

a{
    text-decoration:none;
}

a:link{
    color:#00427C;
}

a:visited{
    color:#00427C;
}

a:active{
    color:#00427C;
}

.preloading{
    display:none;
}

#start_image{
    position:relative;
    background-color:#4A96CD;
    width:100%;
    max-width:2048px;
    display:block;
    margin:0 auto;
    z-index:3;
    height:100%;
    max-height:1536px;
}

#cover_img{
    top:-3500px;
    opacity:0;
    width:100%;
    height:auto;
    position:relative;
/*    max-width:2048px;
    display:block;
    margin:0 auto;*/
}

#bar{
    position:absolute;
    top:49.5%;
    opacity:0;
    width:100%;
    height:26.3%;
    max-width:2048px;
    max-height:400px;
}

#logo_animation{
    margin:0 auto;
    display:block;
    height:100%;
}

#menu_button_elem{
    z-index:7;
    width:6%;
    max-width:123px;
    position:fixed;
    top:0;
    left:0;
    margin:0;
    border:none;
    border-image-width:0;
    padding:0;
    background-color:transparent;
    transition:opacity 1s linear;
    -webkit-transition:opacity 1s linear; /* Safari */
    -moz-transition:opacity 1s linear; /* Firefox */
    -o-transition:opacity 1s linear; /* Opera */
}

#menu_button_elem img{
    width:100%;
}

#side_menu {
    background-color:rgba(255,255,255,0.15);
    height:100%;
    width:25%;
    position:fixed;
    top:0;
    left:-2000px;
    border-right:4px solid #00427C;
    z-index:10;
}

#side_menu ul{
    margin-top:30%;
    list-style-type:none;
    color:#00427C;
}

#side_menu ul li{
    padding-top:5px;
}

#logo_item img{
    width:80%;
}

.line_item div{
    background-color:#00427C;
    width:60%;
    height:2px;
    margin:20px;
}

#veil{
    z-index:5;
    opacity:0;
    background-color:rgba(255,255,255,0.75);
    height:100%;
    width:100%;
    position:fixed;
    top:0;
    right:0;
    transition:opacity 1s linear;
    -webkit-transition:opacity 1s linear; /* Safari */
    -moz-transition:opacity 1s linear; /* Firefox */
    -o-transition:opacity 1s linear; /* Opera */
}

/*
#how_block div{
    padding-top:50px;
}*/

.slide{
    background-color:white;
    padding-top:50px;
}

.header_class{
    width:75%;
    text-align:center;
    color:#00427C;
    font-weight:400;
    font-style:italic;
    margin-bottom:25px;
}

.header_class img{
    width:12.4%;
    padding-bottom:15px;
}

.h_small_line{
    background-color:#00427C;
    width:5%;
    height:2px;
    margin:0;
    padding:0;
    display:inline-block;
    margin:0 7px;
}

img.header_dots{
    padding:0 2px;
    width:1.3%;
    margin-top:15px;
}

.header_class h2{
    display:inline;
    font-style:normal;
    font-size:160%;
}

.col_class{
    width:25%;
    color:#868789;
    text-align:center;
    display:inline-table;
    margin-top:35px;
    margin-bottom:50px;
}

.col_class p{
    font-size:medium;
    margin-left:25px;
    margin-right:25px;
    line-height:150%;
}

.col_class h2{
    font-weight:400;
    margin-left:25px;
    margin-right:25px;
}

.dots{
    padding:0 2px;
}

.little_dots{
    padding:0 2px;
}

#arrow1{
    position:absolute;
    transform:scale(-1,1);
    -ms-transform:scale(-1,1); /* IE 9 */
    -webkit-transform:scale(-1,1); /* Opera, Chrome, and Safari */
    width:21%;
    left:13%;
}

#arrow2{
    position:absolute;
    transform:scale(-1,1);
    -ms-transform:scale(-1,1); /* IE 9 */
    -webkit-transform:scale(-1,1); /* Opera, Chrome, and Safari */
    width:21%;
    left:37%;
}

div#fourth_col{
    position:fixed;
/*    display:inline-table;*/
    color:white;
    background-color:#4A96CD;
    height:100%;
    width:25%;
    right:0;
    top:0;
    margin:0;
}

.fourth_h3{
    font-style:italic;
    font-size:120%;
    margin:20px 0 10px 0;
}

.fourth_col_p{
    position:absolute;
    display:none;
    font-style:normal;
    font-size:100%;
    text-align:left;
    margin:20px 50px 30px 30px;
    height:60%;
    overflow-x:hidden;
    overflow-y:auto;
    
}

#process_gif{
    width:42%;
}

#reader_gif{
    width:42%;
    visibility:hidden;
}

div#white_line{
    background-color:white;
    width:20%;
    height:2px;
    margin:0;
    padding:0;
    display:inline-block;
    margin:0 7px;
}

#pdf_icon{
    width:30%;
}

#process_icon{
    width:42%;
}

#app_icon{
    width:30%;
}

#second_slide_image{
    position:relative;
    width:75%;
    text-align:center;
}

#second_slide_image img{
    width:45%;
}

.second_arrow{
    position:absolute;
}

img#second_arrow1{
    width:16%;
    left:20%;
    top:13%;
}

img#second_arrow2{
    width:13%;
    left:63%;
    top:20%;
}

img#second_arrow3{
    width:18%;
    left:21%;
    top:32%;
    transform:scale(1,-1);
    -ms-transform:scale(1,-1); /* IE 9 */
    -webkit-transform:scale(1,-1); /* Opera, Chrome, and Safari */
}

img#second_arrow4{
    width:15%;
    left:63%;
    top:48%;
}

img#second_arrow5{
    width:16%;
    left:24%;
    top:75%;
}


img#second_arrow6{
    width:15.4%;
    left:63%;
    top:88%;
}

.captions{
    background-color:transparent;
    position:absolute;
    color:#868789;
}

.captions em{
    color:#4A96CD;
    font-style:italic;
}

#capt1{
    text-align:right;
    top:7%;
    left:10%;
}

#capt2{
    text-align:left;
    top:12%;
    left:78%;
}

#capt3{
    text-align:right;        
    top:21%;
    left:8%;
}

#capt4{
    text-align:left;
    top:51%;
    left:80%;
}

#capt5{
    text-align:right;
    top:69%;
    left:7%;
}

#capt6{
    text-align:left;
    top:84%;
    left:80%;
}

.third_arrow{
    position:absolute;
}

#third_slide_image{
    position:relative;
    width:75%;
    text-align:center;
}

#third_slide_image img{
    width:45%;
}

img#third_arrow1{
    width:13%;
    left:63%;
    top:20%;
}

img#third_arrow2{
    width:17%;
    left:21%;
    top:40%;
    transform:scale(1,-1);
    -ms-transform:scale(1,-1); /* IE 9 */
    -webkit-transform:scale(1,-1); /* Opera, Chrome, and Safari */
}

img#third_arrow3{
    width:15.7%;
    left:60%;
    top:65%;
}

img#third_arrow4{
    width:13%;
    left:22%;
    top:84%;
}

/*#third_slide_image .captions{
    background-color:transparent;
    position:absolute;
    color:#868789;
}*/

#third_capt1{
    text-align:left;
    top:12%;
    left:78%;
}

#third_capt2{
    text-align:right;
    top:34%;
    left:4%;
}

#third_capt3{
    text-align:left;        
    top:69%;
    left:77%;
}

#third_capt4{
    text-align:right;
    top:78%;
    left:5%;
}


.database_image_div{
    position:relative;
    width:80%;
    margin-left:-3%;
    text-align:center;
}

.database_image_div img{
    width:60%;
    padding-top:7%;
}

.fourth_arrow{
    position:absolute;
}

#fourth_arrow1{
    left:55.5%;
    bottom:47%;
    width:11%;
}

#fourth_capt1{
    text-align:right;
    top:0;
    left:42%;
}

#fifth_slide{
    padding-bottom:10%;
}

.fifth_arrow{
    position:absolute;
}

#fifth_arrow1{
    left:40%;
    bottom:52%;
    width:14%;
}

#fifth_capt1{
    text-align:left;
    top:0;
    left:55%;
}

#fifth_arrow2{
    left:32%;
    bottom:23%;
    width:4.5%;
    transform:rotate(10deg);
    -ms-transform:rotate(10deg); /* IE 9 */
    -webkit-transform:rotate(10deg); /* Opera, Chrome, and Safari */
}

#fifth_capt2{
    text-align:right;
    top:58%;
    left:13%;
}

#fifth_arrow3{
    left:34%;
    top:52%;
    width:8%;
}

#fifth_capt3{
    text-align:right;
    top:99%;
    left:18%;
}

#fifth_arrow4{
    left:46%;
    top:67%;
    width:19%;
}

#fifth_capt4{
    text-align:left;
    top:104%;
    left:67%;
}

.sixth_arrow{
    position:absolute;
}

#sixth_slide{
    padding-bottom:20%;
}

#sixth_slide_image img{
    padding-top:0;
}

#sixth_arrow1{
    left:26%;
    bottom:20%;
    width:12%;
}

#sixth_capt1{
    text-align:right;
    top:62%;
    left:13%;
}

#sixth_arrow2{
    left:41%;
    top:82%;
    width:25%;
}

#sixth_capt2{
    text-align:left;
    top:106%;
    left:67%;
}

#how_block div .dashed_line{
    background-color:transparent;
}

#prices_block{
    display:none;
    background-color:white;
    margin:50px;
    padding:50px;
    color:#4A96CD;    
}

#tail{
    width:100%;
    height:500px;
    background-color:white;
}

.transitional_class{
    transition:top 1s ease-out, left 0.7s ease, opacity 2s linear;
    -webkit-transition:top 1s ease-out, left 0.7s ease, opacity 2s linear; /* Safari */
    -moz-transition:top 1s ease-out, left 0.7s ease, opacity 2s linear; /* Firefox */
    -o-transition:top 1s ease-out, left 0.7s ease, opacity 2s linear; /* Opera */
}


@media (max-device-width:480px) , (max-width:480px){
   /* styles for browsers smaller than 480px*/
   #menu_button_elem{
        width:10%;
    }
    
    #veil{
        background-color:rgba(255,255,255,0.9);
    }
    
    #side_menu {
        width:100%;
    }
    
    #side_menu ul li{
        padding-top:5%;
        font-size:200%;
    }
    
    div#fourth_col{
        display:none;
    }
    
    .header_class{
        width:99%;
    }
    
    .col_class{
        width:32%;
    }
   
   /*
   .slide_main_image{
        display:none;
    }
    
    .second_arrow{
        display:none;
    }
    .third_arrow{
        display:none;
    }
    .fourth_arrow{
        display:none;
    }
    .fifth_arrow{
        display:none;
    }
    .sixth_arrow{
        display:none;
    }
    
    .captions{
        position:relative;
    }*/
}

@media (min-device-width: 481px) and (max-device-width: 1136px) and (orientation:portrait) {
  /* For mobile portrait layouts */
  #menu_button_elem{
        width:10%;
    }
    
    #veil{
        background-color:rgba(255,255,255,0.9);
    }
    
    #side_menu {
        width:100%;
    }
    
    #side_menu ul li{
        padding-top:5%;
        font-size:200%;
    }
    
    div#fourth_col{
        display:none;
    }
   
   .header_class{
        width:99%;
    }
    
    .col_class{
        width:32%;
    }
   
   /*
   .slide_main_image{
        display:none;
    }
    
    .second_arrow{
        display:none;
    }
    .third_arrow{
        display:none;
    }
    .fourth_arrow{
        display:none;
    }
    .fifth_arrow{
        display:none;
    }
    .sixth_arrow{
        display:none;
    }

    .captions{
        position:relative;
    }*/
}

@media (min-device-width: 481px) and (max-device-width: 1136px) and (orientation:landscape) {
  /* For mobile landscape layouts */
  #menu_button_elem{
        width:10%;
    }
   
    #veil{
        background-color:rgba(255,255,255,0.9);
    }
   
    #side_menu {
        width:100%;
    }
    
    #side_menu ul {
        margin-top:0%;
        text-align:center;
    }
    
    #side_menu ul li{
        padding-top:5%;
        font-size:150%;
    }
    
    .line_item{
        display:none;
    }
    
    #logo_item{
        display:none;
    }
   
    div#fourth_col{
        display:none;
    }
    
    .header_class{
        width:99%;
    }
    
    .col_class{
        width:32%;
    }
   
   /*
   .slide_main_image{
        display:none;
    }
    
    .second_arrow{
        display:none;
    }
    .third_arrow{
        display:none;
    }
    .fourth_arrow{
        display:none;
    }
    .fifth_arrow{
        display:none;
    }
    .sixth_arrow{
        display:none;
    }

    .captions{
        position:relative;
    }*7
}