html, body {margin:0; padding:0; height:100%; font-size: 100%;}
#main {width:100%; height:100%; position:relative; z-index:0;}

/*#top_background {width:100%; height:75%;
background: #919de2;
	background:-webkit-linear-gradient(75deg, #f856e6, #88dfb8);
	background:-moz-linear-gradient(75deg, #f856e6, #88dfb8);
	background:-o-linear-gradient(75deg, #f856e6, #88dfb8);
	background:linear-gradient(75deg, #f856e6, #88dfb8);
	}*/

#top_background {width:100%;
background: #919de2;
	background:-webkit-linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	background:-moz-linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	background:-o-linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	background:linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	
	border-style: none;
	}


#top_background_2 {width:100%;
background-color: #FFFFFF;
	border-style: none;
	}


#main_content {width:100%; max-width:1440px; margin: auto; border-style: none; position: relative;}
#main_content_2 {width:100%; max-width:1440px; margin: auto; border-style: none; position: relative;}

.ux_top_content {width:100%; height:100%; max-width:1440px; border-style: none; position: relative; margin: auto;}
.container-fluid_row_mine {width:98%; height:100%; max-width:1440px; border-style: none; padding: 2%;}

.ux_images {width:100%;}
.print_images_1 {width:100%;}
.print_images_2 {width:100%;}
.print_images_3 {max-width:395px; width:100%;}
.print_images_4 {width:100%;}
.print_images_5 {width:100%;}
.web_small_images {width:100%;}

.bullet {font-family: "HelveticaNeueUltraLight"; font-size:0.3em; color:#F67DFF; vertical-align:70%; word-spacing: 1px;}

.video_iframe {max-width:640px; width:100%; border-style:none;}


.display-none {
    display: none !important;
}

.display-inline {
    display: inline !important;
}




#bottom_phone {width:50%; margin-left:auto; margin-right:auto;}	
	
#top_background_phone {width:100%; text-align:center;
background: #919de2;
	background:-webkit-linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	background:-moz-linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	background:-o-linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	background:linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	}
	
	
#top_menu {width:100%;
background: #919de2;
	background:-webkit-linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	background:-moz-linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	background:-o-linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	background:linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	}
	
a {
    text-decoration:none;
}

#main {visibility: visible;}
#main_phone {display:none;}

#menu_table {width:40%; height:3%; margin-left: 0; margin-top: 0; margin-bottom: 5%;/* position:absolute; top:46%; left:10%; */}
#menu_table_phone {width:70%; padding-top:5%; padding-bottom:8%;
  margin-left: auto;
  margin-right: auto;
}
#menu_table_ux {width:90%; height:100%; float: right;}

#break_point {display:none;}





@media only all and (max-width: 850px) {
  #main{
    display:none;
  }
  #main_phone{
    display:inline;
  }
  
  #monitor{
    display:none;
  }
 
}




#contact_phone {padding-top:5%; padding-bottom:5%;}


@font-face {
    font-family: "HelveticaNeueThin";
    src: url("fonts/helveticaneue-thin-webfont.eot");
    src: url("fonts/helveticaneue-thin-webfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/helveticaneue-thin-webfont.woff") format("woff"),
    url("fonts/helveticaneue-thin-webfont.woff2") format("woff2"),
    url("fonts/helveticaneue-thin-webfont.ttf") format("truetype"),
    url("fonts/helveticaneue-thin-webfont.svg#HelveticaNeueThin") format("svg");
    font-weight: normal;
    font-style: normal;
}

