div#container
{
   width: 1200px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#Layer11
{
   background-color: transparent;
   background-image: url('../images/background.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
   border-top-width: 3px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
}
#Layer11-overlay
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: #1E1E1E;
   opacity: 0.63;
}
#Layer2
{
   background-color: transparent;
   background-image: url('../images/student-849825_1920.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
   border-radius: 0px;
}
#Layer2-overlay
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: #1E1E1E;
   opacity: 0.78;
}
#Layer22
{
   background-color: transparent;
   background-image: url('../images/index_Layer22_bkgrnd.png');
   background-repeat: repeat-x;
   background-position: left top;
   border-radius: 0px;
}
#wb_Text10 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text10
{
   color: #FFFFFF;
   font-family: "Oswald";
   font-weight: 300;
   font-size: 29px;
}
#wb_Text10 div
{
   text-align: right;
}
#wb_Text36 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text36
{
   color: #FFFFFF;
   font-family: "Oswald";
   font-weight: 300;
   font-size: 29px;
   line-height: 50px;
}
#wb_Text36 div
{
   text-align: right;
}
#wb_Text35 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text35
{
   color: #FFFFFF;
   font-family: Lato;
   font-weight: normal;
   font-size: 17px;
   line-height: 21px;
}
#wb_Text35 div
{
   text-align: right;
}
#wb_Text11 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text11
{
   color: #FFFFFF;
   font-family: "Oswald";
   font-weight: 300;
   font-size: 29px;
   line-height: 50px;
}
#wb_Text11 div
{
   text-align: right;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text4
{
   color: #FFFFFF;
   font-family: "Oswald";
   font-weight: 500;
   font-size: 29px;
}
#wb_Text4 div
{
   text-align: center;
}
#wb_Text8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text8
{
   color: #FFFFFF;
   font-family: Lato;
   font-weight: normal;
   font-size: 17px;
   line-height: 21px;
}
#wb_Text8 div
{
   text-align: center;
}
#Layer3
{
   background-color: rgba(30,30,30,0.98);
   background-image: none;
   border-radius: 0px;
}
#wb_Text34 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text34
{
   color: #4F4F4F;
   font-family: "Oswald";
   font-weight: 300;
   font-size: 29px;
}
#wb_Text34 div
{
   text-align: left;
}
#Layer9
{
   background-color: transparent;
   background-image: url('../images/services-projectsharing.jpg');
   background-repeat: repeat-x;
   background-position: left top;
   background-attachment: scroll;
   background-size: cover;
   border-radius: 0px;
}
#wb_Text42 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text42
{
   color: #FFFFFF;
   font-family: Lato;
   font-weight: normal;
   font-size: 17px;
   line-height: 21px;
}
#wb_Text42 div
{
   text-align: right;
}
#Layer4
{
   background-color: #1E1E1E;
   background-image: none;
   border-radius: 0px;
}
#wb_Text29 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text29
{
   color: #4F4F4F;
   font-family: "Oswald";
   font-weight: 300;
   font-size: 29px;
}
#wb_Text29 div
{
   text-align: left;
}
#Layer5
{
   background-color: #1E1E1E;
   background-image: none;
   border-radius: 0px;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1
{
   color: #4F4F4F;
   font-family: "Oswald";
   font-weight: 500;
   font-size: 29px;
}
#wb_Text1 div
{
   text-align: center;
}
#wb_Image15
{
   vertical-align: top;
}
#Image15
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image15:hover
{
   transform: rotate(0deg) scale(1.1,1.1) ;
   transition: transform 500ms linear 0ms;
}
#wb_Image16
{
   vertical-align: top;
}
#Image16
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image16:hover
{
   transform: rotate(0deg) scale(1.1,1.1) ;
   transition: transform 500ms linear 0ms;
}
#wb_Image17
{
   vertical-align: top;
}
#Image17
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image17:hover
{
   transform: rotate(0deg) scale(1.1,1.1) ;
   transition: transform 500ms linear 0ms;
}
#wb_Image13
{
   vertical-align: top;
}
#Image13
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image13:hover
{
   transform: rotate(0deg) scale(1.1,1.1) ;
   transition: transform 500ms linear 0ms;
}
#wb_Image14
{
   vertical-align: top;
}
#Image14
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Image14:hover
{
   transform: rotate(0deg) scale(1.1,1.1) ;
   transition: transform 500ms linear 0ms;
}
#Layer6
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text2
{
   color: #4F4F4F;
   font-family: Oswald;
   font-weight: normal;
   font-size: 20px;
}
#wb_Text2 div
{
   text-align: center;
}
#Layer7
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text3
{
   color: #4F4F4F;
   font-family: Oswald;
   font-weight: normal;
   font-size: 20px;
}
#wb_Text3 div
{
   text-align: center;
}
#Layer8
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text5
{
   color: #4F4F4F;
   font-family: Oswald;
   font-weight: normal;
   font-size: 20px;
}
#wb_Text5 div
{
   text-align: center;
}
#Layer10
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text6
{
   color: #4F4F4F;
   font-family: Oswald;
   font-weight: normal;
   font-size: 20px;
}
#wb_Text6 div
{
   text-align: center;
}
#Layer12
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text7
{
   color: #4F4F4F;
   font-family: Oswald;
   font-weight: normal;
   font-size: 20px;
}
#wb_Text7 div
{
   text-align: center;
}
#services
{
   top: 0px;
   width: 250px;
   height: 60px;
   background-image: linear-gradient(to top, #1E90FF 0%, #337AB7 100%);
   border: 0px #003399 solid;
   border-radius: 3px;
}
#services:hover
{
   background-image: linear-gradient(to top, #337AB7 0%, #1E90FF 100%);
   border: 0px #337AB7 solid;
}
#services_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 0.8%;
   top: 3.33%;
   width: 98%;
   height: 91.67%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#services:hover span
{
   color: #FFFFFF !important;
}
#services span:hover
{
   color: #FFFFFF !important;
}
#Shape1
{
   top: 0px;
   width: 160px;
   height: 50px;
   background-color: #DCDCDC;
   background-image: none;
   border: 0px #003399 solid;
   border-radius: 3px;
}
#Shape1:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px #FFFFFF solid;
}
#Shape1_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 1.25%;
   top: 4%;
   width: 96.88%;
   height: 90%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape1:hover span
{
   color: #1E90FF !important;
}
#Shape1 span:hover
{
   color: #1E90FF !important;
}
#Shape2
{
   top: 0px;
   width: 250px;
   height: 60px;
   background-image: linear-gradient(to top, #1E90FF 0%, #337AB7 100%);
   border: 0px #003399 solid;
   border-radius: 3px;
}
#Shape2:hover
{
   background-image: linear-gradient(to top, #337AB7 0%, #1E90FF 100%);
   border: 0px #337AB7 solid;
}
#Shape2_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 0.8%;
   top: 3.33%;
   width: 98%;
   height: 91.67%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape2:hover span
{
   color: #FFFFFF !important;
}
#Shape2 span:hover
{
   color: #FFFFFF !important;
}
#Shape3
{
   top: 0px;
   width: 160px;
   height: 50px;
   background-color: #DCDCDC;
   background-image: none;
   border: 0px #003399 solid;
   border-radius: 3px;
}
#Shape3:hover
{
   background-color: #FFFFFF;
   background-image: none;
   border: 0px #FFFFFF solid;
}
#Shape3_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 1.25%;
   top: 4%;
   width: 96.88%;
   height: 90%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape3:hover span
{
   color: #1E90FF !important;
}
#Shape3 span:hover
{
   color: #1E90FF !important;
}
#Shape4
{
   top: 0px;
   width: 200px;
   height: 50px;
   background-image: linear-gradient(to top, #1E90FF 0%, #337AB7 100%);
   border: 0px #003399 solid;
   border-radius: 3px;
}
#Shape4:hover
{
   background-image: linear-gradient(to top, #337AB7 0%, #1E90FF 100%);
   border: 0px #337AB7 solid;
}
#Shape4_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 1%;
   top: 4%;
   width: 97.5%;
   height: 90%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape4:hover span
{
   color: #FFFFFF !important;
}
#Shape4 span:hover
{
   color: #FFFFFF !important;
}
#wb_oasel-home-logo
{
   vertical-align: top;
}
#oasel-home-logo
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#YouTube1
{
   box-sizing: border-box;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid transparent;
   border-radius: 0px;
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   animation: animate-fade-in-up 700ms linear 100ms 1 normal both;
   text-align: center;
}
#Heading1
{
   color: #FFFFFF;
   font-family: "Oswald";
   font-weight: 300;
   font-style: normal;
   font-size: 64px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_Text33 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
   animation: animate-fade-in-up 900ms linear 200ms 1 normal both;
}
#wb_Text33
{
   color: #FFFFFF;
   font-family: "Oswald";
   font-weight: 300;
   font-size: 48px;
}
#wb_Text33 div
{
   text-align: center;
}
#Shape5
{
   top: 0px;
   width: 250px;
   height: 60px;
   background-image: linear-gradient(to top, #1E90FF 0%, #337AB7 100%);
   border: 0px #003399 solid;
   border-radius: 3px;
}
#Shape5:hover
{
   background-image: linear-gradient(to top, #337AB7 0%, #1E90FF 100%);
   border: 0px #337AB7 solid;
}
#Shape5_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 0.8%;
   top: 3.33%;
   width: 98%;
   height: 91.67%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape5:hover span
{
   color: #FFFFFF !important;
}
#Shape5 span:hover
{
   color: #FFFFFF !important;
}
#wb_Shape5
{
   margin: 0;
   animation: animate-fade-in-up 1000ms linear 300ms 1 normal both;
   vertical-align: top;
}
#hidden-header
{
   background-color: #000000;
   background-image: none;
   border-radius: 0px;
}
#master_pageLayer5
{
   background-color: #1E1E1E;
   background-image: none;
   border-radius: 0px;
}
#wb_master-pageText8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_master-pageText8 div
{
   text-align: left;
}
#back-to-top
{
   background-color: transparent;
   background-image: url('../images/index_back-to-top_bkgrnd.png');
   background-repeat: repeat-x;
   background-position: left top;
   border: 1px solid transparent;
   border-radius: 4px;
}
#wb_MaterialIcon1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_MaterialIcon1 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#MaterialIcon1
{
   height: 40px;
   width: 40px;
}
.MaterialIcon1
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Material Icons";
   font-style: normal;
   font-weight: normal;
   line-height: 1;
}
.MaterialIcon1:before
{
   content: "\e5ce";
}
#MaterialIcon1 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 40px;
   line-height: 40px;
   vertical-align: middle;
   width: 40px;
}
#wb_MaterialIcon1:hover #MaterialIcon1 i
{
   color: #DCDCDC;
}
#wb_FontAwesomeIcon1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#FontAwesomeIcon1
{
   height: 20px;
   width: 20px;
}
#FontAwesomeIcon1 i
{
   color: #F5F5F5;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 17px;
}
#wb_FontAwesomeIcon1:hover #FontAwesomeIcon1 i
{
   color: #FFFFFF;
}
#wb_FontAwesomeIcon2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#FontAwesomeIcon2
{
   height: 20px;
   width: 20px;
}
#FontAwesomeIcon2 i
{
   color: #F5F5F5;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 17px;
}
#wb_FontAwesomeIcon2:hover #FontAwesomeIcon2 i
{
   color: #FFFFFF;
}
#wb_FontAwesomeIcon3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#FontAwesomeIcon3
{
   height: 20px;
   width: 20px;
}
#FontAwesomeIcon3 i
{
   color: #F5F5F5;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 17px;
}
#wb_FontAwesomeIcon3:hover #FontAwesomeIcon3 i
{
   color: #FFFFFF;
}
#wb_FontAwesomeIcon4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#FontAwesomeIcon4
{
   height: 20px;
   width: 20px;
}
#FontAwesomeIcon4 i
{
   color: #F5F5F5;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
   width: 20px;
}
#wb_FontAwesomeIcon4:hover #FontAwesomeIcon4 i
{
   color: #FFFFFF;
}
#Layer1
{
   background-color: #000000;
   background-image: none;
   border-radius: 0px;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_navigation
{
   display: block;
   font-family: Arial;
   font-weight: normal;
   text-align: left;
   width: 100%;
   margin: 0;
}
#navigation
{
   background-color: #000000;
   height: 37px;
}
#wb_navigation ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_navigation ul:after
{
   clear: both;
   content: "";
   display: block;
}
#wb_navigation ul li
{
   border-radius: 0;
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}
#wb_navigation ul li i
{
   font-size: 10px;
   width: 10px;
   margin-bottom: 0px;
}
#wb_navigation ul li a
{
   background-color: #000000;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 12px 15px 0 12px;
   text-align: center;
}
#wb_navigation > ul > li > a 
{
   height: 25px;
}
.navigation a 
{
   display: block;
}
#wb_navigation li:hover > a, #wb_navigation li .active
{
   background-color: #000000;
   color: #FFFFFF;
}
#wb_navigation ul ul
{
   display: none;
   position: absolute;
   top: 37px;
}
#wb_navigation ul li:hover > ul
{
   display: list-item;
}
#wb_navigation ul ul li 
{
   float: none;
   position: relative;
   width: 213px;
}
#wb_navigation ul ul li a
{
   background-color: #F5F5F5;
   border: 0px solid #F5F5F5;
   color: #000000;
}
#wb_navigation ul ul li:hover > a, #wb_navigation ul ul li .active
{
   background-color: #DCDCDC;
   color: #000000;
}
#wb_navigation ul ul li i 
{
   margin-right: 3px;
   vertical-align: middle;
}
#wb_navigation ul ul li a 
{
   padding-top: 8px;
   padding-right: 12px;
   padding-bottom: 8px;
   text-align: left;
   vertical-align: middle;
}
#wb_navigation ul ul ul li 
{
   left: 213px;
   position: relative;
   top: -37px;
}
#wb_navigation .arrow-down 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px solid #FFFFFF;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
#wb_navigation .arrow-left 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-left: 4px solid #000000;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-right: 0 dotted;
}
#wb_navigation li:hover > a .arrow-down, #wb_navigation li .active .arrow-down
{ 
   border-top-color: #FFFFFF;
}
#wb_navigation ul ul li:hover > a .arrow-left, #wb_navigation ul ul li .active .arrow-left
{ 
   border-left-color: #000000;
}
#wb_navigation .toggle,[id^=navigation-submenu]
{
   display: none;
}
@media all and (max-width:768px) 
{
#wb_navigation
{
   margin: 0;
   text-align: left;
}
#wb_navigation ul li a, #wb_navigation .toggle
{
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 8px 12px 8px 12px;
}
#wb_navigation .toggle + a
{
   display: none !important;
}
.navigation 
{
   display: none;
   z-index: 9999;
}
#navigation 
{
   background-color: transparent;
}
#wb_navigation > ul > li > a 
{
   height: auto !important;
   margin: 0;
}
#wb_navigation .toggle 
{
   display: block;
   background-color: #000000;
   color: #FFFFFF;
   padding: 0 12px 0 12px;
   line-height: 32px;
   text-decoration: none;
   border: none;
}
#wb_navigation .toggle:hover
{
   background-color: #000000;
   color: #FFFFFF;
}
[id^=navigation-submenu]:checked + ul 
{
   display: block !important;
}
#navigation-title
{
   height: 37px !important;
   line-height: 37px !important;
   text-align: center;
}
#wb_navigation ul li 
{
   display: block;
   width: 100% !important;
   text-align: left;
}
#wb_navigation ul ul .toggle,
#wb_navigation ul ul a 
{
   padding: 0 24px;
}
#wb_navigation a:hover,
#wb_navigation ul ul ul a 
{
   background-color: #F5F5F5;
   color: #000000;
}
#wb_navigation ul li ul li .toggle,
#wb_navigation ul ul a 
{
   background-color: #F5F5F5;
   color: #000000;
}
#wb_navigation ul ul ul a 
{
   padding: 8px 12px 8px 36px;
}
#wb_navigation ul li a 
{
   text-align: left;
}
#wb_navigation ul li a br 
{
   display: none;
}
#wb_navigation ul li i 
{
   margin-right: 3px;
}
#wb_navigation ul ul 
{
   float: none;
   position: static;
}
#wb_navigation ul ul li:hover > ul,
#wb_navigation ul li:hover > ul 
{
   display: none;
}
#wb_navigation ul ul li 
{
   display: block;
   width: 100%;
}
#wb_navigation ul ul ul li 
{
   position: static;
}
#navigation-icon 
{
   display: block;
   position: absolute;
   right: 15px;
   top: 6px;
   user-select: none;
}
#navigation-icon span 
{
   display: block;
   margin-top: 4px;
   height: 2px;
   background-color: #FFFFFF;
   color: #FFFFFF;
   width: 24px;
}
#wb_navigation ul li ul li .toggle:hover
{
   background-color: #DCDCDC;
   color: #000000;
}
#wb_navigation .toggle .arrow-down 
{
   border-top-color: #FFFFFF;
}
#wb_navigation .toggle:hover .arrow-down, #wb_navigation li .active .arrow-down
{
   border-top-color: #FFFFFF;
}
#wb_navigation ul li ul li .toggle .arrow-down 
{
   border-top-color: #000000;
}
#wb_navigation ul li ul li .toggle:hover .arrow-down, #wb_navigation ul li ul li .active .arrow-down
{
   border-top-color: #000000;
}
}
#start-project-button
{
   top: 0px;
   width: 120px;
   height: 35px;
   background-image: linear-gradient(to top, #1E90FF 0%, #337AB7 100%);
   border: 0px #003399 solid;
   border-radius: 3px;
}
#start-project-button:hover
{
   background-image: linear-gradient(to top, #337AB7 0%, #1E90FF 100%);
   border: 0px #337AB7 solid;
}
#start-project-button_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 1.67%;
   top: 5.71%;
   width: 95.83%;
   height: 85.71%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#start-project-button:hover span
{
   color: #FFFFFF !important;
}
#start-project-button span:hover
{
   color: #FFFFFF !important;
}
#wb_FontAwesomeIcon2
{
   position: absolute;
   left: 1124px;
   top: 9px;
   width: 20px;
   height: 20px;
   text-align: center;
   z-index: 46;
}
#master_pageLayer5_Container
{
   width: 1200px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#master_pageLayer5
{
   position: absolute;
   text-align: center;
   left: 0px;
   top: 2144px;
   width: 100%;
   height: 39px;
   z-index: 67;
}
#Layer6
{
   position: absolute;
   text-align: left;
   left: 54px;
   top: 77px;
   width: 215px;
   height: 136px;
   z-index: 27;
}
#wb_Shape1
{
   position: absolute;
   left: 490px;
   top: 160px;
   width: 160px;
   height: 50px;
   z-index: 14;
}
#Layer22_Container
{
   width: 600px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#back-to-top
{
   position: fixed;
   text-align: center;
   visibility: hidden;
   left: auto;
   right: 20px;
   top: auto;
   bottom: 20px;
   width: 58px;
   height: 58px;
   z-index: 68;
}
#wb_FontAwesomeIcon1
{
   position: absolute;
   left: 1101px;
   top: 9px;
   width: 20px;
   height: 20px;
   text-align: center;
   z-index: 47;
}
#Layer7
{
   position: absolute;
   text-align: left;
   left: 273px;
   top: 77px;
   width: 215px;
   height: 136px;
   z-index: 28;
}
#wb_Shape2
{
   position: absolute;
   left: 474px;
   top: 151px;
   width: 250px;
   height: 60px;
   z-index: 5;
}
#Layer11_Container
{
   width: 1200px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_Image1
{
   position: absolute;
   left: 10px;
   top: 22px;
   width: 127px;
   height: 30px;
   z-index: 54;
}
#Layer8
{
   position: absolute;
   text-align: left;
   left: 492px;
   top: 78px;
   width: 215px;
   height: 136px;
   z-index: 29;
}
#wb_Text29
{
   position: absolute;
   left: 96px;
   top: 108px;
   width: 260px;
   height: 41px;
   z-index: 15;
}
#wb_Shape3
{
   position: absolute;
   left: 407px;
   top: 500px;
   width: 160px;
   height: 50px;
   z-index: 10;
}
#wb_Bookmark1
{
   position: absolute;
   left: 1200px;
   top: 69px;
   width: 18px;
   height: 18px;
   z-index: 55;
}
#hidden-header_Container
{
   width: 1200px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Layer9
{
   position: absolute;
   text-align: center;
   left: 0%;
   top: 1567px;
   width: 57.3333%;
   height: 259px;
   z-index: 63;
}
#wb_Text35
{
   position: absolute;
   left: 154px;
   top: 304px;
   width: 413px;
   height: 180px;
   text-align: right;
   z-index: 8;
}
#Layer22
{
   position: absolute;
   text-align: center;
   left: 0%;
   top: 717px;
   width: 50%;
   height: 600px;
   z-index: 61;
}
#wb_Text4
{
   position: absolute;
   left: 328px;
   top: 56px;
   width: 543px;
   height: 41px;
   text-align: center;
   z-index: 3;
}
#wb_indexBookmark1
{
   position: absolute;
   left: 1218px;
   top: 69px;
   width: 18px;
   height: 20px;
   z-index: 56;
}
#wb_start-project-button
{
   position: absolute;
   left: 1070px;
   top: 18px;
   width: 120px;
   height: 35px;
   z-index: 53;
}
#wb_Text5
{
   position: absolute;
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   text-align: center;
   z-index: 20;
}
#wb_Text42
{
   position: absolute;
   left: 38px;
   top: 49px;
   width: 612px;
   height: 90px;
   text-align: right;
   z-index: 13;
}
#wb_Text34
{
   position: absolute;
   left: 134px;
   top: 103px;
   width: 405px;
   height: 82px;
   z-index: 11;
}
#Layer12
{
   position: absolute;
   text-align: left;
   left: 931px;
   top: 78px;
   width: 215px;
   height: 136px;
   z-index: 31;
}
#wb_Text6
{
   position: absolute;
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   text-align: center;
   z-index: 22;
}
#wb_Text7
{
   position: absolute;
   left: 6px;
   top: 93px;
   width: 202px;
   height: 27px;
   text-align: center;
   z-index: 25;
}
#wb_Text36
{
   position: absolute;
   left: 275px;
   top: 131px;
   width: 292px;
   height: 82px;
   text-align: right;
   z-index: 7;
}
#Layer11
{
   position: absolute;
   text-align: center;
   left: 0px;
   top: 69px;
   width: 100%;
   height: 645px;
   z-index: 59;
}
#wb_master_frameJavaScript1
{
   position: absolute;
   left: 10px;
   top: 12px;
   width: 445px;
   height: 14px;
   z-index: 50;
}
#Layer10
{
   position: absolute;
   text-align: left;
   left: 711px;
   top: 78px;
   width: 215px;
   height: 136px;
   z-index: 30;
}
#wb_Text1
{
   position: absolute;
   left: 329px;
   top: 36px;
   width: 543px;
   height: 41px;
   text-align: center;
   z-index: 26;
}
#top
{
   visibility: hidden;
}
#wb_MaterialIcon1
{
   position: absolute;
   left: 9px;
   top: 9px;
   width: 40px;
   height: 40px;
   text-align: center;
   z-index: 51;
}
#wb_Text2
{
   position: absolute;
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   text-align: center;
   z-index: 16;
}
#wb_Text11
{
   position: absolute;
   left: 254px;
   top: 209px;
   width: 313px;
   height: 82px;
   text-align: right;
   z-index: 9;
}
#wb_Text33
{
   position: absolute;
   left: 347px;
   top: 410px;
   width: 504px;
   height: 63px;
   text-align: center;
   z-index: 0;
}
#hidden-header
{
   position: fixed;
   text-align: center;
   visibility: hidden;
   left: 0;
   top: 0;
   right: 0;
   height: 69px;
   z-index: 66;
}
#wb_Text3
{
   position: absolute;
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   text-align: center;
   z-index: 18;
}
#wb_Text10
{
   position: absolute;
   left: 340px;
   top: 88px;
   width: 227px;
   height: 41px;
   text-align: right;
   z-index: 6;
}
#wb_navigation
{
   position: absolute;
   left: 149px;
   top: 15px;
   width: 690px;
   height: 43px;
   z-index: 52;
}
#Layer1
{
   position: absolute;
   text-align: center;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 70px;
   z-index: 69;
}
#wb_Shape4
{
   position: absolute;
   left: 989px;
   top: 11px;
   width: 200px;
   height: 50px;
   z-index: 44;
}
#wb_oasel-home-logo
{
   position: absolute;
   left: 20px;
   top: 19px;
   width: 127px;
   height: 30px;
   z-index: 43;
}
#wb_master-pageText8
{
   position: absolute;
   left: 863px;
   top: 11px;
   width: 238px;
   height: 17px;
   z-index: 45;
}
#wb_services
{
   position: absolute;
   left: 475px;
   top: 223px;
   width: 250px;
   height: 60px;
   z-index: 32;
}
#Layer2
{
   position: absolute;
   text-align: center;
   left: 0%;
   top: 1317px;
   width: 100%;
   height: 250px;
   z-index: 60;
}
#wb_Heading1
{
   position: absolute;
   left: 236px;
   top: 252px;
   width: 728px;
   height: 158px;
   z-index: 2;
}
#wb_Shape5
{
   position: absolute;
   left: 474px;
   top: 473px;
   width: 250px;
   height: 60px;
   z-index: 1;
}
#Bookmark1
{
   visibility: hidden;
}
#copyrightnotice
{
   color: #FFFFFF;
   font-size: 12px;
   font-family: "Nunito";
   font-weight: 300;
   font-style: normal;
   text-align: left;
   text-decoration: none;
}
#Layer3
{
   position: absolute;
   text-align: center;
   left: 50%;
   top: 717px;
   width: 50%;
   height: 600px;
   z-index: 62;
}
#wb_top
{
   position: absolute;
   left: 1200px;
   top: 0px;
   width: 18px;
   height: 20px;
   z-index: 57;
}
#indexBookmark1
{
   visibility: hidden;
}
#Layer1_Container
{
   width: 1200px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#back-to-top_Container
{
   width: 56px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_FontAwesomeIcon4
{
   position: absolute;
   left: 1170px;
   top: 9px;
   width: 20px;
   height: 20px;
   text-align: center;
   z-index: 49;
}
#Layer5_Container
{
   width: 1200px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Layer4_Container
{
   width: 512px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#Layer4
{
   position: absolute;
   text-align: center;
   left: 57.3333%;
   top: 1567px;
   width: 42.6667%;
   height: 259px;
   z-index: 64;
}
#Layer9_Container
{
   width: 688px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_YouTube1
{
   position: absolute;
   left: 22px;
   top: 185px;
   width: 557px;
   height: 313px;
   z-index: 12;
}
#Layer3_Container
{
   width: 600px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_Text8
{
   position: absolute;
   left: 249px;
   top: 96px;
   width: 701px;
   height: 36px;
   text-align: center;
   z-index: 4;
}
#Layer2_Container
{
   width: 1200px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_FontAwesomeIcon3
{
   position: absolute;
   left: 1147px;
   top: 9px;
   width: 20px;
   height: 20px;
   text-align: center;
   z-index: 48;
}
#wb_Image16
{
   position: absolute;
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   z-index: 24;
}
#wb_Image17
{
   position: absolute;
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   z-index: 23;
}
#wb_Image15
{
   position: absolute;
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   z-index: 21;
}
#wb_Image13
{
   position: absolute;
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   z-index: 19;
}
#wb_Image14
{
   position: absolute;
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   z-index: 17;
}
#Layer5
{
   position: absolute;
   text-align: center;
   left: 0px;
   top: 1826px;
   width: 100%;
   height: 318px;
   z-index: 65;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px)
{
div#container
{
   width: 1024px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Layer11
{
   left: 0px;
   top: 69px;
   height: 645px;
   visibility: visible;
   display: block;
   background-color: transparent;
   background-image: url('../images/background.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
}
#Layer11
{
   width: 100%;
}
#Layer11_Container
{
   width: 1024px;
}
#Layer2
{
   left: 0px;
   top: 1317px;
   height: 250px;
   visibility: visible;
   display: block;
   background-color: transparent;
   background-image: url('../images/student-849825_1920.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
}
#Layer2
{
   left: 0%;
   width: 100%;
}
#Layer2_Container
{
   width: 1024px;
}
#Layer22
{
   left: 0px;
   top: 717px;
   height: 600px;
   visibility: visible;
   display: block;
}
#Layer22
{
   left: 0%;
   width: 50%;
}
#Layer22_Container
{
   width: 512px;
}
#wb_Text10
{
   left: 252px;
   top: 88px;
   width: 227px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text10
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
}
#wb_Text36
{
   left: 187px;
   top: 131px;
   width: 292px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text36
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 41px;
}
#wb_Text35
{
   left: 66px;
   top: 304px;
   width: 413px;
   height: 180px;
   visibility: visible;
   display: inline;
}
#wb_Text35
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 18px;
}
#wb_Text11
{
   left: 166px;
   top: 209px;
   width: 313px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text11
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 41px;
}
#wb_Text4
{
   left: 241px;
   top: 56px;
   width: 543px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text4
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Text8
{
   left: 162px;
   top: 96px;
   width: 701px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_Text8
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 18px;
}
#Layer3
{
   left: 512px;
   top: 717px;
   height: 600px;
   visibility: visible;
   display: block;
}
#Layer3
{
   left: 50%;
   width: 50%;
}
#Layer3_Container
{
   width: 512px;
}
#wb_Text34
{
   left: 134px;
   top: 103px;
   width: 333px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text34
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Layer9
{
   left: 0px;
   top: 1567px;
   height: 259px;
   visibility: visible;
   display: block;
}
#Layer9
{
   left: 0%;
   width: 57.8125%;
}
#Layer9_Container
{
   width: 592px;
}
#wb_Text42
{
   left: 35px;
   top: 36px;
   width: 529px;
   height: 126px;
   visibility: visible;
   display: inline;
}
#wb_Text42
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 18px;
}
#Layer4
{
   left: 592px;
   top: 1567px;
   height: 259px;
   visibility: visible;
   display: block;
}
#Layer4
{
   left: 57.8125%;
   width: 42.1875%;
}
#Layer4_Container
{
   width: 432px;
}
#wb_Text29
{
   left: 86px;
   top: 109px;
   width: 260px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text29
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Layer5
{
   left: 0px;
   top: 1826px;
   height: 470px;
   visibility: visible;
   display: block;
}
#Layer5
{
   width: 100%;
}
#Layer5_Container
{
   width: 1024px;
}
#wb_Text1
{
   left: 241px;
   top: 36px;
   width: 543px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Image15
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image16
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image17
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image13
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image14
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Layer6
{
   left: 76px;
   top: 77px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text2
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer7
{
   left: 295px;
   top: 77px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text3
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text3
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer8
{
   left: 514px;
   top: 77px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text5
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text5
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer10
{
   left: 733px;
   top: 77px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text6
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text6
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer12
{
   left: 405px;
   top: 214px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text7
{
   left: 6px;
   top: 93px;
   width: 202px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text7
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_services
{
   left: 387px;
   top: 375px;
   width: 250px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#services
{
   width: 250px;
   height: 60px;
}
#wb_Shape1
{
   left: 404px;
   top: 172px;
   width: 160px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape1
{
   width: 160px;
   height: 50px;
}
#wb_Shape2
{
   left: 387px;
   top: 151px;
   width: 250px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape2
{
   width: 250px;
   height: 60px;
}
#wb_Shape3
{
   left: 319px;
   top: 500px;
   width: 160px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape3
{
   width: 160px;
   height: 50px;
}
#wb_Shape4
{
   left: 816px;
   top: 9px;
   width: 200px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape4
{
   width: 200px;
   height: 50px;
}
#wb_Bookmark1
{
   left: 1017px;
   top: 69px;
   width: 18px;
   height: 18px;
   visibility: visible;
   display: inline;
}
#wb_oasel-home-logo
{
   left: 20px;
   top: 19px;
   width: 127px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_YouTube1
{
   left: 15px;
   top: 185px;
   width: 482px;
   height: 271px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Heading1
{
   left: 148px;
   top: 252px;
   width: 728px;
   height: 158px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 64px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#Heading1
{
   color: #FFFFFF;
   font-family: "Oswald";
   font-weight: 300;
   font-style: normal;
   font-size: 64px;
   text-align: center;
   text-transform: none;
}
#wb_Text33
{
   left: 260px;
   top: 410px;
   width: 504px;
   height: 63px;
   visibility: visible;
   display: inline;
}
#wb_Text33
{
   font-size: 37px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Shape5
{
   left: 387px;
   top: 473px;
   width: 250px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape5
{
   width: 250px;
   height: 60px;
}
#wb_indexBookmark1
{
   left: 1017px;
   top: 69px;
   width: 18px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#hidden-header
{
   height: 69px;
   visibility: hidden;
   display: none;
}
#hidden-header_Container
{
   width: 1024px;
}
#master_pageLayer5
{
   left: 0px;
   top: 2296px;
   height: 40px;
   visibility: visible;
   display: block;
}
#master_pageLayer5
{
   width: 100%;
}
#master_pageLayer5_Container
{
   width: 1024px;
}
#wb_master-pageText8
{
   left: 689px;
   top: 12px;
   width: 238px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_master-pageText8
{
   margin: 0;
   padding: 0;
}
#back-to-top
{
   width: 60px;
   height: 60px;
   visibility: hidden;
   display: none;
}
#back-to-top_Container
{
   width: 58px;
}
#wb_MaterialIcon1
{
   left: 9px;
   top: 9px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#MaterialIcon1
{
   width: 40px;
   height: 40px;
}
#MaterialIcon1 i
{
   line-height: 40px;
   font-size: 40px;
   width: 40px;
}
#wb_top
{
   left: 1013px;
   top: 0px;
   width: 18px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FontAwesomeIcon1
{
   left: 927px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon1
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon1 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon2
{
   left: 950px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon2
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon2 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon3
{
   left: 973px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon3
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon3 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon4
{
   left: 996px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon4
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon4 i
{
   line-height: 20px;
   font-size: 20px;
   width: 20px;
}
#master_pageExtension1
{
}
#Layer1
{
   left: 0px;
   top: 0px;
   height: 70px;
   visibility: visible;
   display: block;
}
#Layer1
{
   width: 100%;
}
#Layer1_Container
{
   width: 1024px;
}
#wb_Image1
{
   left: 10px;
   top: 20px;
   width: 127px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_navigation
{
   left: 148px;
   top: 15px;
   width: 690px;
   height: 43px;
   visibility: visible;
   display: inline;
   margin: 0;
   text-align: left;
}
#wb_navigation ul li a
{
   font-weight: normal;
   font-size: 13px;
   text-decoration: none;
}
#wb_navigation ul li a, #wb_navigation .toggle
{
   font-weight: normal;
   font-size: 13px;
}
#navigation
{
   height: 34px;
}
#wb_navigation ul ul
{
   top: 34px;
}
#wb_navigation ul ul ul li
{
   left: 213px;
   top: -34px;
}
#wb_navigation > ul > li > a
{
   height: 22px;
}
#wb_navigation ul ul li
{
   width: 213px;
}
#wb_master_frameJavaScript1
{
   left: 10px;
   top: 13px;
   width: 445px;
   height: 14px;
   visibility: visible;
   display: inline;
}
#wb_start-project-button
{
   left: 896px;
   top: 18px;
   width: 120px;
   height: 35px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#start-project-button
{
   width: 120px;
   height: 35px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1023px)
{
div#container
{
   width: 960px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Layer11
{
   left: 0px;
   top: 69px;
   height: 597px;
   visibility: visible;
   display: block;
   background-color: transparent;
   background-image: url('../images/background.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
}
#Layer11
{
   width: 100%;
}
#Layer11_Container
{
   width: 960px;
}
#Layer2
{
   left: 0px;
   top: 1269px;
   height: 250px;
   visibility: visible;
   display: block;
   background-color: transparent;
   background-image: url('../images/student-849825_1920.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
}
#Layer2
{
   left: 0%;
   width: 100%;
}
#Layer2_Container
{
   width: 960px;
}
#Layer22
{
   left: 0px;
   top: 669px;
   height: 600px;
   visibility: visible;
   display: block;
}
#Layer22
{
   left: 0%;
   width: 50%;
}
#Layer22_Container
{
   width: 480px;
}
#wb_Text10
{
   left: 224px;
   top: 88px;
   width: 227px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text10
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
}
#wb_Text36
{
   left: 159px;
   top: 131px;
   width: 292px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text36
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 41px;
}
#wb_Text35
{
   left: 38px;
   top: 304px;
   width: 413px;
   height: 180px;
   visibility: visible;
   display: inline;
}
#wb_Text35
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 18px;
}
#wb_Text11
{
   left: 138px;
   top: 209px;
   width: 313px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text11
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 41px;
}
#wb_Text4
{
   left: 209px;
   top: 56px;
   width: 543px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text4
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Text8
{
   left: 130px;
   top: 96px;
   width: 701px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_Text8
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 18px;
}
#Layer3
{
   left: 480px;
   top: 669px;
   height: 600px;
   visibility: visible;
   display: block;
}
#Layer3
{
   left: 50%;
   width: 50%;
}
#Layer3_Container
{
   width: 480px;
}
#wb_Text34
{
   left: 74px;
   top: 103px;
   width: 333px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text34
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer9
{
   left: 0px;
   top: 1519px;
   height: 259px;
   visibility: visible;
   display: block;
}
#Layer9
{
   left: 0%;
   width: 63.0208%;
}
#Layer9_Container
{
   width: 605px;
}
#wb_Text42
{
   left: 63px;
   top: 37px;
   width: 519px;
   height: 126px;
   visibility: visible;
   display: inline;
}
#wb_Text42
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 18px;
}
#Layer4
{
   left: 605px;
   top: 1519px;
   height: 259px;
   visibility: visible;
   display: block;
}
#Layer4
{
   left: 63.0208%;
   width: 36.9792%;
}
#Layer4_Container
{
   width: 355px;
}
#wb_Text29
{
   left: 47px;
   top: 109px;
   width: 260px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text29
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Layer5
{
   left: 0px;
   top: 1778px;
   height: 470px;
   visibility: visible;
   display: block;
}
#Layer5
{
   width: 100%;
}
#Layer5_Container
{
   width: 960px;
}
#wb_Text1
{
   left: 209px;
   top: 36px;
   width: 543px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Image15
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image16
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image17
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image13
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image14
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Layer6
{
   left: 44px;
   top: 77px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text2
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer7
{
   left: 263px;
   top: 77px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text3
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text3
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer8
{
   left: 482px;
   top: 77px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text5
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text5
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer10
{
   left: 701px;
   top: 77px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text6
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text6
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer12
{
   left: 373px;
   top: 216px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text7
{
   left: 6px;
   top: 93px;
   width: 202px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text7
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_services
{
   left: 355px;
   top: 370px;
   width: 250px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#services
{
   width: 250px;
   height: 60px;
}
#wb_Shape1
{
   left: 422px;
   top: 181px;
   width: 160px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape1
{
   width: 160px;
   height: 50px;
}
#wb_Shape2
{
   left: 355px;
   top: 151px;
   width: 250px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape2
{
   width: 250px;
   height: 60px;
}
#wb_Shape3
{
   left: 291px;
   top: 500px;
   width: 160px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape3
{
   width: 160px;
   height: 50px;
}
#wb_Shape4
{
   left: 752px;
   top: 9px;
   width: 200px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape4
{
   width: 200px;
   height: 50px;
}
#wb_Bookmark1
{
   left: 952px;
   top: 69px;
   width: 18px;
   height: 18px;
   visibility: visible;
   display: inline;
}
#wb_oasel-home-logo
{
   left: 20px;
   top: 19px;
   width: 127px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_YouTube1
{
   left: 25px;
   top: 185px;
   width: 430px;
   height: 241px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Heading1
{
   left: 116px;
   top: 219px;
   width: 728px;
   height: 158px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 64px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#Heading1
{
   color: #FFFFFF;
   font-family: "Oswald";
   font-weight: 300;
   font-style: normal;
   font-size: 64px;
   text-align: center;
   text-transform: none;
}
#wb_Text33
{
   left: 228px;
   top: 377px;
   width: 504px;
   height: 63px;
   visibility: visible;
   display: inline;
}
#wb_Text33
{
   font-size: 37px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Shape5
{
   left: 355px;
   top: 440px;
   width: 250px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape5
{
   width: 250px;
   height: 60px;
}
#wb_indexBookmark1
{
   left: 952px;
   top: 69px;
   width: 18px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#hidden-header
{
   height: 69px;
   visibility: hidden;
   display: none;
}
#hidden-header_Container
{
   width: 960px;
}
#master_pageLayer5
{
   left: 0px;
   top: 2248px;
   height: 40px;
   visibility: visible;
   display: block;
}
#master_pageLayer5
{
   width: 100%;
}
#master_pageLayer5_Container
{
   width: 960px;
}
#wb_master-pageText8
{
   left: 615px;
   top: 12px;
   width: 238px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_master-pageText8
{
   margin: 0;
   padding: 0;
}
#back-to-top
{
   width: 60px;
   height: 60px;
   visibility: hidden;
   display: none;
}
#back-to-top_Container
{
   width: 58px;
}
#wb_MaterialIcon1
{
   left: 9px;
   top: 9px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#MaterialIcon1
{
   width: 40px;
   height: 40px;
}
#MaterialIcon1 i
{
   line-height: 40px;
   font-size: 40px;
   width: 40px;
}
#wb_top
{
   left: 948px;
   top: 0px;
   width: 18px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FontAwesomeIcon1
{
   left: 853px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon1
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon1 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon2
{
   left: 876px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon2
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon2 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon3
{
   left: 899px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon3
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon3 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon4
{
   left: 922px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon4
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon4 i
{
   line-height: 20px;
   font-size: 20px;
   width: 20px;
}
#master_pageExtension1
{
}
#Layer1
{
   left: 0px;
   top: 0px;
   height: 70px;
   visibility: visible;
   display: block;
}
#Layer1
{
   width: 100%;
}
#Layer1_Container
{
   width: 960px;
}
#wb_Image1
{
   left: 10px;
   top: 20px;
   width: 127px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_navigation
{
   left: 145px;
   top: 15px;
   width: 690px;
   height: 43px;
   visibility: visible;
   display: inline;
   margin: 0;
   text-align: left;
}
#wb_navigation ul li a
{
   font-weight: normal;
   font-size: 13px;
   text-decoration: none;
}
#wb_navigation ul li a, #wb_navigation .toggle
{
   font-weight: normal;
   font-size: 13px;
}
#navigation
{
   height: 34px;
}
#wb_navigation ul ul
{
   top: 34px;
}
#wb_navigation ul ul ul li
{
   left: 213px;
   top: -34px;
}
#wb_navigation > ul > li > a
{
   height: 22px;
}
#wb_navigation ul ul li
{
   width: 213px;
}
#wb_master_frameJavaScript1
{
   left: 10px;
   top: 13px;
   width: 445px;
   height: 14px;
   visibility: visible;
   display: inline;
}
#wb_start-project-button
{
   left: 822px;
   top: 18px;
   width: 120px;
   height: 35px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#start-project-button
{
   width: 120px;
   height: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px)
{
div#container
{
   width: 768px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Layer11
{
   left: 0px;
   top: 69px;
   height: 497px;
   visibility: visible;
   display: block;
   background-color: transparent;
   background-image: url('../images/background.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
}
#Layer11
{
   width: 100%;
}
#Layer11_Container
{
   width: 768px;
}
#Layer2
{
   left: 0px;
   top: 1578px;
   height: 250px;
   visibility: visible;
   display: block;
   background-color: transparent;
   background-image: url('../images/student-849825_1920.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
}
#Layer2
{
   left: 0%;
   width: 100%;
}
#Layer2_Container
{
   width: 768px;
}
#Layer22
{
   left: 0px;
   top: 569px;
   height: 525px;
   visibility: visible;
   display: block;
}
#Layer22
{
   left: 0%;
   width: 100%;
}
#Layer22_Container
{
   width: 768px;
}
#wb_Text10
{
   left: 455px;
   top: 54px;
   width: 227px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text10
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
}
#wb_Text36
{
   left: 352px;
   top: 97px;
   width: 330px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text36
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 41px;
}
#wb_Text35
{
   left: 86px;
   top: 268px;
   width: 596px;
   height: 126px;
   visibility: visible;
   display: inline;
}
#wb_Text35
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 18px;
}
#wb_Text11
{
   left: 369px;
   top: 174px;
   width: 313px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text11
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 41px;
}
#wb_Text4
{
   left: 113px;
   top: 55px;
   width: 543px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text4
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Text8
{
   left: 62px;
   top: 95px;
   width: 645px;
   height: 36px;
   visibility: visible;
   display: inline;
}
#wb_Text8
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 18px;
}
#Layer3
{
   left: 0px;
   top: 1094px;
   height: 484px;
   visibility: visible;
   display: block;
}
#Layer3
{
   left: 0%;
   width: 100%;
}
#Layer3_Container
{
   width: 768px;
}
#wb_Text34
{
   left: 218px;
   top: 48px;
   width: 333px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text34
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Layer9
{
   left: 268px;
   top: 1828px;
   height: 259px;
   visibility: visible;
   display: block;
}
#Layer9
{
   left: 34.8958%;
   width: 65.1042%;
}
#Layer9_Container
{
   width: 500px;
}
#wb_Text42
{
   left: 50px;
   top: 36px;
   width: 437px;
   height: 126px;
   visibility: visible;
   display: inline;
}
#wb_Text42
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 18px;
}
#Layer4
{
   left: 0px;
   top: 1828px;
   height: 259px;
   visibility: visible;
   display: block;
}
#Layer4
{
   left: 0%;
   width: 34.8958%;
}
#Layer4_Container
{
   width: 268px;
}
#wb_Text29
{
   left: 65px;
   top: 88px;
   width: 138px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text29
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Layer5
{
   left: 0px;
   top: 2087px;
   height: 487px;
   visibility: visible;
   display: block;
}
#Layer5
{
   width: 100%;
}
#Layer5_Container
{
   width: 768px;
}
#wb_Text1
{
   left: 178px;
   top: 36px;
   width: 412px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Image15
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image16
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image17
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image13
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image14
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Layer6
{
   left: 49px;
   top: 77px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text2
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer7
{
   left: 268px;
   top: 77px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text3
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text3
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer8
{
   left: 488px;
   top: 77px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text5
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text5
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer10
{
   left: 165px;
   top: 215px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text6
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text6
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer12
{
   left: 385px;
   top: 215px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text7
{
   left: 6px;
   top: 93px;
   width: 202px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text7
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_services
{
   left: 259px;
   top: 374px;
   width: 250px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#services
{
   width: 250px;
   height: 60px;
}
#wb_Shape1
{
   left: 327px;
   top: 172px;
   width: 160px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape1
{
   width: 160px;
   height: 50px;
}
#wb_Shape2
{
   left: 259px;
   top: 150px;
   width: 250px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape2
{
   width: 250px;
   height: 60px;
}
#wb_Shape3
{
   left: 522px;
   top: 411px;
   width: 160px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape3
{
   width: 160px;
   height: 50px;
}
#wb_Shape4
{
   left: 556px;
   top: 9px;
   width: 200px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape4
{
   width: 200px;
   height: 50px;
}
#wb_Bookmark1
{
   left: 757px;
   top: 69px;
   width: 18px;
   height: 18px;
   visibility: visible;
   display: inline;
}
#wb_oasel-home-logo
{
   left: 20px;
   top: 19px;
   width: 127px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_YouTube1
{
   left: 106px;
   top: 130px;
   width: 557px;
   height: 313px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Heading1
{
   left: 62px;
   top: 143px;
   width: 636px;
   height: 158px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 64px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#Heading1
{
   color: #FFFFFF;
   font-family: "Oswald";
   font-weight: 300;
   font-style: normal;
   font-size: 64px;
   text-align: center;
   text-transform: none;
}
#wb_Text33
{
   left: 128px;
   top: 301px;
   width: 504px;
   height: 63px;
   visibility: visible;
   display: inline;
}
#wb_Text33
{
   font-size: 37px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Shape5
{
   left: 255px;
   top: 364px;
   width: 250px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape5
{
   width: 250px;
   height: 60px;
}
#wb_indexBookmark1
{
   left: 757px;
   top: 69px;
   width: 18px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#hidden-header
{
   height: 69px;
   visibility: hidden;
   display: none;
}
#hidden-header_Container
{
   width: 768px;
}
#master_pageLayer5
{
   left: 0px;
   top: 2574px;
   height: 40px;
   visibility: visible;
   display: block;
}
#master_pageLayer5
{
   width: 100%;
}
#master_pageLayer5_Container
{
   width: 768px;
}
#wb_master-pageText8
{
   left: 428px;
   top: 12px;
   width: 238px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_master-pageText8
{
   margin: 0;
   padding: 0;
}
#back-to-top
{
   width: 60px;
   height: 60px;
   visibility: hidden;
   display: none;
}
#back-to-top_Container
{
   width: 58px;
}
#wb_MaterialIcon1
{
   left: 9px;
   top: 9px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#MaterialIcon1
{
   width: 40px;
   height: 40px;
}
#MaterialIcon1 i
{
   line-height: 40px;
   font-size: 40px;
   width: 40px;
}
#wb_top
{
   left: 757px;
   top: 0px;
   width: 18px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FontAwesomeIcon1
{
   left: 666px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon1
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon1 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon2
{
   left: 689px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon2
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon2 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon3
{
   left: 712px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon3
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon3 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon4
{
   left: 735px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon4
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon4 i
{
   line-height: 20px;
   font-size: 20px;
   width: 20px;
}
#master_pageExtension1
{
}
#Layer1
{
   left: 0px;
   top: 0px;
   height: 70px;
   visibility: visible;
   display: block;
}
#Layer1
{
   width: 100%;
}
#Layer1_Container
{
   width: 768px;
}
#wb_Image1
{
   left: 10px;
   top: 20px;
   width: 127px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_navigation
{
   left: 580px;
   top: 16px;
   width: 175px;
   height: 39px;
   visibility: visible;
   display: inline;
   margin: 0;
   text-align: left;
}
#wb_navigation ul li a
{
   font-weight: normal;
   font-size: 13px;
   text-decoration: none;
}
#wb_navigation ul li a, #wb_navigation .toggle
{
   font-weight: normal;
   font-size: 13px;
}
#navigation
{
   height: 34px;
}
#wb_navigation ul ul
{
   top: 34px;
}
#wb_navigation ul ul ul li
{
   left: 213px;
   top: -34px;
}
#wb_navigation > ul > li > a
{
   height: 22px;
}
#wb_navigation ul ul li
{
   width: 213px;
}
#wb_master_frameJavaScript1
{
   left: 10px;
   top: 13px;
   width: 313px;
   height: 14px;
   visibility: visible;
   display: inline;
}
#wb_start-project-button
{
   left: 509px;
   top: 18px;
   width: 120px;
   height: 35px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#start-project-button
{
   width: 120px;
   height: 35px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
div#container
{
   width: 480px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Layer11
{
   left: 0px;
   top: 60px;
   height: 322px;
   visibility: visible;
   display: block;
   background-color: transparent;
   background-image: url('../images/background.jpg');
   background-repeat: no-repeat;
   background-position: left top !important;
   background-attachment: scroll;
   background-size: cover;
}
#Layer11
{
   width: 100%;
}
#Layer11_Container
{
   width: 480px;
}
#Layer2
{
   left: 0px;
   top: 1282px;
   height: 306px;
   visibility: visible;
   display: block;
   background-color: transparent;
   background-image: url('../images/student-849825_1920.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: fixed;
   background-position: 50% 0;
   background-size: cover;
}
#Layer2
{
   left: 0%;
   width: 100%;
}
#Layer2_Container
{
   width: 480px;
}
#Layer22
{
   left: 0px;
   top: 385px;
   height: 482px;
   visibility: visible;
   display: block;
}
#Layer22
{
   left: 0%;
   width: 100%;
}
#Layer22_Container
{
   width: 480px;
}
#wb_Text10
{
   left: 220px;
   top: 38px;
   width: 227px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text10
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
}
#wb_Text36
{
   left: 74px;
   top: 85px;
   width: 373px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text36
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 41px;
}
#wb_Text35
{
   left: 33px;
   top: 215px;
   width: 413px;
   height: 180px;
   visibility: visible;
   display: inline;
}
#wb_Text35
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 18px;
}
#wb_Text11
{
   left: 62px;
   top: 168px;
   width: 384px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text11
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 41px;
}
#wb_Text4
{
   left: 83px;
   top: 49px;
   width: 316px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text4
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Text8
{
   left: 30px;
   top: 139px;
   width: 422px;
   height: 54px;
   visibility: visible;
   display: inline;
}
#wb_Text8
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 18px;
}
#Layer3
{
   left: 0px;
   top: 867px;
   height: 415px;
   visibility: visible;
   display: block;
}
#Layer3
{
   left: 0%;
   width: 100%;
}
#Layer3_Container
{
   width: 480px;
}
#wb_Text34
{
   left: 74px;
   top: 41px;
   width: 333px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text34
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer9
{
   left: 0px;
   top: 1738px;
   height: 259px;
   visibility: visible;
   display: block;
}
#Layer9
{
   left: 0%;
   width: 100%;
}
#Layer9_Container
{
   width: 480px;
}
#wb_Text42
{
   left: 28px;
   top: 34px;
   width: 427px;
   height: 126px;
   visibility: visible;
   display: inline;
}
#wb_Text42
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 18px;
}
#Layer4
{
   left: 0px;
   top: 1588px;
   height: 150px;
   visibility: visible;
   display: block;
}
#Layer4
{
   left: 0%;
   width: 100%;
}
#Layer4_Container
{
   width: 480px;
}
#wb_Text29
{
   left: 109px;
   top: 61px;
   width: 260px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text29
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Layer5
{
   left: 0px;
   top: 1997px;
   height: 617px;
   visibility: visible;
   display: block;
}
#Layer5
{
   width: 100%;
}
#Layer5_Container
{
   width: 480px;
}
#wb_Text1
{
   left: 103px;
   top: 36px;
   width: 279px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Image15
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image16
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image17
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image13
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image14
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Layer6
{
   left: 25px;
   top: 96px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text2
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer7
{
   left: 244px;
   top: 96px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text3
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text3
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer8
{
   left: 25px;
   top: 234px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text5
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text5
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer10
{
   left: 244px;
   top: 234px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text6
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text6
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer12
{
   left: 133px;
   top: 372px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text7
{
   left: 6px;
   top: 93px;
   width: 202px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text7
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_services
{
   left: 120px;
   top: 517px;
   width: 240px;
   height: 45px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#services
{
   width: 240px;
   height: 45px;
}
#wb_Shape1
{
   left: 295px;
   top: 173px;
   width: 160px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape1
{
   width: 160px;
   height: 50px;
}
#wb_Shape2
{
   left: 126px;
   top: 213px;
   width: 230px;
   height: 45px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape2
{
   width: 230px;
   height: 45px;
}
#wb_Shape3
{
   left: 286px;
   top: 394px;
   width: 160px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape3
{
   width: 160px;
   height: 50px;
}
#wb_Shape4
{
   left: 295px;
   top: 11px;
   width: 178px;
   height: 38px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape4
{
   width: 178px;
   height: 38px;
}
#wb_Bookmark1
{
   left: 472px;
   top: 60px;
   width: 18px;
   height: 18px;
   visibility: visible;
   display: inline;
}
#wb_oasel-home-logo
{
   left: 15px;
   top: 14px;
   width: 127px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_YouTube1
{
   left: 24px;
   top: 123px;
   width: 433px;
   height: 243px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Heading1
{
   left: 75px;
   top: 57px;
   width: 331px;
   height: 128px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 35px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#Heading1
{
   color: #FFFFFF;
   font-family: "Oswald";
   font-weight: 300;
   font-style: normal;
   font-size: 35px;
   text-align: center;
   text-transform: none;
}
#wb_Text33
{
   left: 65px;
   top: 172px;
   width: 350px;
   height: 46px;
   visibility: visible;
   display: inline;
}
#wb_Text33
{
   font-size: 27px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Shape5
{
   left: 126px;
   top: 218px;
   width: 230px;
   height: 45px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape5
{
   width: 230px;
   height: 45px;
}
#wb_indexBookmark1
{
   left: 472px;
   top: 60px;
   width: 18px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#hidden-header
{
   height: 60px;
   visibility: hidden;
   display: none;
}
#hidden-header_Container
{
   width: 480px;
}
#master_pageLayer5
{
   left: 0px;
   top: 2614px;
   height: 60px;
   visibility: visible;
   display: block;
}
#master_pageLayer5
{
   width: 100%;
}
#master_pageLayer5_Container
{
   width: 480px;
}
#wb_master-pageText8
{
   left: 295px;
   top: 13px;
   width: 123px;
   height: 34px;
   visibility: visible;
   display: inline;
}
#wb_master-pageText8
{
   margin: 0;
   padding: 0;
}
#back-to-top
{
   width: 60px;
   height: 60px;
   visibility: hidden;
   display: none;
}
#back-to-top_Container
{
   width: 58px;
}
#wb_MaterialIcon1
{
   left: 9px;
   top: 9px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#MaterialIcon1
{
   width: 40px;
   height: 40px;
}
#MaterialIcon1 i
{
   line-height: 40px;
   font-size: 40px;
   width: 40px;
}
#wb_top
{
   left: 470px;
   top: 0px;
   width: 18px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FontAwesomeIcon1
{
   left: 427px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon1
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon1 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon2
{
   left: 450px;
   top: 10px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon2
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon2 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon3
{
   left: 427px;
   top: 31px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon3
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon3 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon4
{
   left: 450px;
   top: 31px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon4
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon4 i
{
   line-height: 20px;
   font-size: 20px;
   width: 20px;
}
#master_pageExtension1
{
}
#Layer1
{
   left: 0px;
   top: 0px;
   height: 60px;
   visibility: visible;
   display: block;
}
#Layer1
{
   width: 100%;
}
#Layer1_Container
{
   width: 480px;
}
#wb_Image1
{
   left: 10px;
   top: 15px;
   width: 127px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_navigation
{
   left: 295px;
   top: 11px;
   width: 175px;
   height: 39px;
   visibility: visible;
   display: inline;
   margin: 0;
   text-align: left;
}
#wb_navigation ul li a
{
   font-weight: normal;
   font-size: 13px;
   text-decoration: none;
}
#wb_navigation ul li a, #wb_navigation .toggle
{
   font-weight: normal;
   font-size: 13px;
}
#navigation
{
   height: 34px;
}
#wb_navigation ul ul
{
   top: 34px;
}
#wb_navigation ul ul ul li
{
   left: 213px;
   top: -34px;
}
#wb_navigation > ul > li > a
{
   height: 22px;
}
#wb_navigation ul ul li
{
   width: 213px;
}
#wb_master_frameJavaScript1
{
   left: 10px;
   top: 14px;
   width: 167px;
   height: 34px;
   visibility: visible;
   display: inline;
}
#wb_start-project-button
{
   left: 202px;
   top: 13px;
   width: 120px;
   height: 35px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#start-project-button
{
   width: 120px;
   height: 35px;
}
}
@media only screen and (max-width: 479px)
{
div#container
{
   width: 320px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#Layer11
{
   left: 0px;
   top: 60px;
   height: 349px;
   visibility: visible;
   display: block;
   background-color: transparent;
   background-image: url('../images/background.jpg');
   background-repeat: no-repeat;
   background-position: left top !important;
   background-attachment: scroll;
   background-size: cover;
}
#Layer11
{
   width: 100%;
}
#Layer11_Container
{
   width: 320px;
}
#Layer2
{
   left: 0px;
   top: 1413px;
   height: 334px;
   visibility: visible;
   display: block;
   background-color: transparent;
   background-image: url('../images/student-849825_1920.jpg');
   background-repeat: no-repeat;
   background-position: left top !important;
   background-attachment: scroll;
   background-size: cover;
}
#Layer2
{
   left: 0%;
   width: 100%;
}
#Layer2_Container
{
   width: 320px;
}
#Layer22
{
   left: 0px;
   top: 412px;
   height: 613px;
   visibility: visible;
   display: block;
}
#Layer22
{
   left: 0%;
   width: 100%;
}
#Layer22_Container
{
   width: 320px;
}
#wb_Text10
{
   left: 80px;
   top: 59px;
   width: 227px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text10
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
}
#wb_Text36
{
   left: 20px;
   top: 102px;
   width: 287px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text36
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 41px;
}
#wb_Text35
{
   left: 13px;
   top: 274px;
   width: 294px;
   height: 216px;
   visibility: visible;
   display: inline;
}
#wb_Text35
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 18px;
}
#wb_Text11
{
   left: 94px;
   top: 180px;
   width: 213px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text11
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 41px;
}
#wb_Text4
{
   left: 26px;
   top: 48px;
   width: 269px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text4
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Text8
{
   left: 14px;
   top: 130px;
   width: 292px;
   height: 90px;
   visibility: visible;
   display: inline;
}
#wb_Text8
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 18px;
}
#Layer3
{
   left: 0px;
   top: 1025px;
   height: 388px;
   visibility: visible;
   display: block;
}
#Layer3
{
   left: 0%;
   width: 100%;
}
#Layer3_Container
{
   width: 320px;
}
#wb_Text34
{
   left: 41px;
   top: 46px;
   width: 238px;
   height: 123px;
   visibility: visible;
   display: inline;
}
#wb_Text34
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer9
{
   left: 0px;
   top: 1927px;
   height: 359px;
   visibility: visible;
   display: block;
}
#Layer9
{
   left: 0%;
   width: 100%;
}
#Layer9_Container
{
   width: 320px;
}
#wb_Text42
{
   left: 19px;
   top: 43px;
   width: 282px;
   height: 198px;
   visibility: visible;
   display: inline;
}
#wb_Text42
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: right;
   line-height: 18px;
}
#Layer4
{
   left: 0px;
   top: 1747px;
   height: 180px;
   visibility: visible;
   display: block;
}
#Layer4
{
   left: 0%;
   width: 100%;
}
#Layer4_Container
{
   width: 320px;
}
#wb_Text29
{
   left: 66px;
   top: 49px;
   width: 189px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text29
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer5
{
   left: 0px;
   top: 2286px;
   height: 935px;
   visibility: visible;
   display: block;
}
#Layer5
{
   width: 100%;
}
#Layer5_Container
{
   width: 320px;
}
#wb_Text1
{
   left: 20px;
   top: 45px;
   width: 281px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Image15
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image16
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image17
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image13
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image14
{
   left: 75px;
   top: 17px;
   width: 64px;
   height: 64px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Layer6
{
   left: 53px;
   top: 112px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text2
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer7
{
   left: 53px;
   top: 254px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text3
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text3
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer8
{
   left: 53px;
   top: 396px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text5
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text5
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer10
{
   left: 53px;
   top: 538px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text6
{
   left: 13px;
   top: 93px;
   width: 188px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text6
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Layer12
{
   left: 53px;
   top: 679px;
   width: 215px;
   height: 136px;
   visibility: visible;
   display: block;
}
#wb_Text7
{
   left: 6px;
   top: 93px;
   width: 202px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text7
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_services
{
   left: 40px;
   top: 837px;
   width: 240px;
   height: 45px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#services
{
   width: 240px;
   height: 45px;
}
#wb_Shape1
{
   left: 141px;
   top: 262px;
   width: 160px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape1
{
   width: 160px;
   height: 50px;
}
#wb_Shape2
{
   left: 41px;
   top: 240px;
   width: 240px;
   height: 45px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape2
{
   width: 240px;
   height: 45px;
}
#wb_Shape3
{
   left: 147px;
   top: 490px;
   width: 160px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape3
{
   width: 160px;
   height: 50px;
}
#wb_Shape4
{
   left: 136px;
   top: 13px;
   width: 175px;
   height: 35px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape4
{
   width: 175px;
   height: 35px;
}
#wb_Bookmark1
{
   left: 310px;
   top: 60px;
   width: 18px;
   height: 18px;
   visibility: visible;
   display: inline;
}
#wb_oasel-home-logo
{
   left: 11px;
   top: 18px;
   width: 101px;
   height: 24px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_YouTube1
{
   left: 14px;
   top: 169px;
   width: 292px;
   height: 164px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Heading1
{
   left: 20px;
   top: 79px;
   width: 280px;
   height: 112px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 32px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#Heading1
{
   color: #FFFFFF;
   font-family: "Oswald";
   font-weight: 300;
   font-style: normal;
   font-size: 32px;
   text-align: center;
   text-transform: none;
}
#wb_Text33
{
   left: 34px;
   top: 191px;
   width: 253px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Text33
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_Shape5
{
   left: 40px;
   top: 235px;
   width: 240px;
   height: 45px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Shape5
{
   width: 240px;
   height: 45px;
}
#wb_indexBookmark1
{
   left: 310px;
   top: 60px;
   width: 18px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#hidden-header
{
   height: 60px;
   visibility: hidden;
   display: none;
}
#hidden-header_Container
{
   width: 320px;
}
#master_pageLayer5
{
   left: 0px;
   top: 3221px;
   height: 60px;
   visibility: visible;
   display: block;
}
#master_pageLayer5
{
   width: 100%;
}
#master_pageLayer5_Container
{
   width: 320px;
}
#wb_master-pageText8
{
   left: 60px;
   top: 33px;
   width: 241px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_master-pageText8
{
   margin: 0;
   padding: 0;
}
#back-to-top
{
   width: 60px;
   height: 60px;
   visibility: hidden;
   display: none;
}
#back-to-top_Container
{
   width: 58px;
}
#wb_MaterialIcon1
{
   left: 9px;
   top: 9px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#MaterialIcon1
{
   width: 40px;
   height: 40px;
}
#MaterialIcon1 i
{
   line-height: 40px;
   font-size: 40px;
   width: 40px;
}
#wb_top
{
   left: 311px;
   top: 0px;
   width: 18px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_FontAwesomeIcon1
{
   left: 10px;
   top: 9px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon1
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon1 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon2
{
   left: 33px;
   top: 9px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon2
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon2 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon3
{
   left: 11px;
   top: 32px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon3
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon3 i
{
   line-height: 20px;
   font-size: 20px;
   width: 17px;
}
#wb_FontAwesomeIcon4
{
   left: 33px;
   top: 32px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#FontAwesomeIcon4
{
   width: 20px;
   height: 20px;
}
#FontAwesomeIcon4 i
{
   line-height: 20px;
   font-size: 20px;
   width: 20px;
}
#master_pageExtension1
{
}
#Layer1
{
   left: 0px;
   top: 0px;
   height: 60px;
   visibility: visible;
   display: block;
}
#Layer1
{
   width: 100%;
}
#Layer1_Container
{
   width: 320px;
}
#wb_Image1
{
   left: 10px;
   top: 15px;
   width: 127px;
   height: 30px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_navigation
{
   left: 136px;
   top: 11px;
   width: 175px;
   height: 39px;
   visibility: visible;
   display: inline;
   margin: 0;
   text-align: left;
}
#wb_navigation ul li a
{
   font-weight: normal;
   font-size: 13px;
   text-decoration: none;
}
#wb_navigation ul li a, #wb_navigation .toggle
{
   font-weight: normal;
   font-size: 13px;
}
#navigation
{
   height: 34px;
}
#wb_navigation ul ul
{
   top: 34px;
}
#wb_navigation ul ul ul li
{
   left: 213px;
   top: -34px;
}
#wb_navigation > ul > li > a
{
   height: 22px;
}
#wb_navigation ul ul li
{
   width: 213px;
}
#wb_master_frameJavaScript1
{
   left: 60px;
   top: 13px;
   width: 241px;
   height: 14px;
   visibility: visible;
   display: inline;
}
#wb_start-project-button
{
   left: 179px;
   top: 8px;
   width: 120px;
   height: 35px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#start-project-button
{
   width: 120px;
   height: 35px;
}
}