.intro_text {/*position: absolute; width:100%;*/ font-family: "HelveticaNeueThin"; color:#FFFFFF;}





@font-face {
    font-family: "HelveticaNeueUltraLight";
    src: url("fonts/HelveticaNeue-UltraLight.eot");
    src: url("fonts/HelveticaNeue-UltraLight.eot?#iefix") format("embedded-opentype"),
    url("fonts/HelveticaNeue-UltraLight.woff") format("woff"),
    url("fonts/HelveticaNeue-UltraLight.ttf") format("truetype"),
    url("fonts/HelveticaNeue-UltraLight.svg#HelveticaNeueUltraLight") format("svg");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: "HelveticaReg";
    src: url("fonts/helvetica-webfont.eot");
    src: url("fonts/helvetica-webfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/helvetica-webfont.woff2") format("woff2"),
    url("fonts/helvetica-webfont.woff") format("woff"),
    url("fonts/helvetica-webfont.ttf") format("truetype"),
    url("fonts/helvetica-webfont.svg#HelveticaNeueUltraLight") format("svg");
}




/* #text {position:absolute; top:7%; left:10%;} */

#logo_div{
margin-top:2%;
margin-left:2%;
vertical-align: top;
display: inline-block;
border-style: none;
height:100%;
width:8%;
  
}

#text_and_menu{
display: inline-block;
width: 88%;
border-style: none;
}


#text {
	margin-left: 0;
	margin-top: 5%;
	max-width: 70%;
	border-style: none;
	text-align: left;
}

#text_2 {
	padding-top: 0%;
	padding-bottom: 5.5%;
	margin-left: 0;
	max-width: 60%;
	border-style: none;
}


.button_1 {width: 100%;}
.new_ux_button {
width: 100%; height: 100%;
	padding-top: 3%;
	padding-bottom: 3%;
	font-family: "HelveticaReg"; font-size:1.3em; color:#FFFFFF;
	font-weight:bold;
	z-index:35;
    border-radius: 45px;
    border: 1px solid #FFFFFF;
    background: #599c16;
    text-align:center;
}



.new_ux_button_ux {
	padding-top: 3%;
	padding-bottom: 3%;
	font-family: "HelveticaReg"; font-size:1.5em; color:#FFFFFF;
	font-weight:bold;
	z-index:35;
    border-radius: 45px;
    border: 1px solid #FFFFFF;
    background: #599c16;
    text-align:center;   
    width:100%; 
    
}

.new_ux_button:hover{
   background-color:#4C9108;
}

.new_ux_button_ux:hover{
   background-color:#4C9108;
   font-weight: bold;
}



.button_2 {width: 100%;}
.new_web_button {
width: 100%; height: 100%;
	padding-top: 3%;
	padding-bottom: 3%;
	font-family: "HelveticaReg"; font-size:1.3em; color:#FFFFFF;
	font-weight:bold;
	z-index:35;
    border-radius: 45px;
    border: 1px solid #FFFFFF;
    background: #f96610;
    text-align:center;
    
    
}

.button_1_ux {height: 50%;
	display: flex;
	justify-content: center;
	align-items: center; 
}

.button_2_ux {height: 50%;
	display: flex;
	justify-content: center;
	align-items: center; }

.button_3_ux {height: 50%;
	display: flex;
	justify-content: center;
	align-items: center;}
	
.button_4_ux {height: 50%;
	display: flex;
	justify-content: center;
	align-items: center;}
	
.button_5_ux {height: 50%;
	display: flex;
	justify-content: center;
	align-items: center;}

.new_web_button_ux {
	padding-top: 3%;
	padding-bottom: 3%;
	font-family: "HelveticaReg"; font-size:1.5em; color:#FFFFFF;
	font-weight:bold;
	z-index:35;
    border-radius: 45px;
    border: 1px solid #FFFFFF;
    background: #f96610;
    text-align:center;
    width:100%;
}


.new_print_button_ux {
	padding-top: 3%;
	padding-bottom: 3%;
	width:100%;
	font-family: "HelveticaReg"; font-size:1.5em; color:#FFFFFF;
	font-weight:bold;
	z-index:35;
    border-radius: 45px;
    border: 1px solid #FFFFFF;
    background: #626ac9;
    text-align:center;

}


.new_video_button_ux {
	padding-top: 3%;
	padding-bottom: 3%;
	width:100%;
	font-family: "HelveticaReg"; font-size:1.5em; color:#FFFFFF;
	font-weight:bold;
	z-index:35;
    border-radius: 45px;
    border: 1px solid #FFFFFF;
    background: #ec008c;
    text-align:center;
}


.new_contact_button_ux {
	padding-top: 3%;
	padding-bottom: 3%;
	width:100%;
	font-family: "HelveticaReg"; font-size:1.5em; color:#FFFFFF;
	font-weight:bold;
	z-index:35;
    border-radius: 45px;
    border: 1px solid #FFFFFF;
    background: #db7c00;
    text-align:center;
}




.new_web_button:hover{
   background-color:#e96200; text-decoration: none;
}
.new_web_button_ux:hover{
   background-color:#e96200; text-decoration: none;
}

.button_3 {width: 100%;}
.new_print_button {
width: 100%; height: 100%;
	padding-top: 3%;
	padding-bottom: 3%;
	font-family: "HelveticaReg"; font-size:1.3em; color:#FFFFFF;
	font-weight:bold;
	z-index:35;
    border-radius: 45px;
    border: 1px solid #FFFFFF;
    background: #626ac9;
    text-align:center;
}

.new_print_button:hover{
   background-color:#4a56b1;
}

.new_print_button_ux:hover{
   background-color:#4a56b1;
}

.button_4 {width: 100%;}
.new_video_button {
width: 100%; height: 100%;
	padding-top: 3%;
	padding-bottom: 3%;
	font-family: "HelveticaReg"; font-size:1.3em; color:#FFFFFF;
	font-weight:bold;
	z-index:35;
    border-radius: 45px;
    border: 1px solid #FFFFFF;
    background: #ec008c;
    text-align:center;
}

.new_video_button:hover{
   background-color:#cd0073;
}
.new_video_button_ux:hover{
   background-color:#cd0073;
}

#button_5 {width: 100%; height: 100%;}
.new_contact_button {
	padding: 4%;
	font-family: "HelveticaNeueThin"; font-size:1.3em; color:#FFFFFF;
	z-index:35;
    border-radius: 45px;
    border: 1px solid #FFFFFF;
    background: #db7c00;
    text-align:center;
}

#new_contact_button:hover{
   background-color:#bd6b00;
}

.new_contact_button_ux:hover{
   background-color:#bd6b00;
}




.spacing {font-size:1px; word-spacing: 1px;}

.main_text {font-family: "HelveticaNeueUltraLight"; font-size:6.5em; color:#FFFFFF; word-spacing: 1px;}
.name_text {font-family: "HelveticaNeueUltraLight"; font-size:2.8em; color:#FFFFFF; text-align: left;}
.name_text_phone {font-family: "HelveticaNeueThin"; font-size:3em; color:#FFFFFF;}
.title_phone {font-family: "HelveticaNeueThin"; font-size:1.5em; color:#FFFFFF;}
#my_ipad {position:absolute; top:30%; right:1%; width:35%; z-index:35;}
#logo {/*position:absolute; top:2%; left:2%;*/ width:70%; z-index:5; margin-top:0; margin-left:0;}
#logo_ux {width:75px; vertical-align:middle;}
#logo_phone {width:10%; z-index:5; padding-top:5%;}

#bottom{
	width: 50%;
	margin:auto;
    background-color: #ffffff;
    display: inline-block;
    max-width:1440px;
    border-style: solid;
}

#bottom_part {
    width: 100%;
	
    background-color: #ffffff;
    /* height: 30%; */
    max-width:1440px;
    border-style: none;
    text-align: left;
    padding-top: 0;
    display: inline-block;

    
	
}
#bottom_table_1{

margin-left: 10%;
border-style:none;


}

#bottom_table{
width:42.5%;
margin-left: 10%;
border-style:none;
display: none;

}

.line{
width:100%;
height:5px;
max-width:500px
border-style:none;
position: relative;
display: inline;

}

.line_2{
width:100%;
height:5px;
max-width:200px
border-style:none;
position: relative;
display: inline;

}

#accessibility{margin-left: 10%; margin-bottom:2%; margin-top:2%;

}

#line_div{
width:35%;
height:10px;
margin-left: 10%;
border-style:none;
position: relative;
display: none;

}

#first_one{
display: flex;
align-items: center;
border-style:none;
background-color:white;
box-sizing: border-box;
padding-right: 3%;
margin-top: 2%;
}

#second_one{
display: flex;
align-items: center;
border-style:none;
background-color:white;
box-sizing: border-box;
padding-right: 3%;
margin-top: 2%;
}

#last_item{

display: flex;
align-items: center;
border-style:none;
background-color:white;
box-sizing: border-box;
margin-top: 2%;
}

/* #buttom_first {
    width: 10%;
    float: left;
    height: 100%;
    background-color: #ffffff;
}
#buttom_second {
    width: 90%;
    float: left;
    height: 100%;
    background-color: #ffffff;
}
*/

#contacts {margin-top:2%; width:40%;}
.phone_icon {width:40px; height:40px; vertical-align:middle;}
.skype_icon {width:40px; height:40px; vertical-align:middle;}
.email_icon {width:40px; height:40px; vertical-align:middle;}
.icon_1 {width:1px; height:1px; padding:6px; margin:0;}
.contact_info {font-family: "HelveticaNeueThin"; font-size:1.2em; color:#000000; padding-right:2%; text-decoration: none;}

.contact_info a:link {text-decoration: none;}
.contact_info a:visited {text-decoration: none;}
.contact_info a:hover {text-decoration: underline;}
.contact_info a:active {text-decoration: none;}

#line {width:100%;}
.contact_data {font-family: "HelveticaNeueThin"; font-size:1.2em; color:#000000;}
.contact_data a {color:#000000;}
.contact_data a:hover {color:#000000; text-decoration: underline;}
.contact_info a {color:#000000;}
#line {width:100%;}



/* ux page */

#content {position:relative;}
#content_thankyou {position:relative; height:100%; border-style:none;}
#side_menu {position:absolute; top:0; right:0px; width:250px; height:100%; background: #222222; z-index:95; display:none;}
#content_c {position:relative; z-index:0;}

#close_menu {width:100%; height:60px; text-align:right;}
.menu_item {width:100%; height:60px; font-size:1.5em; font-family: "HelveticaNeueThin"; color:#FFFFFF; padding-left:25px; text-align:left;}
.menu_item a {color:#FFFFFF; text-decoration: none;}

.menu_item a:link {color: #FFFFFF; text-decoration: none;}
.menu_item a:visited {color: #FFFFFF; text-decoration: none;}
.menu_item a:hover {color:#ca89d4; text-decoration: none;}
.menu_item a:active {color:#FFFFFF; text-decoration: none;}


.border_b {width:100%; height:1px; background: #89867e;}
.menu_ux {position: relative; top:25%; transform: translateY(-25%);}

#close {width:49px; position: relative; top: 50%; transform: translateY(-50%); padding-right:18px;}
#close1 {width:29px; position: relative; top: 50%; transform: translateY(-50%); padding-right:18px;}

#ham_menu {font-size:1.5em; font-family: "HelveticaNeueThin"; color:#32312e;}

#hamburger_image_div a:link {color:#32312e; text-decoration: none;}
#hamburger_image_div a:visited {color:#32312e; text-decoration: none;}
#hamburger_image_div a:hover {color:#32312e; text-decoration: none;}
#hamburger_image_div a:active {color:#32312e; text-decoration: none;}

.div_project_internal_2 {text-align:center;}
.div_project_internal {text-align:center;}
.div_project_internal_3 {text-align:left;}


#ux_table_logo {height:100%; position: relative; top: 50%; transform: translateY(-50%);}
.ux_headline {font-family: "HelveticaNeueUltraLight"; font-size:2.8em; color:#FFFFFF; font-weight: bold;}

.ux_td {width:20%; padding:0.5%;}
.ux_td a {text-decoration:none;}
.ux_td a:hover {text-decoration:none;}
#last_td {width:2%;}
.h1_new {font-size:2.3em; font-family: "HelveticaNeueThin"; color:#32312e;}

.h2_new {font-size:1.4em; font-family: "HelveticaNeueThin"; color:#32312e;}
.ux_text {font-size:0.9em; font-family: "HelveticaReg"; color:#32312e;}

.h2_class {font-size:2em; font-family: "HelveticaNeueThin"; color:#32312e;}

#ux_top {
    background: #967DD1;
	background:-webkit-linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	background:-moz-linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	background:-o-linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	background:linear-gradient(75deg, #f23ff8 20%, #01c1a1);
	width: 100%;

    height: 100px;
    
}






.ux_top_first {
    width: 35%;
    float: left;
    height: 100%;
    padding-left:2%;
    
}
.ux_top_second {

    width:65%;
    float: left;
    height: 100%;
    position: relative;
    padding-right:2%;
    text-align:right;
    border-style:none;


}





#hamburger_image {width:30px;}

#hamburger {display:none;}



@media only all and (max-width: 1227px) {

	#bottom_table_1{
	display:none;
	}

	#line_div{
	display:inline-block;
	}

	#bottom_table{
    display:inline-block;
  }
  
  	#menu_table_ux{
	display:none;
	}
	
     #hamburger {display:inline-block;
  	position: absolute;
  	top: 50%;
  	right: 4%;
  	  -ms-transform: translate(4%, -50%);
  transform: translate(4%, -50%);
	}
	
	#ham_1{
	height: 100%;
  	vertical-align: top;
  	padding-bottom:5%;}
	
}

@media only screen and (max-width:850px) 
{
     .ux_headline {
      font-size: 6vw !important;
     }
     
     #submit_button{
     width:100%;
     }
     
     #contactform{
     width:100%;
     }
     
     .ux_top_first {width:70%;}
     .ux_top_second {width:30%; text-align: right; margin:0; padding:0;}
     #menu_table_ux {display:none;}
     #hamburger {display:inline-block;
  	position: absolute;
  	top: 50%;
  	right: 17%;
  	  -ms-transform: translate(17%, -50%);
  transform: translate(17%, -50%);
	}    
}


.icons {
border-style: none;
display: inline-block;
vertical-align:top; 

margin-right:2.5%;


}

.b_text{
border-style: none;
display: inline-block;
margin-right:2.5%;
width:100%;

}

#contactform
{
   width:390px;
   padding:20px;
   border-style:solid;
   border-color: #7C89FF;
   border-width: 1px;
   background-color: #FFFFFF;
   
   
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

.form_field {
border: 1px solid #7C89FF;
width:100%;
font-size: 1.5em;
line-height:200%;
padding-left:10px;
padding-right:10px;

-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
border-radius: 25px;
}


#message{
line-height:140%;
}


#submit_button{

  background-color: #636DC7;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;

-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
border-radius: 25px;
}

#thank_you{
z-index:0;
border-style:none;
text-align: center;
margin:auto;
width:50%;
font-size:1.5em; font-family: "HelveticaNeueThin"; color:#32312e;

}


#wcag {width:50% margin:auto; text-align:center; margin-top:10%;}


#contactform label{font-size:1.2em; font-family: "HelveticaNeueThin"; color:#32312e;}


/* contact page */
#contact_content {padding-top:2%; padding-left:5%; padding-right:5%; border-style:none;}
.contact_c1 {font-family: "HelveticaNeueThin"; font-size:1.5em; color:#000000; padding-top:10px; padding-bottom:10px;}
.contact_c {font-family: "HelveticaNeueThin"; font-size:1.5em; color:#000000; padding-left:10px;}
.contact_c a:link {color: #000000; text-decoration: none;}
.contact_c a:visited {color: #000000; text-decoration: none;}
.contact_c a:hover {color:#ca89d4; text-decoration: none;}
.contact_c a:active {color:#000000; text-decoration: none;}
#monitor {position:absolute; right:0; bottom:0; width:25%; padding-bottom:3%; padding-right:3%;}