@font-face {
    font-family: "MWF-MDL2";
    src: url("https://www.microsoft.com/mwf/_h/v3.07/mwf.app/fonts/mwfmdl2-v3.07.woff2") format("woff2"),url("https://www.microsoft.com/mwf/_h/v3.07/mwf.app/fonts/mwfmdl2-v3.07.woff") format("woff"),url("https://www.microsoft.com/mwf/_h/v3.07/mwf.app/fonts/mwfmdl2-v3.07.ttf") format("truetype"),url("https://www.microsoft.com/mwf/_h/v3.07/mwf.app/fonts/mwfmdl2-v3.07.svg") format("svg")
}

@font-face {
    font-family: 'SegoeUI';
    src: local('Segoe UI'),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2') format("woff2"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff') format("woff"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf') format("ttf");
    font-weight: 400
}

@font-face {
    font-family: 'SegoeUI';
    src: local('Segoe UI'),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff2') format("woff2"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff') format("woff"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.ttf') format("ttf");
    font-weight: 100
}

@font-face {
    font-family: 'SegoeUI';
    src: local('Segoe UI'),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.woff2') format("woff2"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.woff') format("woff"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.ttf') format("ttf");
    font-weight: 200
}

@font-face {
    font-family: 'SegoeUI';
    src: local('Segoe UI'),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff2') format("woff2"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff') format("woff"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.ttf') format("ttf");
    font-weight: 600
}

@font-face {
    font-family: 'SegoeUI';
    src: local('Segoe UI'),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.woff2') format("woff2"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.woff') format("woff"),url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.ttf') format("ttf");
    font-weight: 600
}

@-webkit-keyframes "PortfolioBar" {
 0% {
 	-webkit-transform: translateX(0px);
 }
 50% {
 	-webkit-transform: translateX(-1100px);
 }
 100% {
 	-webkit-transform: translateX(0px);
 }
}
a {
 	text-decoration: none;
 	color: rgb(37, 153, 203);
}
/*@font-face {
	font-family: "mypro";
	src: url('myriad-set-pro_ultralight.woff');
}
@font-face {
	font-family: "my";
	src: url('myriad-set-pro_text.woff');
}
@font-face {
	font-family: "mythin";
	src: url('myriad-set-pro_thin.woff');
}
@font-face {
	font-family: "mybold";
	src: url('myriad-set-pro_semibold.woff');
}


@font-face {
	font-family: "josefin";
	src: url("Font/JosefinSans-Light.ttf");
}
@font-face {
	font-family: "always";
	src: url("Font/always_forever.ttf");
}
@font-face {
	font-family: "existence";
	src: url("Font/Existence-UnicaseLight.otf");
}
@font-face {
	font-family: "miso";
	src: url("Font/MISO-LIG.OTF");
}
@font-face {
	font-family: "nzero";
	src: url("Font/n022024l.pfb");
}
*/

@font-face {
	font-family: "latest";
	src: url('Font/latest.woff2');
}
@font-face {
	font-family: "latest2";
	src: url('Font/latest2.woff2');
}
@font-face {
	font-family: "latest3";
	src: url('Font/latest3.woff2');
}

/*@font-face {
	font-family: "latestnormal";
	src: url('Font/latestnormal.woff2');
}*/
@font-face {
	font-family: "latestnormal";
	src: url('Font/newfont.woff2');
}


body {
	-webkit-transition: -webkit-transform .7s, opacity 3s;
	-moz-transition: -moz-transform .7s, opacity 3s;
	-o-transition: -o-transform .7s, opacity 3s;
	-ms-transition: -ms-transform .7s, opacity 3s;
	transition: transform .7s, opacity 3s;
	--red: #E82429;
	--blue:#1D7AA3;
	--green: rgba(33, 200, 118,1);
	--black1: #383838;
	--purple: #141547;
	--orange: #c55112;
	margin: 0;
	font-size: 15px;
	color: rgb(2,2,2);
	color: #5f6a7d;
	line-height: 22px;
	font-family: latest;
}

.PageContentArea {
	width: 100%;
	min-width: 1024px;
	margin: 0 auto;
	position: relative;
	overflow: hidden; 
	/* border-top: 1px solid #000; */
}

.TopBar {
	width: inherit;
	height: 80px;
	z-index: 10000;
	margin: 0 auto;
	position: fixed;
}
.TopBar:after {
	width: 100%;
	height: 80px;
	content: "";
	display: block;
	background-image: linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.3),rgba(0,0,0,0));

}

.Logo {
	width:150px;
	cursor: pointer;
	vertical-align: middle;
	margin: 0px 30px;
}

.LogoSentence {
	position: absolute;
	font-size: 13px;
/* 	color: rgb(238, 113, 11); */
	top: 42px;
	left: 60px;
	color: #b5e3f8;
}

.SquareBadge {
	z-index: -1;
	position: absolute;
	bottom: -13px;
	left: 800px;
	width: 100px;
}

.SignUp:hover {
	text-shadow: 0px 0px 15px yellow;
}

.TopMenu {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	height:50px;
	line-height:50px;
	width: 100%;
	/* background-color: rgba(34,34,34,0.9); */
	color: #fff;
}

.TopMenu .MenuItem {
	user-select: none;

	transition: color .8s, transform .8s, text-shadow .8s, border .8s;
/* 	float: left; */
	display: inline-block;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #fff;
	cursor: pointer;
	position: relative;
	width: 130px;
}
.TopMenu .MenuItem:nth-last-child(1) {
	text-align: right;
}
.TopMenu .MenuItem:hover span {
	color: #1F9B6B;
}

.TopMenu .MenuItem:hover {
/* 	border-right: 1px solid #313131; */
}
.ShowFixBar .TopMenu {
	background-color: #111;
}
.SubMenu {
	box-shadow: 5px 10px 18px rgba(100,100,100,.3);
	background-color: #313131;
	color: #fff;
	position: absolute;
	top:39px;
	right:-1px;
	width:220px;
	z-index:1111;
	text-align: right;
	height:0%;
	overflow: hidden;
	transition: opacity .7s;
	opacity: 0;
	padding-bottom: 0px;
}
.TopMenu .MenuItem:hover .SubMenu {
	height: auto;
	opacity: 1;
}
.SubMenu > div {
	padding:0px 20px;
	cursor: pointer;
	height:50px;
	line-height:50px;
	border-bottom: 1px dotted #777;
	transition: background-color 1s, transform .5s;
	transform: translateX(300px);
	font-size:15px;
}
.TopMenu .MenuItem:hover .SubMenu > div {
	transform: translateX(0px);
}
.SubMenu > div:nth-child(1) {
	transition-delay: 0s;
}
.SubMenu > div:nth-child(2) {
	transition-delay: .3s;
}
.SubMenu > div:nth-child(3) {
	transition-delay: .6s;
}
.SubMenu > div:nth-child(4) {
	transition-delay: .9s;
}
.SubMenu > div:nth-child(5) {
	transition-delay: 1.2s;
}

.SubMenu > div:nth-last-child(1) {
	border-bottom: none;;
}
.SubMenu > div:hover {
	background-color: rgba(255,255,255,.1);
}
.SliderBackground {
	transition: opacity 1s;
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	background-size: 100%;
	height: 800px;
	-webkit-filter: brightness(55%);
	/* opacity: 0; */
}


.LearnMoreBtn {
	border: 1px solid rgba(0,0,0,0);	
	transition: backgound-color 2s, border-radius 14s, border 2s, color 2s;
}


.TopSecondMenu {
	position: relative;
	height: 35px;
	line-height:30px;
	border-bottom: 1px solid rgba(255,255,255,.5);
	margin:0 auto;
	margin-top:50px;
	width: 1024px;
	text-align: right;
}
.ShowFixBar .TopSecondMenu {
	background-color: rgba(255,0,0,.8);
	border: none;
}

.TopSecondMenu  > div {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	color: #fff;
	padding:0px 25px;
	cursor: pointer;
	line-height:35px;
	height:35px;
	transition: background-color .7s;
/* 	text-transform: uppercase; */
	/*float: right;*/
/* 	font-weight: bold; */
}

.TopSecondMenu  div:hover {
	background-color:#E82429; // rgba(250,10,10,1);
}



.InternalPage .TopSecondMenu  > div {
	/* color: #333; */
}
.InternalPage .TopSecondMenu  {
	border-bottom: none;
}

.FreeBadge {
	position: absolute;
	left: 300px;
	bottom: -30px;
	width: 120px;
	display: none;
	-webkit-transform: rotateZ(-18deg);
	-moz-transform: rotateZ(-18deg);
	-o-transform: rotateZ(-18deg);
	-ms-transform: rotateZ(-18deg);
	transform: rotateZ(-18deg);
}

.FreeBadge2 {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 130px;
}

.MainArea {
	width: 100%;
	/* min-width: 1024px; */
	/* height: 460px; */
	/* background-image: url(ImgObjects/Background1.jpg); */
	background-position: top;
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	/* -webkit-box-shadow: 0px 0px 15px black inset; */
	/* box-shadow: 0px 0px 15px black inset; */
	display: inline-block;
}

.SignUpPage {
	height:800px !important;
}

.JustTopShadow {
	-webkit-box-shadow-top: 0px 0px 15px black inset;
	-webkit-box-shadow-bottom: none;
}

.Banner {
	width: 1024px;
	margin: 0 auto;
	height: 600px;
	position: relative;
	overflow: hidden;
	-webkit-perspective: 700px;
	z-index:10;

}

.MainAreaShort {
/* 	height: 100px; */
}

.Banner .Ribbon {
	position: absolute;
	top: 0px;
	left: 0px;
}

.Banner .Ribbon .Slide {
	width: 1024px;
	height: 460px;
	float: left;
	position: absolute;
	top: 0px;
	top: 1000px;
	opacity: 0;
	transition: top 1.5s, opacity 1s;
	/* display: none; */
}

.Banner .Ribbon .Slide div {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.Banner .Ribbon .SlideSelected {
	opacity: 1;
	top:50px;
}

.Banner .Sentence {
	position: absolute;
	top: 110px;
	left: 180px;
	width: 720px;
	padding:30px 0px;
	font-size: 54px;
	color: #fff;
/* 	text-shadow: 1px 1px 11px black; */
	line-height: 65px;
	text-align: center;
/* 	background-color: rgba(0,0,0,.3); */
}

.Banner .Image {
	position: absolute;
	top: 30px;
	left: 360px;
	height:350px;
}

.BottomBar1 {
	width: inherit;
	height: 120px;
	/*background-color: var(--green);*/
	background-color: #fff;
	border-bottom: 1px solid #ccc;;
	position: relative;
	margin: 0 auto;
	padding: 30px 0px;
	/* z-index:300; */
	overflow: hidden;
/* 	display: none; */
}
.SubjectPage .BottomBar1 {
	padding: 0px;Z
}

.BottomBar1 .BannerSentence {
	position: relative;
	height: 200px;
	margin: 0 auto;
	margin-left:100px;
	width: 1024px;
	height: 50px;
	overflow: hidden;
}
.BannerBrands {
	position: relative;
	height: 55px;
	text-align: center;
	overflow: hidden !important;
	background-color: #fff;	
}
.BannerBrands > div {
	overflow: hidden;
}
.BannerBrands img {
	height: 55px;
	vertical-align: middle;
	margin: 0px 20px;
}
.BottomBar1 .Sentence {
	color: #fff;
	transition: opacity 2s, left 2s, transoform 1s;
	transition-delay: 2s;
	position: absolute;
	top: 0px;
	left: -1000px;
	font-size: 18px;
	opacity: 0;
	filter: alpha(opacity=0);
	width:780px;	
	height:50px;
	line-height:50px;
	box-sizing: border-box;
	padding-left:120px;
	background-repeat: no-repeat;
	background-size: auto 80%;
	background-position: center left;
}
.BottomBar1 .Sentence:nth-child(1) {
	background-image: url(ImgObjects/functionicon8.png);
}
.BottomBar1 .Sentence:nth-child(2) {
	background-image: url(ImgObjects/functionicon13.png);
}
.BottomBar1 .Sentence:nth-child(3) {
	background-image: url(ImgObjects/functionicon18.png);
}
.BottomBar1 .Sentence:nth-child(4) {
	background-image: url(ImgObjects/functionicon11.png);
}
.BottomBar1 .Sentence:nth-child(5) {
	background-image: url(ImgObjects/functionicon1.png);
}
.BottomBar1 .Sentence:nth-child(6) {
	background-image: url(ImgObjects/functionicon14.png);
}


.BottomBar1 .Selected {
	opacity: 1;
	left:90px;
}
.LandingPage .BottomBar1 {
	background-color: orange;
}
.LandingPage .BottomBar1 * {
	color: #fff;	
}
.PanelInternal {
	width: 1024px;
	height: 460px;
	border-bottom: 1px solid #eee;
	margin: 0 auto;
	position: relative;
}

.PanelHelp {
	width: 1024px;
	height: 1280px;
	border-bottom: 1px solid #eee;
	margin: 0 auto;
	position: relative;
}

.PanelFeatures {
	width: 1024px;
	height: 1760px;
	border-bottom: 1px solid #eee;
	margin: 0 auto;
	position: relative;
}
.Panel {
	width: 1024px;
	min-height: 460px;
	/* border-bottom: 1px solid #ccc; */
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top;
	position: relative;
	overflow: hidden;
	height:auto;
	
}

.PanelLong {
	width: 100%;
}
.WebsiteTopPanel {
	height:345px;
	min-height:0px;
	/* border: none; */
}

.TopPanel1 {
/* 	min-height:170px; */
	height: 180px !important;
}
.DiagramBoxes {
	margin-left:30px;
	margin-top:10px;
}
.DiagramBox {
	display: inline-block;
	margin: 0px 10px;
	width: 210px;
	vertical-align: top;
	text-align: center;
	color: #999;
	font-size:22px;
	line-height:28px;
}
.DiagramBox img {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.Panel .PanelImage {
	position: absolute;
}

.Panel .TextBox {
	position: absolute;
	width: 450px;
	/* height: 350px; */
	z-index:100;
	/* height: 100%; */
}
.Panel .LeftTextLong {
	width: auto;
	padding: 30px 60px;	
	padding-bottom: 10px;
}

.Panel .LeftText {
	top: 50px;
	left: 30px;
}

.Panel .RightText {
	top: 50px;
	left: 510px;
}

.Panel .LeftImage {
	top: 30px;
	left: 20px;
	transition: transform 1.5s, opacity 1.5s;
	transform: translateX(-300px);
	opacity: 0;
}
.Panel .ApearEffect {
	transform: none;
}

.Panel .RightImage {
	top: 30px;
	left: 530px;
	transition: transform 1.5s, opacity 1.5s;
	transform: translateX(300px);
	opacity: 0;
}
.Panel .FromBottomEffect {
	transform: translateY(200px);
}

.InView .RightImage {
	transform: none;
	opacity:  1;
}
.InView .LeftImage {
	transform: none;
	opacity:  1;
}

.Panel .Title {
	font-size: 25px;
/* 	color: var(--orange); */
	line-height: 32px;
	margin-bottom: 15px;
	color: #333;
}
.BackgroundPanel.Panel .Title {
	color: #fff;
	font-size: 32px;
}
.BackgroundPanel.Panel .TextBoxContent {
	color: #fff;
}

.ServiceRotator .Title {
	color: lightblue;
}
.Panel .TextBox .TextBoxContent {
	font-size: 15px;
	line-height: 25px;
}

.DarkGray .TextBox {

	left:50px;
}
.DarkGray {
	overflow: hidden;
}
.DarkGray .RightImage {
	left: auto;
	right:30px;
	width:400px !important;
	top:45px;
}
.DarkGray .TextBoxContent {
	color: #fff !important;
}
.InterfacesPage .Content {
	background-image: url(ImgObjects/WhitePattern1.jpg) !important;
	background-repeat: repeat;		
}
.InterfacesPage {
	background-image: url(ImgObjects/WhitePattern1.jpg);
	background-repeat: repeat;		
}
.InternalPage .TopBar {
	/* background-color: #fff; */
	background-image: none;
}

.ContactusPage .Panel {
	border: none;
}


.PortfolioPage .ContentArea {
	height:7200px;
}

.Footer {
	margin-top: 80px;
	width: 100%;
	min-width: 1024px;
	height: 200px;
	background-color: var(--purple);
	color: #fff;
}

.Footer .Bar1 {
	margin: 0 auto;
	height: 20px;
	width: 1024px;
	position: relative;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	position: relative;
	top: 20px;
}

.Footer .Bar1 .Left {
	float: left;
	padding-left: 10px;
}

.Footer .Bar1 .Left div {
}

.Footer .Bar1 .Left div:nth-last-child(1) {
	border: none;
}

.Footer .Bar1 .Right {
	position: absolute;
	left: 0px;
	padding-right: 10px;
	top: 150px;
}

.Footer .Bar1 .Right div {
	float: right;
}
.ImagingInfrastructure .Footer {
	margin-top: 180px;
}
.LeftArrow {
	position: absolute;
	top: 200px;
	left: 10px;
	z-index: 10000;
	border-radius:200px;
	width:50px;
	height:50px;
	cursor: pointer;
	opacity: .7;
}

.RightArrow {
	position: absolute;
	top: 200px;
	right: 10px;
	z-index: 10000;
	border-radius:200px;
	width:50px;
	height:50px;
	cursor: pointer;
	opacity: .7;
}

.FeaturesContent {
	width: 1024px;
	margin: 0 auto;
	/* position: relative; */
	/* 	z-index: 1000; */
	/* height:2400px; */
}

.FeaturesContent .Content {
	width: 1024px;
	min-height: 800px;
	background-color: rgba(255,255,255,.9);
	background-position: top;
	position: relative;
	margin-top: -450px;
	z-index: 1000; 
}

.SignupContent {
	width: 1024px;
	margin: 0 auto;
	position: relative;
/* 	z-index: 1000; */
}

.SignupContent .Content {
	width: 1024px;
	min-height: 800px;
	background-image: none;
	background-color: #f1f1f1;
	position: absolute;
	top: -400px;
/* 	z-index: 1000; */
}

.SignupContent .Content .Margin {
	margin: 30px;
	margin-top: 10px;
}

.HelpContent {
	width: 1024px;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
	top: 80px;
}
.ContentArea {
	width: 1024px;
	margin: 0 auto;
	/* position: relative; */
	z-index: 1000;
/* 	top: 80px; */
}

.ContentArea .Content {
	width: 1024px;
	background-image: none;
	/* 	background-color: #eaeaea; */
	background-color: #fff;
	z-index: 1000;
}


.HelpContent .Content {
	width: 1024px;
	min-height: 1200px;
	background-image: none;
	background-color: #eaeaea;
	position: absolute;
	top: 0px;
	z-index: 1000;
}


.Background1 {
	background-image: url(ImgObjects/Background1.jpg);
	opacity: 1;
}
.BackgroundShort1 {
	background-image: url(ImgObjects/Backgroundshort1.jpg);
}
.Background2 {
	/*background-image: url(ImgObjects/Background3.jpg);*/
	background-image: url(ImgObjects/Background2.jpg);
	opacity: 1;
}
.Background31 {
	background-image: url(ImgObjects/Background4.jpg);
}
.Background38 {
	background-image: url(ImgObjects/globalclientmap.jpg);
}
.Background41 {
	background-image: url(ImgObjects/background41.jpg);
}

.Background3 {
	background-image: url(ImgObjects/autoservice1.jpg);
	opacity: 1;
}
.BackgroundShort3 {
	background-image: url(ImgObjects/autoserviceshort1.jpg);
}

.LandingPage .Background3 {
	background-image: url(ImgObjects/Background18.jpg);
}

.Background5 {
	background-image: url(Galeria/photo52.jpg);
}

.Background10 {
	background-image: url(ImgObjects/Background10.jpg);
	min-height: 0px;
	height:395px !important;
}

.Background11 {
	background-image: url(ImgObjects/Background11.jpg);
}

.Background12 {
	background-image: url(ImgObjects/Background12.jpg);
}
.Background13 {
	background-image: url(ImgObjects/Background13.jpg);
}
.Background14 {
	background-image: url(ImgObjects/Mobile2.jpg);
}
.ImagingInfrastructure .Background14 {
	background-image: url(ImgObjects/imaging01.jpg);	
}

.Background15 {
	background-image: url(ImgObjects/GreenBoard.jpg);
}
.Background16 {
	background-image: url(ImgObjects/certificate2.jpg);
}
.Background17 {
	background-image: url(ImgObjects/Background17.jpg);
}
.Background18 {
	background-image: url(ImgObjects/aboutus2.jpg);
}
.Background19 {
	background-image: url(ImgObjects/aboutusimage4.jpg);
}
.Background20 {
	background-image: url(ImgObjects/service0.jpg);
}
.Background21 {
	background-image: url(ImgObjects/service1.jpg);
}
.Background22 {
	background-image: url(ImgObjects/service2.jpg);
}
.Background23 {
	background-image: url(ImgObjects/service3.jpg);
}
.Background24 {
	background-image: url(ImgObjects/service4.jpg);
}
.Background25 {
	background-image: url(ImgObjects/service5.jpg);
}
.Background26 {
	background-image: url(ImgObjects/service6.jpg);
}
.Background27 {
	background-image: url(ImgObjects/service7.jpg);
}
.Background28 {
	background-image: url(ImgObjects/Background22.jpg);
}
.Background29 {
	background-image: url(ImgObjects/PrrieTop.jpg);
}
.Background31 {
	background-image: url(ImgObjects/keyboardbackground.jpg);
	background-position: center;
}
.Background32 {
	background-image: url(ImgObjects/portal1.jpg);
}
.Background33 {
	background-image: url(ImgObjects/values.jpg);
}
.Background34 {
/* 	background-image: url(ImgObjects/Pattern15.png); */
	background-image: url(ImgObjects/backgroundwhite1.jpg);
/* 	background-repeat: repeat; */
	background-size: 100%;
}
.Background35 {
	background-image: url(ImgObjects/autoservice1.jpg);
	-webkit-filter: brightness(65%) !important;

}
.Background36 {
	background-image: url(ImgObjects/backgroundtop1.jpg);	
}
.Background37 {
	background-image: url(ImgObjects/beds2.jpg);	
	background-position: center;
}
.Background48 {
	background-image: url(ImgObjects/background48.jpg);
	background-position: center;
}
.Tile0 {
	background-image: url(ImgObjects/service0.jpg);
}
.Tile1 {
	background-image: url(ImgObjects/service1.jpg);
}
.Tile2 {
	background-image: url(ImgObjects/service2.jpg);
}
.Tile3 {
	background-image: url(ImgObjects/service3.jpg);
}
.Tile4 {
	background-image: url(ImgObjects/service4.jpg);
}
.Tile5 {
	background-image: url(ImgObjects/service5.jpg);
}
.Tile6 {
	background-image: url(ImgObjects/service6.jpg);
}
.Tile7 {
	background-image: url(ImgObjects/service7.jpg);
}
.Tile8 {
	background-image: url(ImgObjects/Background22.jpg);
}


.Background30 {
	background-image: url(ImgObjects/ipadlabbackground.jpg);
}

.IpadLabPanel {
	height: 460px;;
}
.ImagingLabPanel {
	height: 960px;;	
}
.Column {
	display: inline-block;
	vertical-align: top;
}

.HelpContent .Column {
	width: 450px;
	margin-left: 30px;
	float: left;
	vertical-align: top;
	height: 800px;
}

.HelpContent .TextBox {
	width: 450px;
}

.HelpContent .TextBox .Title {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 450px;
	height: 35px;
	font-size: 18px;
	color: rgb(238, 113, 11);
	line-height: 35px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #aaa;
}

.HelpContent .TextBox .Title:hover {
	color: #555;
}

.HelpContent .TextBox .TextBoxContent {
	font-size: 14px;
	color: rgb(102,102,102);
	line-height: 25px;
	margin-bottom: 30px;
}

.PageHeader {
	width: inherit;
	height: 80px;
	position: relative;
}

.PageTitle {
	font-size: 26px;
	color: #333;
	line-height: 70px;
	margin-left: 60px;
}
.SplashPage .PageTitle {
	text-align: center;
	margin:0px;
	font-size:22px;
	line-height:70px;
	
}
.FormIntro {
	margin-left: 40px;
	line-height: 25px;
	height: 40px;
	width: 800px;
	padding-top: 10px;
	border-top: 1px solid #aaa;
}

.Devices {

	-webkit-transition: -webkit-transform .7s, opacity .7s;
	-moz-transition: -moz-transform .7s, opacity .7s;
	-o-transition: -o-transform .7s, opacity .7s;
	-ms-transition: -ms-transform .7s, opacity .7s;
	transition: transform .7s, opacity .7s;
	position: absolute;
	top: 570px;
	right: 40px;
}

.PageContentArea .AgreementBox {
	margin-left: 120px;
	width: 280px;
	line-height: 20px;
}

.AllDevicesBadge {

	-webkit-transition: -webkit-transform .7s, opacity .7s;
	-moz-transition: -moz-transform .7s, opacity .7s;
	-o-transition: -o-transform .7s, opacity .7s;
	-ms-transition: -ms-transform .7s, opacity .7s;
	transition: transform .7s, opacity .7s;
	position: absolute;
	width: 210px;
	top: 220px;
	right: 20px;

	-webkit-transform: rotateZ(-18deg);
	-moz-transform: rotateZ(-18deg);
	-o-transform: rotateZ(-18deg);
	-ms-transform: rotateZ(-18deg);
	transform: rotateZ(-18deg);
}

.VisiblePage {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.LoginBtn {
	width:100px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right:140px;
	top:20px;
	text-align: center;
	color: var(--blue);
/* 	background-image: url(ImgObjects/LoginBadge.png); */
	background-repeat: no-repeat;
	cursor: pointer;
	text-align: right;
	cursor: pointer;
	font-weight: bold;
	padding-right:20px;
	border-right: 1px solid var(--blue); 
}
.LogoutBtn {
	width: 120px;
	height: 25px;
	position: absolute;
	right:5px;
	text-align: center;
	line-height: 25px;
	color: #999;
/* 	background-image: url(ImgObjects/LoginBadge.png); */
	background-repeat: no-repeat;
	cursor: pointer;
	top:1px;	
	text-align: right;
	cursor: pointer;
}
.VideoThumb {
	width: 250px;
	height: 172px;
	border: 8px solid #aaa;
	border-radius: 4px;
	position: relative;
	margin-top: 40px;
	margin-left: 80px;
}

.VideoThumb .Title {
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	line-height: 30px;
	position: absolute;
	top: -40px;
	color: #f78d1d;
	left: 0px;
	width: inherit;
}

.SocialMediaBar {
	position: absolute;
	top: 15px;
	right: -20px;
	width: 200px;
}

.SocialMediaBar img {
	margin-right: 15px;
	height:40px;
	cursor: pointer;
}

.FeaturesTable {
	font-size: 14px;
	font-weight: 400;
	color: #4e4e4e;
	border-collapse: collapse;
	border-spacing: 0;
/* 	margin: 40px; */
	display: inline-block;
	vertical-align: top;
	width:485px;
}

.FeaturesTable td {
/* 	border: 1px solid #8e8e8e; */
	vertical-align: middle;
	padding: 8px;
}

.FeaturesTable tr td:nth-child(2) {
	width: 350px;
	border-left: none;
	color: #1d7aa3;
	font-size: 18px;
	line-height:28px;
	font-weight: bold;
}

.FeaturesTable tr td:nth-child(4) {
	width: 60px;
	text-align: center;

}

.FeaturesTable tr td:nth-child(1) {
	text-align: center;
	vertical-align: top;
}

.FeaturesTable tr td:nth-last-child(1) {
	border-right: none;
	vertical-align: top;
}

.FeaturesTable tr:nth-child(1) {
	border-top: none;
}

.PlayerHolder {
	width: 1024px;
	height: 0px;
	margin: 0 auto;
	position: relative;
}

.VideoPlayerBackground {
	-webkit-transition: -webkit-transform .7s;
	-moz-transition: -moz-transform .7s;
	-o-transition: -o-transform .7s;
	-ms-transition: -ms-transform .7s;
	transition: transform .7s;
	width: 1024px;
	height: 900px;
	position: absolute;
	top: -950px;
	left: 0px;
	z-index: 100000;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.7)), to(rgba(0,0,0,0)));
	background: -moz-linear-gradient(top,  rgba(0,0,0,.7),  rgba(0,0,0,0));

}

.VideoPlayerBackgroundShow {
	-webkit-transform: translateY(950px);
	-moz-transform: translateY(950px);
	-o-transform: translateY(950px);
	-ms-transform: translateY(950px);
	transform: translateY(950px);
}

.VideoPlayerBackground .VideoPlayer {
	border: 10px solid rgba(255,255,255,1);
	border-radius: 4px;

	-webkit-box-shadow: 0px 0px 15px black;
	box-shadow: 0px 0px 15px black;
	width: 640px;
	height: 320px;
	position: absolute;
	top: 80px;
	left: 192px;
	background: -webkit-gradient(radial, center center, 40, center center, 700, from(#666), to(#000));
	background: -moz-linear-gradient(top,  rgba(0,0,0,0),  rgba(0,0,0,5));
	filter:  progid:DXImageTransform.Microsoft.Gradient(startColorstr='#666666', endColorstr='#000000');
}

.CloseBtn {
	position: absolute;
	top: -30px;
	right: -30px;
}
.CloseBtn1 {
	position: absolute;
	top: 5px;
	right: 5px;
	background-image: url(ImgObjects/CloseBtn3.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px; 
	cursor: pointer;
	z-index: 10000000;
}


.GrayColor {
	background: #f3f3f2;
}
.GrayColor2 {
	background: #EAEAE8;
}

.ImagePlayer {
	width: 1024px;
	height: 600px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

.PlayerBox {
	position: absolute;
}
.PortfolioBox {
	perspective: 1200px;
	border: none !important;
	background-image: url(ImgObjects/backgroundblack1.jpg);
	background-size: auto 200%;
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;	
	box-shadow: 0px 0px 35px rgba(100,100,100,.7) inset;	
}
.PlayerBox img {
	transition: opacity 1.5s, transform 1.5s, left 1.5s;
	/* box-shadow: 0px 10px 25px rgba(100,100,100,.7); */
	transform-origin: bottom;
	position: absolute;
	left: -1900px;
	top:50px;
	opacity:0;
}
.ImagePlayer4 .PlayerBox img {
	box-shadow: none;
}
.ImagePlayer3 .PlayerBox img {
	box-shadow: none;
}

.PortfolioBox .PlayerBox img {
	width:800px;
}
.ImagePlayer3 .PlayerBox img {
	height: 530px;
	width: auto;
}
.ImagePlayer .PhotoSelected {
	transform:  rotateX(0deg);
	left:112px;
	opacity: 1;
}
.ImagePlayer3 .PhotoSelected {
	left:370px;
}


.ArrowLeft {
	position: absolute;
	top: 230px;
	left: 0px;
}

.ArrowRight {
	position: absolute;
	top: 230px;
	right: 0px;
}

.ImagePlayerTitle {
	font-family: helvetica;
	font-size: 24px;
/* 	text-shadow: 2px 2px 2px white; */
/* 	color: #0095cd; */
	color: #fff;
	font-weight: 500;
	width: 100%;
	position: absolute;
	top:15px;
	text-align: center;
	box-sizing: border-box;
}

.TutorialsBar {

	-webkit-transition: -webkit-transform .7s, opacity 1s;
	-moz-transition: -moz-transform .7s, opacity 1s;
	-o-transition: -o-transform .7s, opacity 1s;
	-ms-transition: -ms-transform .7s, opacity 1s;
	transition: transform .7s, opacity 1s;
}

.SignUpPage .TutorialsBar {
	display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	top: 300px;
	z-index: 1;
}

.SignUpPage .TutorialsBar .VideoThumb {
	margin-left: 30px;
}

.SignUpPage .TutorialsBarShow {
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.TutorialsBar .VideoThumb {
	float: left;
	margin-left: 60px;
}

.SignUpForm {
	background-repeat: no-repeat;
	background-position: center;

	-webkit-background-size: 70% 100%;
	-moz-background-size: 70% 100%;
	background-size: 70% 100%;
	margin-bottom:0px;
}

.SignUpForm label.error {
	color: #6F0B09; /*	position:  absolute;
	
	top: 65px;
	
	text-align:  left;
	
	font-size: 11;
	*/
}

@keyframes "Sending" {
 0% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }
 50% {
    -webkit-transform: scale(.2);
   	-moz-transform: scale(.2);
   	-o-transform: scale(.2);
   	-ms-transform: scale(.2);
   	transform: scale(.2);
 }
 100% {
    -webkit-transform: translateX(1900px) translateY(-800px);
   	-moz-transform: translateX(1900px) translateY(-800px);
   	-o-transform: translateX(1900px) translateY(-800px);
   	-ms-transform: translateX(1900px) translateY(-800px);
   	transform: translateX(1900px) translateY(-800px);
 }

}

@-moz-keyframes Sending {
 0% {
   -moz-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -moz-transform: scale(.2);
   transform: scale(.2);
 }
 100% {
   -moz-transform: translateX(1900px) translateY(-800px);
   transform: translateX(1900px) translateY(-800px);
 }

}

@-webkit-keyframes "Sending" {
 0% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -webkit-transform: scale(.2);
   transform: scale(.2);
 }
 100% {
   -webkit-transform: translateX(1900px) translateY(-800px);
   transform: translateX(1900px) translateY(-800px);
 }

}

@-ms-keyframes "Sending" {
 0% {
   -ms-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -ms-transform: scale(.2);
   transform: scale(.2);
 }
 100% {
   -ms-transform: translateX(1900px) translateY(-800px);
   transform: translateX(1900px) translateY(-800px);
 }

}

@-o-keyframes "Sending" {
 0% {
   -o-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -o-transform: scale(.2);
   transform: scale(.2);
 }
 100% {
   -o-transform: translateX(1900px) translateY(-800px);
   transform: translateX(1900px) translateY(-800px);
 }

}

.SendEmail1 {
	background-image: url(ImgObjects/SendingEmail.png);
}

.SendEmail1 * {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.SendEmail2 {
	-webkit-animation: Sending 3s;
	-moz-animation: Sending 3s;
	-ms-animation: Sending 3s;
	-o-animation: Sending 3s;
	animation: Sending 3s;

	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;

	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.HideElement {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.SendSignUp {
	-webkit-transition: -webkit-transform .7s, opacity .7s;
	-moz-transition: -moz-transform .7s, opacity .7s;
	-o-transition: -o-transform .7s, opacity .7s;
	-ms-transition: -ms-transform .7s, opacity .7s;
	transition: transform .7s, opacity .7s;
	width:250px; 
	line-height: 30px;
	font-size:26px !important;
	padding: 20px 30px !important;
}

.AgreementBox span {
	line-height: 25px;
}

.TermsAndConditions {
	-webkit-box-shadow: 0px 0px 15px black;
	box-shadow: 0px 0px 15px black;

	-webkit-transition: -webkit-transform .7s;
	-moz-transition: -moz-transform .7s;
	-o-transition: -o-transform .7s;
	-ms-transition: -ms-transform .7s;
	transition: transform .7s;
	width: 900px;
	height: 660px;
	top: -750px;
	left: 62px;
	position: absolute;
	z-index: 100000;
	background-color: #fff;
}

.TermsAndConditionsShow {
	-webkit-transform: translateY(800px);
	-moz-transform: translateY(800px);
	-o-transform: translateY(800px);
	-ms-transform: translateY(800px);
	transform: translateY(800px);
}

.TermsAndConditions .BottomBar {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: inherit;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #e1e1e1;
}

.TermsAndConditions .Content {
	width: 820px;
	padding-left: 40px;
	padding-right: 40px;
	height: 570px;
	position: absolute;

	-ms-overflow-y: scroll;
	overflow-y: scroll;
	top: 30px;
	background-color: #fff;
}

.TermHolder {
	width: 1024px;
	height: 0px;
	margin: 0 auto;
	position: relative;
}

.Privacy {
	-webkit-box-shadow: 0px 0px 15px black;
	box-shadow: 0px 0px 15px black;

	-webkit-transition: -webkit-transform .7s;
	-moz-transition: -moz-transform .7s;
	-o-transition: -o-transform .7s;
	-ms-transition: -ms-transform .7s;
	transition: transform .7s;
	width: 900px;
	height: 660px;
	top: -750px;
	left: 62px;
	position: absolute;
	z-index: 100000;
	background-color: #e1e1e1;
}

.PrivacyShow {
	-webkit-transform: translateY(800px);
	-moz-transform: translateY(800px);
	-o-transform: translateY(800px);
	-ms-transform: translateY(800px);
	transform: translateY(800px);
}

.Privacy .BottomBar {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: inherit;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #e1e1e1;
}

.Privacy .Content {
	width: 820px;
	padding-left: 40px;
	padding-right: 40px;
	height: 570px;
	position: absolute;

	-ms-overflow-y: scroll;
	overflow-y: scroll;
	top: 30px;
	background-color: #fff;

	-webkit-box-shadow: 0px 0px 15px black inset;
	box-shadow: 0px 0px 15px black inset;
}

.TermHolder {
	width: 1024px;
	height: 0px;
	margin: 0 auto;
	position: relative;
}
.PrivacyContent {
	width: 1024px;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
	top: 80px;
}

.PrivacyContent .ContentText {
	margin:50px;	
}

.BottomBar1 .PortfolioBar {
	position: absolute;
	left:30px;
	top:10px;	
	width: 620px;
	overflow: hidden;
	height: 120px;
	display: none;
}
.BottomBar1 .PortfolioBar .PortfolioSlider {
	position: absolute;
	width:3000px;
	-webkit-animation: PortfolioBar 105s infinite linear alternate;
}
.BottomBar1 .PortfolioBar .PortfolioSlider:hover {
	-webkit-animation-play-state:paused;
}

.BottomBar1 .PortfolioSlider img {
	-webkit-transition: box-shadow .7s;
	height: 60px;	
	margin-right:8px;
	margin-left:8px;
	margin-top:15px;
	box-shadow: 0px 0px 15px black;
	cursor: pointer;
}
.BottomBar1 .PortfolioSlider img:hover {
	box-shadow: 0px 0px 25px white;
}

.WebConnectBar {
	-webkit-transition: -webkit-transform .7s, width .8s;
	-moz-transition: -moz-transform .7s, width .8s;
	-o-transition: -o-transform .7s, width .8s;
	-ms-transition: -ms-transform .7s, width .8s;
	transition: transform .7s, width .8s;
	position: absolute;
	top: 330px;
	left: 50px;
	width: 885px;
	height: 62px;
	overflow: hidden;
	background-image: url(ImgObjects/WebBar.png);
	z-index:120;
}
.WebConnectBar img {
	position: absolute;
	top:10px;
	left:210px;
}
.WebPhone {
	position: absolute;
	top:250px;
	z-index:130;
}
.DesignWeb1 {
	position: absolute;
	top:71px;
	left: 402px;
	width: 569px;
	z-index:101;
	height:320px;
}
.Line2 {
	top:60px !important;
	width: 330px !important;
	left: 40px !important;
}
.Line3 {
	width:290px !important;
}
.webbarsentence {
	color: #fff;
	font-size:30px;
	position: absolute;
	left:170px;
	top:15px;
}
.PortfolioDisplayerBox {
	-webkit-transition: -webkit-transform .7s, top .7s;
	width: inherit;
	height: 900px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.7)), to(rgba(0,0,0,0)));
	background: -moz-linear-gradient(top,  rgba(0,0,0,.7),  rgba(0,0,0,0));
	position: absolute;
	top:-1000px;

}
.PortfolioDisplayerBoxShow .PortfolioDisplayerBox {
	top:0px;	
}
.CenterAligner {
	margin: 0 auto;
	width: 1024px;
	position: relative;
}
.WebPorfolioMosaic {
	border: none;
	height:620px;
}
.WebMosaic {
		
}
.WebMosaic .BoxTile {
	-webkit-transition: background-size .7s;
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
/* 	background-image: none; */
	background-position: center top;
	background-color: #313131;
	cursor: pointer;
}
.WebMosaic .BoxTile:hover {
	background-size:130%
}
.Web1 {
	top:0px;
	left:0px;	
	width: 250px;
	height: 150px; 
	background-image: url(Portfolio/Thumb/BlackIconEast.jpg);
}
.Web2 {
	top:0px;
	left:250px;	
	width: 500px;
	height: 270px; 
	background-image: url(Portfolio/Thumb/Damarcella.jpg);
}
.Web3 {
	top:0px;
	left:750px;	
	width: 274px;
	height: 140px; 
	background-image: url(Portfolio/Thumb/Amor.jpg);
}
.Web4 {
	top:150px;
	left:0px;	
	width: 250px;
	height: 140px; 
	background-image: url(Portfolio/Thumb/Pier9.jpg);
}
.Web5 {
	top:270px;
	left:250px;	
	width: 300px;
	height: 140px; 
	background-image: url(Portfolio/Thumb/BlackIronMidtown.jpg);
}
.Web6 {
	top:270px;
	left:550px;	
	width: 200px;
	height: 110px; 
	background-image: url(Portfolio/Thumb/Guanta.jpg);
}
.Web7 {
	top:140px;
	left:750px;	
	width: 110px;
	height: 94px; 
	background-image: url(Portfolio/Thumb/BlackIron.jpg);
}
.Web8 {
	top:140px;
	left:860px;	
	width: 164px;
	height: 94px; 
	background-image: url(Portfolio/Thumb/BlackIronMidtown.jpg);
}
.Web9 {
	top:290px;
	left:0px;	
	width: 250px;
	height: 140px; 
	background-image: url(Portfolio/Thumb/Luna.jpg);
}
.Web10 {
	top:410px;
	left:250px;	
	width: 300px;
	height: 160px; 
	background-image: url(Portfolio/Thumb/DamarcellaMidtown.jpg);
}
.Web11 {
	top:380px;
	left:550px;	
	width:330px;
	height: 190px; 
	background-image: url(Portfolio/Thumb/DamarcellaVillage.jpg);
}
.Web12 {
	top:380px;
	left:880px;	
	width: 144px;
	height: 89px; 
	background-image: url(Portfolio/Thumb/Ilviolino.jpg);
}
.Web13 {
	top:430px;
	left:00px;	
	width: 250px;
	height: 140px; 
	background-image: url(Portfolio/Thumb/Rino.jpg);
}
.Web14 {
	top:471px;
	left:880px;	
	width: 144px;
	height: 100px; 
	background-image: url(Portfolio/Thumb/Rino.jpg);
}
.Web15 {
	top:236px;
	left:750px;	
	width: 274px;
	height: 144px; 
	background-image: url(Portfolio/Thumb/Rino.jpg);
}

.HomePage .SocialMediaBar {
	display: none;	
	
}
.HomePage .Button1 {
	margin: 0px;
}
.MobileTop .TextBox {
	margin-top: 300px;	

}
.ImagingInfrastructure .MobileTop {

}

.ImagingInfrastructure .MobileTop .TextBox {
	margin-top: 180px;
	background-color: rgba(0,0,0,.5);
	color: #fff !important;
}
.ImagingInfrastructure .MobileTop .TextBox .Title {
	color: #fff !important;
}
.ImagingInfrastructure .MobileTop .TextBoxContent {
	
}

.CardSampler {
	margin-left:60px;
	margin-top:50px;
	position: relative;
}
.CardSampler img {
	position: absolute;
	border-radius: 12px;
	box-shadow: 5px 5px 35px rgba(50,50,50,.8);
	width:350px;
}
.CardSampler .Card1 {

}
.CardSampler .Card2 {
	left:5px;
	top:5px;
}
.CardSampler .Card3 {
	-webkit-transition: -webkit-transform 1s;
	left:10px;
	top:10px;	
	-webkit-transform-origin: top left;
}
.DiscountTopPanel .TextBoxContent {
	color: #fff !important;
}
.DiscountTopPanel:hover .Card3 {
	-webkit-transform: rotateZ(-10deg) translateX(20px) translateY(30px);	
}
.PanelHight {
	height: 840px;	
}
.ContactForm {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D8E8ED), to(#AFE1F0)), url(ImgObjects/Dotted.gif);
	margin-right: 35px;
	margin-top: 20px;
	overflow: hidden;
	/* border-top:4px solid #444; */
	position: relative;	
	margin-left:20px;
	width:450px;
	padding-left:10px;
}
.ContactForm .S2 {
	font-size:22px;
}
.ContactForm .Form1 {
	margin-top:-20px;
}
.FormElement input {
	display: inline-block;
}


.FormMessage {
	-webkit-transition: -webkit-transform .7s, top 1s, opacity 1s;
	position: relative;
	width: 300px;
	margin: 0 auto;
	top:-200px;	
	opacity: 0;
	text-align: center;
}
.MessageSent .FormMessage {
	opacity: 1;
	top: 100px;	
}
.ContactForm [name="name"] {
	width: 300px;		
}
.ContactForm [name="email"] {
	width: 300px;		
}
.ContactForm [name="topic"] {rc
	width: 310px;		
}
.ContactForm [name="message"] {
	width: 390px;		
	display: block;
	height:300px;
	margin-bottom:20px;
}
.Title2 {
	position: absolute;
	top:30px;
	left:480px !important;
	color:#fff;
	font-size:24px;
}
.IPadWeb {
	background-image: url(ImgObjects/ipadweb1.jpg);
	height: 256px !important;
	min-height:0px;
	background-size: auto 100%;
	background-position: left;
	background-color: #0e0e0e;
	/* margin-bottom:50px; */
}
.IPadWeb .Title2 {
	left:435px !important;
	z-index: 1000;
	line-height: 35px;
}
.TouchIcons {
	position: absolute;
	top: 150px;
	left: 435px;
	z-index: 1000;
}

.TouchIcons .TouchIcon {
	width: 50px;
	text-align: center;
	float: left;
	margin-right: 40px;
}

.TouchIcons .TouchIcon img {
	-webkit-transition: -webkit-transform .7s, box-shadow .7s;
	-moz-transition: -moz-transform .7s, box-shadow .7s;
	-o-transition: -o-transform .7s, box-shadow .7s;
	-ms-transition: -ms-transform .7s, box-shadow .7s;
	transition: transform .7s, box-shadow .7s;
}

.TouchIcons .TouchIcon .Touch:hover {
	-webkit-box-shadow: 0px 0px 15px white;
	box-shadow: 0px 0px 15px white;
}

.TouchIcons .TouchIcon .Pinch:hover {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}

.TouchIcons .TouchIcon .Swipe:hover {
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px);
}

.TouchIcons .TouchIcon div {
	color: #aaa;
}

.TouchIcons .TouchIcon div:hover {
	color: orange;
}

.GlassBrowser1 {
	position: absolute;
	top: 46px;
	left: 20px;
}

.GlassBrowserImage1 {
	-webkit-transition: -webkit-transform 1.5s;
	-moz-transition: -moz-transform 1.5s;
	-o-transition: -o-transform 1.5s;
	-ms-transition: -ms-transform 1.5s;
	transition: transform 1.5s;
	position: absolute;
	top: 46px;
	left: 20px;
}

.GlassBrowserImage1:hover {
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-o-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
}

.WebIphone {
	-webkit-transition: -webkit-transform .7s, top .7s;
	-moz-transition: -moz-transform .7s, top .7s;
	-o-transition: -o-transform .7s, top .7s;
	-ms-transition: -ms-transform .7s, top .7s;
	transition: transform .7s, top .7s;
	position: absolute;
	top: 35px;
	left: 380px;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-o-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	z-index: 1;
}


.ImageRight {
	float: right;
	margin-right: 100px;
}

.ImageLeft {
	float: left;
	margin-right: 100px;
}

.WebSiteKeyFeatures li {
	-webkit-transition: -webkit-transform .7s, color .3s;
	-moz-transition: -moz-transform .7s, color .3s;
	-o-transition: -o-transform .7s, color .3s;
	-ms-transition: -ms-transform .7s, color .3s;
	transition: transform .7s, color .3s;
}

.WebSiteKeyFeatures li:hover {
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-o-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
	color: orange;
}

.WebAndMobileBox {
	background-image: url(ImgObjects/GradientLine.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.MobileWeb {
	background-image: url(ImgObjects/MobileWeb.jpg);

	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	height: 380px;
	overflow: hidden;
}
.IpadDesign {
	position: absolute;
	bottom: 0px;
	left: 630px;
	width: 480px;
	height: inherit;
	background-image: url(ImgObjects/adminpc1.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.IpadDesign div {
	color: #eee;
	position: absolute;
	text-shadow: none;
}

.WebTitle1 {
	position: absolute;
	top:40px;
	left:210px;	
	font-size:24px;
	color: #0095cd;
}
.WebTitle2 {
	position: absolute;
	top:40px;
	left:610px;	
	font-size:24px;
	color: #0095cd;
}
.Button1 {
	-webkit-transition: -webkit-transform .7s, background-color .7s;
	font-size: 14px;
	padding: 5px 35px;
	text-align: center;
/* 	border-radius: 4px;	 */
	min-width: 80px;
	font-family: helvetica;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	margin: 20px 30px;
}
.Button2 {
	font-size: 14px;
	padding: 5px 35px;
	text-align: center;
	border-radius: 4px;	
	min-width: 80px;
	font-family: helvetica;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	background-color: none;
	border: 1px solid #fff;
}
.LearnMoreBtn {
	border: 1px solid rgba(0,0,0,0);	
	transition: backgound-color 2s, border-radius 6s, border 2s, color 2s;
}

.GreenColor {
	background-color: var(--green);	
}
.BlueColor {
	background-color: var(--blue);
}


.ColorGray1 {
	background-color: #585844;	
}
.ColorGray1Inverted {
	background-color: none;
	border: 1.5px solid #585844;		
	color: #585844;
}
.ColorGray1Inverted:hover {
	background-color: #5daa00;	
	border: 1px solid transparent;
	color: #fff;
}
.PortfolioTopPanel {
	height: 130px;
	min-height: 0px;	
}

.PortfolioTopPanel .TextBox{
	width: inherit;
}
.PanelWeb {
	-webkit-perspective: 1200px;
	height: auto;
	min-height: none;
	border-bottom: none;
	padding-bottom: 50px;
	height:390px;
	min-height:none;
	border-top:1px solid #ccc;
	padding:20px 0px;
	overflow:hidden;
}
.PanelWeb .Column {
	width:250px;
	margin: 15px;
}
.PanelWeb .Title {
	color: rgb(37, 153, 203);
	font-size:28px;
	line-height:30px;
	margin-bottom: 10px; 
}
.PanelWeb .Title2 {
	color: #888;
	font-size:17px;
	position: static;
/* 	font-style: italic; */
}
.PanelWeb .WebDescripton {
	color: #999;
	font-size:14px;
	line-height: 22px;
	position: static;
	margin-bottom: 10px;
	display: none;
}
.PanelWeb .WebsiteLink {
	color: #ccc;
	font-weight: bold;
	font-size:14px;
	cursor: pointer;
}

.PanelWeb .WebAddress {
	color: orange;;
	font-weight: bold;
	font-size:14px;
	opacity: .5;
}
.PortfolioWebImage {
	-webkit-transition: -webkit-transform .7s;
	width:610px;
	margin:15px 0px;
	display: inline-block;
	cursor: pointer;
}
.TransitionIn {
	-webkit-transform: rotateY(90deg) scale(.7);
}
.FeatureBoxList {
	width:220px;
	height:170px;		
	margin: 10px 0px;
}
.Features {
	width:225px;
	margin-top: 20px;
}
.Features .Title2 {
	color: #84c15b; !important;
	font-style: normal;
	padding-bottom:5px;
	border-bottom: 1px solid #84c15b;
	margin-top:10px;
}
.FeatureBox {
	width: 70px;
	height: 70px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-top: 3px;
	opacity: .4;
}
.FeatureIcon {
	background-image: url(ImgObjects/Icons.png);
	background-size: 500px;
	width: 40px;
	height: 40px; 	
	margin: 0 auto;
}
.FeatureTitle {
	font-size:11px;
	line-height:12px;
}

.OnlineMenuFeature {
	background-position: 90px -50px;
}
.GiftCardFeature {
	background-position: 210px -50px;
}
.ReservationFeature {
	background-position: 150px -110px;
}
.OrderOnlineFeature {
	background-position: 330px -170px;
}
.EmaiCampaignFeature {
	background-position: 90px -230px;
}
.StaffPayrollFeature {
	background-position: 390px -50px;
}
.CloudFeature {
	background-position: 390px -110px;
}
.DatabaseFeature {
	background-position: 450px -230px;
}
.MobileFeature {
	background-position: 150px -230px;
}

.PanelWeb .WebMap {
	-webkit-transition: background-size 1s;
	width:220px;
	height:170px;
	margin: 10px 0px;
	background-image: url(Maps/map1.jpg);
	background-size:100%;
	background-position: center;
}
.PanelWeb .WebMap:hover {
	background-size:150%;
}
.PanelWeb .WebStatus {
	font-size:14px;
	color: rgba(37, 153, 203,.5);
}
.PanelWeb .Inactive {
	color: #a1a109;
}
.ListHightlight li{
	color: #3DA2C9;
	padding: 5px 20px;
/* 	border: 2px solid #3DA2C9;	 */
	font-size:22px;
	margin-left:50px;
	width:350px;
	margin-bottom:0px;
}
.SentenceRotator {
	position: absolute;		
	top: 0px;
	height: 250px;
	width: 100%;
	overflow: hidden;
}
.SentenceRotator div {
	-webkit-transition: -webkit-transform 2s, opacity 1s, top 1.5s, left 2s;
	position: absolute;	
	font-size: 34px;
	width: 550px;
	left:235px;
	top:-150px;
	opacity: 0;
	text-align: center;
	color: #fff;
	font-family: josefin;
	line-height:50px;
	text-transform: uppercase;	
	-webkit-transform: scale(2.5)
}
.SentenceRotator .Selected {
	opacity: 1;
	top:40px;
	-webkit-transform: scale(1)

}
.ReservationPanel .SentenceRotator div {
	width:390px;
	top: 40px;
	left: -600px;
	-webkit-transform: scale(1);
	text-align: left;
/* 	color: #DA1721;	 */
	font-family: helvetica;
}

.ReservationPanel .SentenceRotator .Selected {
	opacity: 1;
	top:40px;
	left: 60px;
	-webkit-transform: scale(1)
}

.MobilePanel .SentenceRotator div {
	width:auto;
	top: -170px;
	left: 400px;
	-webkit-transform: scale(1);
	text-align: left;
/* 	color: #DA1721;	 */
	padding: 10px 30px;
	border:1px solid #fff;
	border-radius:4px;
}

.MobilePanel .SentenceRotator .Selected {
	opacity: 1;
	top:35px;
	-webkit-transform: scale(1)
}

.CustomerCarePanel .SentenceRotator div {
	width:660px;
	top: 35px;
	left: 1200px;
	-webkit-transform: scale(1);
	text-align: left;
 	color: #DA1721;	 
}

.CustomerCarePanel .SentenceRotator .Selected {
	opacity: 1;
	left:310px;
	-webkit-transform: scale(1)
}

.WebSelectorBar {
	position: absolute;
	top:40px;
	left:920px;	
}

.WebSelectorBar .Thumb {
	-webkit-transition: -webkit-filter .7s, opacity .7s;
	width:80px;
	height:60px;
	background-size: 100%;
	background-repeat: no-repeat;	
	background-position: center;
	margin-bottom:5px;
	-webkit-filter: grayscale(100%);
	opacity: .6;
	border: 4px solid transparent;
	border-radius: 4px;
}
.WebSelectorBar .Thumb:hover {
	-webkit-filter: grayscale(0);
	opacity: 1;
}
.WebSelectorBar .Selected {
	border: 4px solid #a0cd65;
	background-color: #a0cd65;
	-webkit-filter: grayscale(0);
	opacity: 1;
}
.GoTopBtn {
	-webkit-transition: -webkit-transform .7s, opacity .7s;
	position: absolute;
	cursor: pointer;
	bottom:20px;
	right:45px;	
	height: 20px;
	opacity: .2;
}
.GoTopBtn:hover {
	opacity: 1;	
}
.SolutionPage .LeftText {
	width: 500px; 
	left:60px;
}
.SolutionPage .RightImage {
	width:400px; 
	top:90px;
	top:90px;
}
.SolutionPage .Panel {
	min-height: 0px;
	height: 440px;
}

.BottomPanel {
	min-height: 0px;
	height: 200px !important;
	padding-top: 20px;	
	border-bottom: none;
}
.ThreeColumn .Column{
	width: 300px !important;
	border-right: 1px solid #ccc;
	padding: 20px;
	float: left;
	vertical-align: top;
	height:80px;
}
.ThreeColumn .Column:nth-last-child(1) {
	border-right: none;
}

.TwoColumn .Column{
	width: 460px;
	border-right: 1px solid #ccc;
	padding: 20px;
	float: left;
}
.TwoColumn .Column:nth-last-child(1) {
	border-right: none;
}
.LeftImageBottom {
	width: auto;
	margin: 0 auto;
	cursor: pointer; 
}
.LeftImageBottom img {
	vertical-align: middle
}
.LeftImageBottom div {
	display: inline-block;
	vertical-align: middle;
	font-size:22px !important;
	color: #777;
}

.LargeButton {
	font-size: 20px;
	padding:10px 50px;		
}

.CallUsBtn {
	width: inherit;
	padding-left:70px;
	position: relative;
}
.callusbtn span {
	display: inline-block;
	width: 30px;
	height: 30px; 	
	background-image: url(ImgObjects/callicon01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	padding: 0px !important;
	position: relative;
	top:5px;	
}
.CallUsBtn img {
	width:65px;
	top:5px;
	left:-10px;
	position: absolute;
}

.CallUsBtn label {
	font-size:20px;
	display: block;
	width:200px;
	display: inline-block;
}
.CallUsBtn div {
	font-size:18px;
	display: block;
	display: inline-block;
	text-decoration: none;
	color: #666 !important;
	margin-top:0px;
}
.RequestPortfolioBox {
	text-align: center;
}
.RequestPortfolioBox label {
	font-size:22px;
	color: #999;
	display: block;
}
.SmallWebSamples {
	padding: 30px 0px;
	background-color: #414138;
	box-shadow: 0px 0px 25px black inset;
}
.SmallWebSamples img {
	height: 70px;
	border: 4px solid #999;
	margin:15px;
	box-shadow: 0px 0px 15px black;
}
.FeatureListIcon {
	background-image: url(ImgObjects/Icons2.png);
	background-size: 500px;
	width: 40px;
	height: 40px; 	
	margin: 0 auto;	
	margin-top:5px;
}

.ListIconUnlimited {
	background-position: 450px -110px;
}
.ListIconSpecials {
	background-position: 330px -110px;
}
.ListIconReservation {
	background-position: 210px -110px;	
}
.ListIconTemplate {
	background-position: 150px -230px;
}
.ListIconEvents {
	background-position: 330px -290px;		
}
.ListIconGiftCard {
	background-position: 90px -290px;		
}
.ListIconsPromotions {
		
}
.ListIconUpdate {
	background-position: 150px -110px;
}
.ListIconPrinter1 {
	background-position: 330px -170px;
}
.ListIconPdf0 {
	background-position: 90px -230px;
}
.ListIconPictures {
	background-position: 270px -50px;
}
.ListIconSearch1 {
	background-position: 390px -110px;
}
.ListIconCompare {
	background-position: 450px -230px;
}
.ListIconReport {
	background-position: 330px -50px;
}
.ListIconClock {
	background-position: 390px -50px;
}
.ListIconCloud {
	background-position: 390px -110px;
}

.CheckedIcon {
	width: 40px;
	height: 40px; 	
	background-image: url(ImgObjects/OkIcon3.png);
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0px auto;
}
.SplashMessage {
	background-color: #616160;
	color: #fff;
	font-size: 28px;
	text-align: center;
	height: 60px !important;
	padding: 50px 0px;
}
.LogoSplash {
	position: absolute;
	top:-70px;
	left: 400px;	
	height:60px;
}
.ProcessBox {
	display: inline-block;	
	width: 310px;
	vertical-align: top;
	margin: 10px;
}
.ProcessBoxImage {
	height: 260px;
}
.CreateSiteBox img {
	height:180px;
	margin-top:30px;
}
.ConnectAppsBox img {
	height: 200px;
	margin-top:15px;
}
.UseRestoCentralBox img {
	height:240px;
}

.ColorWhite {
	background-color: #fff !important;	
}

.ProcessDescriptionBox {

}
.HeaderProcess {

}
.Number {
	display: inline-block;
	width:45px;
	height:45px;
	border-radius: 48px;
	background-color: #2EAAE0;
	text-align: center;
	line-height: 45px;
	color: #fff;
	vertical-align: middle;
	font-size: 22px;
}
.ProcessArea .Title {
	display: inline-block;
	color: #2EAAE0;
	font-size: 26px;
	line-height: 30px;
	vertical-align: middle;
	width: 240px;
	margin-left: 10px;;
	margin-top:-5px;
}
.DescriptionBox {
	display: block;
}
.HeaderTitle {
	height: 60px;
	margin-top:15px;
	margin-bottom:5px;
}

.DescriptionBox li {
	margin-bottom:15px;
	line-height: 18px;
	font-size: 14px;
}
.DescriptionBox div {
	margin-left: 20px;
	margin-top:25px;	
}
.DescriptionBox ul li {
	background-color: orange;
	padding: 5px 10px;
	color: #fff;
	border-radius: 10px;
    list-style-type: none;
    margin-left:-40px;
    width: 98%;
    margin-bottom:10px;
}
.DarkGray {
	background-color: #515149;
	color: #fff
}
.FeaturesBox {
	
}
.FeaturesSelector {
	padding-left:20px;
	padding-bottom: 40px;
}
.FeaturesSelector .FormElement{
	width: 350px;
	display: inline-block;
	cursor: pointer;
}
.FeaturesSelector input[type="checkbox"] {
    display:none;
}
.FeaturesSelector input[type="checkbox"] + label span {
    display:inline-block;
    width:38px;
    height:38px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(ImgObjects/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
	background-size: 400%;
}
.FeaturesSelector input[type="checkbox"]:checked + label span {
    background:url(ImgObjects/check_radio_sheet.png) -40px top no-repeat;
	background-size: 400%;
}
.FeaturesSelector label{
	width:300px;
	font-size:22px;
	vertical-align: middle;
}


.PromoPriceBadge {
	width:90px;
	height: 90px;
	border-radius: 100%;
	vertical-align: middle;
	padding:30px;
	color:#fff; 
	text-align: center;
	font-family: helvetica;	
	background-color: #84B6AE;
	position: absolute;
	top:350px;
	right:30px;
	font-size: 20px;
}
.PromoPriceBadge * {
	display: block;
	text-align: center;
	margin:10px 0px;
}
.PromoPriceBadge span {
	font-size: 38px;
	font-weight: bold;
	position: relative;
}
.PromoPriceBadge label {
	font-size: 12px;
}
.Ani0 {
	position: absolute;
	height: 110px;
}
.AniBox {
	display: none;
	transition: top 1.5s;
	position: absolute;
	top:550px;
	right:10px;	
	width:100px;
	height:150px;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	opacity: .7;
	transition: opacity .7s, transform 1s, top .7s, width .5s;
	overflow: hidden;
	z-index: 10000;
}
.AniBoxShow {
	top: 250px;
}
.AniBox:hover {
	opacity: 1;
	transition-delay:.2s;
	transform: rotateY(360deg);
	width:260px;
	top:150px;
	height:290px;	
}

.AniBox div {
	text-align: center;
	font-size:16px;
	line-height:18px;
	padding:5px 12px;
	font-weight: bold;
	transition: padding 1s, background-color 1s;

}
.AniBox:hover div:nth-child(1) {
	padding:10px;
	background-color: black;
}
.AniBox .AniDescription {
	text-align: left;	
	padding:5px 15px;
	color: #eee;
	line-height: 22px;
}
.AniBox img {
	width: inherit;
	transition: width 1s, margin 1s;
	
}
.AniBox:hover img {
	float:right;
	width:100px;
	margin:10px;
}
.Ani1 {
		
}
.DoublePanel .Column {
	width:49% !important;
}
.DoublePanel .Column ul {
	width:240px;
	margin-top:110px;
	margin-left:235px;
	z-index: 10;
	position: relative;
}
.ImageApp {
	height: 400px;
}
.LabMobilePc {
	width: 600px;
	margin-left:-60px;
	
}
.IpadLabPanel .TextBox .TextBoxContent {
	color: green;
}
.IpadLabPanel .RightText  {
	left:550px;
}
.SupportPanel .RightText {
	left:100px;
	width: 80%;
}

.SupportPanel .RightText .Title {
	color: #fff !important;
	font-size: 28px;
}
.FixBar {
	display: none;
    background-color: var(--red);
	position: fixed;
	width: 100%;
	height:60px;
	top:-100px;
	left:0px;
	z-index: 10000;
}
.FixBarMenu {
	padding-left:250px;
	box-sizing: border-box;
}
.FixBarMenu div {
	display: inline-block;
	line-height: 60px;
	height: 60px;
	padding: 0px 10px;
	color: #fff;
	cursor: pointer;
	font-size:16px;
}
.FixBar .Logo {
	height: 55px;
	width: auto;
}
.ShowFixBar {
	transition: top 2s;
	top:0px;
}
.ServicePage .MobileTop {
	height:650px;
	margin-top:-90px !important;
}
.BoxText {
	margin:40px 0px;
	text-align: center;
}
.ContactBox {
	display: inline-block;
	margin:10px 25px;;
	width:150px;
	text-align: left;
	vertical-align: top;
	position: relative;
	vertical-align:top;
}
.ContactBox .ContactIconAction {
	height:25px;
	position: relative;
	top:5px;
	left:-35px;
}
.ContactBox .LocationIcon {
	width:100px;
	height:100px;
	border-radius:300px;
	border:2px solid #fff;
	margin-bottom:20px;
	box-shadow: 0px 0px 15px #000;
}
.ContactBox .ContactInfo {
	font-size:16px;	
	line-height:25px;
	color: #fff;
}
.ContactBox .ContactInfo * {
	text-shadow: 0px 0px 15px black;	
}
.ContactBox .ContactInfo b{
	font-size:18px;	
	font-family: hthin;
	text-transform: uppercase;
	border-bottom: dotted 1px #aaa;
	margin-bottom:10px;
	padding-bottom:10px;
	font-family: inherit;
	display: block;
}
.OrangeLine {
	width: inherit;
	height: 2px;
	background-color: #f49f6f;
	position: relative;
	margin: 15px auto 20px auto
}
.ContactBox .Phone {
	font-size: 18px;
	font-weight: bold;
}
.Panel .Column {
	width: 250px;	
}
.ContactusPage h3 {
	color: #444;
	font-weight: normal;
	font-size:20px;	
	margin-bottom: 5px;	
}
.ContactusPage b {

}

.ServiceRotator {
	transition: background-image 2s;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.ServicePage .ServiceRotator .TextBox {
	color: #fff;
	background-color: rgba(0,0,0,.4);
	height: 180px;
}
.ServicePage .ServiceRotator .TextBoxContent {
	color: #fff;
}


.RequestDemoPopup {
	width: 100%;
	height: 0%; 
	background-color: rgba(0,0,0,.3);
	overflow: hidden;
	z-index:100000;
	position: absolute;
}

.ShowRequestDemoPopup .RequestDemoBox {
	opacity: 1;
}
.RequestDemoPopup .Legend {
	font-size: 20px;
	line-height:26px;
}
.RequestDemoBox .DemoAnimationBox {
	width: 250px;
	position: absolute;
	top:75px;
	right: 60px;
	z-index: -1
}
.RequestDemoBox .DemoAnimationBox video {
	position: absolute;
	top:0px;
	left:-13px;		
	z-index: 10;
	width: 268px;
}
.Laptop {
	position: absolute;
	top:0px;
	left:-60px;		
	z-index: 10;
	width: 360px;
}

.RequestDemoBox .Steps {
	position: absolute;
	top:0px;
	left:0px;
	transition: left 1s;
	width: 640px;
	height: 600px;
	background-color: #f1f1f1;
	padding: 20px 30px;
	box-sizing: border-box;
	overflow: hidden;
}
.ShowRequestDemoSecondStep .Step1 {
	left:-900px;
}
.ShowRequestDemoThirdStep .Step1 {
	left:-900px;
}
.ShowRequestDemoThirdStep .Step2 {
	left:-900px;
}
.RequestDemoBox .Step1 {
	z-index: 10;	
}
.RequestDemoBox .Step2 {
	z-index: 5;	
}
.RequestDemoBox .Step3 {
	z-index: 1;	
	padding-top: 100px;	
}
.RequestDemoBox [name="phone"] {
	width: 140px;
}
.RequestDemoBox [name="address"] {
	width: 220px;
}
.RequestDemoBox [name="city"] {
	width: 120px;
}
.RequestDemoBox [name="state"] {
	width: 180px;
}
.RequestDemoBox [name="demodate"] {
	width: 150px;
}
.RequestDemoBox [name="hour"] {
	width: 90px;
}

.RequestDemoBox .Step1 .FormElement {
	display: block;		
}

.FormElement span {
	vertical-align: middle;
	font-size: 16px;
	margin-right:30px;
}


.FormElement {
	margin:5px;
	position: relative;
	display: inline-block;
}
.FormElement label.error {
	color: #6F0B09;
	position: absolute;
	top:75px;
	left: 5px;
	text-align: left;
	font-size:18px;
	width: 100%;
	text-align: right;
}	
.FormElement input {
	border-radius: 4px;
	outline: none;
	padding:5px 15px;
	font-size: 18px;
	color: #999;
	height: 30px;	
	border: 1px solid #ccc;
}
.FormElement select {
	border-radius: 4px;
	outline: none;
	padding:5px 15px;
	font-size: 18px;
	color: #999;
	height: 40px;	
	border: 1px solid #ccc;
	background-color: #fff;
}
.FormElement textarea {
	border-radius: 4px;
	outline: none;
	padding:5px 15px;
	font-size: 18px;
	color: #999;
	height: 30px;	
	border: 1px solid #ccc;
}
.ReservationPage .PageHeader {
/* 	background-color: #FFCE44; */
	background-color: var(--red);
	color: #fff;
}
.SystemPage .PageHeader {
	/* background-color: #414140; */
}

.ReservationPage .PageHeader * {
	color: #fff;
}
.PriceModelPage .MobileTop {
	height: 1150px;
}

.AboutUsPage .MobileTop {
	height: 680px;
}
.DelayedImage {
	display: none;		
}
.LoadingContent {
	display: none;
	height: 100px;
	line-height: 100px;
}
.ShowLoadingContent .LoadingContent {
	display: block;
}	

.BottomLogo1 {
	background-image: url(ImgObjects/hipaa.png);
	background-repeat: no-repeat;
	background-size: 95%;
	background-position: center;
	opacity: .8;
	width: 130px;
	height: 80px; 
	display: inline-block;
	margin:0px 10px;
}
.BottomLogo2 {
	background-image: url(ImgObjects/autorestoreicon.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	opacity: .8;
	width: 130px;
	height: 80px; 
	display: inline-block;
	margin:0px 10px;
}
.BottomLogo4 {
	background-image: url(ImgObjects/hl7logo.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	opacity: 1;
	width: 130px;
	height: 80px; 
	display: inline-block;
	margin:0px 10px;

}
.BottomLogo {
/* 	box-shadow: 1px 1px 5px #000; */
	float: left;
	height: 60px;
	vertical-align: top;
	margin-top:-10px;
}
.BottomLogo3 {
	margin-top:10px;
	text-align: center;

}
.Footer .Links div {
	cursor: pointer;
}
.BRealmBox {
	float:right;
	margin-right:30px;
	cursor: pointer;
	margin-top: 10px;
}

.BRealmBox img {
	vertical-align: middle;
}

.BRealmBox .Info {
	vertical-align: middle;
	display: inline-block;
	border-left: 3px solid #ccc;
	padding-left:15px;
	margin-left:10px;
	color: #999;
	font-size:14px;
	line-height: 18px;
}
.ServiceTiles {
	min-height:350px;
	height:350px;
}

.Tiles {
	width: inherit;
	height:390px;
}
.Tile {
	transition: background-position 1.5s ease-out;
	width: 340px;
	height:155px;
	float: left;
	background-size:150%;
	background-repeat:no-repeat;
	background-position: top right;
}
.Tile:hover {
	background-position: -150px top;
}
.FeaturesPage .FeaturesContent {
	/* height:2900px; */
}
.FeaturesPage .FeaturesContent .Margin {
	margin:0px 20px;
}
.SmallIcon1 {
	background-position: -30px -20px;	
}
.SmallIcon2 {
	background-position: -96px -20px;	
}
.SmallIcon3 {
	background-position: -162px -20px;	
}
.SmallIcon4 {
	background-position: -228px -20px;	
}
.SmallIcon5 {
	background-position: -294px -20px;	
}
.SmallIcon6 {
	background-position: -360px -20px;	
}
.SmallIcon7 {
	background-position: -428px -20px;	
}
.SmallIcon8 {
	background-position: -30px -90px;	
}
.SmallIcon9 {
	background-position: -96px -90px;	
}
.SmallIcon10 {
	background-position: -162px -85px;	
}
.SmallIcon11 {
	background-position: -228px -90px;	
}
.SmallIcon12 {
	background-position: -294px -90px;	
}
.SmallIcon13 {
	background-position: -360px -90px;	
}
.SmallIcon14 {
	background-position: -428px -90px;	
}
.SmallIcon15 {
	background-position: -27px -155px;	
}
.SmallIcon16 {
	background-position: -96px -155px;	
}
.SmallIcon17 {
	background-position: -162px -155px;	
}
.SmallIcon18 {
	background-position: -228px -155px;	
}
.SmallIcon19 {
	background-position: -294px -155px;	
}
.SmallIcon20 {
	background-position: -360px -155px;	
}
.SmallIcon21 {
	background-position: -428px -155px;	
}

.SmallIcon22 {
	background-position: -27px -225px;	
}
.SmallIcon23 {
	background-position: -96px -225px;	
}
.SmallIcon24 {
	background-position: -162px -225px;	
}
.SmallIcon25 {
	background-position: -228px -225px;	
}
.SmallIcon26 {
	background-position: -294px -225px;	
}
.SmallIcon27 {
	background-position: -360px -225px;	
}
.SmallIcon28 {
	background-position: -428px -225px;	
}

.SmallIcon29 {
	background-position: -27px -290px;	
}
.SmallIcon30 {
	background-position: -96px -295px;	
}
.SmallIcon31 {
	background-position: -162px -295px;	
}
.SmallIcon32 {
	background-position: -228px -295px;	
}
.SmallIcon33 {
	background-position: -294px -295px;	
}
.SmallIcon34 {
	background-position: -360px -295px;	
}
.SmallIcon35 {
	background-position: -428px -295px;	
}
.CenterTitle {
	margin-top: 50px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	font-size: 25px;
	color: #888;
	margin-bottom: 10px;
}

.DownloadPdfBtn {
	width: 90px;
	height: 80px; 
	overflow: hidden;
	text-transform: center;
	line-height: inherit;	
	cursor: pointer;
}
.DownloadPdfBtn img {
	transform-origin: top;
	transition: transform .7s;
	transform: translateY(5px);
	width: 80%;
	margin: 0 auto;
	display: block;
}
.DownloadPdfBtn div {
	transition: transform .7s;	
	transform: translateY(90px);
	width:100%;
	font-size:14px;
	font-weight: bold;
	margin-top: 5px;
	text-align: right;

}
.DownloadPdfBtn:hover img {
	transform: scale(.8);	
}
.DownloadPdfBtn:hover div {
	transform: translateY(-15px);	
}
.DownloadFeaturesPdfBtn {
	position: absolute;
	top:30px;
	right:10px;
}

.ShowTopMenuBtn {
	display: none;
}


@media print {
	@page { 
		margin: 0; 
	}
	.Footer .Bar1{
		display: none;
	}
	.Footer:after {
		content: "Asystir Sistema Gestional de Salud - Tel: 0800-345-3220 - info@asystir.com";
		display: block;;
		text-align: center;
		height: 80px;
		line-height: 80px;
		width: 100%;
		font-weight: bold;
		font-size: 18px;
		color: #fff;
	}
	.LandingPage10 .PageContentArea:before {
		content:  url(ImgObjects/LogoWhite.png);
		position: absolute;
		width: 200px;
		top:10px;
		left: 30px;
		z-index: 10000;
	}
	#id="bodyIframe" {
		display: none;
	}
	.LandingPage10 .MonitorAnnouncerPanel {
		margin-top: 200px;
	}
	.ClinicHisotryPage .SecondPanel {
		margin-top: 400px;
	}
	.ClinicHisotryPage .Multimediapanel {
		margin-top: 220px;
	}
	.ClinicHisotryPage .OpenAndIntegrable {
		margin-top: 400px;
	}
	.ClinicHisotryPage .FeaturesPanel {
		margin-top: 1200px;
		margin-bottom: 20px !important;
		height: 1200px !important;
	}
	.ClinicHisotryPage .FeaturesTable {

	}
	.ClinicHisotryPage .BottomPanel {
		margin-top: 0px !important;
	}
	body { 
		margin: 0;
		padding:65px 50px;
	}
	* {-webkit-print-color-adjust:exact;}

	.HeaderControls {
		display:none; 
	}
	.ArrowLeft {
		display: none;
	}
	.ArrowRight {
		display: none;
	}
	.ImagePlayer {
		width: inherit !important;
		height: auto !important;
		position: static !important;
		display: block !important;
		margin-top:100px;	
		margin-bottom:200px;	
	}
	.PlayerBox {
		width: inherit !important;
		height: auto !important;
		position: static !important;
		display: block !important;
		margin-bottom:150px;
	}

	.PlayerBox img {
		display: block;
		position: static;
		height:300px;
		width: auto !important;
		float: none;
		display: inline-block;
		transform: none;
		opacity: 1;
		margin: 20px;
	}
	.FixBar {
		display: none !important;
	}
	.TopMenu { 
		display:none;
	}
	.LoginBtn {
		display: none;
	}
	.TopSecondMenu {
		display: none;
	}
	body {
		width: 1100px;
	}
	.CenterAligner {
		width: 1100px;
	}
	.TopBar {
		height:0px;
	}
	.ContentArea {
		top:150px;
	}
	.MainArea {
		width: 1024px;
		margin: 0 auto;
		background-size:98% !important;
		background-position: center top !important;
	}
	.Background13 {
		margin-top:50px;
		min-height:380px;
		background-position: center -40px;
		background-size: auto 140%;
	}
	.MainAreaShort {
		height:150px;
		background-position: center !important;
	}
	.PageHeader {
		background-color: #fff !important;
		padding: 0px !important;
	}
	.PageHeader .PageTitle {
		position: absolute;
		top:-100px;
		right: 40px;
	}
	.TechIcon {
		margin-top:30px;
		height:70px !important;
		opacity: 1 !important;
		-webkit-filter: none !important;
		position: static !important;

	}

	.ClinicHisotryPage .PageTitle {
		color: #fff !important;
		font-size:42px;
		text-shadow: 0px 0px 5px #000;
	}
	.Logo {
		top:160px;
		width: 300px;
	}
	.IPadWeb {
		display: none;
	}
	.PortfolioBox {
		background-image: none !important;
		box-shadow: none !important;
	}
	.WebIphone {
		height:350px;
		left:580px;
		top:50px;
	}
	.GlassBrowser1 {
		height:380px;	
	}
	.GlassBrowserImage1 {
		height: 380px;
	}
	.FeaturesTable td {
		border: none;
		font-size: 11px;
		line-height: 14px;
	}
	.FeaturesTable tr {
		border-top: 1px dotted #999;
	}
	.LogoSentence {
		display: none;
	}
	.KioskImage {
		width: 400px !important;
	}
	.StandsImage {
		display: none;
	}
	.PanelImage {
		transition: translate 0s !important;
		transform: none !important;
		opacity:  1 !important;
	}
	.FeaturesPanel {
		margin-top:180px;			
	}
	.FeaturesTable {
		margin-bottom: 350px;
	}
	.DownloadPdfBtn {
		display: none;
	}
	.Panel {
		border: none !important;
	}
}
.ClinicHisotryPage .ceilogo {
	position: absolute;
	top: 403px;
	left:0px;
	height: 55px;
	-webkit-filter: grayscale();
	opacity: .5;
}
.ClinicHisotryPage .sicaplogo {
	position: absolute;
	top: 397px;
	left: 180px;
	height: 65px;
	-webkit-filter: grayscale();
	opacity: .5;
}
.ClinicHisotryPage .ditigalsignature {
	position: absolute;
	top: 403px;
	left: 370px;
	height:55px;
	-webkit-filter: grayscale();
	opacity: .5;
}
.TechIcon {
	tansition: -webkit-filter .7s, opacity .7s;
}
.TechIcon:hover {
	opacity: 1;
	-webkit-filter: none;
}
.LegendText {
	position: absolute;
	top: 60px;
	left: 180px;
	width: 720px;
	height: 300px;
	font-size: 44px;
	color: #fff;
	text-shadow: 1px 1px 11px black;
	line-height: 55px;
	text-align: right;
}
.Packages {

}
.PackageBox {
	display: inline-block;
	width: 338px;
	vertical-align: top;
	
}
.PackageBox * {
	box-sizing: border-box;	
	vertical-align: top;
}

.PackageName {
	height: 80px;
	line-height: 80px;
	font-size: 28px;
	color: #fff;
	padding: 5px 10px;
	text-align: center;
}
.Description {
	background-color: #494949;
	color: #fff;
	font-size: 16px;
	padding: 10px 20px;
}
.ModuleFeature {

}
.ModuleLine {
	padding:5px 0px;
	position: relative;
	background-color: #303030;
	border-bottom: 1px dotted #666;
}
.Icon {
	width: 45px;
	height: 45px; 
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	opacity: .7;
}
.ModuleName {
	font-size: 18px;
	color: #ccc;
	display: inline-block;
	width:200px;
	position: relative;
	vertical-align: middle;
}
.ModuleNote {
	font-size: 12px;
	line-height: 14px;
	color: #aaa;
	display: inline-block;
}
.OkIcon {
	background-image: url(ImgObjects/Ok1.png);
	background-size: 100%;
	width:25px;
	height:25px;
	position: absolute;
	top: 18px;
	right:20px;
}
.OptionalIcon {
	background-image: url(ImgObjects/OkIcon2.png);
}
.Package1 {
	background-color: #FA9D00;
}
.Package2 {
	background-color: #DC6403;
}
.Package3 {
	background-color: #0075FF;
}
.Package4 {
	background-color: #FFC100;
}

.PackagesPanel {
	
}
.PackageBottom {
	min-height: 120px;
}
.QuoteBtn {
	border-radius: 4px;
	background-color: #F98E03;
	cursor: pointer;
	text-transform: center;
	font-size: 22px;
	line-height: 50px;
	padding: 0px 20px;
	height: 50px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	box-shadow: 0px 0px 15px rgba(100,100,100,.7);
	margin:10px;

}
.BackgroundClinicUse {
	background-image: url(ImgObjects/clinicuse.jpg);
	width: inherit;
	min-height: 220px !important;
}
.BackgroundStudiesUse {
	background-image: url(ImgObjects/studiodistributed.jpg);
	width: inherit;
	min-height: 220px !important;
}

.PriceModelPage .MobileTop .Title {
	margin-top: 30px;
}

.LargeScaleServicBox {
	border: 1px dotted #999;
	padding: 10px 40px;
	box-sizing: border-box;
	margin-top: 20px;
	text-align: center;	
}

.LargeScaleServicBox .Title {
	color: #46A045 !important;
	font-size:18px !important;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 0px !important;
}

.ServiceIconBox {
	display: inline-block;
	width: 120px;
	vertical-align: top;
}
.ServiceIconBox img {
	height: 80px;
	display: block;
	margin-bottom: 10px;	
	margin: 0 auto;
}
.ServiceIconBox span {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding:0px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-align: center;
	line-height: 14px;
	margin-top:5px;
}
.LogoStandars img {
	height: 35px;
	margin:10px;
	display: inline-block;
	opacity: .6;
	cursor: pointer;
}
.LogoStandars {
	position: absolute;
	top:380px;
}
.ditigalsignature1 {
	position: absolute;
	top:405px;
	right:80px;
	height: 40px;
	-webkit-filter: grayscale();
	opacity:.5;
	cursor: pointer;
}

.DownloadPdfTopBtn {
	top:260px;	
	right:160px;
	width:70px;
	z-index:100;
}
.GeneralInformationPanel {
	min-height:400px;
	height:470px;
	box-sizing: border-box;
	width: inherit;
	padding-left:40px;
	padding-top:25px;
	position: relative;	
}
.ServicePanel .Title {
	font-weight: lighter;
	color:#b1b1b1;
	font-size: 28px;
}

.RequestDemoPopup {
	width: 100%;
	height: 0%; 
	background-color: rgba(0,0,0,.3);
	overflow: hidden;
	z-index:100000;
	position: fixed;
}
.ShowRequestDemoPopup .RequestDemoPopup {
	top: 0px !important;
	height: 100%;
}
.RequestDemoPopup .RequestDemoBox {
	width: 640px;
	height: 600px;
	background-color: #f1f1f1;
	padding: 20px 30px;
	border-radius: 2px;
	box-shadow: 0px 0px 35px rgba(100,100,100,.7);
	left: 212px;
	position: absolute;
	top:30px;
	transition: opacity 2s;
	opacity: 0;
	box-sizing: border-box;
	overflow: hidden;
	border-top:10px solid #B31414;
}

.ShowRequestDemoPopup .RequestDemoBox {
	opacity: 1;
}
.RequestDemoPopup .Legend {
	font-size: 26px;
	line-height:26px;
	margin-bottom:30px;
}
.RequestDemoBox .DemoAnimationBox {
	width: 250px;
	position: absolute;
	top:75px;
	right: 60px;
	z-index: -1
}
.RequestDemoBox .DemoAnimationBox video {
	position: absolute;
	top:0px;
	left:-13px;		
	z-index: 10;
	width: 268px;
}
.Laptop {
	position: absolute;
	top:30px;
	left:0px;		
	z-index: 10;
	width: 560px;
}

.RequestDemoBox .Steps {
	position: absolute;
	top:0px;
	left:0px;
	transition: left 1s;
	width: 640px;
	height: 600px;
	background-color: #f1f1f1;
	padding: 20px 30px;
	box-sizing: border-box;
	overflow: hidden;
}
.ShowRequestDemoSecondStep .Step1 {
	left:-900px;
}
.ShowRequestDemoThirdStep .Step1 {
	left:-900px;
}
.ShowRequestDemoThirdStep .Step2 {
	left:-900px;
}
.RequestDemoBox .Step1 {
	z-index: 10;	
}
.RequestDemoBox .Step2 {
	z-index: 5;	
}
.RequestDemoBox .Step3 {
	z-index: 1;	
	padding-top: 50px;	
}
.RequestDemoBox [name="phone"] {
	width: 140px;
}
.RequestDemoBox [name="address"] {
	width: 325px;
}
.RequestDemoBox [name="city"] {
	width: 140px;
}
.RequestDemoBox [name="state"] {
	width: 180px;
}
.RequestDemoBox [name="demodate"] {
	width: 150px;
}
.RequestDemoBox [name="hour"] {
	width: 90px;
}

.RequestDemoBox .Step1 .FormElement {
	display: block;		
}
.FormElement [type="checkbox"] {
	vertical-align: middle;
}
.FormElement [type="radio"] {
	vertical-align: middle;
}
.FormElement span {
	vertical-align: middle;
	font-size: 16px;
	margin-right:30px;
}
.DarkGrayColor {
	background-color: #999;
}
.CommandLine {
	margin-top:50px;
	text-align: center;
}
/* .ReservationsCountBox * {
	display: inline-block !important;
	vertical-align: middle;
}
.OfficeCount * {
	display: inline-block !important;
	vertical-align: middle;
}
.ProfessionalsCount * {
	display: inline-block  !important;
	vertical-align: middle;
} */
.ReservationsCountBox select {
	width:180px !important;
}
.OfficeCount input {
	width:130px !important;
}
.ProfessionalsCount input {
	width:155px !important;
}

[name="offices"] {
	width: 50px;
}
[name="professionals"] {
	width: 50px;
}
.MenuDemoBtn {
	/* background-color: #313130; */
}
.FixBar .MenuDemoBtn {
	background-color: #666;
	color: #fff;
	box-shadow: 0px 3px 9px rgba(0,0,0,.6) inset;
}
.PopUpContent {
/* 	width: 300px; */
	margin-top:-20px;
}
.Step3 .Legend {
	font-size: 22px;
	text-align: center;
}
.ClosingImage {
	margin: 0 auto;
	/*margin-top: 20px;*/

}
.ClosePopupBtn {
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url(ImgObjects/closebtn1.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top:10px;
	right:10px;
}
.TopMenu .HiddenTopMenu {
	display: none;
}
.Invalid {
	border: 1px solid #B31414 !important;	
}
.TurnosLearnMoreBtn {
	position: absolute;
	top:300px;
	left:540px;
}
.DarkText {
	color: var(--blue) !important;
}
.WhiteText {
	color: #fff !important;
}

.SlideControlder {
	position: relative;
	margin-top: 80px;
	margin-top:750px;
	z-index: 100000;
	height:30px;
	width:1024px;
	text-align: center;
}
.SlideControlder div {
	width:20px;
	height:20px;
/* 	background-color: rgba(255,255,255,1); */
    border: 1px solid #fff;
	display: inline-block;
	border-radius: 4px;
	margin:10px;
	cursor:pointer;
}
.SlideControlder .selected {
	background-color: #8FD337;
}
.TopImage1 {
	width: 100%;
}
.ScenariosBox {
	width: 100%;
	padding: 40px 0px;
	height: 200px;
	text-align: center;
	margin-bottom:80px;
}
.ScenarioBox {
	width: 220px;
	vertical-align: top;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
.ScenarioBox label {
	font-size: 24px;
	text-align: center;
	color: #3F6CC3;
	line-height:50px;
}
.ScenarioDownloadBtn {
	width: 80%;
	margin: 0 auto;
	display: inline-block;
	margin:10px;
}
.ScenarioDownloadBtn img {
	width: inherit;
	border-radius:300px;
	box-shadow: 0px 0px 35px rgba(100,100,100,.7);
}


.ImageBar {
	width: 100%;
	padding-bottom:120px;
	padding-top: 20px;
	height: 200px;
	text-align: center;
	margin-bottom:80px;
	border-top: 14px solid #999;
	border-bottom: 1px solid #999;
	
}
.ImageBox1 {
	width: 190px;
	vertical-align: top;
	display: inline-block;
	text-align: center;
	box-shadow: 0px 0px 15px rgba(100,100,100,.3);
	margin:5px;
}
.ImageBox1 label {
	font-size: 18px;
	text-align: center;
	color: #e33333;
	line-height:50px;
	display: block;
}
.ImageBox1 img {
	height: 110px;
	margin: 0 auto;
	display: inline-block;
	margin:10px;
}
.ImageBar .Title {
	font-size: 28px;
	text-align: center;
	line-height: 60px;
}


.AutoServicioPanel {
	background-image: url(ImgObjects/autoservice5.jpg);
}
.DoctorPhonePanel {
	background-image: url(ImgObjects/doctorphone.jpg);
}
.PanelLong .TextBox .Title {
	font-size:45px;
	line-height:50px;
}
.PanelLong .TextBox  {
	width:640px !important;
}
.PanelLong .RightText  {
	left:360px;
}

.AutoServicioPanel * {
	color: #fff !important;
}
.PanelLong .LearnMoreBtn {
	font-size:20px;
	padding: 20px 50px;
}
.SlideMoreBtn {
	position:absolute;
	right: 0px;
	bottom:80px;
	text-shadow: none;
	font-size:24px;
}
.PanelLong .TextBoxContent {
	font-size: 22px !important;		
	line-height:30px !important;
}
.LegendTag {
	position: absolute;
	top:0px;
	left:10px;
	height: 45px;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	font-size: 22px;
	text-align: center;
	padding:0px 25px;
	line-height: 45px; 
	border-radius: 0px 0px 4px 4px;
}
.FormElement {
	display: inline-block;	
	margin:5px;
	vertical-align: top;
	position: relative;
}
.FormElement label {
	transition: padding .7s;
	display: block;	
	font-size:14px;
	color: var(--form-label-color);
	margin-bottom:3px;
	margin-left: 1px;
	font-size: 16px;
	color: #666;	

}
.FormElement span {
	color: var(--form-label-color);
}

.FormElement input {
	transition: padding 1s, border 1s;
	display: block;	
	font-size: var(--input-form-size);
	color: var(--form-input-color);
	padding:5px 10px;
	border:1px solid #c1c1c0;
	width:160px;
	outline: none;
	font-family: inherit;
	text-align: left;
}
.FormElement input[type=radio] {
	width: auto;
	height: auto;
}
.FormElement input[type=checkbox] {
	width: auto;
	height: auto;
}

.FormElement input:disabled {
	background-color: transparent;
}
.FormElement select {
	display: block;	
	font-size: var(--input-form-size);
	color: var(--form-input-color);
	padding:3px 10px;
	border:1px solid #c1c1c0;
	width:160px;
	outline: none;
	font-family: inherit;
	background-color: #fff;
	text-transform: capitalize;
}
.FormElement select:disabled {
	background-color: transparent;
}

.FormElement textarea {
	display: block;	
	font-size:16px;
	color: var(--form-input-color);
	padding:10px 10px;
	border:1px solid #c1c1c0;
	width:356px;
	height:90px;
	outline: none;
	font-family: inherit;
}
.Form div[name] {
	transition: padding 1s, border 1s;
	display: block;
	font-size: var(--input-form-size);
	color: var(--form-input-color);
	padding:3px 10px;
	outline: none;
	font-family: inherit;
	min-height:20px;
}
.FormElement textarea:disabled {
	background-color: transparent;
}

.SectionTitle {
	font-size: 24px;
	line-height: 40px;
	margin-top: 10px;
}

.SubSectionTitle {
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}

.RequestDemoPopup [name="name"] {
	width: 150px
}
.RequestDemoPopup [name="phone"] {
	width: 150px
}
.RequestDemoPopup [name="email"] {
	width: 250px
}
.RequestDemoPopup [name="application"] {
	width: 160px
}

.RequestDemoPopup [name="company"] {
	width: 290px;
}
.RequestDemoPopup [name="cuit"] {
	width: 150px;
}
.RequestDemoPopup [name="taxtype"] {
	width: 290px;
}
.RequestDemoPopup [name="phone"] {
	width: 180px;
}
.RequestDemoPopup [name="email"] {
	width: 280px;
}
.RequestDemoPopup [name="website"] {
	width: 250px;
}
.RequestDemoPopup [name="address"] {
	width: 300px;
}
.RequestDemoPopup [name="address2"] {
	width: 120px;
}
.RequestDemoPopup [name="city"] {
	width: 180px;
}
.RequestDemoPopup [name="state"] {
	width: 200px;
}
.RequestDemoPopup [name="zipcode"] {
	width: 80px;
}
.RequestDemoPopup [name="amountofprofessionals"] {
	width: 60px;
}
.RequestDemoPopup [name="averagereservationsweekly"] {
	width: 80px;
}
.RequestDemoPopup [name="averagereservationmonthly"] {
	width: 80px;
}
.RequestDemoPopup [name="Especialidades"] {

}
.RequestDemoPopup [name="owners"] {

}
.RequestDemoPopup [name="maincontact"] {
	width: 250px;
}
.RequestDemoPopup [name="maincontactemail"] {
	width: 280px;
}
.RequestDemoPopup [name="maincontactphone"] {
	width: 180px;
}
.RequestDemoPopup [name="admincontact"] {
	width: 250px;
}
.RequestDemoPopup [name="admincontactemail"] {
	width: 280px;
}
.RequestDemoPopup [name="admincontactphone"] {
	width: 180px;
}
.RequestDemoPopup [name="billingcontact"] {
	width: 250px;
}
.RequestDemoPopup [name="billingcontactemail"] {
	width: 280px;
}
.RequestDemoPopup [name="billingcontactphone"] {
	width: 180px;
}
.CreateAccountBox {
	width: 1024px;
	min-height: 800px;
	background-image: none;
	background-color: #f1f1f1;
	margin: 0 auto;
	padding: 30px;
	box-sizing: border-box;
	position: relative;
	top:100px;
	margin-bottom: 100px;
}
.SignUpPage form span {
	color: #aaa;
	
}
.SignupPage .PageTitle {
	margin-left: 0px;
}
.SignupPage .Button2 {
	margin: 10px 5px;
}
.SignupPage .Notification {
	width:90%;
	font-size:14px;
	line-height:18px;
}
.InfrastructureDiagram {
	position: relative;
	
}
.InfrastructureDiagram .ServerImage {
	transition: left 1s;
	position: absolute;
	top:420px;
	left:160px;
	width: 300px;
}

.InfrastructureDiagram .NasServer1 {
	transition: left 1s;
	position: absolute;
	top:305px;
	left:510px;
	width: 300px;
}
.InfrastructureDiagram .NasServer2 {
	transition: left 1s;
	position: absolute;
	top:305px;
	left:1510px;
	width: 300px;
}

.InfrastructureDiagram .ServerImageTitle {
	transition: left 1s;
	position: absolute;
	top:310px;
	left:160px;
	width: 300px;
}

.InfrastructureDiagram .NasServerTitle1 {
	transition: left 1s;
	position: absolute;
	top:220px;
	left:510px;
	width: 300px;
}
.InfrastructureDiagram .NasServerTitle2 {
	transition: left 1s;
	position: absolute;
	top:220px;
	left:1510px;
	width: 300px;
}


.Expanded .ServerImage {
	left:30px;	
}
.Expanded .NasServer1 {
	left:350px;	
}
.Expanded .NasServer2 {
	left:680px;	
}
.Expanded .ServerImageTitle {
	left:30px;	
}
.Expanded .NasServerTitle1 {
	left:350px;	
}
.Expanded .NasServerTitle2 {
	left:680px;	
}
.InfrastructureDiagram .InfraTitle {
	font-size: 24px;
	font-weight: bold;
	color: #666;
	text-align: center;
	/* position: relative; */
}
.InfrastructureDiagram .InfraTitle {
	color: #999;
	font-size: 16px;
}
.ImagingInfrastructure .ClientsBar {
	border-top: 1px solid #ccc;
	top:620px;
	position: absolute;
	text-align: left;
	box-sizing: border-box;
	padding: 0px 30px;
	padding-top:30px;
	background-color: #e1e1e1;
}

.ImagingInfrastructure .ClientsBar label{
	font-size:16px;
	font-weight: bold;
	position: absolute;
	top:5px;
	left: 35px;

}
.ImagingInfrastructure .ClientsBar img{
	width: 130px;
	margin:0px;
}

.IconBar {
	position: absolute;
	top:20px;
	right:20px;
	text-align: right;
}
.IconBar img {
	height: 70px;	
	margin-left:30px;
	-webkit-filter: grayscale();
	opacity: .5;
}
.SoftwareBar {
	/* margin-top:150px; */
	position: relative;
	top:150px;
}
.SoftwareBox {
	width: 300px;
	display: inline-block;
	margin:10px;
	vertical-align: top;
	margin-bottom:30px
}
.SoftwareBox img {
	height:80px;
}

.Name {
	font-size: 22px;
	font-weight: bold;
	color: lightblue;
}
body .SoftwareDescription {
	font-size: 14px;
	color: #999 !important;
	min-height:150px;
	
}
.Button {
	display: inline-block;
	border-radius: 5px;
	font-size: 14px;
	padding: 5px 20px;
	margin-right: 10px;
	cursor: pointer;
	margin-top:5px;
}
.ImagingInfrastructure .Button {
	padding:2px 20px;
	font-size: 12px;
	width:90px;
	margin-right: 5px;
	line-height: 40px;
	height: 40px;
	cursor: pointer;
}
.Blue {
	background-color: #3881D2;
	color: #fff;
}
.Orange {
	background-color: #CB7127;	
	color: #fff;
}
.Gray {
	background-color: #888;	
	color: #fff;
}
.SoftwarePanel {
	height: 1200px;
}
.ImagingInfrastructure .InstitutionClientsBar {
	position: absolute;
	top:300px;
	padding-top:100px;
}
.ImagingInfrastructure .InstitutionClientsBar img {
	height: 75px;
	margin: 15px 15px;
	/* -webkit-filter: grayscale(); */
	/* opacity:.5; */
}
.ImagingInfrastructure .InstitutionClientsBar img:hover {
	-webkit-filter: none;;
	opacity:1;
}
.ExpandBtn {
	background-image: url(ImgObjects/expandarrow.gif);
	width: 90px;
	height: 90px; 
	cursor: pointer;
	position: absolute;
	top:50px;
	left:300px;
	background-size: 100%;
	background-repeat: no-repeat;
}
.Expanded .ExpandBtn {
	display: none;
}
.BackgroundPanel {
	background-size: auto 100%;
	background-position: center;
}
.AboutUsPage .BackgroundPanel * {
	color: #fff !important;
}
.BackgroundPanel .Title {
	font-weight: bold;
/* 	font-size:32px !important; */
}

.SocialMediaBox {
	position: absolute;
	top:50px;
	right:20px;	
	z-index:500;
	-webkit-filter: invert(100);	
}
.Footer .SocialMediaBox {
	-webkit-filter: none;
}

.SocialMediaBox img {
	height: 40px;
	cursor: pointer;
	margin-right:10px;
	opacity: .6;
}
.SocialMediaBox img:hover {
	opacity: 1;
}
.InternalPage .SocialMediaBox {
	top:95px;
	right: 20px;
	left: auto;
	z-index: 500;
}

.Footer .Column {
	display: inline-block;
	vertical-align: top;
	width: 140px;	
}
.Footer .Column .Title {
	font-size: 18px;
	font-weight: bold;
}
.Footer a {
	color: orange;
}

.Title {
	font-size: 35px;
}
.Section {
	border-top: 1px dotted #888;
	margin-top: 20px;
	padding-top: 20px;
}
.SubTitle {
	font-size: 28px;
	color: #999;
}
.ThumbList {

}
.ThumbBox {
	width: 250px;
	height: 140px; 
	overflow: hidden;
	text-align: center;
	margin: 10px 30px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	transition: transform .7s, box-shadow 1s;
}
.ThumbBox:hover {
	box-shadow: 5px 5px 35px rgba(100,100,100,.7);
	transform: scale(1.2);
}
.ThumbBox img {
	width: inherit;
	
}
.ThumbBox .Button {
}

.DownloadBtn {
	/* border: 1px solid #444; */
	position:absolute;
	width: 100%;
	height: 140px;
	top: 0px;
	background-image: url(ImgObjects/downloadicon01.png);
	background-repeat: no-repeat;
	background-position: 200px 100px;
	background-size: 30px 30px;
}
.IconsList .ThumbBox {
	width: 100px;
	height: 100px; 	
}
.IconList .ThumbBox img {
	width: inherit;
}
.PrinciplesImge {
	height: 300px;
}
.Column {
	display: inline-block;
	vertical-align: top;	
}
.SoftwareList .Column {
	width: 190px;
	color: #4489A2;
	font-weight: bold;
}
.SpecsBox {
	transition: left 3s;
	transition-delay: 2s;
	position: absolute;
	top:230px;
	right:-500px;
	color: #4489A2;
	font-weight: bold;
	width: 250px;
	z-index:10000;
}
.InView .SpecsBox {
	right: 10px;
}
.MonitorAnnouncerPanel .SpecsBox {
	background-color: rgba(0,0,0,.7);
	padding:15px;		
	color: #fff;
}
.AppArea {
	width: 1300px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	background-image: url(ImgObjects/bluewallpaper.jpg);
	-webkit-perspective: 1300px;
	transition: transform .8s;
}
.AppBox {
	width: 80%;
	margin: 0 auto;	
	margin-top:80px;
/* 	background-color: rgba(0,5,5,.5); */
	box-sizing: border-box;
	padding:40px 20px;
}
.AppIcon {
	margin: 17px;
	width:120px;
	height:80px;
	display: inline-block;
	text-align: center;
	position:relative;
	vertical-align: top;
	cursor: pointer;
	background-color: rgba(255,255,255,.5);
	box-shadow:3px 3px 15px rgba(100,100,100,.3);
	padding:20px;
	padding-bottom:90px;
	border-box: 5px 5px 10px rgba(100,100,100,.6);
	border-radius:2px;
}
.AppIcon img {
	width:90px;
	border-radius: 20px;
/* 	border-radius:24px; */
/* 	box-shadow:5px 5px 10px rgba(100,100,100,.3); */
}
.AppIcon .Title{
	font-size: 15px;
	position:absolute;
	top:140px;
	width:100%;
	text-align: center;
	font-family:helvetica;
	color: #888 !important;
	line-height:15px;
	font-weight: bold;
	box-sizing: border-box;
		
}
.StorePage .MainArea {
	height: auto;
}
.StorePage .Logo {
	height: 70px;
	width: auto;	
	top:5px;
	left:10px
}
.StorePage .TopBar {
	background-color: #419169;
	background-color: var(--blue);
}
.Button {
	width: 120px;
	height: 40px; 	
/* 	line-height: 25px; */
	text-align: center;
	cursor: pointer;
	background-color: #57A1BD;
	color: #fff;
	font-family: helvetica;
	font-size: 16px;
	text-align: center !important
}
.Button0 {
/* 	width: 120px; */
	display: inline-block;
	padding: 10px 20px;
	height: auto;
/* 	line-height: 25px; */
	text-align: center;
	cursor: pointer;
	background-color: #57A1BD;
	color: #fff;
	font-family: helvetica;
	font-size: 16px;
	text-align: center !important;
	border-radius: 2px;
	margin: 10px;
}

.HomeIcon {
	background-image: url(ImgObjects/HomeIconWhite.png);
	width: 30px;
	height: 30px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	cursor: pointer; 
}
.StorePage .TopSecondMenu {
	background-color: rgba(100,100,100,.1);
/* 	border-top:4px solid var(--red); */
}
.StorePage .TopBar div {
	color: #fff;
	vertical-align: middle;
}
.StorePage .TopSecondMenu div {
	color: #888;
}
.HelpIcon {
	width: 30px;
	height: 30px;
	background-size: auto 80%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(ImgObjects/HelpIcon.png);
	cursor: pointer;
	-webkit-filter: invert();
	opacity:.3;
}
.StorePage .TopSecondMenu {
	text-align: right;
}

.StorePage .TopSecondMenu div {
	float: none;
	background-color: transparent !important;
}

.StorePage .SectionTitle {
	position: absolute;
	top:75px;
	left:30px;
	font-size: 22px;
	color: #999;
}
.NotificationLabel {
	position: absolute;
	top:60px;
	right:30px;
	font-size: 15px;
	color: #ccc;
	text-align: right;;
}
.NotificationLabel img {
	vertical-align: middle;
	opacity: .5;
		
}
.ContactPad {
	background-color: #616;
	padding:20px;
	margin-bottom:20px;
	width:250px;
}
.SupportPage .ContactPad div {
	display: inline-block;
}
.ContentPad a {
	
}
.ContactPad * {
	color: #fff;
}
.ContactPad h3 {
    -webkit-margin-before: 0em;	
}
.SupportPage .GeneralInformationPanel {
	padding-top: 0px;
	height: auto;	
}
.SupportPage [name="problem"] {
	width: 795px;;
	height: 400px;
}

.SupportPage [name="name"] {
	width: 150px
}
.SupportPage [name="phone"] {
	width: 150px
}
.SupportPage [name="email"] {
	width: 250px
}
.SupportPage [name="application"] {
	width: 160px
}
.TicketForm .Title {
	padding-left:20px;
	padding-top:10px;
}
.SendBtn {
	padding: 15px 50px;
	margin-left: 5px;	
}
.SupportButton {
	display: inline-block;
	background-position: 10px ;
	background-size: auto 65%;
	font-size: 13px;
	font-weight: bold;
	padding-left:60px;
	padding-right: 30px;
	height: 50px;
	line-height: 50px;
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	width:215px;
	box-sizing: border-box;
	margin-left: 15px;
	color: #444;
	cursor: pointer;
	
}
.HelpBtn2 {
	background-image: url(ImgObjects/HelpIcon2.png);
}
.TutorialsBtn {
	background-image: url(ImgObjects/TutorialIcon.png);
}
.SupportPage .ContactBox {
	margin-top:20px;
}
.Footer .SocialMediaBox {
	position: absolute;
	top:0px;
	right:10px;
	left: auto;
}

.ImagePlayer3 .PlayerBox img {
	box-shadow: none;		
}
.ImagePlayer4 .PlayerBox img {
	box-shadow: none;		
}
.AppDescriptionBox {
	max-width: 1024px;
	height: 600px;
	position: absolute;
	top:-800px;
	left:0px;
	background-color: #fff;
	transition: top .7s, transform .7s;
	z-index:100;
	transform: scale(.3);
}
.ShowAppDescriptionBox .AppDescriptionBox {
	transition-delay: .5s;
	top:85px;
	transform: scale(1);
}
.ShowAppDescriptionBox .AppArea {
	transform: scale(.8);
}


.AppDescriptionBox .BackToStore {
	width: 150px;
	height: 30px; 
	padding-left: 30px;
	background-image: url(ImgObjects/ArrowLeft.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	background-size: auto 80%;
	font-size: 14px;
	text-transform: uppercase;
	color: #1D7CA0;
	right: auto;
	left:20px;
}

.AppDescriptionBox .Button .CloseBtn {
	font-size: 14px;
	text-transform: uppercase;
	color: #1D7CA0;
}

.AppDescriptionBox .SectionTitle {
	position: absolute !important;
	top:40px;
	color: #444;
}

.AppDescriptionBox .AppDescriptionArea {
	/* border-top: dotted 1px #aaa; */
	background-color: #fff;
}

.AppDescriptionBox .AppIcon {
	height:150px;
	width: 110px;
}
.AppDescriptionBox .Title {

}
.AppIcon .DownloadBtn {
	width: 50px;
	height:50px;
	background-image: url(ImgObjects/DownloadIcon3.png);
	background-size: 100%;
	margin-top:0px;
	display: inline-block;
	vertical-align: middle;
	opacity:.5;;
}
.DownloadPage .AppIcon .DownloadBtn {
	display: block;
	margin: 0 auto;
}

.AppDescriptionBox .AppIcon .Title {
	position: static;
	font-size:16px;
	color: #444 !important;
}
.AppDescriptionBox .AppBox {
	width: 100%;
	padding-top:5px;
	margin-top:0px;
}
.AppDescriptionBox .Button {
	position: absolute;
	top:0px;
	background-color: transparent;
	color: #147AA0 !important;
	right:20px;
	z-index:100000;
}

.OSWindows {
	background-image: url(ImgObjects/monitor-windows.svg);
}
.OSChrome {
	background-image: url(ImgObjects/GoogleChromeIcon.png);
}

.OSMac {
	background-image: url(ImgObjects/monitor-mac.svg);
}
.OSLinux {
	background-image: url(ImgObjects/monitor-chromeos.svg);
}
.OSAndroid {
	background-image: url(ImgObjects/device-android.svg);
}
.OSiOs {
	background-image: url(ImgObjects/device-ios.svg);
}

.OsIcon {
	width: 90px;
	height: 50px; 
	background-size: auto 70%;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
}
.StorePage .AppName {
	width:inherit;;
	height:30px;
	position: static;
	text-align: center;
}
.AppDescriptionBox .AppBox .AppIcon img {
	width:80px;
	margin:10px 0px;
}
.DownloadPage .AppIcon .Title {
	position: static;
	height: 45px;
	line-height: 22px;	
	color: #111;
	font-size: 18px;
	margin-bottom: 10px;
}
.DownloadPage .AppIcon {
	height: 220px;
	width:250px;
}
.TecnicoPage .Button{	
	width: auto !important;
	vertical-align: top;
}
.IpValue {
	font-weight: bold;
	font-size:24px;
	padding:20px 0px;
}

.NewTicketBtn {
	position: static;
	display: block;
}
.TicketListArea {
	position: relative;
	width: inherit;
	margin-top:20px;
}
.ToolBar {
	width: 100%;
	height: 40px; 
	border-bottom: 1px solid #999;
	display: block;
	position: static;
}
.Tab {
	width: 150px;
	height: 40px; 
	line-height: 40px;
	text-align: center;
	float: left;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	cursor: pointer;
}
.ToolBar .Tab.Selected {
	background-color: #d9d9d9;	
}
.ListArea {
	width: inherit;
	transition: left .7s;
}
.List {
	width: inherit;
}
.TicketForm {
	transition: left .7s;
	position: absolute;
	top:0px;
	left:-1200px;
	background-color: #f1f1f1;
	display: block;
	width: inherit;
	box-sizing: border-box;
	padding: 30px;
	padding-top:40px;
	width:900px;
	overflow: hidden;
	/* margin-left:23px; */
}
.TicketPage .TicketArea {
	width: 930px;
	height: 1200px;
	margin: 0 auto;
	position: relative;
	margin-top:30px;	
	padding-left:0px;
}

.ShowCreateTicket .TicketForm {
	left: 0px;
}
.ShowCreateTicket .TicketListArea {
	left: -1200px;
}
.TicketPage .GeneralInformationPanel {
	height:1800px;
}
.CancelTicketBtn {
	padding: 15px 50px;
	background-color: #aaa;	
}







.TicketForm form .ticketaccountid {
	display: none;
}
.TicketForm [recordtype="lab"] .ticketaccountid {
	display: inline-block;
}
.TicketForm form [name="ticketaccountid"] {
	width: 85px;
}
.TicketForm form [name="service"] {
	width: 485px;
}

.TicketForm form [name="servicegroups"] {
	width: 420px;
	border-top: 1px dotted #ddd;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	max-height:150px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;	
}
.TicketForm form .ticketheaderinfo input {
	pointer-events:none;	
}
.TicketForm.AddNewMode form .ticketheaderinfo input {
	pointer-events:auto;	
}
.TicketForm .NotifyCheckBox {
	margin-left: 50px;		
}
.TicketForm .Form [name="comment"] {
	min-height:150px;
	background-color: #fff;
	padding:10px;
}
.TicketForm .Form [name="subject"] {
	width:350px;
}
.TicketForm .StatusBox {
	float: right;	
}
.TicketForm.AddNewMode .TicketCodeBox {
	display: none;
}
.TicketForm .TicketTypeElement {
	display: none;
}
.TicketForm.AddNewMode .TicketTypeElement {
	display: inline-block;
}
.TicketForm .TicketTopicElement {
	display: none;
}
.TicketForm.AddNewMode .TicketTopicElement {
	display: inline-block;
}
.TicketForm .TicketPriorityElement {
/* 	display: none; */
}
.TicketForm .TicketPriorityElement .CheckBoxElement{
	padding-top:0px;
}

.TicketForm .TicketPriorityElement .FormElement {

}
.TicketForm.AddNewMode .TicketPriorityElement {
	display: inline-block;
}
.TicketForm .NewMessageBox {
	display: none;
}
.TicketForm.AddNewMode .NewMessageBox {
	display: block;
}

.TicketForm.AddNewMode .TicketDetailListBox {
	display: none;
}
.TicketForm:not(.AddNewMode) .TicketRecipient * {
	pointer-events:none;		
	border: none !important;
}

.TicketForm .TicketDetailBox {
	width: 100%;
	min-height: 200px;
	border: 1px solid #dedede;
}
.TicketForm .TicketDetailHeder {
	height: 60px;
	background-color: #F7F7F7;
	width:100%;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
}
.TicketForm .OriginName {
	font-weight: bold;
	color: #111;
	font-size:12px;
	line-height:20px;
}
.TicketForm .DetailDate {
	color: #999;
	font-size:12px;
	line-height:20px;
}
.TicketForm .TicketDetailComment {
	background-color: #fff;
	width:100%;
	padding: 20px;
	box-sizing: border-box;

}

.TicketForm .AddComentBox {
	border: 1px solid #dedede;
	margin-top: 20px;
	box-sizing: border-box;
	padding: 20px 10px;
	background-color: #F7F7F7;	
}
.TicketForm .AddComentBox textarea {
	width:100%;
	height:200px;
	background-color: #fff;
	border: 1px solid #dedede !important;
	box-sizing: border-box;
	padding:20px 10px !important;
}
.TicketForm .AddComentBox textarea:focus {
	outline: 1px solid #84F0FF;
}
.TicketForm form .ticketheaderinfo input {
	pointer-events:none;	
}
.TicketForm.AddNewMode form .ticketheaderinfo input {
	pointer-events:auto;	
}
.TicketForm .AddCommentInput {
	width: 99%;
	min-height: 150px;
	background-color: #fff;
	padding:10px;
	box-sizing: border-box;

}
.TicketForm .NotifyCheckBox {
	margin-left: 50px;		
}

.CheckBoxElement {
	padding-top:25px;
}
.CheckBoxElement * {
	display: inline-block !important;
	text-align: left;
	vertical-align: top;
}

.WideElement {
	width: 100%;
	box-sizing: border-box;
}
.WideElement input {
	width: 95% !important;
}
.WideElement textarea {
	width: 95% !important;
}
.UploadControl div {
    border: 2px solid #fff;
    display: inline-block;
    border-radius: 44px;
    color: #fff;
    background-color: #bbb;
    /* font-weight: bold; */
    width: 30px;
    height: 30px;
    text-align: center;
}
.UploadControl input {
    width: 25px !important;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
}
.UploadControl {
	position: absolute;
	bottom:25px;
	left:25px;
	display: none;
}

.MenuItemAdd .UploadControl {
	left:0px;
	top:0px;
	width:30px;
	height:30px;
	opacity: 0 !important;
	display: block;
	cursor: pointer;
}
.MenuItemAdd .UploadControl input{
	height:30px !important;	
}
.MenuItemAdd {
	background-image: url(ImgObjects/PlusBtn.png);	
	background-size: auto 90%;	
	position: relative;	
}

form .MenuItemAdd {
	width: 30px;
	height: 30px; 
	border: 1px solid #aaa;
	cursor: pointer;
	display: inline-block;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: top;
	border-radius:4px;
	margin:10px;
}
.AppIcons {
	display: inline-block;
	margin: 0 auto;
}
.DownloadDoc .YourFileSection {
	text-align: center;
	border: none;
	margin-top:0px;
	padding-top:0px;
}
.DownloadDoc .AppIcon {
	width:400px;
	text-align: center;
}

.DownloadDoc .AppIcon .Title {
	line-height: 42px;	
	color: #333 !important;
	font-size: 28px;
	margin-bottom: 10px;
}

.DownloadDoc .AppIcon .DownloadBtn {
	display: block;
	margin: 0 auto;
}

.DocLinkBtn {
	width: 100px;
	background-color: #64b4d9;	
	position: static !important;
	display: inline-block;
}
.CodeLinkBtn {
	width: 100px;
	background-color: #CB7127;		
	position: static !important;
	display: inline-block;
	display: block;
	margin: 0 auto;
}
.ThumbBox input {
	padding: 10px 20px;	
	border-radius: 4px;
}
.FileList {
	float: right;
	width: 300px;
	border: 1px solid #999;
	border-radius: 4px;
	min-height: 600px;	
}
.FileList div {
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	box-sizing: border-box;
	padding: 0px 20px;
	cursor: pointer;
}
.DownloadDoc .ThumbBox img {
	height:210px;
	width: auto;
	
}

.DownloadDoc .ThumbBox  {
	vertical-align: top;
	width: 500px;
	display: block;
	height: auto;
	box-shadow: 5px 5px 25px rgba(55,55,55,.3);
	padding:30px;
/* 	box-sizing: border-box; */

}
.DownloadDoc .ThumbBox .link {
	width: 90%;
}
.DownloadDoc .ThumbList {
	float: left;	
}
.DownloadDoc .ThumbBox .Title {
	line-height: 80px;
	margin-bottom: 10px;
}

.DownloadDoc .ThumbBox textarea {
	width: 300px;
	height: 150px;
	margin: 10px auto;
}
.DownloadDoc .ThumbBox input {
	display: block;
	margin:0 auto;
	margin-bottom:10px;
	border: 1px solid #999;
}
.CodeArea {
	padding: 30px;
	border: 1px dotted #999;
	margin-top: 20px;
}

.VideoTutorialsPage .VideoTutorialBox {
	width: 450px;
	height: 420px; 
	display: inline-block;
	position: relative;
	margin:20px;
	margin-bottom:50px;
	cursor: pointer;
	vertical-align: top;
}
.VideoTutorialsPage .VideCaption {
	font-size: 26px;
	color: #444;
	line-height: 35px;
	transition: color .7s;
}
.VideoTutorialsPage .VideoTutorialBox:hover .VideCaption {
	color: #1A9055;
}
.VideoTutorialsPage .VideoImage {
	width: 450px;
	height: 250px; 	
	background-image: url(ImgObjects/videotdefault.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom:20px;
	transition: box-shadow .7s;
}
.VideoTutorialsPage .VideoTutorialBox:hover .VideoImage {
	box-shadow: 0px 0px 50px rgba(111,111,111,.7);
}
.VideoTutorialsPage .VideoImage img {
	position: absolute;
	top:95px;
	left:190px;
	width: 70px;
}
.VideoTutorialsPage .VideoComment {
	font-size: 13px;
	color: #999;
}
.VideoTutorialsPage .ContentArea {
	height:auto !important;
}
.VideoTutorialsPage .Footer {
	display: none; !important;
}

.VideoPlayerAreaBackground {
	position: fixed;
	top:0px;
	left:0px;	
	height: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.5);
	z-index: 99999;
}
.MessageArea {
	position: fixed;
	width: 100%;
	height: 100%; 	
	z-index: 100000;
	top:-2000px;
	transition: top .7s;
		
}
.ShowMessage .MessageArea {
	bottom:0px;
	height: 100%;		
	top:0px;
}
.VideoPlayerArea {
	position: fixed;
	width: 100%;
	height: 100%; 	
	z-index: 100000;
	top:-2000px;
	transition: top .7s;
}
.VideoPlayerTutorial {
	box-shadow: 0px 0px 50px rgba(0,0,0,.7);	
	width: 853px;
	height: 480px;
	margin: 0 auto;
	margin-top: 100px;
	position: relative;	
}
.VideoPlayerArea .CloseBtn {
	background-image: url(ImgObjects/CloseBtn1.png);	
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	width: 40px;
	height: 40px; 
	right: -50px;
}
.ShowVideoPlayerTutorial .VideoPlayerAreaBackground {
	bottom:0px;
	height: 100%;
}
.ShowVideoPlayerTutorial .VideoPlayerArea {
	top:0px;
}

.MemberBox {
	display: inline-block;
	width: 200px;
	margin:10px;
	text-align: center;
	vertical-align: top;

}
.MemberBox .MemberPhoto {
	width: 100px;
	height: 100px; 
	border-radius: 350px;
	box-shadow: 0px 0px 15px rgba(100,100,100,.3);
	display: inline-block;
	background-image: url(ImgObjects/user01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;

}
.MemberBox .MemberName {
	font-size: 24px;
}
.MemberBox .Button {
	line-height: 30px;
	padding: 10px;
	height: 30px;
	padding: 0px;
}
.StorePage .RequestDownloadBackground {
	z-index: 999999;
	position: fixed;
	top:0px;
	left:0px;
	right: 0px;
	height: 0px;
	background-color: rgba(0,0,0,.3);
}
.StorePage.ShowRequestDownload .RequestDownloadBackground {
	bottom: 0px;
	height: auto;
}
.MessageBoxArea {
	overflow: hidden;
	position: absolute;
	left: 192px;
	width: 640px;
	height: 300px; 
	box-shadow: 0px 0px 35px rgba(100,100,100,.3);
	background-color: #fff;
	top:-1000px;
	transition: top .5s;
	z-index: 1000000;
	box-sizing: border-box;
	padding:40px 80px;
	border-top: 8px solid purple;
	position: absolute;	
}
.ShowRequestDownload .MessageBoxArea {
	top:50px !important;
}
.ShowMessage .MessageBoxArea {
	top:50px;
}

.MessageBoxArea input {
	width: 400px;	
}
.MessageBoxArea .Button {
/* 	width: 200px;	 */
	cursor: pointer;
	margin-left:5px;
	margin-top:15px;
}
.MessageBoxArea img {
	width:80px;
	margin-top:-40px;
}
.StorePage .Selected {
	background-color: #96EAC0;
}
.StorePage .AppIcon {
	transition: background-color 1s;
/* 	width: 200px; */
	width: 150px;
	height:130px;
	padding: 10px 0px;
/* 	box-sizing: border-box; */
	margin-top:50px;
}
.StorePage .AppDescriptionArea .AppIcon {
	height: 200px;
}
.StorePage .AppDescriptionArea .AppBox .Title {
	color: purple !important;
	font-weight: bold;
}
.MessageBoxArea .MessageBox {
	position: absolute;
	top:-400px; 
	left:0px;
	width: 640px;
	height: 300px;
	transition: .7s;
	background-color: #fff;
	box-sizing: border-box;
	padding: 40px 80px;
	text-align: center;
	z-index: 200000;
	font-size:18px;
	padding: 60px;
}
.MessageBoxArea * {
	transition: transform 2s;
	text-align: center;
	font-size:18px;
	line-height:30px;
}
.MessageBoxArea img {
	display: block;
	margin: 0 auto;
	width:80px;
	margin-bottom:10px;
}

.MessageBoxArea.ShowMessage .MessageBox {
	top:0px;
}
.ShowRequestMessage .MessageBox {
	top:0px !important;
}
.ShowLoading .MessageBoxArea .FormElement {
	transform: translateX(700px);
}
.ShowLoading .MessageBoxArea .SendRequestBtn {
	transition: width 17s, height .7s, border-radius 3s, color 1s;
	width: 700px !important;
	height: 2px !important;
	padding: 0px !important;
	border-radius: 0px !important;
	color: transparent !important;
	pointer-events:auto !important;	

}
.StorePage .TopMenu .MenuItem:hover span {
	color: #fff;
}

.StoreBtn {
	background-image: url(ImgObjects/isotypestore.png);
	background-size: auto 100%;
	background-position: right;
	background-repeat: no-repeat;	
	width: 115px;
	height: 30px;
	padding-right: 0px;
	cursor: pointer;
	font-weight: bold;
	position: absolute;
	top:17px;
	right:15px;
	line-height: 30px;
	color: #666;
/* 	font-size:18px; */
	opacity: .7;
	transition: opacity .7s;
}
.StoreBtn:hover {
	opacity: 1;
}
.StorePage .TopMenu {
	background-color: transparent;
}

.StorePage .AppBanner {
	width: inherit;
	height: 260px; 
	position: relative;	
}
.StorePage .AppBanner .ImageRotator {
	width: 100%;
	height: 260px;
	position: absolute;
	top:5px;
	left:0px; 
	overflow: hidden;
	background-color: #414140;

}
.StorePage .AppBanner .ImageRotator img {
	width: 100%;
	height: auto;
	position: absolute;
	top:-50px;
	left:0px; 
	opacity: 0;
	transform: scale(2);
	transition: transform 1s, opacity 1.5s;
}
.StorePage .AppBanner .ImageRotator .Selected {
	opacity: 1;
	transform: scale(1);
}

.StorePage .AppBanner .AppName {
	color: #fff;
	font-size: 28px;
	/* width: 300px; */
	position: absolute;
	top:30px;
	left:600px;
	text-align: left;
	line-height: 38px;
	font-weight: bold;
}
.StorePage .AppBanner .ImageDescription {
	color: #fff;
	font-size: 15px;
	width: 350px;
	position: absolute;
	top:70px;
	left:600px;
	line-height: 18px;
}
.StorePage .AppBanner .Video {
	background-image: url(ImgObjects/videoiconplay.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;	
	width: 90px;
	cursor: pointer;
	height: 50px; 
	position: absolute;
	bottom:10px;
	left:600px;
}
.StorePage .HelpBtn {
	background-image: url(ImgObjects/HelpIcon.png);
	width: 30px;
	height: 30px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;	
	cursor: pointer;
	position: absolute;	
	position: absolute;
	bottom:20px;
	left:720px;
}
.AppDescriptionBox .Header {
	width:100%;
	height:40px;
	position: relative;

}
.AppDescriptionBox .AppBanner .AppName {
	position: absolute;
	top: 30px;
	right:30px;
}
.AppDescriptionBox .Header .AppName {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	padding:0px;
	margin-top:0px;
	line-height:35px;;
}
.StorePage .descriptioncontent {
	display: none;	
}
.SeaMoreSmallBtn {
	border: 1px solid #087ABA;
	color: #fff;
	border-radius: 2px;
	height: 20px;
	line-height: 20px;
	padding: 0px 15px;
	display: inline-block;
	/* padding-right: 25px; */
	background-size: auto 80%;
	background-repeat: no-repeat;
	background-position: right;
	font-weight:bold;
	background-color: #087ABA;
}

.HelpSmallBtn {
	/* background-image: url(ImgObjects/HelpIcon4.png); */
}

.ConnectBtn {
	background-image: url(ImgObjects/connectsupporticon.png);	
}
.AppAlertMessage {
	background-color: #fff !important;;
	box-shadow: 5px 5px 45px rgba(100,100,100,.1) !important;
	color: #999;
	border-radius: 0px !important;
	color: #444 !important;
	padding-top:80px !important;
}
.AppAlertMessage img {
	width:50px !important;
	position: absolute !important;
	top:10px !important;
	right:10px !important;
}
.AppAlertMessage * {
	color: #444 !important;
}
.VideoSelector {
	width: 100%;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	padding-left: 60px;
	height:52px;
}
.Tab {
	float: left;
	width: 300px;
	height: 50px; 
	line-height: 50px;
	font-size: 24px;
	border-top: 1px solid #ccc;	
	border-left: 1px solid #ccc;	
	border-right: 1px solid #ccc;	
	border-radius: 4px 4px 0px 0px;
	color: #666;
	cursor: pointer;
}
.Tab.Selected {
	background-color: #eee;
	color: var(--blue);
}


.VideoGroup {
	display: none;	
}
[tab="tab1"] .IntroTutorials {
	display: block;
}
[tab="tab2"] .BasicTutorials {
	display: block;
}
[tab="tab3"] .AdvancedTutorials {
	display: block;
}
.VideoTutorialsPage .GeneralInformationPanel {
	padding-top:30px;
}
.VideoPlayerArea .LinkIcon {
	background-image: url(ImgObjects/LinkIcon.png);	
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	width: 40px;
	height: 40px; 
	position: absolute;
	bottom:10px;
	right:-50px;
}


.MessageBoxArea textarea {
	width:100%;
	height:100px;
}
.StorePage .RequestDownloadBox * {
	text-align: left;
}
.StorePage .AppBanner .LearnMoreBtn {
	position: absolute;
	bottom:5px;
	left:570px;
}
.PlayVideoBtn {
	width: inherit;
	box-sizing: border-box;
	position: static;
	vertical-align: middle;
}

.VideoButtonBox {
	width:330px;
	float: right;
	margin-top:50px;
}
.VideoThumb1 {
	box-sizing: border-box;
	border: 6px solid #fff;
	width: inherit;
	vertical-align: middle;
}
.LandingPage .Slide .Sentence {
	position: static;
	margin:0 auto;
	text-align: left;
	font-size: 40px;
	line-height: 50px;
}
.LandingPage .VideoButtonBox {
	cursor: pointer;
	float: left;
}
.LandingPage .VideoButtonBox:hover {
	box-shadow: 0px 0px 75px #fff;
}

.callusbtn {
/* 	transition: top 1s, left 1s; */
/* 	position: absolute; */
	top:85px;
	left:60px;	
	z-index:10;
	font-size: 18px;
	color: #fff;
	height: 35px;
	margin: 0 auto;
	line-height: 35px;
	margin-top: 550px;
}
.ShowPhoneBtn .callusbtn {
	display: block;
}
.ShowFixBar .callusbtn {
	margin-top:0px;
	width: 100%;
	background-color: rgba(0,0,0,.7);
	height: 40px;
	position: fixed;
	top:50px;
	left: 0px;
}
.ShowFixBar .callusbtn span {
	width: 25px;
	height: 25px;
	top:5px;
}
.ShowFixBar .callusbtn b {
	font-size: 18px;
}

.callusbtn b {
	font-size:20px;
	margin-left:10px;
	position: relative;
}
.StatsBox {
	box-shadow: 5px 5px 25px rgba(100,100,100,.3);
	display: inline-block;
	margin:10px;
}
.ServersPage .Legend {
	width: 80%;
	margin: 0 auto;
	color: #fff;
	margin-top: -250px;
	font-size: 22px;
	line-height: 40px;
}

.BestChoiceBadge {
	width:130px;
	position: absolute;
	top:30px;
	left:530px;
	z-index: 10000;
}
.ServersPage .ContentArea {
	height:3350px;
}

.SessionBox:nth-child(odd) {
	background-color: #E1ECF9;;
}

.SessionBox {
	padding:20px;
	box-sizing: border-box;
	padding-top:5px;
	border-top: 4px solid #90D738;
	margin:20px 0px;
}
.WebinarPage .RightImage {
	opacity: 1;
	left:270px;
}
.WebinarPage .CreateAccountBox {
	background-color: #fff;
}
.TrainigImage1  {
	background-image: url(ImgObjects/training1.jpg);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 940px;
	height: 350px; 
}
.BlackPanel {
	background-color: #000;	
}
.TeamPanel {
	background-image: url(ImgObjects/teamworking.jpg);
}
.TeamPanel .TextBox {
	padding:20px;
	background-color: rgba(0,0,0,.7);
}
.Panel:hover .LearnMoreBtn {
	border: 1px solid var(--green) !important;
	background-color: rgba(0,0,0,0);
	color: var(--green);
	border-radius:100px;
}
.ToolArea {
	text-align: center;
	border-top: 1px solid #ddd;	
	border-bottom: 1px solid #ddd;	
}
.ToolsPage .SupportButton {
	margin-top:10px;
	margin-bottom: 10px;	
}
.ToolBtn {
	border:4px solid purple;
	border-radius: 4px;
	box-shadow: 15px 15px 35px rgba(100,100,100,.3);
	line-height: 40px !important;
}
.ToolsIcon {
	background-image: url(ImgObjects/panelicon.png);
}
.ToolsPage .SupportButton {
	display: inline-block;
	background-position: 10px ;
	background-size: auto 65%;
	font-size: 18px;
	font-weight: bold;
	padding-left:70px;
	padding-right: 30px;
	height: 50px;
	line-height: 50px;
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	width:290px;
	box-sizing: border-box;
	margin-left: 15px;
	color: #444;
	cursor: pointer;
	vertical-align: middle;	
}

.FeatureItemDescription {
	font-size: 11px;
	line-height: 15px;
	color: #999;
}
.PriceCalculatorPage [type="number"] {
	width: 60px;	
}
.PriceCalculatorPage .NumberElement  {
	display: inline-block;
	width: 450px;
}

.PriceCalculatorPage .NumberElement * {
	display: inline-block;
}
.PriceCalculatorPage .NumberElement label {
	width: 350px;
}
.PriceCalculatorPage [name="companyname"] {
	width: 410px;
}
.PriceCalculatorPage [name="category"] {
	width: 410px;
}
.PriceCalculatorPage [name="website"] {
	width: 270px;
}
.PriceCalculatorPage [name="openhour"] {
	width: 80px;
}
.PriceCalculatorPage [name="closehour"] {
	width: 80px;
}



.PriceCalculatorPage .ModuleElement {
	font-weight: bold;
	width: 100%;
	padding: 20px 0px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #666;
}
.ReportsPage .BackgroundPanel ul li {
/* 	color: #333 !important; */
	font-size:18px;
}
.InternalPage .ContentArea {
	margin-top:150px;
}
.PriceModelPage .ContentArea {
	margin-top:80px;
}

.HeaderStripe {
	height: 150px;
	width: 100%;
	background-position: center;
	background-size: 100%;
	position: absolute;
	top:0px;
}
.LandingPage .Banner .Ribbon .SlideSelected {
	top:110px;
	width:600px;
	padding-left:50px;
}
.LandingPage .Banner .Ribbon .SlideSelected .Sentence {
	width:inherit;
}

.LandingPage .PlayerBox {

}
.LandingPage .PlayVideoBtn {
	height:40px;
	line-height: 40px;
	padding: 0px;
	font-size:20px;
	margin-top:-40px;
}
.LandingPage .SliderBackground {
	-webkit-filter: brightness(75%);	
}
.LandingPage .TopSecondMenu {
	display: none;
}
.SliderBackground[background="1"] {
	background-image: url(ImgObjects/reminders8.jpg);
}
.SliderBackground[background="2"] {
	background-image: url(ImgObjects/landing2.jpg);
}
.SliderBackground[background="3"] {
	background-image: url(ImgObjects/reminders9.jpg);
}
.SliderBackground[background="4"] {
	background-image: url(ImgObjects/landing4.jpg);
}
.SliderBackground[background="5"] {
	background-image: url(ImgObjects/landing5.jpg);
}
.SubjectPage .TopMenu {
	background-color: transparent;
}
.SubjectPage .LogoSentence {
	font-size:11px;
	top: 30px;
	left:58px;
}
.SubjectPage .TopSecondMenu {
	display: none;
}
.SubjectPage .SocialMediaBox {
	display: none;
}
.SubjectPage .Banner {
	height: 380px;
}
.SubjectPage .Banner .Sentence {
	top: 50px;
	font-size:40px;
	line-height: 48px;
	width:600px;
}
.SubjectPage .BottomBar1 {
	height: 100px;
	background-color: #FAFAFA;
	border-bottom: 1px solid #ddd;
}
.SubjectPage .BottomBar1 .Sentence {
	height: 100px;		
}
.SubjectPage .BottomBar1 .BannerSentence {
	height: 100px;
	line-height: 50px;
	margin: 0px;
	background-color: #fff;
}
.SubjectPage .BottomBar1 .BannerSentence img{
	height: 80px;
	width: auto;
	margin: 0 auto;
	display: block;
	margin-top:10px;
}


.SubjectPage .Panel .Title {
	color: #2e3b4e;
}
.SubjectPage .SliderBackground {
	height: 400px;
}
.PanelTitle {
	width: 560px;
	margin: 0 auto;
	font-size: 43px;
	line-height: 53px;
	color: #2996cc;
	margin-bottom: 25px;
	text-align: center;
}
.ExplainPanel {
	border-top: 1px solid #ddd;
	padding-top:70px;
	padding-bottom: 50px;
}
.ExplainType {
	border-top: 1px solid #ddd;
	padding-top:70px;
	margin-top:50px;		
	height: auto
}
.ExplainPanel .Title {
	width: 560px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 15px;
}
.ExplainPanel .TextBoxContent {
	width: 560px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 40px;
}
.Column3 {
	width: 30%;
	display: inline-block;
	margin: 0px 10px;
	vertical-align: top;
}
h1 {
	font-size:38px;
	line-height: 45px;
}
h2 {
	margin: 0 auto;
	font-size: 23px;
	line-height: 28px;
	color: #2996cc;
	margin-bottom: 10px;
/* 	text-align: center; */
	font-weight: 100;
	/* 	text-transform: uppercase; */
}
.somesome h2 {
	width: 560px;
	text-align: left;

}
.BlockBox {
	display: inline-block;
	width: 45%;
	margin: 10px 20px;
	vertical-align: top;	
}
.AnimationBox {
	width: 100%;
	height: 640px;
	/* border: 1px solid #999; */
	position: relative;
	overflow: hidden;
}
.ColumnForClients .AnimationBox {
	height: 200px;
	margin-bottom: 20px;
}
.OnlineBox {
	background-image: url(ImgObjects/product15.jpg);
	background-size: 100%;
	background-repeat: no-repeat;	
}
.AutoserviceBox {
	background-image: url(ImgObjects/autoserviceperson.jpg);
	background-size: 100%;
	background-repeat: no-repeat;	
	background-position:bottom right;
}

.CallCenterBox {
	background-image: url(ImgObjects/product37.jpg);
	background-size: 100%;
	background-repeat: no-repeat;	
	background-position: top left;
}
.InView .OnlineBox {
	background-image: url(ImgObjects/product15.jpg);
	background-size: 130%;
	background-repeat: no-repeat;	
}
.InView .AutoserviceBox {
	background-image: url(ImgObjects/autoserviceperson.jpg);
	background-size: 130%;
	background-repeat: no-repeat;	
	background-position:bottom left;
}

.InView .CallCenterBox {
	background-image: url(ImgObjects/product37.jpg);
	background-size: 130%;
	background-repeat: no-repeat;	
	background-position: top right;
}

.ReceptionBox {
	background-image: url(ImgObjects/productx4.jpg);
	background-size: auto 100%;
	background-repeat: no-repeat;	
	background-position: -150px;
}
.TabletShowRoom {
	background-image: url(ImgObjects/deltatablet.jpg);
	background-size: 100%;
	background-position: center 100px;;
	background-repeat: no-repeat;
}
.StandShowRoom {
	background-image: url(ImgObjects/standsshowroom.jpg);
	background-size: 100%;
	background-repeat: no-repeat;	
	background-repeat: no-repeat;
}


.ProfessionalBox {
	background-image: url(ImgObjects/mensajeria.jpg);
	background-size: auto 100%;
	background-repeat: no-repeat;	
	background-position: -100px;
}

.PanelMainImage {
	width: 100%;
	/* height:600px; */
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
}
.AniText {
	background-color: rgba(41, 150, 204, .7);
	color: #fff;
	font-size:22px;
	text-transform: lowercase;
	margin:20px 0px;
	padding: 10px 20px;
	box-sizing: border-box;
	line-height: 30px;	
	transition: transform 1s, border-radius 1s, left 1s, right 1s;
	transform: translateX(-600px);
	width:90%;
}
.ProfessionalBox .AniText {
	transition-delay: 1s;
	transform: translateX(600px);
	text-align: right;	
}
.ReceptionBox .AniText {
	transition-delay: 3s;
	transform: translateX(600px);	
	text-align: right;	
}

.OnlineBox .AniText {
	transition-delay: 1s;
	transform: translate(0px)
}

.InView .AutoserviceBox .AniText {
	transition-delay: 2s;
	transform: translate(0px)
}
.InView .CallCenterBox .AniText {
	transition-delay: 3s;
	transform: translate(0px)
}

.InView .ReceptionBox .AniGroup1 {
	transition-delay: 6s;
	transform: translate(0px)
}
.InView .ReceptionBox .AniGroup2 {
	transition-delay: 8s;
	transform: translate(0px)
}
.InView .ReceptionBox .AniGroup3 {
	transition-delay: 10s;
	transform: translate(0px)
}



.InView .ProfessionalBox .AniGroup1 {
	transition-delay: 12s;
	transform: translate(0px)
}
.InView .ProfessionalBox .AniGroup2 {
	transition-delay: 14s;
	transform: translate(0px)
}
.InView .ProfessionalBox .AniGroup3 {
	transition-delay: 15s;
	transform: translate(0px)
}
.AreaAnimationBox .AniTitle {
	background-color: rgba(41, 150, 204, .7);
	color: #fff;
	font-size:22px;
	text-transform: lowercase;
	margin:20px 0px;
	padding: 10px 20px;
	box-sizing: border-box;
	line-height: 30px;	
	width:620px;	
}
.MainAreaAnimationBox .AniTitle {
	background-color: rgba(41, 150, 204, .7);
	color: #fff;
	font-size:32px;
	text-transform: lowercase;
	margin:20px 0px;
	padding: 20px 40px;
	box-sizing: border-box;
	line-height: 30px;	
	position: absolute;
}
.MainAreaAnimationBox .Layer1 {

}
.InView .MainAreaAnimationBox .Layer1 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity: 1;
}
.MainAreaAnimationBox .Layer2 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
}
.InView .MainAreaAnimationBox .Layer2 {
	transition-delay: 2s;
	opacity: 1;
}
.MainAreaAnimationBox .TitleLine1 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	right: 600px;
	background-color: transparent;
	font-size:48px;
	/* text-shadow: 1px 1px 2px #000; */
	line-height: 55px;
	text-align: right;
	text-transform: capitalize;
	width:70%;
}
.InView .MainAreaAnimationBox .TitleLine1 {
	transition-delay: 3s;
	right: 0px;
	opacity: 1;
	/* 	color: var(--blue); */
	color: #fff;
	/* text-shadow: 3px 3px 3px #000; */
}
.MainAreaAnimationBox .Layer3 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
}
.InView .MainAreaAnimationBox .Layer3 {
	transition-delay: 10s;
	opacity: 1;
}
.MainAreaAnimationBox .TitleLine2 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	left:-600px;
	background-color: transparent;
	font-size:48px;
	/* text-shadow: 1px 1px 2px #000; */
	line-height: 55px;
	text-align: left;
	text-transform: capitalize;
	width:70%;
	color: #fff;
	/* text-shadow: 3px 3px 3px #000; */
}
.InView .MainAreaAnimationBox .TitleLine2 {
	transition-delay: 12s;
	left:0px;
	opacity: 1;
}
.MainAreaAnimationBox .Layer4 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	transform: scale(0);
	position: absolute;
	top:250px;
	left:250px;
	width: 40px;
	height: 40px;
}
.InView .MainAreaAnimationBox .Layer4 {
	transition-delay: 14s;
	transform: scale(1);
	opacity: 1;
}
.MainAreaAnimationBox .Layer5 {
	transition: transform 2s, opacity 1s, left .9s, right .5s;
	opacity:0;
	right: -500px;
}
.InView .MainAreaAnimationBox .Layer5 {
	transition-delay: 17s;
	right:0px;
	opacity: 1;
}
.MainAreaAnimationBox .TitleLine3 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	left:-700px;
	position: absolute;
	top:50px;

}
.InView .MainAreaAnimationBox .TitleLine3 {
	transition-delay: 21s;
	left:0px;
	opacity: 1;
}
.MainAreaAnimationBox .TitleLine4 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	left:-700px;
	position: absolute;
	top:150px;

}
.InView .MainAreaAnimationBox .TitleLine4 {
	transition-delay: 23s;
	left:0px;
	opacity: 1;
}
.MainAreaAnimationBox .TitleLine5 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	left:-700px;
	position: absolute;
	top:250px;
}
.InView .MainAreaAnimationBox .TitleLine5 {
	transition-delay: 24s;
	left:0px;
	opacity: 1;
}
.MainAreaAnimationBox .TitleLine6 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	left:-700px;
	position: absolute;
	top:350px;
}
.InView .MainAreaAnimationBox .TitleLine6 {
	transition-delay: 25s;
	left:0px;
	opacity: 1;
}
.MainAreaAnimationBox {
	width:1024px;
	height:650px;
	position: relative;
	overflow: hidden;
}
.MainAreaAnimationBox img {
	width:1024px;
	position: absolute;
}
.ReplayBtn {
	width: 250px;
	height: 25px; 	
	margin-bottom:10px;
	background-image: url(ImgObjects/replaybtn.png);
	background-size: auto 100%;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: var(--blue);
	padding-left: 35px;
	line-height: 25px;
}
.ShowRooms {
	width: 95%;
	text-align: center;
	box-shadow: 5px 5px 35px rgba(100,100,100,.3);
	margin: 20px 0px;	
}
.Column2 {
	display: inline-block;
	width:40%;
	margin: 20px;	
	text-align: center;
}
.Column2 h2 {
	text-align: center;
	width: 100%;
}
.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;
}
.my-gallery figure {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  width: 150px;
}
.my-gallery figcaption {
  display: none;
}
.gallery-group-1 figure:nth-child(1) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(5) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(6) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(7) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(15) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(14) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(24) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(12) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(27) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(28) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(31) {
	width: 305px;		
}
.gallery-group-2 figure:nth-child(1) {
	width: 305px;		
}
.gallery-group-2 figure:nth-child(2) {
	width: 305px;		
}
.gallery-group-2 figure:nth-child(3) {
	width: 305px;		
}


.GalleryPage h2 {
	margin-left: 5px;
	padding-top: 30px;
}
.GalleryPage .PageContentArea .Content{
	padding-bottom:300px;
}
/* cancel caption visualitzation */
.pswp__caption__center {
	/*display: none !important;*/
	font-size:22px !important;
	border: 1px solid rgba(255,255,255,.3);
	text-align: center !important;
	font-weight: bold;
	margin-bottom: 50px !important;
	line-height: 30px !important;
}
.InternalPage .TopSecondMenu  {
	background-color: rgba(0,0,0,.4);
}
.InternalPage .LogoSentence  {
	z-index: 10000;
	opacity: 1 !important;
	color: #fff;
}
.CorporativePanel .BlockBox img {
	width: 100%;
}
.ImageSeriesDisplayer img {
	position: absolute;
	left:0px;
	transition: transform 1s;
	transform: translateX(500px) !important;
	left: 0px !important;
}
.ImageSeriesDisplayer .Selected {
	transform: translateX(0px) !important;
}
.AlertIphoneRotator {
	position: relative;
	width: 450px;
	height: 824px; 
	overflow: hidden;
}
.RotatorSelector {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom:0px;
	box-sizing: border-box;
}
.RotatorSelector div {
	display: inline-block;
	width: 20px;
	height: 20px; 	
	border-radius: 40px;
	border: 1px solid #999;
	cursor: pointer;
	margin: 10px;
}
.StorePage .TopSecondMenu {
	display: none;
}
.StorePage .LogoSentence {
	display: none
}
.TopSecondMenu div:nth-last-child(1) {
	background-color: var(--red);
}
.GalleryPage .TopSecondMenu div:nth-last-child(1) {
	background-color: transparent;
}

.DemoBtn1 {
	transition: width 1s, padding 1s;
/* 	width: 80px; */
	height: 35px; 
	background-color: var(--red);
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 10px;
	color: #fff;
	line-height:35px;
	padding: 0px 10px;
	text-align: center;
	border-radius: 100px;

}
.ShowFixBar .DemoBtn1 {
	background-color: var(--green);
	font-size:18px;
	top:0px;
	border-radius: 0px;
}
.DemoBtn1::after {
	content: "Solicite Su Demo"
}
.ShowFixBar .DemoBtn1::after {
	content: "Demo"
}
.InternalPage.ShowFixBar .LogoSentence {
	display: none;
}
.StorePage .Footer {
	margin-top:150px;
}
.BackgroundReminder1 {
	background-image: url(ImgObjects/reminders6.jpg);
}
.SubjectPage .Banner .Sentence {
	top: 50px;
	font-size:40px;
	line-height: 48px;
	width:500px;
	right: 130px;
	left: auto;
	text-align: right;
}

.BannerSentence h1{
	text-align: center;
	font-weight: normal;
	color: #333;
}
.SubjectPage .BottomBar1 .BannerSentence h1{
	font-size: 33px;
}


.Hightlight li {
	font-size: 20px;
	margin: 20px 0px;
	margin-left:-15px;
}
.Left {
	text-align: left	
}
.BlueText {
	color: #2996cc !important;
}
.SubjectPage.ShowFixBar .TopMenu {
	background-color: #414141
}
.SubjectPage.ShowFixBar .callusbtn {
	top:0px;
	left:210px;
}
.SubjectPage.ShowFixBar .Logo {
	width:140px;
}
.DownloadPage .Section .SubTitle {
	font-size:22px;
	margin-bottom: 20px;
	padding-left:30px;
}
.GalleryImageBtn {
	position: relative;
	top:50px;
	width: 80%;
	height: 430px;
	cursor: pointer; 
	background-image: url(ImgObjects/gallleryimage.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top;
	transition: transform .7s;
	margin: 0 auto;
}
.GalleryImageBtn:hover {
	transform: scale(1.05);
}
.ValuesPanel {
	background-color: #f1f1f1;
	min-height:330px !important;
}
.ValuesPanel .LeftText {
	left:70px;
}
.ValuesPanel .RightImage {
	height:250px;
}
.col2 {
	width: 45% !important;
	margin: 20px 2%;	
}

.col3 {
	width: 28% !important;
	margin: 20px 2%;	
}
.col6 {
	width: 15% !important;
	margin: 20px 2%;	
}
.col5 {
	width: 20% !important;
	margin: 20px 2%;	
}

.ColumnImage {
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: inherit;
	transition: background-size 1.5s, box-shadow .9s, transform 1s;
}
.ColumnImage:hover {
	background-size: auto 140%;
	box-shadow: 3px 3px 15px rgba(100,100,100,.6);
	transform: scale(1.05)
}
.PCBlock .ColumnImage {
	background-image: url(ImgObjects/pcblock.jpg);
}
.MobileBlock .ColumnImage {
	background-image: url(ImgObjects/mobileblock.jpg);
}
.TabletBlock .ColumnImage {
	background-image: url(ImgObjects/tabletblock.jpg);
}

.ImageColumn .Column {
	height: 350px;
}
.ImageColumn .Column h2 {
	text-align: center;
	width: 100%;
}

.ImageColumn {
	width: 100%;
	text-align: center;
}
.TextFullWidth {
	width: 100% !important;
	box-sizing: border-box;
	padding: 5px 20px;
}
.BandBar {
	background-color: #809AE2;
	text-align: center;
}
.BandBar * {
	color: #fff;
	font-weight: 300;

}
.BandBar h1 {
	font-size: 78px;
    -webkit-margin-after: 40px;
	width:auto !important;
}
.BandBar h2 {
	width:100% !important;
	text-align: center;
	line-height: 25px;
}

.BandBar .Column {
	text-align: center;
}
.ReduzeCostPanel .Column {
	margin: 20px 10%;
}
.ReduzeCostPanel2 .Column {
	margin: 20px 0%;
	width: 40% !important;
}
.ReduzeCostPanel2 .Column:nth-child(1) {
	margin-right: 50px;
}
.Center {
	margin: 0 auto;
	display: block;
	
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body { font-family: sans-serif; }

.gallery {
  background: #EEE;
}

.gallery-cell {
  width: 66%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  counter-increment: gallery-cell;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}
.TopMenu .MenuItem {
	padding:0px 12px;
}
.ShowFixBar .TopMenu .MenuItem {
	padding:0px 9px;
	font-size:12px;
}

.ClientsPage .FirstPanel * {
	color: #fff;
	text-align: right;
}
.ClientsPage .FirstPanel .TextBox {
	margin-top:100px;	
}
.ClientsPage .FirstPanel .Title {
	color: orange;
	font-size: 35px;
	line-height: 40px;
}
.ClientsPage .FirstPanel .TextBoxContent {
	font-size: 22px;
}
.ClientBox {
	width: 220px;
	vertical-align: top;
	display: inline-block;
	margin: 15px;
}
.ClientLogo {
	height: 80px;
}
.ClientLegend {
	font-size: 18px;
	color: #444;
	margin-top:10px;
}
.ClientBlur {
	font-size: 14px;
}
.ClientsPanel {
	width: 100%;
/* 	height: 300px; 	 */
	position: relative;
	
}
.ClientsPanelBlur {
	text-align: center;
	z-index: 1000;
	width: 100%;
	height: 450px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.8)), to(rgba(255,255,255,1)));
	position: absolute;
	bottom:0px;
	left:0px;
	transition: background 1s, border 1s;
	
}
.ClientsPanelBlur .Title {
	color: #888;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom:30px;
	left:0px;
	opacity: 0;
	transition: opacity 1s;
}
.ClientsPanelBlur:hover .Title{
	opacity: 1;
}
.ClientsPanelBlur:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.6)), to(rgba(255,255,255,.8)));
	border-bottom:8px solid #999;
}
.ClientBox img {
	height:50px;
}
.BlurClient {
	-webkit-filter: blur(20px);	
	filter: blur(3px);	
}
.SSSProviderLogo {
	height: 45px;
	margin: 5px 0px;
}
.SSSProviderPanel .Column {
	width: 210px;	
}
.SSSProviderPanel .LearnMoreBtn {
	padding: 5px 10px;
	border-radius: 100px;
	margin: 5px;
}
.SSSProviderPanel .AlertIphoneRotator {
	height:500px;
}
.GallerySliderPanel {
	width: 100%;
	height: 680px;
}
.SliderView {
	margin: 0 auto;
	width: 1024px;
	height: 600px;
	position: relative;		
}
.GallerySlider {
	width: calc(1024px*8);
	position: absolute;
	top:0px;
	left:0px;
	transition: left 1s;
}
.GallerySlider div {
	width: 950px;
	display: inline-block;
	height: 600px;
	margin: 10px;
	cursor: pointer;
	background-size: 100%;
	background-repeat: no-repeat;
	transition: transform 1s;
}
.GallerySlider div:active {
	box-shadow: 0px 0px 55px rgba(100,100,100,.7);
	transform: scale(1.1);
}
.GalleryPhotos1 .GallerySlider div:nth-child(1) {
	background-image: url(Galeria/photo42.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(2) {
	background-image: url(Galeria/photo57.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(3) {
	background-image: url(Galeria/photo52.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(4) {
	background-image: url(Galeria/photo64.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(5) {
	background-image: url(Galeria/photo56.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(6) {
	background-image: url(Galeria/photo60.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(7) {
	background-image: url(Galeria/photo66.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(8) {
	background-image: url(Galeria/photo65.jpg);
}

.GalleryPhotos2 .GallerySlider div:nth-child(1) {
	background-image: url(Galeria/autos1.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(2) {
	background-image: url(Galeria/autoservice5-1.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(3) {
	background-image: url(Galeria/autoserviceperson.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(4) {
	background-image: url(Galeria/photo64.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(5) {
	background-image: url(Galeria/photo56.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(6) {
	background-image: url(Galeria/photo60.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(7) {
	background-image: url(Galeria/photo66.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(8) {
	background-image: url(Galeria/photo65.jpg);
}

.GalleryPhotos3 .GallerySlider div:nth-child(1) {
	background-image: url(Galeria/photo22.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(2) {
	background-image: url(Galeria/photo27.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(3) {
	background-image: url(Galeria/photo28.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(4) {
	background-image: url(Galeria/photo33.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(5) {
	background-image: url(Galeria/photo39.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(6) {
	background-image: url(Galeria/photo49.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(7) {
	background-image: url(Galeria/photo53.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(8) {
	background-image: url(Galeria/photo65.jpg);
}



.Column3 h2 {
	width: 100%;
	line-height: 24px;
}
.PresentationsPage .BottomBar1 {
	display: none;
}
.PresentationsPage .SliderBackground {
	height: 400px;
}
.PresentationsPage .SlideControlder {
	margin-top:350px;
}
.PresentationsPage .Banner .Sentence {
	top:70px;
}
.BoxPresentation {
	width: 400px;
	height: 400px; 
	margin: 20px;
	cursor: pointer;

}
.BoxPresentation .Title {
	font-size: 18px;
	text-align: center;
}
.BoxPresentation .PresentationImage {
	box-shadow: 5px 5px 25px rgba(100,100,100,.3);
	width: 100%;
	height: 300px; 
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transition: box-shadow .7s;
}
.AsystirTurnosPresentation {
	background-image: url(ImgObjects/AsystirTurnosPresentation.jpg);
}
.BoxPresentation img {
	width:80px;
	margin: 0 auto;
	display: block;
	position: relative;
	top:35%;
	box-shadow: 0px 0px 35px rgba(100,100,100,.7);
	border-radius: 100px;
	transition: transform .7s;
}
.BoxPresentation:hover img {
	transform: scale(1.2);
}
.BoxPresentation:hover .PresentationImage{
	box-shadow: 0px 0px 40px rgba(100,100,100,.7);
}

.PresentationsPage .Banner {
	height: 430px;
}

.MainContent {

}
.MainContent .TextContent {
	display: inline-block;
	width: 700px;
	vertical-align: top;
	box-sizing: border-box;
	padding: 50px;
}
.MainContent .ImageCenter {
	width: 100%;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ImageLeft {
	float: left;
	margin: 10px 10px 10px 0px;
	width: 40%;
}
.ImageRight {
	float: right;
	margin: 10px 0px 10px 10px;
	width: 40%;
}
.RightBar {
	display: inline-block;
	width: 280px;
	background-color: #F8F8F8;
	vertical-align: top;
	margin-left: 30px;
	box-shadow: border-box;
	padding: 20px;
}
.BarTitle {

}
.MainContent h1 {
	font-size: 40px;
	color: var(--green);
	text-align: center;
}
.MainContent h2 {
	font-size: 32px;
	color: var(--green);
	margin:15px 0px;
}
.MainContent h3 {
	font-size: 26px;
	color: var(--blue);
	line-height: 28px;
}

.MainContent .RightBar li {
	list-style-type: none;
	font-weight: bold;
/* 	margin: 10px 0px; */
	border-bottom: 1px dotted #aaa;
	padding: 10px 0px;
}
.HeaderArticle {
	height: 350px;
	width: 100%;
	background-position: top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: absolute;
	top:0px;
	overflow: hidden;
}
.HeaderArticle h2 {
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	font-size: 48px;
	width: 800px;
	margin: 0 auto;
	margin-top: 180px;
	z-index: 10;
	text-align: center;
}
.HeaderArticle img{
	z-index: -1;
	width: 100%;
	height: auto;
	position: absolute;
	top:0px;
	left:0px;
}
.ArticlePage .ContentArea .Content {
	width: 1024px;
	background-image: none;
	/* 	background-color: #eaeaea; */
	background-color: #fff;
	z-index: 1000;
	margin-top: 350px;
}
.ColumnBox {
	width: 220px;
	box-sizing: border-box;
	padding: 20px;
	margin: 10px;
	background-color: #f8f8f8;
	box-shadow: 5px 5px 15px rgba(100,100,100,.3);
	border: 1px solid #ddd;
	transition: transform .7s, border .7s;
	display: inline-block;
	vertical-align: top;
}
.ColumnBox img {
	height:90px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.ColumnBox:hover {
	border: 1px solid green;
	transform: scale(1.1);
}
.ColumnBoxPanel .CenterAligner {
	text-align: center;
}
.HCBasicInfo .ColumnBox {
	height: 510px;
	
}
.Title span {
	width: 10px;
	height: 10px;
	background-color: #333;
	border-radius: 100px;
	margin: 0px 10px;
	display: inline-block;
	vertical-align: middle;
}
.ContactBar {
	background-color: #48484b;
	padding: 20px 0px;
}
.ContactBar .ContactBarBox {
	width: 338px;
	box-sizing: border-box;
	text-align: center;
	padding: 20px 30px;
	border-right: 1px solid #b5b8bd;
	vertical-align: top;
	display: inline-block;
}
.ContactBar .ContactBarBox h2 {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.ContactBar .ContactBarBox * {
	color: #fff;
}
.ContactBar .ContactBarBox img {
	height: 60px;
}
.ContactBar .ContactBarBox:nth-last-child(1) {
	border-right: none;
}
.NoBorder {
	border: none;
}
.ButtonContact {
	padding: 10px 50px;;
	border: 1px solid #fff;
	border-radius: 100px;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
}
.ButtonContactLarge {
	margin: 15px 0px;
	font-size: 28px;
	padding: 20px 60px;
}
.ButtonContact:hover {
	border: 1px solid #30d120;
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    /* background: #e1e1e1; */
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

[class^="hvr-"] {
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #30d120;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.RequestDemoNowBar {
	background-color: var(--red);
	padding: 20px 0px;		
}
.RequestDemoNowBar * {
	color: #fff;
}

.RequestDemoNowBar .CenterAligner {
	text-align: center;
}


.StartTranferingNowBar {
	background-color: var(--blue);
	padding: 20px 0px;		
}
.StartTranferingNowBar * {
	color: #fff;
}

.StartTranferingNowBar .CenterAligner {
	text-align: center;
}
.CustomersCommentsBar {
	background-color: #f5f8ff;
	padding: 20px 0px;		
	text-align: center;
}

.CustomerIcon10 {
	height: 100px;
	margin-right: 50px;
	display: inline-block;
	vertical-align: middle;
}
.CustomerIcon11 {
	height: 100px;
	margin-right: 50px;
	display: inline-block;
	vertical-align: middle;
}

.CustomersCommentsBar q {
	vertical-align: middle;
	font-size:24px;
	line-height: 32px;
	font-style: italic;
	display: inline-block;
	width: 70%;
	text-align: left;
}
.StandardsBar {
	padding: 30px 0px;
	text-align: center;
	border-top: 1px solid #d5d8db;
	border-bottom: 1px solid #d5d8db;
}
.StandardsBar img {
	height: 50px;
	vertical-align: middle;
	margin: 0px 30px;
	margin-bottom: 10px;
	-webkit-filter: grayscale();
	opacity: .7;
}
.StandardsIconBar {
	height: 55px;
	overflow: hidden;
}
.StandardsBar h2 {
	width: 100%;
	text-align: center;
	color: #414141;
	margin-bottom: 30px;
}
.QuestionsAndAnswersPanel {
	background-color: #EBEDF0;
	padding: 40px 0px;
	padding-bottom: 100px;
	box-sizing: border-box;
	padding-left:30px; 
	padding-right: 30px;
}
.QuestionsAndAnswersPanel .CenterAligner {
	width: 100%;
	max-width: 1024px;
}
.QuestionsAndAnswersPanel h1 {
	text-align: center;
}

.QuestionsAndAnswersPanel .QuestionsBox {
	border-bottom: 1px solid #b5b8bd;
/* 	min-height: 80px;	 */
	padding: 20px 0px;
	box-sizing: border-box;
	width: 100%;
	cursor: pointer;
}
.QuestionsAndAnswersPanel .QuestionsBox:hover .QuestionLine {
	color: var(--orange);
}
.QuestionsAndAnswersPanel .QuestionLine {
	font-size: 22px;
	line-height: 35px;
	font-weight: bold;
	color: #414142;
	margin-bottom: 5px;
}
.QuestionsAndAnswersPanel .ExpandArrowBtn {
	width: 30px;
	height: 30px;
	background-image: url(ImgObjects/arrowdown.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	float:right;
	vertical-align: middle;
	opacity: .5;
	transition: transform 1s;
}
.QuestionsAndAnswersPanel .AnswerOpen .ExpandArrowBtn {
	transform: rotateZ(180deg);
}
.QuestionsAndAnswersPanel .AnswerLine {
	overflow: hidden;
	font-size: 20px;
	line-height: 28px;
}
.QuestionsAndAnswersPanel .AnswerOpen .AnswerLine {
	
}
.ReservationOnline1 .ColumnImage1 {
	background-image: url(ImgObjects/turnoonline2.jpg);
}
.ReservationOnline2 .ColumnImage1 {
	background-image: url(ImgObjects/turnoonline3.jpg);
}
.ReservationOnline3 .ColumnImage1 {
	background-image: url(ImgObjects/turnoonline5.jpg);
}
.ColumnImage1 {
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 550px;
	transition: transform 1s;
}
.ColumnImage1:hover {
	transform: scale(1.3)
}

.ColumnImage2 {
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	height: 450px;
	transition: transform 1s;
}
.ColumnImage2:hover {
	transform: scale(1.3)
}
.PluginWebsite .ColumnImage2 {
	background-image: url(ImgObjects/websiteplugin.jpg);		
}
.NewWebsite .ColumnImage2 {
	background-image: url(ImgObjects/newwebsite.jpg);				
}
.DownloadPage .ContentArea .Content {
	padding: 0px 20px;
}
.ReservationPage .WebsiteTopPanel .Title {
	margin-left: 25px;
}
.ReservationPage .WebsiteTopPanel h3 {
	font-weight: normal;
	line-height: 34px;
	font-size:22px;
	padding: 0 25px;
}
.GalleryArrow {
	width: 50px;
	height: 50px;
	background-image: url(ImgObjects/arrowleft5.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;		
	position: absolute;
	top: -50px;
	transition: transform .7s;
	cursor: pointer;
}
.GalleryArrow:hover {
	transform: scale(1.3);
}
.GalleryArrowLeft {
	background-image: url(ImgObjects/arrowleft5.png);
	left: -100px;
}
.GalleryArrowRight {
	background-image: url(ImgObjects/arrowright5.png);
	right: -100px;
}
@media (max-width: 1250px) {

	.GalleryArrowLeft {
		left: 10px;
	}
	.GalleryArrowRight {
		right: 70px;
	}
}
.BedFastVisibility {
	background-image: url(ImgObjects/bedssmall1.jpg) !important;
}
.BedsUpdates {
	background-image: url(ImgObjects/bedsupdate1.jpg) !important;
}
.Bedshc {
	background-image: url(ImgObjects/hcnurse.jpg) !important;
}
.InfrastructureDiagram .IconBar img{
	width: 110px;
	height: auto;
	vertical-align: middle;
}
.ImagingInfrastructure .ContentArea {
	top:150px;
	position: relative;
}
.country {
	display: none !important;
}

[country=Unknown] .Argentina {
	display: block !important;
}
[country=Unknown] .Argentina.InLine {
	display: inline-block !important;
}
[country=AR] .Argentina {
	display: block !important;
}
[country=AR] .Argentina.InLine {
	display: inline-block !important;
}

@-webkit-keyframes "PortfolioBar" {
 0% {
 	-webkit-transform: translateX(0px);
 }
 50% {
 	-webkit-transform: translateX(-1100px);
 }
 100% {
 	-webkit-transform: translateX(0px);
 }
}
a {
 	text-decoration: none;
 	color: rgb(37, 153, 203);
}
/*@font-face {
	font-family: "mypro";
	src: url('myriad-set-pro_ultralight.woff');
}
@font-face {
	font-family: "my";
	src: url('myriad-set-pro_text.woff');
}
@font-face {
	font-family: "mythin";
	src: url('myriad-set-pro_thin.woff');
}
@font-face {
	font-family: "mybold";
	src: url('myriad-set-pro_semibold.woff');
}


@font-face {
	font-family: "josefin";
	src: url("Font/JosefinSans-Light.ttf");
}
@font-face {
	font-family: "always";
	src: url("Font/always_forever.ttf");
}
@font-face {
	font-family: "existence";
	src: url("Font/Existence-UnicaseLight.otf");
}
@font-face {
	font-family: "miso";
	src: url("Font/MISO-LIG.OTF");
}
@font-face {
	font-family: "nzero";
	src: url("Font/n022024l.pfb");
}
*/

@font-face {
	font-family: "latest";
	src: url('Font/latest.woff2');
}
@font-face {
	font-family: "latestnormal";
	src: url('Font/latestnormal.woff2');
}


body {
	-webkit-transition: -webkit-transform .7s, opacity 3s;
	-moz-transition: -moz-transform .7s, opacity 3s;
	-o-transition: -o-transform .7s, opacity 3s;
	-ms-transition: -ms-transform .7s, opacity 3s;
	transition: transform .7s, opacity 3s;
	--red: #E82429;
	--blue:#1D7AA3;
	--green: rgba(33, 200, 118,1);
	--black1: #383838;
	--purple: #141547;
	--orange: #c55112;
	margin: 0;
	font-size: 15px;
	color: rgb(0,0,0);
/* 	color: #5f6a7d; */
	line-height: 22px;
	font-family: "Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.PageContentArea {
	width: 100%;
	min-width: 1024px;
	margin: 0 auto;
	position: relative;
	overflow: hidden; 
	/* border-top: 1px solid #000; */
}


.LogoSentence {
	position: absolute;
	font-size: 13px;
/* 	color: rgb(238, 113, 11); */
	top: 42px;
	left: 60px;
	color: #b5e3f8;
}

.SquareBadge {
	z-index: -1;
	position: absolute;
	bottom: -13px;
	left: 800px;
	width: 100px;
}

.SignUp:hover {
	text-shadow: 0px 0px 15px yellow;
}

\
.TopMenu .MenuItem {
	user-select: none;

	transition: color .8s, transform .8s, text-shadow .8s, border .8s;
/* 	float: left; */
	display: inline-block;
	text-align: center;
	font-size: 13px;
	color: #fff;
	cursor: pointer;
	padding: 0px 19px;
	position: relative;
	border-right: 1px solid transparent;
}
.TopMenu .MenuItem:nth-last-child(1) {
	text-align: right;
}
.TopMenu .MenuItem:hover span {
	color: #1F9B6B;
}

.TopMenu .MenuItem:hover {
/* 	border-right: 1px solid #313131; */
/* 	background-color: #313131; */
    border-top: 2px solid var(--green);
}
.SubMenu {
	box-shadow: 5px 10px 18px rgba(100,100,100,.3);
	background-color: #111;
	color: #fff;
	position: absolute;
	top:39px;
	right:-1px;
	width:220px;
	z-index:1111;
	text-align: right;
	height:0%;
	overflow: hidden;
	transition: opacity .7s;
	opacity: 0;
	padding-bottom: 0px;
}
.TopMenu .MenuItem:hover .SubMenu {
	height: auto;
	opacity: 1;
}
.SubMenu > div {
	padding:0px 20px;
	cursor: pointer;
	height:50px;
	line-height:50px;
	border-bottom: 1px dotted #777;
	transition: background-color 1s, transform .5s;
	transform: translateX(300px);
	font-size:13px;
}
.TopMenu .MenuItem:hover .SubMenu > div {
	transform: translateX(0px);
}
.SubMenu > div:nth-child(1) {
	transition-delay: 0s;
}
.SubMenu > div:nth-child(2) {
	transition-delay: .3s;
}
.SubMenu > div:nth-child(3) {
	transition-delay: .6s;
}
.SubMenu > div:nth-child(4) {
	transition-delay: .9s;
}
.SubMenu > div:nth-child(5) {
	transition-delay: 1.2s;
}

.SubMenu > div:nth-last-child(1) {
	border-bottom: none;;
}
.SubMenu > div:hover {
	background-color: rgba(255,255,255,.1);
}

.LearnMoreBtn {
	border: 1px solid rgba(0,0,0,0);	
	transition: backgound-color 2s, border-radius 14s, border 2s, color 2s;
}


.TopSecondMenu {
	position: relative;
	height: 35px;
	line-height:30px;
	border-bottom: 1px solid rgba(255,255,255,.5);
	margin:0 auto;
	margin-top:50px;
	width: 1024px;
	text-align: right;
	display: none;
}
.ShowFixBar .TopSecondMenu {
	background-color: rgba(255,0,0,.8);
	border: none;
}

.TopSecondMenu  > div {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	color: #fff;
	padding:0px 15px;
	cursor: pointer;
	line-height:35px;
	height:35px;
	transition: background-color .7s;
/* 	text-transform: uppercase; */
	/*float: right;*/
/* 	font-weight: bold; */
}

.TopSecondMenu  div:hover {
	background-color:#E82429; // rgba(250,10,10,1);
}



.InternalPage .TopSecondMenu  > div {
	/* color: #333; */
}
.InternalPage .TopSecondMenu  {
	border-bottom: none;
}

.FreeBadge {
	position: absolute;
	left: 300px;
	bottom: -30px;
	width: 120px;
	display: none;
	-webkit-transform: rotateZ(-18deg);
	-moz-transform: rotateZ(-18deg);
	-o-transform: rotateZ(-18deg);
	-ms-transform: rotateZ(-18deg);
	transform: rotateZ(-18deg);
}

.FreeBadge2 {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 130px;
}

.MainArea {
	width: 100%;
	/* min-width: 1024px; */
	/* height: 460px; */
	/* background-image: url(ImgObjects/Background1.jpg); */
	background-position: top;
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	/* -webkit-box-shadow: 0px 0px 15px black inset; */
	/* box-shadow: 0px 0px 15px black inset; */
	display: inline-block;
}

.SignUpPage {
	height:800px !important;
}

.JustTopShadow {
	-webkit-box-shadow-top: 0px 0px 15px black inset;
	-webkit-box-shadow-bottom: none;
}

.Banner {
	width: 1024px;
	margin: 0 auto;
	height: 800px;
	position: relative;
	overflow: hidden;
	-webkit-perspective: 700px;
	z-index:10;

}

.MainAreaShort {
/* 	height: 100px; */
}

.Banner .Ribbon {
	position: absolute;
	top: 0px;
	left: 0px;
}

.Banner .Ribbon .Slide {
	width: 1024px;
	height: 460px;
	float: left;
	position: absolute;
	top: 110px;
	opacity: 0;
	transition: top 1.5s, opacity 1s;
	/* display: none; */
}

.Banner .Ribbon .Slide div {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.Banner .Ribbon .SlideSelected {
	opacity: 1;
	top:50px;
}

.Banner .Image {
	position: absolute;
	top: 30px;
	left: 360px;
	height:350px;
}

.BottomBar1 {
	width: inherit;
	height: 120px;
/* 	background-color: var(--green); */
/* 	background-color: #fff; */
    background-color: #1d1d1d;
	border-bottom: 1px solid #ccc;;
	position: relative;
	margin: 0 auto;
	padding: 30px 0px;
	/* z-index:300; */
	overflow: hidden;
/* 	display: none; */
    display: none;
}
.SubjectPage .BottomBar1 {
	padding: 0px;Z
}

.BottomBar1 .BannerSentence {
	position: relative;
	height: 200px;
	margin: 0 auto;
	margin-left:100px;
	width: 1024px;
	height: 50px;
	overflow: hidden;
}
.BannerBrands {
	position: relative;
	height: 55px;
	text-align: center;
	overflow: hidden !important;
	/* background-color: #fff; */
}
.BannerBrands > div {
	overflow: hidden;
}
.BannerBrands img {
	height: 55px;
	vertical-align: middle;
	margin: 0px 20px;
}
.BottomBar1 .Sentence {
	color: #fff;
	transition: opacity 2s, left 2s, transoform 1s;
	transition-delay: 2s;
	position: absolute;
	top: 0px;
	left: -1000px;
	font-size: 18px;
	opacity: 0;
	filter: alpha(opacity=0);
	width:780px;	
	height:50px;
	line-height:50px;
	box-sizing: border-box;
	padding-left:120px;
	background-repeat: no-repeat;
	background-size: auto 80%;
	background-position: center left;
}
.BottomBar1 .Sentence:nth-child(1) {
	background-image: url(ImgObjects/functionicon8.png);
}
.BottomBar1 .Sentence:nth-child(2) {
	background-image: url(ImgObjects/functionicon13.png);
}
.BottomBar1 .Sentence:nth-child(3) {
	background-image: url(ImgObjects/functionicon18.png);
}
.BottomBar1 .Sentence:nth-child(4) {
	background-image: url(ImgObjects/functionicon11.png);
}
.BottomBar1 .Sentence:nth-child(5) {
	background-image: url(ImgObjects/functionicon1.png);
}
.BottomBar1 .Sentence:nth-child(6) {
	background-image: url(ImgObjects/functionicon14.png);
}


.BottomBar1 .Selected {
	opacity: 1;
	left:90px;
}
.LandingPage .BottomBar1 {
	background-color: orange;
}
.LandingPage .BottomBar1 * {
	color: #fff;	
}
.PanelInternal {
	width: 1024px;
	height: 460px;
	border-bottom: 1px solid #eee;
	margin: 0 auto;
	position: relative;
}

.PanelHelp {
	width: 1024px;
	height: 1280px;
	border-bottom: 1px solid #eee;
	margin: 0 auto;
	position: relative;
}

.PanelFeatures {
	width: 1024px;
	height: 1760px;
	border-bottom: 1px solid #eee;
	margin: 0 auto;
	position: relative;
}
.Panel {
	width: 1024px;
	min-height: 460px;
	/* border-bottom: 1px solid #ccc; */
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top;
	position: relative;
	overflow: hidden;
	height:auto;
	
}

.PanelLong {
	width: 100%;
}
.WebsiteTopPanel {
	height:345px;
	min-height:0px;
	/* border: none; */
}

.TopPanel1 {
/* 	min-height:170px; */
	height: 180px !important;
}
.DiagramBoxes {
	margin-left:30px;
	margin-top:10px;
}
.DiagramBox {
	display: inline-block;
	margin: 0px 10px;
	width: 210px;
	vertical-align: top;
	text-align: center;
	color: #999;
	font-size:22px;
	line-height:28px;
}
.DiagramBox img {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.Panel .PanelImage {
	position: absolute;
}

.Panel .TextBox {
	position: absolute;
	width: 450px;
	/* height: 350px; */
	z-index:100;
	/* height: 100%; */
}
.Panel .LeftTextLong {
	width: auto;
	padding: 30px 60px;	
	padding-bottom: 10px;
}

.Panel .LeftText {
	top: 50px;
	left: 30px;
}

.Panel .RightText {
	top: 50px;
	left: 510px;
}

.Panel .LeftImage {
	top: 30px;
	left: 20px;
	transition: transform 1.5s, opacity 1.5s;
	transform: translateX(-300px);
	opacity: 0;
}
.Panel .ApearEffect {
	transform: none;
}

.Panel .RightImage {
	top: 30px;
	left: 530px;
	transition: transform 1.5s, opacity 1.5s;
	transform: translateX(300px);
	opacity: 0;
}
.Panel .FromBottomEffect {
	transform: translateY(200px);
}

.InView .RightImage {
	transform: none;
	opacity:  1;
}
.InView .LeftImage {
	transform: none;
	opacity:  1;
}

.Panel .Title {
	font-size: 25px;
/* 	color: var(--orange); */
	line-height: 32px;
	margin-bottom: 15px;
	color: #000;
	font-weight: 600;
}
.BackgroundPanel.Panel .Title {
	color: #fff;
	font-size: 32px;
}
.BackgroundPanel.Panel .TextBoxContent {
	color: #fff;
}

.ServiceRotator .Title {
	color: lightblue;
}
.Panel .TextBox .TextBoxContent {
	font-size: 15px;
	line-height: 25px;
}

.DarkGray .TextBox {

	left:50px;
}
.DarkGray {
	overflow: hidden;
}
.DarkGray .RightImage {
	left: auto;
	right:30px;
	width:400px !important;
	top:45px;
}
.DarkGray .TextBoxContent {
	color: #fff !important;
}
.InterfacesPage .Content {
	background-image: url(ImgObjects/WhitePattern1.jpg) !important;
	background-repeat: repeat;		
}
.InterfacesPage {
	background-image: url(ImgObjects/WhitePattern1.jpg);
	background-repeat: repeat;		
}
.InternalPage .TopBar {
	/* background-color: #fff; */
	background-image: none;
}

.ContactusPage .Panel {
	border: none;
}


.PortfolioPage .ContentArea {
	height:7200px;
}

.Footer {
	margin-top: 80px;
	width: 100%;
	min-width: 1024px;
	height: 200px;
	background-color: var(--purple);
	color: #fff;
}

.Footer .Bar1 {
	margin: 0 auto;
	height: 20px;
	width: 1024px;
	position: relative;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	position: relative;
	top: 20px;
}

.Footer .Bar1 .Left {
	float: left;
	padding-left: 10px;
}

.Footer .Bar1 .Left div {
}

.Footer .Bar1 .Left div:nth-last-child(1) {
	border: none;
}

.Footer .Bar1 .Right {
	position: absolute;
	left: 0px;
	padding-right: 10px;
	top: 150px;
}

.Footer .Bar1 .Right div {
	float: right;
}
.ImagingInfrastructure .Footer {
	margin-top: 180px;
}
.LeftArrow {
	position: absolute;
	top: 200px;
	left: 10px;
	z-index: 10000;
	border-radius:200px;
	width:50px;
	height:50px;
	cursor: pointer;
	opacity: .7;
}

.RightArrow {
	position: absolute;
	top: 200px;
	right: 10px;
	z-index: 10000;
	border-radius:200px;
	width:50px;
	height:50px;
	cursor: pointer;
	opacity: .7;
}

.FeaturesContent {
	width: 1024px;
	margin: 0 auto;
	/* position: relative; */
	/* 	z-index: 1000; */
	/* height:2400px; */
}

.FeaturesContent .Content {
	width: 1024px;
	min-height: 800px;
	background-color: rgba(255,255,255,.9);
	background-position: top;
	position: relative;
	margin-top: -450px;
	z-index: 1000; 
}

.SignupContent {
	width: 1024px;
	margin: 0 auto;
	position: relative;
/* 	z-index: 1000; */
}

.SignupContent .Content {
	width: 1024px;
	min-height: 800px;
	background-image: none;
	background-color: #f1f1f1;
	position: absolute;
	top: -400px;
/* 	z-index: 1000; */
}

.SignupContent .Content .Margin {
	margin: 30px;
	margin-top: 10px;
}

.HelpContent {
	width: 1024px;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
	top: 80px;
}
.ContentArea {
	width: 1024px;
	margin: 0 auto;
	/* position: relative; */
	z-index: 1000;
/* 	top: 80px; */
}

.ContentArea .Content {
	width: 1024px;
	background-image: none;
	/* 	background-color: #eaeaea; */
	background-color: #fff;
	z-index: 1000;
}


.HelpContent .Content {
	width: 1024px;
	min-height: 1200px;
	background-image: none;
	background-color: #eaeaea;
	position: absolute;
	top: 0px;
	z-index: 1000;
}


.Background0 {
		/*background-image: url(ImgObjects/Background20.jpg);*/
	background-image: url(ImgObjects/Background2.jpg);
	opacity: 1;
}
.Background1 {
	background-image: url(Galeria/photo57.jpg);
}
.BackgroundShort1 {
	background-image: url(ImgObjects/Backgroundshort1.jpg);
}
.Background31 {
	background-image: url(ImgObjects/Background4.jpg);
}
.Background38 {
	background-image: url(ImgObjects/globalclientmap.jpg);
}
.Background41 {
	background-image: url(ImgObjects/background41.jpg);
}

.Background3 {
	background-image: url(ImgObjects/asystirimg38.jpg);
	background-size: 100% !important;
}
.BackgroundShort3 {
	background-image: url(ImgObjects/autoserviceshort1.jpg);
}

.LandingPage .Background3 {
	background-image: url(ImgObjects/Background18.jpg);
}

.Background4 {
	background-image: url(ImgObjects/beds.jpg);
	opacity: 1;
}

.Background10 {
	background-image: url(ImgObjects/Background10.jpg);
	min-height: 0px;
	height:395px !important;
}

.Background11 {
	background-image: url(ImgObjects/Background11.jpg);
}

.Background12 {
	background-image: url(ImgObjects/Background12.jpg);
}
.Background13 {
	background-image: url(ImgObjects/Background13.jpg);
}
.Background14 {
	background-image: url(ImgObjects/Mobile2.jpg);
}
.ImagingInfrastructure .Background14 {
	background-image: url(ImgObjects/imaging01.jpg);	
}

.Background15 {
	background-image: url(ImgObjects/GreenBoard.jpg);
}
.Background16 {
	background-image: url(ImgObjects/certificate2.jpg);
}
.Background17 {
	background-image: url(ImgObjects/Background17.jpg);
}
.Background18 {
	background-image: url(ImgObjects/aboutus2.jpg);
}
.Background19 {
	background-image: url(ImgObjects/aboutusimage4.jpg);
}
.Background20 {
	background-image: url(ImgObjects/service0.jpg);
}
.Background21 {
	background-image: url(ImgObjects/service1.jpg);
}
.Background22 {
	background-image: url(ImgObjects/service2.jpg);
}
.Background23 {
	background-image: url(ImgObjects/service3.jpg);
}
.Background24 {
	background-image: url(ImgObjects/service4.jpg);
}
.Background25 {
	background-image: url(ImgObjects/service5.jpg);
}
.Background26 {
	background-image: url(ImgObjects/service6.jpg);
}
.Background27 {
	background-image: url(ImgObjects/service7.jpg);
}
.Background28 {
	background-image: url(ImgObjects/Background22.jpg);
}
.Background29 {
	background-image: url(ImgObjects/PrrieTop.jpg);
}
.Background31 {
	background-image: url(ImgObjects/keyboardbackground.jpg);
	background-position: center;
}
.Background32 {
	background-image: url(ImgObjects/portal1.jpg);
}
.Background33 {
	background-image: url(ImgObjects/values.jpg);
}
.Background34 {
/* 	background-image: url(ImgObjects/Pattern15.png); */
	background-image: url(ImgObjects/whitebackground2.jpg);
/* 	background-repeat: repeat; */
	background-size: 100%;
}
.Background35 {
	background-image: url(ImgObjects/autoservice1.jpg);
	-webkit-filter: brightness(65%) !important;

}
.Background36 {
	background-image: url(ImgObjects/backgroundtop1.jpg);	
}
.Background37 {
	background-image: url(ImgObjects/beds2.jpg);	
	background-position: center;
}
.Background49 {
	background-image: url(ImgObjects/training1.jpg);
}
.Background48 {
	background-image: url(ImgObjects/background48.jpg);
	background-position: center;
}
.Tile0 {
	background-image: url(ImgObjects/service0.jpg);
}
.Tile1 {
	background-image: url(ImgObjects/service1.jpg);
}
.Tile2 {
	background-image: url(ImgObjects/service2.jpg);
}
.Tile3 {
	background-image: url(ImgObjects/service3.jpg);
}
.Tile4 {
	background-image: url(ImgObjects/service4.jpg);
}
.Tile5 {
	background-image: url(ImgObjects/service5.jpg);
}
.Tile6 {
	background-image: url(ImgObjects/service6.jpg);
}
.Tile7 {
	background-image: url(ImgObjects/service7.jpg);
}
.Tile8 {
	background-image: url(ImgObjects/Background22.jpg);
}


.Background30 {
	background-image: url(ImgObjects/ipadlabbackground.jpg);
}

.IpadLabPanel {
	height: 460px;;
}
.ImagingLabPanel {
	height: 960px;;	
}
.Column {
	display: inline-block;
	vertical-align: top;
}

.HelpContent .Column {
	width: 450px;
	margin-left: 30px;
	float: left;
	vertical-align: top;
	height: 800px;
}

.HelpContent .TextBox {
	width: 450px;
}

.HelpContent .TextBox .Title {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 450px;
	height: 35px;
	font-size: 18px;
	color: rgb(238, 113, 11);
	line-height: 35px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #aaa;
}

.HelpContent .TextBox .Title:hover {
	color: #555;
}

.HelpContent .TextBox .TextBoxContent {
	font-size: 14px;
	color: rgb(102,102,102);
	line-height: 25px;
	margin-bottom: 30px;
}

.PageHeader {
	width: inherit;
	height: 80px;
	position: relative;
}

.PageTitle {
	font-size: 26px;
	color: #333;
	line-height: 70px;
	margin-left: 60px;
}
.SplashPage .PageTitle {
	text-align: center;
	margin:0px;
	font-size:22px;
	line-height:70px;
	
}
.FormIntro {
	margin-left: 40px;
	line-height: 25px;
	height: 40px;
	width: 800px;
	padding-top: 10px;
	border-top: 1px solid #aaa;
}

.Devices {

	-webkit-transition: -webkit-transform .7s, opacity .7s;
	-moz-transition: -moz-transform .7s, opacity .7s;
	-o-transition: -o-transform .7s, opacity .7s;
	-ms-transition: -ms-transform .7s, opacity .7s;
	transition: transform .7s, opacity .7s;
	position: absolute;
	top: 570px;
	right: 40px;
}

.PageContentArea .AgreementBox {
	margin-left: 120px;
	width: 280px;
	line-height: 20px;
}

.AllDevicesBadge {

	-webkit-transition: -webkit-transform .7s, opacity .7s;
	-moz-transition: -moz-transform .7s, opacity .7s;
	-o-transition: -o-transform .7s, opacity .7s;
	-ms-transition: -ms-transform .7s, opacity .7s;
	transition: transform .7s, opacity .7s;
	position: absolute;
	width: 210px;
	top: 220px;
	right: 20px;

	-webkit-transform: rotateZ(-18deg);
	-moz-transform: rotateZ(-18deg);
	-o-transform: rotateZ(-18deg);
	-ms-transform: rotateZ(-18deg);
	transform: rotateZ(-18deg);
}

.VisiblePage {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.LoginBtn {
	width:100px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right:140px;
	top:20px;
	text-align: center;
	color: var(--blue);
/* 	background-image: url(ImgObjects/LoginBadge.png); */
	background-repeat: no-repeat;
	cursor: pointer;
	text-align: right;
	cursor: pointer;
	font-weight: bold;
	padding-right:20px;
	border-right: 1px solid var(--blue); 
}
.LogoutBtn {
	width: 120px;
	height: 25px;
	position: absolute;
	right:5px;
	text-align: center;
	line-height: 25px;
	color: #999;
/* 	background-image: url(ImgObjects/LoginBadge.png); */
	background-repeat: no-repeat;
	cursor: pointer;
	top:1px;	
	text-align: right;
	cursor: pointer;
}
.VideoThumb {
	width: 250px;
	height: 172px;
	border: 8px solid #aaa;
	border-radius: 4px;
	position: relative;
	margin-top: 40px;
	margin-left: 80px;
}

.VideoThumb .Title {
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	line-height: 30px;
	position: absolute;
	top: -40px;
	color: #f78d1d;
	left: 0px;
	width: inherit;
}

.SocialMediaBar {
	position: absolute;
	top: 15px;
	right: -20px;
	width: 200px;
}

.SocialMediaBar img {
	margin-right: 15px;
	height:40px;
	cursor: pointer;
}

.FeaturesTable {
	font-size: 14px;
	font-weight: 400;
	color: #4e4e4e;
	border-collapse: collapse;
	border-spacing: 0;
/* 	margin: 40px; */
	display: inline-block;
	vertical-align: top;
	width:485px;
}

.FeaturesTable td {
/* 	border: 1px solid #8e8e8e; */
	vertical-align: middle;
	padding: 8px;
}

.FeaturesTable tr td:nth-child(2) {
	width: 350px;
	border-left: none;
	color: #1d7aa3;
	font-size: 18px;
	line-height:28px;
	font-weight: bold;
}

.FeaturesTable tr td:nth-child(4) {
	width: 60px;
	text-align: center;

}

.FeaturesTable tr td:nth-child(1) {
	text-align: center;
	vertical-align: top;
}

.FeaturesTable tr td:nth-last-child(1) {
	border-right: none;
	vertical-align: top;
}

.FeaturesTable tr:nth-child(1) {
	border-top: none;
}

.PlayerHolder {
	width: 1024px;
	height: 0px;
	margin: 0 auto;
	position: relative;
}

.VideoPlayerBackground {
	-webkit-transition: -webkit-transform .7s;
	-moz-transition: -moz-transform .7s;
	-o-transition: -o-transform .7s;
	-ms-transition: -ms-transform .7s;
	transition: transform .7s;
	width: 1024px;
	height: 900px;
	position: absolute;
	top: -950px;
	left: 0px;
	z-index: 100000;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.7)), to(rgba(0,0,0,0)));
	background: -moz-linear-gradient(top,  rgba(0,0,0,.7),  rgba(0,0,0,0));

}

.VideoPlayerBackgroundShow {
	-webkit-transform: translateY(950px);
	-moz-transform: translateY(950px);
	-o-transform: translateY(950px);
	-ms-transform: translateY(950px);
	transform: translateY(950px);
}

.VideoPlayerBackground .VideoPlayer {
	border: 10px solid rgba(255,255,255,1);
	border-radius: 4px;

	-webkit-box-shadow: 0px 0px 15px black;
	box-shadow: 0px 0px 15px black;
	width: 640px;
	height: 320px;
	position: absolute;
	top: 80px;
	left: 192px;
	background: -webkit-gradient(radial, center center, 40, center center, 700, from(#666), to(#000));
	background: -moz-linear-gradient(top,  rgba(0,0,0,0),  rgba(0,0,0,5));
	filter:  progid:DXImageTransform.Microsoft.Gradient(startColorstr='#666666', endColorstr='#000000');
}

.CloseBtn {
	position: absolute;
	top: -30px;
	right: -30px;
}
.CloseBtn1 {
	position: absolute;
	top: 5px;
	right: 5px;
	background-image: url(ImgObjects/CloseBtn3.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px; 
	cursor: pointer;
	z-index: 10000000;
}


.GrayColor {
	background: #f3f3f2;
}
.GrayColor2 {
	background: #EAEAE8;
}

.ImagePlayer {
	width: 1024px;
	height: 600px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

.PlayerBox {
	position: absolute;
}
.PortfolioBox {
	perspective: 1200px;
	border: none !important;
	background-image: url(ImgObjects/backgroundblack1.jpg);
	background-size: auto 200%;
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;	
	box-shadow: 0px 0px 35px rgba(100,100,100,.7) inset;	
}
.PlayerBox img {
	transition: opacity 1.5s, transform 1.5s, left 1.5s;
	/* box-shadow: 0px 10px 25px rgba(100,100,100,.7); */
	transform-origin: bottom;
	position: absolute;
	left: -1900px;
	top:50px;
	opacity:0;
}
.ImagePlayer4 .PlayerBox img {
	box-shadow: none;
}
.ImagePlayer3 .PlayerBox img {
	box-shadow: none;
}

.PortfolioBox .PlayerBox img {
	width:800px;
}
.ImagePlayer3 .PlayerBox img {
	height: 530px;
	width: auto;
}
.ImagePlayer .PhotoSelected {
	transform:  rotateX(0deg);
	left:112px;
	opacity: 1;
}
.ImagePlayer3 .PhotoSelected {
	left:370px;
}


.ArrowLeft {
	position: absolute;
	top: 230px;
	left: 0px;
}

.ArrowRight {
	position: absolute;
	top: 230px;
	right: 0px;
}

.ImagePlayerTitle {
	font-family: helvetica;
	font-size: 24px;
/* 	text-shadow: 2px 2px 2px white; */
/* 	color: #0095cd; */
	color: #fff;
	font-weight: 500;
	width: 100%;
	position: absolute;
	top:15px;
	text-align: center;
	box-sizing: border-box;
}

.TutorialsBar {

	-webkit-transition: -webkit-transform .7s, opacity 1s;
	-moz-transition: -moz-transform .7s, opacity 1s;
	-o-transition: -o-transform .7s, opacity 1s;
	-ms-transition: -ms-transform .7s, opacity 1s;
	transition: transform .7s, opacity 1s;
}

.SignUpPage .TutorialsBar {
	display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	top: 300px;
	z-index: 1;
}

.SignUpPage .TutorialsBar .VideoThumb {
	margin-left: 30px;
}

.SignUpPage .TutorialsBarShow {
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.TutorialsBar .VideoThumb {
	float: left;
	margin-left: 60px;
}

.SignUpForm {
	background-repeat: no-repeat;
	background-position: center;

	-webkit-background-size: 70% 100%;
	-moz-background-size: 70% 100%;
	background-size: 70% 100%;
	margin-bottom:0px;
}

.SignUpForm label.error {
	color: #6F0B09; /*	position:  absolute;
	
	top: 65px;
	
	text-align:  left;
	
	font-size: 11;
	*/
}

@keyframes "Sending" {
 0% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }
 50% {
    -webkit-transform: scale(.2);
   	-moz-transform: scale(.2);
   	-o-transform: scale(.2);
   	-ms-transform: scale(.2);
   	transform: scale(.2);
 }
 100% {
    -webkit-transform: translateX(1900px) translateY(-800px);
   	-moz-transform: translateX(1900px) translateY(-800px);
   	-o-transform: translateX(1900px) translateY(-800px);
   	-ms-transform: translateX(1900px) translateY(-800px);
   	transform: translateX(1900px) translateY(-800px);
 }

}

@-moz-keyframes Sending {
 0% {
   -moz-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -moz-transform: scale(.2);
   transform: scale(.2);
 }
 100% {
   -moz-transform: translateX(1900px) translateY(-800px);
   transform: translateX(1900px) translateY(-800px);
 }

}

@-webkit-keyframes "Sending" {
 0% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -webkit-transform: scale(.2);
   transform: scale(.2);
 }
 100% {
   -webkit-transform: translateX(1900px) translateY(-800px);
   transform: translateX(1900px) translateY(-800px);
 }

}

@-ms-keyframes "Sending" {
 0% {
   -ms-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -ms-transform: scale(.2);
   transform: scale(.2);
 }
 100% {
   -ms-transform: translateX(1900px) translateY(-800px);
   transform: translateX(1900px) translateY(-800px);
 }

}

@-o-keyframes "Sending" {
 0% {
   -o-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -o-transform: scale(.2);
   transform: scale(.2);
 }
 100% {
   -o-transform: translateX(1900px) translateY(-800px);
   transform: translateX(1900px) translateY(-800px);
 }

}

.SendEmail1 {
	background-image: url(ImgObjects/SendingEmail.png);
}

.SendEmail1 * {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.SendEmail2 {
	-webkit-animation: Sending 3s;
	-moz-animation: Sending 3s;
	-ms-animation: Sending 3s;
	-o-animation: Sending 3s;
	animation: Sending 3s;

	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;

	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.HideElement {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.SendSignUp {
	-webkit-transition: -webkit-transform .7s, opacity .7s;
	-moz-transition: -moz-transform .7s, opacity .7s;
	-o-transition: -o-transform .7s, opacity .7s;
	-ms-transition: -ms-transform .7s, opacity .7s;
	transition: transform .7s, opacity .7s;
	width:250px; 
	line-height: 30px;
	font-size:26px !important;
	padding: 20px 30px !important;
}

.AgreementBox span {
	line-height: 25px;
}

.TermsAndConditions {
	-webkit-box-shadow: 0px 0px 15px black;
	box-shadow: 0px 0px 15px black;

	-webkit-transition: -webkit-transform .7s;
	-moz-transition: -moz-transform .7s;
	-o-transition: -o-transform .7s;
	-ms-transition: -ms-transform .7s;
	transition: transform .7s;
	width: 900px;
	height: 660px;
	top: -750px;
	left: 62px;
	position: absolute;
	z-index: 100000;
	background-color: #fff;
}

.TermsAndConditionsShow {
	-webkit-transform: translateY(800px);
	-moz-transform: translateY(800px);
	-o-transform: translateY(800px);
	-ms-transform: translateY(800px);
	transform: translateY(800px);
}

.TermsAndConditions .BottomBar {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: inherit;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #e1e1e1;
}

.TermsAndConditions .Content {
	width: 820px;
	padding-left: 40px;
	padding-right: 40px;
	height: 570px;
	position: absolute;

	-ms-overflow-y: scroll;
	overflow-y: scroll;
	top: 30px;
	background-color: #fff;
}

.TermHolder {
	width: 1024px;
	height: 0px;
	margin: 0 auto;
	position: relative;
}

.Privacy {
	-webkit-box-shadow: 0px 0px 15px black;
	box-shadow: 0px 0px 15px black;

	-webkit-transition: -webkit-transform .7s;
	-moz-transition: -moz-transform .7s;
	-o-transition: -o-transform .7s;
	-ms-transition: -ms-transform .7s;
	transition: transform .7s;
	width: 900px;
	height: 660px;
	top: -750px;
	left: 62px;
	position: absolute;
	z-index: 100000;
	background-color: #e1e1e1;
}

.PrivacyShow {
	-webkit-transform: translateY(800px);
	-moz-transform: translateY(800px);
	-o-transform: translateY(800px);
	-ms-transform: translateY(800px);
	transform: translateY(800px);
}

.Privacy .BottomBar {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: inherit;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #e1e1e1;
}

.Privacy .Content {
	width: 820px;
	padding-left: 40px;
	padding-right: 40px;
	height: 570px;
	position: absolute;

	-ms-overflow-y: scroll;
	overflow-y: scroll;
	top: 30px;
	background-color: #fff;

	-webkit-box-shadow: 0px 0px 15px black inset;
	box-shadow: 0px 0px 15px black inset;
}

.TermHolder {
	width: 1024px;
	height: 0px;
	margin: 0 auto;
	position: relative;
}
.PrivacyContent {
	width: 1024px;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
	top: 80px;
}

.PrivacyContent .ContentText {
	margin:50px;	
}

.BottomBar1 .PortfolioBar {
	position: absolute;
	left:30px;
	top:10px;	
	width: 620px;
	overflow: hidden;
	height: 120px;
	display: none;
}
.BottomBar1 .PortfolioBar .PortfolioSlider {
	position: absolute;
	width:3000px;
	-webkit-animation: PortfolioBar 105s infinite linear alternate;
}
.BottomBar1 .PortfolioBar .PortfolioSlider:hover {
	-webkit-animation-play-state:paused;
}

.BottomBar1 .PortfolioSlider img {
	-webkit-transition: box-shadow .7s;
	height: 60px;	
	margin-right:8px;
	margin-left:8px;
	margin-top:15px;
	box-shadow: 0px 0px 15px black;
	cursor: pointer;
}
.BottomBar1 .PortfolioSlider img:hover {
	box-shadow: 0px 0px 25px white;
}

.WebConnectBar {
	-webkit-transition: -webkit-transform .7s, width .8s;
	-moz-transition: -moz-transform .7s, width .8s;
	-o-transition: -o-transform .7s, width .8s;
	-ms-transition: -ms-transform .7s, width .8s;
	transition: transform .7s, width .8s;
	position: absolute;
	top: 330px;
	left: 50px;
	width: 885px;
	height: 62px;
	overflow: hidden;
	background-image: url(ImgObjects/WebBar.png);
	z-index:120;
}
.WebConnectBar img {
	position: absolute;
	top:10px;
	left:210px;
}
.WebPhone {
	position: absolute;
	top:250px;
	z-index:130;
}
.DesignWeb1 {
	position: absolute;
	top:71px;
	left: 402px;
	width: 569px;
	z-index:101;
	height:320px;
}
.Line2 {
	top:60px !important;
	width: 330px !important;
	left: 40px !important;
}
.Line3 {
	width:290px !important;
}
.webbarsentence {
	color: #fff;
	font-size:30px;
	position: absolute;
	left:170px;
	top:15px;
}
.PortfolioDisplayerBox {
	-webkit-transition: -webkit-transform .7s, top .7s;
	width: inherit;
	height: 900px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.7)), to(rgba(0,0,0,0)));
	background: -moz-linear-gradient(top,  rgba(0,0,0,.7),  rgba(0,0,0,0));
	position: absolute;
	top:-1000px;

}
.PortfolioDisplayerBoxShow .PortfolioDisplayerBox {
	top:0px;	
}
.CenterAligner {
	margin: 0 auto;
	width: 1024px;
	position: relative;
}
.WebPorfolioMosaic {
	border: none;
	height:620px;
}
.WebMosaic {
		
}
.WebMosaic .BoxTile {
	-webkit-transition: background-size .7s;
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
/* 	background-image: none; */
	background-position: center top;
	background-color: #313131;
	cursor: pointer;
}
.WebMosaic .BoxTile:hover {
	background-size:130%
}
.Web1 {
	top:0px;
	left:0px;	
	width: 250px;
	height: 150px; 
	background-image: url(Portfolio/Thumb/BlackIconEast.jpg);
}
.Web2 {
	top:0px;
	left:250px;	
	width: 500px;
	height: 270px; 
	background-image: url(Portfolio/Thumb/Damarcella.jpg);
}
.Web3 {
	top:0px;
	left:750px;	
	width: 274px;
	height: 140px; 
	background-image: url(Portfolio/Thumb/Amor.jpg);
}
.Web4 {
	top:150px;
	left:0px;	
	width: 250px;
	height: 140px; 
	background-image: url(Portfolio/Thumb/Pier9.jpg);
}
.Web5 {
	top:270px;
	left:250px;	
	width: 300px;
	height: 140px; 
	background-image: url(Portfolio/Thumb/BlackIronMidtown.jpg);
}
.Web6 {
	top:270px;
	left:550px;	
	width: 200px;
	height: 110px; 
	background-image: url(Portfolio/Thumb/Guanta.jpg);
}
.Web7 {
	top:140px;
	left:750px;	
	width: 110px;
	height: 94px; 
	background-image: url(Portfolio/Thumb/BlackIron.jpg);
}
.Web8 {
	top:140px;
	left:860px;	
	width: 164px;
	height: 94px; 
	background-image: url(Portfolio/Thumb/BlackIronMidtown.jpg);
}
.Web9 {
	top:290px;
	left:0px;	
	width: 250px;
	height: 140px; 
	background-image: url(Portfolio/Thumb/Luna.jpg);
}
.Web10 {
	top:410px;
	left:250px;	
	width: 300px;
	height: 160px; 
	background-image: url(Portfolio/Thumb/DamarcellaMidtown.jpg);
}
.Web11 {
	top:380px;
	left:550px;	
	width:330px;
	height: 190px; 
	background-image: url(Portfolio/Thumb/DamarcellaVillage.jpg);
}
.Web12 {
	top:380px;
	left:880px;	
	width: 144px;
	height: 89px; 
	background-image: url(Portfolio/Thumb/Ilviolino.jpg);
}
.Web13 {
	top:430px;
	left:00px;	
	width: 250px;
	height: 140px; 
	background-image: url(Portfolio/Thumb/Rino.jpg);
}
.Web14 {
	top:471px;
	left:880px;	
	width: 144px;
	height: 100px; 
	background-image: url(Portfolio/Thumb/Rino.jpg);
}
.Web15 {
	top:236px;
	left:750px;	
	width: 274px;
	height: 144px; 
	background-image: url(Portfolio/Thumb/Rino.jpg);
}

.HomePage .SocialMediaBar {
	display: none;	
	
}
.HomePage .Button1 {
	margin: 0px;
}
.MobileTop .TextBox {
	margin-top: 300px;	

}
.ImagingInfrastructure .MobileTop {

}

.ImagingInfrastructure .MobileTop .TextBox {
	margin-top: 180px;
	background-color: rgba(0,0,0,.5);
	color: #fff !important;
}
.ImagingInfrastructure .MobileTop .TextBox .Title {
	color: #fff !important;
}
.ImagingInfrastructure .MobileTop .TextBoxContent {
	
}

.CardSampler {
	margin-left:60px;
	margin-top:50px;
	position: relative;
}
.CardSampler img {
	position: absolute;
	border-radius: 12px;
	box-shadow: 5px 5px 35px rgba(50,50,50,.8);
	width:350px;
}
.CardSampler .Card1 {

}
.CardSampler .Card2 {
	left:5px;
	top:5px;
}
.CardSampler .Card3 {
	-webkit-transition: -webkit-transform 1s;
	left:10px;
	top:10px;	
	-webkit-transform-origin: top left;
}
.DiscountTopPanel .TextBoxContent {
	color: #fff !important;
}
.DiscountTopPanel:hover .Card3 {
	-webkit-transform: rotateZ(-10deg) translateX(20px) translateY(30px);	
}
.PanelHight {
	height: 840px;	
}
.ContactForm {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D8E8ED), to(#AFE1F0)), url(ImgObjects/Dotted.gif);
	margin-right: 35px;
	margin-top: 20px;
	overflow: hidden;
	/* border-top:4px solid #444; */
	position: relative;	
	margin-left:20px;
	width:450px;
	padding-left:10px;
}
.ContactForm .S2 {
	font-size:22px;
}
.ContactForm .Form1 {
	margin-top:-20px;
}
.FormElement input {
	display: inline-block;
}


.FormMessage {
	-webkit-transition: -webkit-transform .7s, top 1s, opacity 1s;
	position: relative;
	width: 300px;
	margin: 0 auto;
	top:-200px;	
	opacity: 0;
	text-align: center;
}
.MessageSent .FormMessage {
	opacity: 1;
	top: 100px;	
}
.ContactForm [name="name"] {
	width: 300px;		
}
.ContactForm [name="email"] {
	width: 300px;		
}
.ContactForm [name="topic"] {rc
	width: 310px;		
}
.ContactForm [name="message"] {
	width: 390px;		
	display: block;
	height:300px;
	margin-bottom:20px;
}
.Title2 {
	position: absolute;
	top:30px;
	left:480px !important;
	color:#fff;
	font-size:24px;
}
.IPadWeb {
	background-image: url(ImgObjects/ipadweb1.jpg);
	height: 256px !important;
	min-height:0px;
	background-size: auto 100%;
	background-position: left;
	background-color: #0e0e0e;
	/* margin-bottom:50px; */
}
.IPadWeb .Title2 {
	left:435px !important;
	z-index: 1000;
	line-height: 35px;
}
.TouchIcons {
	position: absolute;
	top: 150px;
	left: 435px;
	z-index: 1000;
}

.TouchIcons .TouchIcon {
	width: 50px;
	text-align: center;
	float: left;
	margin-right: 40px;
}

.TouchIcons .TouchIcon img {
	-webkit-transition: -webkit-transform .7s, box-shadow .7s;
	-moz-transition: -moz-transform .7s, box-shadow .7s;
	-o-transition: -o-transform .7s, box-shadow .7s;
	-ms-transition: -ms-transform .7s, box-shadow .7s;
	transition: transform .7s, box-shadow .7s;
}

.TouchIcons .TouchIcon .Touch:hover {
	-webkit-box-shadow: 0px 0px 15px white;
	box-shadow: 0px 0px 15px white;
}

.TouchIcons .TouchIcon .Pinch:hover {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}

.TouchIcons .TouchIcon .Swipe:hover {
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px);
}

.TouchIcons .TouchIcon div {
	color: #aaa;
}

.TouchIcons .TouchIcon div:hover {
	color: orange;
}

.GlassBrowser1 {
	position: absolute;
	top: 46px;
	left: 20px;
}

.GlassBrowserImage1 {
	-webkit-transition: -webkit-transform 1.5s;
	-moz-transition: -moz-transform 1.5s;
	-o-transition: -o-transform 1.5s;
	-ms-transition: -ms-transform 1.5s;
	transition: transform 1.5s;
	position: absolute;
	top: 46px;
	left: 20px;
}

.GlassBrowserImage1:hover {
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-o-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
}

.WebIphone {
	-webkit-transition: -webkit-transform .7s, top .7s;
	-moz-transition: -moz-transform .7s, top .7s;
	-o-transition: -o-transform .7s, top .7s;
	-ms-transition: -ms-transform .7s, top .7s;
	transition: transform .7s, top .7s;
	position: absolute;
	top: 35px;
	left: 380px;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-o-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	z-index: 1;
}


.ImageRight {
	float: right;
	margin-right: 100px;
}

.ImageLeft {
	float: left;
	margin-right: 100px;
}

.WebSiteKeyFeatures li {
	-webkit-transition: -webkit-transform .7s, color .3s;
	-moz-transition: -moz-transform .7s, color .3s;
	-o-transition: -o-transform .7s, color .3s;
	-ms-transition: -ms-transform .7s, color .3s;
	transition: transform .7s, color .3s;
}

.WebSiteKeyFeatures li:hover {
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-o-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
	color: orange;
}

.WebAndMobileBox {
	background-image: url(ImgObjects/GradientLine.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.MobileWeb {
	background-image: url(ImgObjects/MobileWeb.jpg);

	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	height: 380px;
	overflow: hidden;
}
.IpadDesign {
	position: absolute;
	bottom: 0px;
	left: 630px;
	width: 480px;
	height: inherit;
	background-image: url(ImgObjects/adminpc1.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.IpadDesign div {
	color: #eee;
	position: absolute;
	text-shadow: none;
}

.WebTitle1 {
	position: absolute;
	top:40px;
	left:210px;	
	font-size:24px;
	color: #0095cd;
}
.WebTitle2 {
	position: absolute;
	top:40px;
	left:610px;	
	font-size:24px;
	color: #0095cd;
}
.Button1 {
	-webkit-transition: -webkit-transform .7s, background-color .7s;
	font-size: 14px;
	padding: 5px 35px;
	text-align: center;
/* 	border-radius: 4px;	 */
	min-width: 80px;
	font-family: helvetica;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	margin: 20px 30px;
}
.Button2 {
	font-size: 14px;
	padding: 5px 35px;
	text-align: center;
	border-radius: 4px;	
	min-width: 80px;
	font-family: helvetica;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	background-color: none;
	border: 1px solid #fff;
}
.LearnMoreBtn {
	border: 1px solid rgba(0,0,0,0);	
	transition: backgound-color 2s, border-radius 6s, border 2s, color 2s;
}

.GreenColor {
	background-color: var(--green);	
}
.BlueColor {
	background-color: var(--blue);
}


.ColorGray1 {
	background-color: #585844;	
}
.ColorGray1Inverted {
	background-color: none;
	border: 1.5px solid #585844;		
	color: #585844;
}
.ColorGray1Inverted:hover {
	background-color: #5daa00;	
	border: 1px solid transparent;
	color: #fff;
}
.PortfolioTopPanel {
	height: 130px;
	min-height: 0px;	
}

.PortfolioTopPanel .TextBox{
	width: inherit;
}
.PanelWeb {
	-webkit-perspective: 1200px;
	height: auto;
	min-height: none;
	border-bottom: none;
	padding-bottom: 50px;
	height:390px;
	min-height:none;
	border-top:1px solid #ccc;
	padding:20px 0px;
	overflow:hidden;
}
.PanelWeb .Column {
	width:250px;
	margin: 15px;
}
.PanelWeb .Title {
	color: rgb(37, 153, 203);
	font-size:28px;
	line-height:30px;
	margin-bottom: 10px; 
}
.PanelWeb .Title2 {
	color: #888;
	font-size:17px;
	position: static;
/* 	font-style: italic; */
}
.PanelWeb .WebDescripton {
	color: #999;
	font-size:14px;
	line-height: 22px;
	position: static;
	margin-bottom: 10px;
	display: none;
}
.PanelWeb .WebsiteLink {
	color: #ccc;
	font-weight: bold;
	font-size:14px;
	cursor: pointer;
}

.PanelWeb .WebAddress {
	color: orange;;
	font-weight: bold;
	font-size:14px;
	opacity: .5;
}
.PortfolioWebImage {
	-webkit-transition: -webkit-transform .7s;
	width:610px;
	margin:15px 0px;
	display: inline-block;
	cursor: pointer;
}
.TransitionIn {
	-webkit-transform: rotateY(90deg) scale(.7);
}
.FeatureBoxList {
	width:220px;
	height:170px;		
	margin: 10px 0px;
}
.Features {
	width:225px;
	margin-top: 20px;
}
.Features .Title2 {
	color: #84c15b; !important;
	font-style: normal;
	padding-bottom:5px;
	border-bottom: 1px solid #84c15b;
	margin-top:10px;
}
.FeatureBox {
	width: 70px;
	height: 70px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-top: 3px;
	opacity: .4;
}
.FeatureIcon {
	background-image: url(ImgObjects/Icons.png);
	background-size: 500px;
	width: 40px;
	height: 40px; 	
	margin: 0 auto;
}
.FeatureTitle {
	font-size:11px;
	line-height:12px;
}

.OnlineMenuFeature {
	background-position: 90px -50px;
}
.GiftCardFeature {
	background-position: 210px -50px;
}
.ReservationFeature {
	background-position: 150px -110px;
}
.OrderOnlineFeature {
	background-position: 330px -170px;
}
.EmaiCampaignFeature {
	background-position: 90px -230px;
}
.StaffPayrollFeature {
	background-position: 390px -50px;
}
.CloudFeature {
	background-position: 390px -110px;
}
.DatabaseFeature {
	background-position: 450px -230px;
}
.MobileFeature {
	background-position: 150px -230px;
}

.PanelWeb .WebMap {
	-webkit-transition: background-size 1s;
	width:220px;
	height:170px;
	margin: 10px 0px;
	background-image: url(Maps/map1.jpg);
	background-size:100%;
	background-position: center;
}
.PanelWeb .WebMap:hover {
	background-size:150%;
}
.PanelWeb .WebStatus {
	font-size:14px;
	color: rgba(37, 153, 203,.5);
}
.PanelWeb .Inactive {
	color: #a1a109;
}
.ListHightlight li{
	color: #3DA2C9;
	padding: 5px 20px;
/* 	border: 2px solid #3DA2C9;	 */
	font-size:22px;
	margin-left:50px;
	width:350px;
	margin-bottom:0px;
}
.SentenceRotator {
	position: absolute;		
	top: 0px;
	height: 250px;
	width: 100%;
	overflow: hidden;
}
.SentenceRotator div {
	-webkit-transition: -webkit-transform 2s, opacity 1s, top 1.5s, left 2s;
	position: absolute;	
	font-size: 34px;
	width: 550px;
	left:235px;
	top:-150px;
	opacity: 0;
	text-align: center;
	color: #fff;
	font-family: josefin;
	line-height:50px;
	text-transform: uppercase;	
	-webkit-transform: scale(2.5)
}
.SentenceRotator .Selected {
	opacity: 1;
	top:40px;
	-webkit-transform: scale(1)

}
.ReservationPanel .SentenceRotator div {
	width:390px;
	top: 40px;
	left: -600px;
	-webkit-transform: scale(1);
	text-align: left;
/* 	color: #DA1721;	 */
	font-family: helvetica;
}

.ReservationPanel .SentenceRotator .Selected {
	opacity: 1;
	top:40px;
	left: 60px;
	-webkit-transform: scale(1)
}

.MobilePanel .SentenceRotator div {
	width:auto;
	top: -170px;
	left: 400px;
	-webkit-transform: scale(1);
	text-align: left;
/* 	color: #DA1721;	 */
	padding: 10px 30px;
	border:1px solid #fff;
	border-radius:4px;
}

.MobilePanel .SentenceRotator .Selected {
	opacity: 1;
	top:35px;
	-webkit-transform: scale(1)
}

.CustomerCarePanel .SentenceRotator div {
	width:660px;
	top: 35px;
	left: 1200px;
	-webkit-transform: scale(1);
	text-align: left;
 	color: #DA1721;	 
}

.CustomerCarePanel .SentenceRotator .Selected {
	opacity: 1;
	left:310px;
	-webkit-transform: scale(1)
}

.WebSelectorBar {
	position: absolute;
	top:40px;
	left:920px;	
}

.WebSelectorBar .Thumb {
	-webkit-transition: -webkit-filter .7s, opacity .7s;
	width:80px;
	height:60px;
	background-size: 100%;
	background-repeat: no-repeat;	
	background-position: center;
	margin-bottom:5px;
	-webkit-filter: grayscale(100%);
	opacity: .6;
	border: 4px solid transparent;
	border-radius: 4px;
}
.WebSelectorBar .Thumb:hover {
	-webkit-filter: grayscale(0);
	opacity: 1;
}
.WebSelectorBar .Selected {
	border: 4px solid #a0cd65;
	background-color: #a0cd65;
	-webkit-filter: grayscale(0);
	opacity: 1;
}
.GoTopBtn {
	-webkit-transition: -webkit-transform .7s, opacity .7s;
	position: absolute;
	cursor: pointer;
	bottom:20px;
	right:45px;	
	height: 20px;
	opacity: .2;
}
.GoTopBtn:hover {
	opacity: 1;	
}
.SolutionPage .LeftText {
	width: 500px; 
	left:60px;
}
.SolutionPage .RightImage {
	width:400px; 
	top:90px;
	top:90px;
}
.SolutionPage .Panel {
	min-height: 0px;
	height: 440px;
}

.BottomPanel {
	min-height: 0px;
	height: 200px !important;
	padding-top: 20px;	
	border-bottom: none;
}
.ThreeColumn .Column{
	width: 300px !important;
	border-right: 1px solid #ccc;
	padding: 20px;
	float: left;
	vertical-align: top;
	height:80px;
}
.ThreeColumn .Column:nth-last-child(1) {
	border-right: none;
}

.TwoColumn .Column{
	width: 460px;
	border-right: 1px solid #ccc;
	padding: 20px;
	float: left;
}
.TwoColumn .Column:nth-last-child(1) {
	border-right: none;
}
.LeftImageBottom {
	width: auto;
	margin: 0 auto;
	cursor: pointer; 
}
.LeftImageBottom img {
	vertical-align: middle
}
.LeftImageBottom div {
	display: inline-block;
	vertical-align: middle;
	font-size:22px !important;
	color: #777;
}

.LargeButton {
	font-size: 20px;
	padding:10px 50px;		
}

.CallUsBtn {
	width: inherit;
	padding-left:70px;
	position: relative;
}
.callusbtn span {
	display: inline-block;
	width: 30px;
	height: 30px; 	
	background-image: url(ImgObjects/callicon01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	padding: 0px !important;
	position: relative;
	top:5px;	
}
.CallUsBtn img {
	width:65px;
	top:5px;
	left:-10px;
	position: absolute;
}

.CallUsBtn label {
	font-size:20px;
	display: block;
	width:200px;
	display: inline-block;
}
.CallUsBtn div {
	font-size:18px;
	display: block;
	display: inline-block;
	text-decoration: none;
	color: #666 !important;
	margin-top:0px;
}
.RequestPortfolioBox {
	text-align: center;
}
.RequestPortfolioBox label {
	font-size:22px;
	color: #999;
	display: block;
}
.SmallWebSamples {
	padding: 30px 0px;
	background-color: #414138;
	box-shadow: 0px 0px 25px black inset;
}
.SmallWebSamples img {
	height: 70px;
	border: 4px solid #999;
	margin:15px;
	box-shadow: 0px 0px 15px black;
}
.FeatureListIcon {
	background-image: url(ImgObjects/Icons2.png);
	background-size: 500px;
	width: 40px;
	height: 40px; 	
	margin: 0 auto;	
	margin-top:5px;
}

.ListIconUnlimited {
	background-position: 450px -110px;
}
.ListIconSpecials {
	background-position: 330px -110px;
}
.ListIconReservation {
	background-position: 210px -110px;	
}
.ListIconTemplate {
	background-position: 150px -230px;
}
.ListIconEvents {
	background-position: 330px -290px;		
}
.ListIconGiftCard {
	background-position: 90px -290px;		
}
.ListIconsPromotions {
		
}
.ListIconUpdate {
	background-position: 150px -110px;
}
.ListIconPrinter1 {
	background-position: 330px -170px;
}
.ListIconPdf0 {
	background-position: 90px -230px;
}
.ListIconPictures {
	background-position: 270px -50px;
}
.ListIconSearch1 {
	background-position: 390px -110px;
}
.ListIconCompare {
	background-position: 450px -230px;
}
.ListIconReport {
	background-position: 330px -50px;
}
.ListIconClock {
	background-position: 390px -50px;
}
.ListIconCloud {
	background-position: 390px -110px;
}

.CheckedIcon {
	width: 40px;
	height: 40px; 	
	background-image: url(ImgObjects/OkIcon3.png);
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0px auto;
}
.SplashMessage {
	background-color: #616160;
	color: #fff;
	font-size: 28px;
	text-align: center;
	height: 60px !important;
	padding: 50px 0px;
}
.LogoSplash {
	position: absolute;
	top:-70px;
	left: 400px;	
	height:60px;
}
.ProcessBox {
	display: inline-block;	
	width: 310px;
	vertical-align: top;
	margin: 10px;
}
.ProcessBoxImage {
	height: 260px;
}
.CreateSiteBox img {
	height:180px;
	margin-top:30px;
}
.ConnectAppsBox img {
	height: 200px;
	margin-top:15px;
}
.UseRestoCentralBox img {
	height:240px;
}

.ColorWhite {
	background-color: #fff !important;	
}

.ProcessDescriptionBox {

}
.HeaderProcess {

}
.Number {
	display: inline-block;
	width:45px;
	height:45px;
	border-radius: 48px;
	background-color: #2EAAE0;
	text-align: center;
	line-height: 45px;
	color: #fff;
	vertical-align: middle;
	font-size: 22px;
}
.ProcessArea .Title {
	display: inline-block;
	color: #2EAAE0;
	font-size: 26px;
	line-height: 30px;
	vertical-align: middle;
	width: 240px;
	margin-left: 10px;;
	margin-top:-5px;
}
.DescriptionBox {
	display: block;
}
.HeaderTitle {
	height: 60px;
	margin-top:15px;
	margin-bottom:5px;
}

.DescriptionBox li {
	margin-bottom:15px;
	line-height: 18px;
	font-size: 14px;
}
.DescriptionBox div {
	margin-left: 20px;
	margin-top:25px;	
}
.DescriptionBox ul li {
	background-color: orange;
	padding: 5px 10px;
	color: #fff;
	border-radius: 10px;
    list-style-type: none;
    margin-left:-40px;
    width: 98%;
    margin-bottom:10px;
}
.DarkGray {
	background-color: #515149;
	color: #fff
}
.FeaturesBox {
	
}
.FeaturesSelector {
	padding-left:20px;
	padding-bottom: 40px;
}
.FeaturesSelector .FormElement{
	width: 350px;
	display: inline-block;
	cursor: pointer;
}
.FeaturesSelector input[type="checkbox"] {
    display:none;
}
.FeaturesSelector input[type="checkbox"] + label span {
    display:inline-block;
    width:38px;
    height:38px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(ImgObjects/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
	background-size: 400%;
}
.FeaturesSelector input[type="checkbox"]:checked + label span {
    background:url(ImgObjects/check_radio_sheet.png) -40px top no-repeat;
	background-size: 400%;
}
.FeaturesSelector label{
	width:300px;
	font-size:22px;
	vertical-align: middle;
}


.PromoPriceBadge {
	width:90px;
	height: 90px;
	border-radius: 100%;
	vertical-align: middle;
	padding:30px;
	color:#fff; 
	text-align: center;
	font-family: helvetica;	
	background-color: #84B6AE;
	position: absolute;
	top:350px;
	right:30px;
	font-size: 20px;
}
.PromoPriceBadge * {
	display: block;
	text-align: center;
	margin:10px 0px;
}
.PromoPriceBadge span {
	font-size: 38px;
	font-weight: bold;
	position: relative;
}
.PromoPriceBadge label {
	font-size: 12px;
}
.Ani0 {
	position: absolute;
	height: 110px;
}
.AniBox {
	display: none;
	transition: top 1.5s;
	position: absolute;
	top:550px;
	right:10px;	
	width:100px;
	height:150px;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	opacity: .7;
	transition: opacity .7s, transform 1s, top .7s, width .5s;
	overflow: hidden;
	z-index: 10000;
}
.AniBoxShow {
	top: 250px;
}
.AniBox:hover {
	opacity: 1;
	transition-delay:.2s;
	transform: rotateY(360deg);
	width:260px;
	top:150px;
	height:290px;	
}

.AniBox div {
	text-align: center;
	font-size:16px;
	line-height:18px;
	padding:5px 12px;
	font-weight: bold;
	transition: padding 1s, background-color 1s;

}
.AniBox:hover div:nth-child(1) {
	padding:10px;
	background-color: black;
}
.AniBox .AniDescription {
	text-align: left;	
	padding:5px 15px;
	color: #eee;
	line-height: 22px;
}
.AniBox img {
	width: inherit;
	transition: width 1s, margin 1s;
	
}
.AniBox:hover img {
	float:right;
	width:100px;
	margin:10px;
}
.Ani1 {
		
}
.DoublePanel .Column {
	width:49% !important;
}
.DoublePanel .Column ul {
	width:240px;
	margin-top:110px;
	margin-left:235px;
	z-index: 10;
	position: relative;
}
.ImageApp {
	height: 400px;
}
.LabMobilePc {
	width: 600px;
	margin-left:-60px;
	
}
.IpadLabPanel .TextBox .TextBoxContent {
	color: green;
}
.IpadLabPanel .RightText  {
	left:550px;
}
.SupportPanel .RightText {
	left:100px;
	width: 80%;
}

.SupportPanel .RightText .Title {
	color: #fff !important;
	font-size: 28px;
}
.FixBar {
	display: none;
    background-color: var(--red);
	position: fixed;
	width: 100%;
	height:60px;
	top:-100px;
	left:0px;
	z-index: 10000;
}
.FixBarMenu {
	padding-left:250px;
	box-sizing: border-box;
}
.FixBarMenu div {
	display: inline-block;
	line-height: 60px;
	height: 60px;
	padding: 0px 10px;
	color: #fff;
	cursor: pointer;
	font-size:16px;
}
.FixBar .Logo {
	height: 55px;
	width: auto;
}
.ShowFixBar {
	transition: top 2s;
	top:0px;
}
.ServicePage .MobileTop {
	height:650px;
	margin-top:-90px !important;
}
.BoxText {
	margin:40px 0px;
	text-align: center;
}
.ContactBox {
	display: inline-block;
	margin:10px 25px;;
	width:150px;
	text-align: left;
	vertical-align: top;
	position: relative;
	vertical-align:top;
}
.ContactBox .ContactIconAction {
	height:25px;
	position: relative;
	top:5px;
	left:-35px;
}
.ContactBox .LocationIcon {
	width:100px;
	height:100px;
	border-radius:300px;
	border:2px solid #fff;
	margin-bottom:20px;
	box-shadow: 0px 0px 15px #000;
}
.ContactBox .ContactInfo {
	font-size:16px;	
	line-height:25px;
	color: #fff;
}
.ContactBox .ContactInfo * {
	text-shadow: 0px 0px 15px black;	
}
.ContactBox .ContactInfo b{
	font-size:18px;	
	font-family: hthin;
	text-transform: uppercase;
	border-bottom: dotted 1px #aaa;
	margin-bottom:10px;
	padding-bottom:10px;
	font-family: inherit;
	display: block;
}
.OrangeLine {
	width: inherit;
	height: 2px;
	background-color: #f49f6f;
	position: relative;
	margin: 15px auto 20px auto
}
.ContactBox .Phone {
	font-size: 18px;
	font-weight: bold;
}
.Panel .Column {
	width: 250px;	
}
.ContactusPage h3 {
	color: #444;
	font-weight: normal;
	font-size:20px;	
	margin-bottom: 5px;	
}
.ContactusPage b {

}

.ServiceRotator {
	transition: background-image 2s;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.ServicePage .ServiceRotator .TextBox {
	color: #fff;
	background-color: rgba(0,0,0,.4);
	height: 180px;
}
.ServicePage .ServiceRotator .TextBoxContent {
	color: #fff;
}


.RequestDemoPopup {
	width: 100%;
	height: 0%; 
	background-color: rgba(0,0,0,.3);
	overflow: hidden;
	z-index:100000;
	position: absolute;
}

.ShowRequestDemoPopup .RequestDemoBox {
	opacity: 1;
}
.RequestDemoPopup .Legend {
	font-size: 20px;
	line-height:26px;
}
.RequestDemoBox .DemoAnimationBox {
	width: 250px;
	position: absolute;
	top:75px;
	right: 60px;
	z-index: -1
}
.RequestDemoBox .DemoAnimationBox video {
	position: absolute;
	top:0px;
	left:-13px;		
	z-index: 10;
	width: 268px;
}
.Laptop {
	position: absolute;
	top:0px;
	left:-60px;		
	z-index: 10;
	width: 360px;
}

.RequestDemoBox .Steps {
	position: absolute;
	top:0px;
	left:0px;
	transition: left 1s;
	width: 640px;
	height: 600px;
	background-color: #f1f1f1;
	padding: 20px 30px;
	box-sizing: border-box;
	overflow: hidden;
}
.ShowRequestDemoSecondStep .Step1 {
	left:-900px;
}
.ShowRequestDemoThirdStep .Step1 {
	left:-900px;
}
.ShowRequestDemoThirdStep .Step2 {
	left:-900px;
}
.RequestDemoBox .Step1 {
	z-index: 10;	
}
.RequestDemoBox .Step2 {
	z-index: 5;	
}
.RequestDemoBox .Step3 {
	z-index: 1;	
	padding-top: 100px;	
}
.RequestDemoBox [name="phone"] {
	width: 140px;
}
.RequestDemoBox [name="address"] {
	width: 220px;
}
.RequestDemoBox [name="city"] {
	width: 120px;
}
.RequestDemoBox [name="state"] {
	width: 180px;
}
.RequestDemoBox [name="demodate"] {
	width: 150px;
}
.RequestDemoBox [name="hour"] {
	width: 90px;
}

.RequestDemoBox .Step1 .FormElement {
	display: block;		
}

.FormElement span {
	vertical-align: middle;
	font-size: 16px;
	margin-right:30px;
}


.FormElement {
	margin:5px;
	position: relative;
	display: inline-block;
}
.FormElement label.error {
	color: #6F0B09;
	position: absolute;
	top:75px;
	left: 5px;
	text-align: left;
	font-size:18px;
	width: 100%;
	text-align: right;
}	
.FormElement input {
	border-radius: 4px;
	outline: none;
	padding:5px 15px;
	font-size: 18px;
	color: #999;
	height: 30px;	
	border: 1px solid #ccc;
}
.FormElement select {
	border-radius: 4px;
	outline: none;
	padding:5px 15px;
	font-size: 18px;
	color: #999;
	height: 40px;	
	border: 1px solid #ccc;
	background-color: #fff;
}
.FormElement textarea {
	border-radius: 4px;
	outline: none;
	padding:5px 15px;
	font-size: 18px;
	color: #999;
	height: 30px;	
	border: 1px solid #ccc;
}
.ReservationPage .PageHeader {
/* 	background-color: #FFCE44; */
	background-color: var(--red);
	color: #fff;
}
.SystemPage .PageHeader {
	/* background-color: #414140; */
}

.ReservationPage .PageHeader * {
	color: #fff;
}
.PriceModelPage .MobileTop {
	height: 1150px;
}

.AboutUsPage .MobileTop {
	height: 680px;
}
.DelayedImage {
	display: none;		
}
.LoadingContent {
	display: none;
	height: 100px;
	line-height: 100px;
}
.ShowLoadingContent .LoadingContent {
	display: block;
}	

.BottomLogo1 {
	background-image: url(ImgObjects/hipaa.png);
	background-repeat: no-repeat;
	background-size: 95%;
	background-position: center;
	opacity: .8;
	width: 130px;
	height: 80px; 
	display: inline-block;
	margin:0px 10px;
}
.BottomLogo2 {
	background-image: url(ImgObjects/autorestoreicon.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	opacity: .8;
	width: 130px;
	height: 80px; 
	display: inline-block;
	margin:0px 10px;
}
.BottomLogo4 {
	background-image: url(ImgObjects/hl7logo.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	opacity: 1;
	width: 130px;
	height: 80px; 
	display: inline-block;
	margin:0px 10px;

}
.BottomLogo {
/* 	box-shadow: 1px 1px 5px #000; */
	float: left;
	height: 60px;
	vertical-align: top;
	margin-top:-10px;
}
.BottomLogo3 {
	margin-top:10px;
	text-align: center;

}
.Footer .Links div {
	cursor: pointer;
}
.BRealmBox {
	float:right;
	margin-right:30px;
	cursor: pointer;
	margin-top: 10px;
}

.BRealmBox img {
	vertical-align: middle;
}

.BRealmBox .Info {
	vertical-align: middle;
	display: inline-block;
	border-left: 3px solid #ccc;
	padding-left:15px;
	margin-left:10px;
	color: #999;
	font-size:14px;
	line-height: 18px;
}
.ServiceTiles {
	min-height:350px;
	height:350px;
}

.Tiles {
	width: inherit;
	height:390px;
}
.Tile {
	transition: background-position 1.5s ease-out;
	width: 340px;
	height:155px;
	float: left;
	background-size:150%;
	background-repeat:no-repeat;
	background-position: top right;
}
.Tile:hover {
	background-position: -150px top;
}
.FeaturesPage .FeaturesContent {
	/* height:2900px; */
}
.FeaturesPage .FeaturesContent .Margin {
	margin:0px 20px;
}
.SmallIcon1 {
	background-position: -30px -20px;	
}
.SmallIcon2 {
	background-position: -96px -20px;	
}
.SmallIcon3 {
	background-position: -162px -20px;	
}
.SmallIcon4 {
	background-position: -228px -20px;	
}
.SmallIcon5 {
	background-position: -294px -20px;	
}
.SmallIcon6 {
	background-position: -360px -20px;	
}
.SmallIcon7 {
	background-position: -428px -20px;	
}
.SmallIcon8 {
	background-position: -30px -90px;	
}
.SmallIcon9 {
	background-position: -96px -90px;	
}
.SmallIcon10 {
	background-position: -162px -85px;	
}
.SmallIcon11 {
	background-position: -228px -90px;	
}
.SmallIcon12 {
	background-position: -294px -90px;	
}
.SmallIcon13 {
	background-position: -360px -90px;	
}
.SmallIcon14 {
	background-position: -428px -90px;	
}
.SmallIcon15 {
	background-position: -27px -155px;	
}
.SmallIcon16 {
	background-position: -96px -155px;	
}
.SmallIcon17 {
	background-position: -162px -155px;	
}
.SmallIcon18 {
	background-position: -228px -155px;	
}
.SmallIcon19 {
	background-position: -294px -155px;	
}
.SmallIcon20 {
	background-position: -360px -155px;	
}
.SmallIcon21 {
	background-position: -428px -155px;	
}

.SmallIcon22 {
	background-position: -27px -225px;	
}
.SmallIcon23 {
	background-position: -96px -225px;	
}
.SmallIcon24 {
	background-position: -162px -225px;	
}
.SmallIcon25 {
	background-position: -228px -225px;	
}
.SmallIcon26 {
	background-position: -294px -225px;	
}
.SmallIcon27 {
	background-position: -360px -225px;	
}
.SmallIcon28 {
	background-position: -428px -225px;	
}

.SmallIcon29 {
	background-position: -27px -290px;	
}
.SmallIcon30 {
	background-position: -96px -295px;	
}
.SmallIcon31 {
	background-position: -162px -295px;	
}
.SmallIcon32 {
	background-position: -228px -295px;	
}
.SmallIcon33 {
	background-position: -294px -295px;	
}
.SmallIcon34 {
	background-position: -360px -295px;	
}
.SmallIcon35 {
	background-position: -428px -295px;	
}
.CenterTitle {
	margin-top: 50px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	font-size: 25px;
	color: #888;
	margin-bottom: 10px;
}

.DownloadPdfBtn {
	width: 90px;
	height: 80px; 
	overflow: hidden;
	text-transform: center;
	line-height: inherit;	
	cursor: pointer;
}
.DownloadPdfBtn img {
	transform-origin: top;
	transition: transform .7s;
	transform: translateY(5px);
	width: 80%;
	margin: 0 auto;
	display: block;
}
.DownloadPdfBtn div {
	transition: transform .7s;	
	transform: translateY(90px);
	width:100%;
	font-size:14px;
	font-weight: bold;
	margin-top: 5px;
	text-align: right;

}
.DownloadPdfBtn:hover img {
	transform: scale(.8);	
}
.DownloadPdfBtn:hover div {
	transform: translateY(-15px);	
}
.DownloadFeaturesPdfBtn {
	position: absolute;
	top:30px;
	right:10px;
}

.ShowTopMenuBtn {
	display: none;
}
@media print {
	@page { 
		margin: 0; 
	}
	.ClinicHisotryPage .SecondPanel {
		margin-top: 400px;
	}
	.ClinicHisotryPage .Multimediapanel {
		margin-top: 220px;
	}
	.ClinicHisotryPage .OpenAndIntegrable {
		margin-top: 400px;
	}
	.ClinicHisotryPage .FeaturesPanel {
		margin-top: 1200px;
		margin-bottom: 20px !important;
		height: 1200px !important;
	}
	.ClinicHisotryPage .FeaturesTable {

	}
	.ClinicHisotryPage .BottomPanel {
		margin-top: 0px !important;
	}
	body { 
		margin: 0;
		padding:65px 50px;
	}
	* {-webkit-print-color-adjust:exact;}

	.HeaderControls {
		display:none; 
	}
	.ArrowLeft {
		display: none;
	}
	.ArrowRight {
		display: none;
	}
	.ImagePlayer {
		width: inherit !important;
		height: auto !important;
		position: static !important;
		display: block !important;
		margin-top:100px;	
		margin-bottom:200px;	
	}
	.PlayerBox {
		width: inherit !important;
		height: auto !important;
		position: static !important;
		display: block !important;
		margin-bottom:150px;
	}

	.PlayerBox img {
		display: block;
		position: static;
		height:300px;
		width: auto !important;
		float: none;
		display: inline-block;
		transform: none;
		opacity: 1;
		margin: 20px;
	}
	.FixBar {
		display: none !important;
	}
	.TopMenu { 
		display:none;
	}
	.LoginBtn {
		display: none;
	}
	.TopSecondMenu {
		display: none;
	}
	body {
		width: 1100px;
	}
	.CenterAligner {
		width: 1100px;
	}
	.TopBar {
		height:0px;
	}
	.ContentArea {
		top:150px;
	}
	.MainArea {
		width: 1024px;
		margin: 0 auto;
		background-size:98% !important;
		background-position: center top !important;
	}
	.Background13 {
		margin-top:50px;
		min-height:380px;
		background-position: center -40px;
		background-size: auto 140%;
	}
	.MainAreaShort {
		height:150px;
		background-position: center !important;
	}
	.PageHeader {
		background-color: #fff !important;
		padding: 0px !important;
	}
	.PageHeader .PageTitle {
		position: absolute;
		top:-100px;
		right: 40px;
	}
	.TechIcon {
		margin-top:30px;
		height:70px !important;
		opacity: 1 !important;
		-webkit-filter: none !important;
		position: static !important;

	}

	.ClinicHisotryPage .PageTitle {
		color: #fff !important;
		font-size:42px;
		text-shadow: 0px 0px 5px #000;
	}
	.Logo {
		top:160px;
		width: 300px;
	}
	.IPadWeb {
		display: none;
	}
	.PortfolioBox {
		background-image: none !important;
		box-shadow: none !important;
	}
	.WebIphone {
		height:350px;
		left:580px;
		top:50px;
	}
	.GlassBrowser1 {
		height:380px;	
	}
	.GlassBrowserImage1 {
		height: 380px;
	}
	.FeaturesTable td {
		border: none;
		font-size: 11px;
		line-height: 14px;
	}
	.FeaturesTable tr {
		border-top: 1px dotted #999;
	}
	.LogoSentence {
		display: none;
	}
	.KioskImage {
		width: 400px !important;
	}
	.StandsImage {
		display: none;
	}
	.PanelImage {
		transition: translate 0s !important;
		transform: none !important;
		opacity:  1 !important;
	}
	.FeaturesPanel {
		margin-top:180px;			
	}
	.FeaturesTable {
		margin-bottom: 350px;
	}
	.DownloadPdfBtn {
		display: none;
	}
	.Panel {
		border: none !important;
	}
}
.ClinicHisotryPage .ceilogo {
	position: absolute;
	top: 403px;
	left:0px;
	height: 55px;
	-webkit-filter: grayscale();
	opacity: .5;
}
.ClinicHisotryPage .sicaplogo {
	position: absolute;
	top: 397px;
	left: 180px;
	height: 65px;
	-webkit-filter: grayscale();
	opacity: .5;
}
.ClinicHisotryPage .ditigalsignature {
	position: absolute;
	top: 403px;
	left: 370px;
	height:55px;
	-webkit-filter: grayscale();
	opacity: .5;
}
.TechIcon {
	tansition: -webkit-filter .7s, opacity .7s;
}
.TechIcon:hover {
	opacity: 1;
	-webkit-filter: none;
}
.LegendText {
	position: absolute;
	top: 60px;
	left: 180px;
	width: 720px;
	height: 300px;
	font-size: 44px;
	color: #fff;
	text-shadow: 1px 1px 11px black;
	line-height: 55px;
	text-align: right;
}
.Packages {

}
.PackageBox {
	display: inline-block;
	width: 338px;
	vertical-align: top;
	
}
.PackageBox * {
	box-sizing: border-box;	
	vertical-align: top;
}

.PackageName {
	height: 80px;
	line-height: 80px;
	font-size: 28px;
	color: #fff;
	padding: 5px 10px;
	text-align: center;
}
.Description {
	background-color: #494949;
	color: #fff;
	font-size: 16px;
	padding: 10px 20px;
}
.ModuleFeature {

}
.ModuleLine {
	padding:5px 0px;
	position: relative;
	background-color: #303030;
	border-bottom: 1px dotted #666;
}
.Icon {
	width: 45px;
	height: 45px; 
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	opacity: .7;
}
.ModuleName {
	font-size: 18px;
	color: #ccc;
	display: inline-block;
	width:200px;
	position: relative;
	vertical-align: middle;
}
.ModuleNote {
	font-size: 12px;
	line-height: 14px;
	color: #aaa;
	display: inline-block;
}
.OkIcon {
	background-image: url(ImgObjects/Ok1.png);
	background-size: 100%;
	width:25px;
	height:25px;
	position: absolute;
	top: 18px;
	right:20px;
}
.OptionalIcon {
	background-image: url(ImgObjects/OkIcon2.png);
}
.Package1 {
	background-color: #FA9D00;
}
.Package2 {
	background-color: #DC6403;
}
.Package3 {
	background-color: #0075FF;
}
.Package4 {
	background-color: #FFC100;
}

.PackagesPanel {
	
}
.PackageBottom {
	min-height: 120px;
}
.QuoteBtn {
	border-radius: 4px;
	background-color: #F98E03;
	cursor: pointer;
	text-transform: center;
	font-size: 22px;
	line-height: 50px;
	padding: 0px 20px;
	height: 50px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	box-shadow: 0px 0px 15px rgba(100,100,100,.7);
	margin:10px;

}
.BackgroundClinicUse {
	background-image: url(ImgObjects/clinicuse.jpg);
	width: inherit;
	min-height: 220px !important;
}
.BackgroundStudiesUse {
	background-image: url(ImgObjects/studiodistributed.jpg);
	width: inherit;
	min-height: 220px !important;
}

.PriceModelPage .MobileTop .Title {
	margin-top: 30px;
}

.LargeScaleServicBox {
	border: 1px dotted #999;
	padding: 10px 40px;
	box-sizing: border-box;
	margin-top: 20px;
	text-align: center;	
}

.LargeScaleServicBox .Title {
	color: #46A045 !important;
	font-size:18px !important;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 0px !important;
}

.ServiceIconBox {
	display: inline-block;
	width: 120px;
	vertical-align: top;
}
.ServiceIconBox img {
	height: 80px;
	display: block;
	margin-bottom: 10px;	
	margin: 0 auto;
}
.ServiceIconBox span {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding:0px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-align: center;
	line-height: 14px;
	margin-top:5px;
}
.LogoStandars img {
	height: 35px;
	margin:10px;
	display: inline-block;
	opacity: .6;
	cursor: pointer;
}
.LogoStandars {
	position: absolute;
	top:380px;
}
.ditigalsignature1 {
	position: absolute;
	top:405px;
	right:80px;
	height: 40px;
	-webkit-filter: grayscale();
	opacity:.5;
	cursor: pointer;
}

.DownloadPdfTopBtn {
	top:260px;	
	right:160px;
	width:70px;
	z-index:100;
}
.GeneralInformationPanel {
	min-height:400px;
	height:470px;
	box-sizing: border-box;
	width: inherit;
	padding-left:40px;
	padding-top:25px;
	position: relative;	
}
.ServicePanel .Title {
	font-weight: lighter;
	color:#b1b1b1;
	font-size: 28px;
}

.RequestDemoPopup {
	width: 100%;
	height: 0%; 
	background-color: rgba(0,0,0,.3);
	overflow: hidden;
	z-index:100000;
	position: fixed;
}
.ShowRequestDemoPopup .RequestDemoPopup {
	top: 0px !important;
	height: 100%;
}
.RequestDemoPopup .RequestDemoBox {
	width: 640px;
	height: 600px;
	background-color: #f1f1f1;
	padding: 20px 30px;
	border-radius: 2px;
	box-shadow: 0px 0px 35px rgba(100,100,100,.7);
	left: 212px;
	position: absolute;
	top:30px;
	transition: opacity 2s;
	opacity: 0;
	box-sizing: border-box;
	overflow: hidden;
	border-top:10px solid #B31414;
}

.ShowRequestDemoPopup .RequestDemoBox {
	opacity: 1;
}
.RequestDemoPopup .Legend {
	font-size: 26px;
	line-height:26px;
	margin-bottom:30px;
}
.RequestDemoBox .DemoAnimationBox {
	width: 250px;
	position: absolute;
	top:75px;
	right: 60px;
	z-index: -1
}
.RequestDemoBox .DemoAnimationBox video {
	position: absolute;
	top:0px;
	left:-13px;		
	z-index: 10;
	width: 268px;
}
.Laptop {
	position: absolute;
	top:30px;
	left:0px;		
	z-index: 10;
	width: 560px;
}

.RequestDemoBox .Steps {
	position: absolute;
	top:0px;
	left:0px;
	transition: left 1s;
	width: 640px;
	height: 600px;
	background-color: #f1f1f1;
	padding: 20px 30px;
	box-sizing: border-box;
	overflow: hidden;
}
.ShowRequestDemoSecondStep .Step1 {
	left:-900px;
}
.ShowRequestDemoThirdStep .Step1 {
	left:-900px;
}
.ShowRequestDemoThirdStep .Step2 {
	left:-900px;
}
.RequestDemoBox .Step1 {
	z-index: 10;	
}
.RequestDemoBox .Step2 {
	z-index: 5;	
}
.RequestDemoBox .Step3 {
	z-index: 1;	
	padding-top: 50px;	
}
.RequestDemoBox [name="phone"] {
	width: 140px;
}
.RequestDemoBox [name="address"] {
	width: 325px;
}
.RequestDemoBox [name="city"] {
	width: 140px;
}
.RequestDemoBox [name="state"] {
	width: 180px;
}
.RequestDemoBox [name="demodate"] {
	width: 150px;
}
.RequestDemoBox [name="hour"] {
	width: 90px;
}

.RequestDemoBox .Step1 .FormElement {
	display: block;		
}
.FormElement [type="checkbox"] {
	vertical-align: middle;
}
.FormElement [type="radio"] {
	vertical-align: middle;
}
.FormElement span {
	vertical-align: middle;
	font-size: 16px;
	margin-right:30px;
}
.DarkGrayColor {
	background-color: #999;
}
.CommandLine {
	margin-top:50px;
	text-align: center;
}
/* .ReservationsCountBox * {
	display: inline-block !important;
	vertical-align: middle;
}
.OfficeCount * {
	display: inline-block !important;
	vertical-align: middle;
}
.ProfessionalsCount * {
	display: inline-block  !important;
	vertical-align: middle;
} */
.ReservationsCountBox select {
	width:180px !important;
}
.OfficeCount input {
	width:130px !important;
}
.ProfessionalsCount input {
	width:155px !important;
}

[name="offices"] {
	width: 50px;
}
[name="professionals"] {
	width: 50px;
}
.MenuDemoBtn {
	/* background-color: #313130; */
}
.FixBar .MenuDemoBtn {
	background-color: #666;
	color: #fff;
	box-shadow: 0px 3px 9px rgba(0,0,0,.6) inset;
}
.PopUpContent {
/* 	width: 300px; */
	margin-top:-20px;
}
.Step3 .Legend {
	font-size: 22px;
	text-align: center;
}
.ClosingImage {
	margin: 0 auto;
	/*margin-top: 20px;*/

}
.ClosePopupBtn {
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url(ImgObjects/closebtn1.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top:10px;
	right:10px;
}
.TopMenu .HiddenTopMenu {
	display: none;
}
.Invalid {
	border: 1px solid #B31414 !important;	
}
.TurnosLearnMoreBtn {
	position: absolute;
	top:300px;
	left:540px;
}
.DarkText {
	color: var(--blue) !important;
}
.WhiteText {
	color: #fff !important;
}

.SlideControlder .selected {
	background-color: #8FD337;
}
.TopImage1 {
	width: 100%;
}
.ScenariosBox {
	width: 100%;
	padding: 40px 0px;
	height: 200px;
	text-align: center;
	margin-bottom:80px;
}
.ScenarioBox {
	width: 220px;
	vertical-align: top;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
.ScenarioBox label {
	font-size: 24px;
	text-align: center;
	color: #3F6CC3;
	line-height:50px;
}
.ScenarioDownloadBtn {
	width: 80%;
	margin: 0 auto;
	display: inline-block;
	margin:10px;
}
.ScenarioDownloadBtn img {
	width: inherit;
	border-radius:300px;
	box-shadow: 0px 0px 35px rgba(100,100,100,.7);
}


.ImageBar {
	width: 100%;
	padding-bottom:120px;
	padding-top: 20px;
	height: 200px;
	text-align: center;
	margin-bottom:80px;
	border-top: 14px solid #999;
	border-bottom: 1px solid #999;
	
}
.ImageBox1 {
	width: 190px;
	vertical-align: top;
	display: inline-block;
	text-align: center;
	box-shadow: 0px 0px 15px rgba(100,100,100,.3);
	margin:5px;
}
.ImageBox1 label {
	font-size: 18px;
	text-align: center;
	color: #e33333;
	line-height:50px;
	display: block;
}
.ImageBox1 img {
	height: 110px;
	margin: 0 auto;
	display: inline-block;
	margin:10px;
}
.ImageBar .Title {
	font-size: 28px;
	text-align: center;
	line-height: 60px;
}


.AutoServicioPanel {
	background-image: url(ImgObjects/autoservice5.jpg);
}
.DoctorPhonePanel {
	background-image: url(ImgObjects/doctorphone.jpg);
}
.PanelLong .TextBox .Title {
	font-size:45px;
	line-height:50px;
}
.PanelLong .TextBox  {
	width:640px !important;
}
.PanelLong .RightText  {
	left:360px;
}

.AutoServicioPanel * {
	color: #fff !important;
}
.PanelLong .LearnMoreBtn {
	font-size:20px;
	padding: 20px 50px;
}
.SlideMoreBtn {
	position:absolute;
	right: 0px;
	bottom:80px;
	text-shadow: none;
	font-size:24px;
}
.PanelLong .TextBoxContent {
	font-size: 22px !important;		
	line-height:30px !important;
}
.LegendTag {
	position: absolute;
	top:0px;
	left:10px;
	height: 45px;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	font-size: 22px;
	text-align: center;
	padding:0px 25px;
	line-height: 45px; 
	border-radius: 0px 0px 4px 4px;
}
.FormElement {
	display: inline-block;	
	margin:5px;
	vertical-align: top;
	position: relative;
}
.FormElement label {
	transition: padding .7s;
	display: block;	
	font-size:14px;
	color: var(--form-label-color);
	margin-bottom:3px;
	margin-left: 1px;
	font-size: 16px;
	color: #666;	

}
.FormElement span {
	color: var(--form-label-color);
}

.FormElement input {
	transition: padding 1s, border 1s;
	display: block;	
	font-size: var(--input-form-size);
	color: var(--form-input-color);
	padding:5px 10px;
	border:1px solid #c1c1c0;
	width:160px;
	outline: none;
	font-family: inherit;
	text-align: left;
}
.FormElement input[type=radio] {
	width: auto;
	height: auto;
}
.FormElement input[type=checkbox] {
	width: auto;
	height: auto;
}

.FormElement input:disabled {
	background-color: transparent;
}
.FormElement select {
	display: block;	
	font-size: var(--input-form-size);
	color: var(--form-input-color);
	padding:3px 10px;
	border:1px solid #c1c1c0;
	width:160px;
	outline: none;
	font-family: inherit;
	background-color: #fff;
	text-transform: capitalize;
}
.FormElement select:disabled {
	background-color: transparent;
}

.FormElement textarea {
	display: block;	
	font-size:16px;
	color: var(--form-input-color);
	padding:10px 10px;
	border:1px solid #c1c1c0;
	width:356px;
	height:90px;
	outline: none;
	font-family: inherit;
}
.Form div[name] {
	transition: padding 1s, border 1s;
	display: block;
	font-size: var(--input-form-size);
	color: var(--form-input-color);
	padding:3px 10px;
	outline: none;
	font-family: inherit;
	min-height:20px;
}
.FormElement textarea:disabled {
	background-color: transparent;
}

.SectionTitle {
	font-size: 24px;
	line-height: 40px;
	margin-top: 10px;
}

.SubSectionTitle {
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}

.RequestDemoPopup [name="name"] {
	width: 150px
}
.RequestDemoPopup [name="phone"] {
	width: 150px
}
.RequestDemoPopup [name="email"] {
	width: 250px
}
.RequestDemoPopup [name="application"] {
	width: 160px
}

.RequestDemoPopup [name="company"] {
	width: 290px;
}
.RequestDemoPopup [name="cuit"] {
	width: 150px;
}
.RequestDemoPopup [name="taxtype"] {
	width: 290px;
}
.RequestDemoPopup [name="phone"] {
	width: 180px;
}
.RequestDemoPopup [name="email"] {
	width: 280px;
}
.RequestDemoPopup [name="website"] {
	width: 250px;
}
.RequestDemoPopup [name="address"] {
	width: 300px;
}
.RequestDemoPopup [name="address2"] {
	width: 120px;
}
.RequestDemoPopup [name="city"] {
	width: 180px;
}
.RequestDemoPopup [name="state"] {
	width: 200px;
}
.RequestDemoPopup [name="zipcode"] {
	width: 80px;
}
.RequestDemoPopup [name="amountofprofessionals"] {
	width: 60px;
}
.RequestDemoPopup [name="averagereservationsweekly"] {
	width: 80px;
}
.RequestDemoPopup [name="averagereservationmonthly"] {
	width: 80px;
}
.RequestDemoPopup [name="Especialidades"] {

}
.RequestDemoPopup [name="owners"] {

}
.RequestDemoPopup [name="maincontact"] {
	width: 250px;
}
.RequestDemoPopup [name="maincontactemail"] {
	width: 280px;
}
.RequestDemoPopup [name="maincontactphone"] {
	width: 180px;
}
.RequestDemoPopup [name="admincontact"] {
	width: 250px;
}
.RequestDemoPopup [name="admincontactemail"] {
	width: 280px;
}
.RequestDemoPopup [name="admincontactphone"] {
	width: 180px;
}
.RequestDemoPopup [name="billingcontact"] {
	width: 250px;
}
.RequestDemoPopup [name="billingcontactemail"] {
	width: 280px;
}
.RequestDemoPopup [name="billingcontactphone"] {
	width: 180px;
}
.CreateAccountBox {
	width: 1024px;
	min-height: 800px;
	background-image: none;
	background-color: #f1f1f1;
	margin: 0 auto;
	padding: 30px;
	box-sizing: border-box;
	position: relative;
	top:100px;
	margin-bottom: 100px;
}
.SignUpPage form span {
	color: #aaa;
	
}
.SignupPage .PageTitle {
	margin-left: 0px;
}
.SignupPage .Button2 {
	margin: 10px 5px;
}
.SignupPage .Notification {
	width:90%;
	font-size:14px;
	line-height:18px;
}
.InfrastructureDiagram {
	position: relative;
	
}
.InfrastructureDiagram .ServerImage {
	transition: left 1s;
	position: absolute;
	top:420px;
	left:160px;
	width: 300px;
}

.InfrastructureDiagram .NasServer1 {
	transition: left 1s;
	position: absolute;
	top:305px;
	left:510px;
	width: 300px;
}
.InfrastructureDiagram .NasServer2 {
	transition: left 1s;
	position: absolute;
	top:305px;
	left:1510px;
	width: 300px;
}

.InfrastructureDiagram .ServerImageTitle {
	transition: left 1s;
	position: absolute;
	top:310px;
	left:160px;
	width: 300px;
}

.InfrastructureDiagram .NasServerTitle1 {
	transition: left 1s;
	position: absolute;
	top:220px;
	left:510px;
	width: 300px;
}
.InfrastructureDiagram .NasServerTitle2 {
	transition: left 1s;
	position: absolute;
	top:220px;
	left:1510px;
	width: 300px;
}


.Expanded .ServerImage {
	left:30px;	
}
.Expanded .NasServer1 {
	left:350px;	
}
.Expanded .NasServer2 {
	left:680px;	
}
.Expanded .ServerImageTitle {
	left:30px;	
}
.Expanded .NasServerTitle1 {
	left:350px;	
}
.Expanded .NasServerTitle2 {
	left:680px;	
}
.InfrastructureDiagram .InfraTitle {
	font-size: 24px;
	font-weight: bold;
	color: #666;
	text-align: center;
	/* position: relative; */
}
.InfrastructureDiagram .InfraTitle {
	color: #999;
	font-size: 16px;
}
.ImagingInfrastructure .ClientsBar {
	border-top: 1px solid #ccc;
	top:620px;
	position: absolute;
	text-align: left;
	box-sizing: border-box;
	padding: 0px 30px;
	padding-top:30px;
	background-color: #e1e1e1;
}

.ImagingInfrastructure .ClientsBar label{
	font-size:16px;
	font-weight: bold;
	position: absolute;
	top:5px;
	left: 35px;

}
.ImagingInfrastructure .ClientsBar img{
	width: 130px;
	margin:0px;
}

.IconBar {
	position: absolute;
	top:20px;
	right:20px;
	text-align: right;
}
.IconBar img {
	height: 70px;	
	margin-left:30px;
	-webkit-filter: grayscale();
	opacity: .5;
}
.SoftwareBar {
	/* margin-top:150px; */
	position: relative;
	top:150px;
}
.SoftwareBox {
	width: 300px;
	display: inline-block;
	margin:10px;
	vertical-align: top;
	margin-bottom:30px
}
.SoftwareBox img {
	height:80px;
}

.Name {
	font-size: 22px;
	font-weight: bold;
	color: lightblue;
}
body .SoftwareDescription {
	font-size: 14px;
	color: #999 !important;
	min-height:150px;
	
}
.Button {
	display: inline-block;
	border-radius: 5px;
	font-size: 14px;
	padding: 5px 20px;
	margin-right: 10px;
	cursor: pointer;
	margin-top:5px;
}
.ImagingInfrastructure .Button {
	padding:2px 20px;
	font-size: 12px;
	width:90px;
	margin-right: 5px;
	line-height: 40px;
	height: 40px;
	cursor: pointer;
}
.Blue {
	background-color: #3881D2;
	color: #fff;
}
.Orange {
	background-color: #CB7127;	
	color: #fff;
}
.Gray {
	background-color: #888;	
	color: #fff;
}
.SoftwarePanel {
	height: 1200px;
}
.ImagingInfrastructure .InstitutionClientsBar {
	position: absolute;
	top:300px;
	padding-top:100px;
}
.ImagingInfrastructure .InstitutionClientsBar img {
	height: 75px;
	margin: 15px 15px;
	/* -webkit-filter: grayscale(); */
	/* opacity:.5; */
}
.ImagingInfrastructure .InstitutionClientsBar img:hover {
	-webkit-filter: none;;
	opacity:1;
}
.ExpandBtn {
	background-image: url(ImgObjects/expandarrow.gif);
	width: 90px;
	height: 90px; 
	cursor: pointer;
	position: absolute;
	top:50px;
	left:300px;
	background-size: 100%;
	background-repeat: no-repeat;
}
.Expanded .ExpandBtn {
	display: none;
}
.BackgroundPanel {
	background-size: auto 100%;
	background-position: center;
	width: 100%;
}
.AboutUsPage .BackgroundPanel * {
	color: #fff !important;
}
.BackgroundPanel .Title {
	font-weight: bold;
/* 	font-size:32px !important; */
}

.Footer .SocialMediaBox {
	-webkit-filter: none;
}

.SocialMediaBox img {
	height: 40px;
	cursor: pointer;
	margin-right:10px;
	opacity: .6;
}
.SocialMediaBox img:hover {
	opacity: 1;
}
.InternalPage .SocialMediaBox {
	top:95px;
	right: 20px;
	left: auto;
	z-index: 500;
}

.Footer .Column {
	display: inline-block;
	vertical-align: top;
	width: 140px;	
}
.Footer .Column .Title {
	font-size: 18px;
	font-weight: bold;
}
.Footer a {
	color: orange;
}

.Title {
	font-size: 35px;
}
.Section {
	border-top: 1px dotted #888;
	margin-top: 20px;
	padding-top: 20px;
}
.SubTitle {
	font-size: 28px;
	color: #999;
}
.ThumbList {

}
.ThumbBox {
	width: 250px;
	height: 140px; 
	overflow: hidden;
	text-align: center;
	margin: 10px 30px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	transition: transform .7s, box-shadow 1s;
}
.ThumbBox:hover {
	box-shadow: 5px 5px 35px rgba(100,100,100,.7);
	transform: scale(1.2);
}
.ThumbBox img {
	width: inherit;
	
}
.ThumbBox .Button {
}

.DownloadBtn {
	/* border: 1px solid #444; */
	position:absolute;
	width: 100%;
	height: 140px;
	top: 0px;
	background-image: url(ImgObjects/downloadicon01.png);
	background-repeat: no-repeat;
	background-position: 200px 100px;
	background-size: 30px 30px;
}
.IconsList .ThumbBox {
	width: 100px;
	height: 100px; 	
}
.IconList .ThumbBox img {
	width: inherit;
}
.PrinciplesImge {
	height: 300px;
}
.Column {
	display: inline-block;
	vertical-align: top;	
}
.SoftwareList .Column {
	width: 190px;
	color: #4489A2;
	font-weight: bold;
}
.SpecsBox {
	transition: left 3s;
	transition-delay: 2s;
	position: absolute;
	top:230px;
	right:-500px;
	color: #4489A2;
	font-weight: bold;
	width: 250px;
	z-index:10000;
}
.InView .SpecsBox {
	right: 10px;
}
.MonitorAnnouncerPanel .SpecsBox {
	background-color: rgba(0,0,0,.7);
	padding:15px;		
	color: #fff;
}
.AppArea {
	width: 1230px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	background-image: url(ImgObjects/bluewallpaper.jpg);
	-webkit-perspective: 1300px;
	transition: transform .8s;
}
.StoreCorporative .AppArea {
	width: 1100px;
}

.AppBox {
	width: 80%;
	margin: 0 auto;	
	margin-top:80px;
/* 	background-color: rgba(0,5,5,.5); */
	box-sizing: border-box;
	padding:40px 20px;
}
.AppIcon {
	margin: 17px;
	width:120px;
	height:80px;
	display: inline-block;
	text-align: center;
	position:relative;
	vertical-align: top;
	cursor: pointer;
	background-color: rgba(255,255,255,.5);
	box-shadow:3px 3px 15px rgba(100,100,100,.3);
	padding:20px;
	padding-bottom:90px;
	border-box: 5px 5px 10px rgba(100,100,100,.6);
	border-radius:2px;
}
.AppIcon img {
	width:90px;
	border-radius: 20px;
/* 	border-radius:24px; */
/* 	box-shadow:5px 5px 10px rgba(100,100,100,.3); */
}
.AppIcon .Title{
	font-size: 15px;
	position:absolute;
	top:140px;
	width:100%;
	text-align: center;
	font-family:helvetica;
	color: #888 !important;
	line-height:15px;
	font-weight: bold;
	box-sizing: border-box;
		
}
.StorePage .MainArea {
	height: auto;
}
.StorePage .Logo {
	height: 70px;
	width: auto;	
	top:5px;
	left:10px
}
.StorePage .TopBar {
	background-color: #419169;
	background-color: var(--blue);
}
.Button {
	width: 120px;
	height: 40px; 	
/* 	line-height: 25px; */
	text-align: center;
	cursor: pointer;
	background-color: #57A1BD;
	color: #fff;
	font-family: helvetica;
	font-size: 16px;
	text-align: center !important
}
.Button0 {
/* 	width: 120px; */
	display: inline-block;
	padding: 10px 20px;
	height: auto;
/* 	line-height: 25px; */
	text-align: center;
	cursor: pointer;
	background-color: #57A1BD;
	color: #fff;
	font-family: helvetica;
	font-size: 16px;
	text-align: center !important;
	border-radius: 2px;
	margin: 10px;
}

.HomeIcon {
	background-image: url(ImgObjects/HomeIconWhite.png);
	width: 30px;
	height: 30px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	cursor: pointer; 
}
.StorePage .TopSecondMenu {
	background-color: rgba(100,100,100,.1);
/* 	border-top:4px solid var(--red); */
}
.StorePage .TopBar div {
	color: #fff;
	vertical-align: middle;
}
.StorePage .TopSecondMenu div {
	color: #888;
}
.HelpIcon {
	width: 30px;
	height: 30px;
	background-size: auto 80%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(ImgObjects/HelpIcon.png);
	cursor: pointer;
	-webkit-filter: invert();
	opacity:.3;
}
.StorePage .TopSecondMenu {
	text-align: right;
}

.StorePage .TopSecondMenu div {
	float: none;
	background-color: transparent !important;
}

.StorePage .SectionTitle {
	position: absolute;
	top:75px;
	left:30px;
	font-size: 22px;
	color: #999;
}
.NotificationLabel {
	position: absolute;
	top:60px;
	right:30px;
	font-size: 15px;
	color: #ccc;
	text-align: right;;
}
.NotificationLabel img {
	vertical-align: middle;
	opacity: .5;
		
}
.ContactPad {
	background-color: #616;
	padding:20px;
	margin-bottom:20px;
	width:250px;
}
.SupportPage .ContactPad div {
	display: inline-block;
}
.ContentPad a {
	
}
.ContactPad * {
	color: #fff;
}
.ContactPad h3 {
    -webkit-margin-before: 0em;	
}
.SupportPage .GeneralInformationPanel {
	padding-top: 0px;
	height: auto;	
}
.SupportPage [name="problem"] {
	width: 795px;;
	height: 400px;
}

.SupportPage [name="name"] {
	width: 150px
}
.SupportPage [name="phone"] {
	width: 150px
}
.SupportPage [name="email"] {
	width: 250px
}
.SupportPage [name="application"] {
	width: 160px
}
.TicketForm .Title {
	padding-left:20px;
	padding-top:10px;
}
.SendBtn {
	padding: 15px 50px;
	margin-left: 5px;	
}
.SupportButton {
	display: inline-block;
	background-position: 10px ;
	background-size: auto 65%;
	font-size: 16px;
	font-weight: normal;
	padding-left:90px;
	padding-right: 10px;
	height: 80px;
	line-height: 50px;
	background-repeat: no-repeat;
	width:210px;
	border: 2px solid #44AAF2;
	border-radius: 4px;
	background-color: transparent;
	box-sizing: border-box;
	margin-left: 15px;
	line-height: 20px;
	color: #44AAF2;
	cursor: pointer;
	vertical-align: top;
	
}
.SupportButton span {
	padding-top:15px;
	display: inline-block;
}
.HelpBtn2 {
	background-image: url(ImgObjects/manualicon1.png);
}
.TutorialsBtn {
	background-image: url(ImgObjects/videosicon1.png);
}
.SupportPage .ContactBox {
	margin-top:20px;
}
.Footer .SocialMediaBox {
	position: absolute;
	top:0px;
	right:10px;
	left: auto;
}

.ImagePlayer3 .PlayerBox img {
	box-shadow: none;		
}
.ImagePlayer4 .PlayerBox img {
	box-shadow: none;		
}
.AppDescriptionBox {
	max-width: 1024px;
	height: 600px;
	position: absolute;
	top:-800px;
	left:0px;
	background-color: #fff;
	transition: top .7s, transform .7s;
	z-index:100;
	transform: scale(.3);
}
.ShowAppDescriptionBox .AppDescriptionBox {
	transition-delay: .5s;
	top:85px;
	transform: scale(1);
}
.ShowAppDescriptionBox .AppArea {
	transform: scale(.8);
}


.AppDescriptionBox .BackToStore {
	width: 150px;
	height: 30px; 
	padding-left: 30px;
	background-image: url(ImgObjects/ArrowLeft.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	background-size: auto 80%;
	font-size: 14px;
	text-transform: uppercase;
	color: #1D7CA0;
	right: auto;
	left:20px;
}

.AppDescriptionBox .Button .CloseBtn {
	font-size: 14px;
	text-transform: uppercase;
	color: #1D7CA0;
}

.AppDescriptionBox .SectionTitle {
	position: absolute !important;
	top:40px;
	color: #444;
}

.AppDescriptionBox .AppDescriptionArea {
	/* border-top: dotted 1px #aaa; */
	background-color: #fff;
}

.AppDescriptionBox .AppIcon {
	height:150px;
	width: 110px;
}
.AppDescriptionBox .Title {

}
.AppIcon .DownloadBtn {
	width: 50px;
	height:50px;
	background-image: url(ImgObjects/DownloadIcon3.png);
	background-size: 100%;
	margin-top:0px;
	display: inline-block;
	vertical-align: middle;
	opacity:.5;;
}
.DownloadPage .AppIcon .DownloadBtn {
	display: block;
	margin: 0 auto;
}

.AppDescriptionBox .AppIcon .Title {
	position: static;
	font-size:16px;
	color: #444 !important;
}
.AppDescriptionBox .AppBox {
	width: 100%;
	padding-top:5px;
	margin-top:0px;
}
.AppDescriptionBox .Button {
	position: absolute;
	top:0px;
	background-color: transparent;
	color: #147AA0 !important;
	right:20px;
	z-index:100000;
}

.OSWindows {
	background-image: url(ImgObjects/monitor-windows.svg);
}
.OSChrome {
	background-image: url(ImgObjects/GoogleChromeIcon.png);
}

.OSMac {
	background-image: url(ImgObjects/monitor-mac.svg);
}
.OSLinux {
	background-image: url(ImgObjects/monitor-chromeos.svg);
}
.OSAndroid {
	background-image: url(ImgObjects/device-android.svg);
}
.OSiOs {
	background-image: url(ImgObjects/device-ios.svg);
}

.OsIcon {
	width: 90px;
	height: 50px; 
	background-size: auto 70%;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
}
.StorePage .AppName {
	width:inherit;;
	height:30px;
	position: static;
	text-align: center;
}
.AppDescriptionBox .AppBox .AppIcon img {
	width:80px;
	margin:10px 0px;
}
.DownloadPage .AppIcon .Title {
	position: static;
	height: 45px;
	line-height: 14px;	
	color: #111;
	font-size: 14px;
	margin-bottom: 10px;
}
.DownloadPage .AppIcon {
	height: 220px;
	width:250px;
}
.TecnicoPage .Button{	
	width: auto !important;
	vertical-align: top;
}
.IpValue {
	font-weight: bold;
	font-size:24px;
	padding:20px 0px;
}

.NewTicketBtn {
	position: static;
	display: block;
}
.TicketListArea {
	position: relative;
	width: inherit;
	margin-top:20px;
}
.ToolBar {
	width: 100%;
	height: 40px; 
	border-bottom: 1px solid #999;
	display: block;
	position: static;
}
.Tab {
	width: 150px;
	height: 40px; 
	line-height: 40px;
	text-align: center;
	float: left;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	cursor: pointer;
}
.ToolBar .Tab.Selected {
	background-color: #d9d9d9;	
}
.ListArea {
	width: inherit;
	transition: left .7s;
}
.List {
	width: inherit;
}
.TicketForm {
	transition: left .7s;
	position: absolute;
	top:0px;
	left:-1200px;
	background-color: #f1f1f1;
	display: block;
	width: inherit;
	box-sizing: border-box;
	padding: 30px;
	padding-top:40px;
	width:900px;
	overflow: hidden;
	/* margin-left:23px; */
}
.TicketPage .TicketArea {
	width: 930px;
	height: 1200px;
	margin: 0 auto;
	position: relative;
	margin-top:30px;	
	padding-left:0px;
}

.ShowCreateTicket .TicketForm {
	left: 0px;
}
.ShowCreateTicket .TicketListArea {
	left: -1200px;
}
.TicketPage .GeneralInformationPanel {
	height:1800px;
}
.CancelTicketBtn {
	padding: 15px 50px;
	background-color: #aaa;	
}







.TicketForm form .ticketaccountid {
	display: none;
}
.TicketForm [recordtype="lab"] .ticketaccountid {
	display: inline-block;
}
.TicketForm form [name="ticketaccountid"] {
	width: 85px;
}
.TicketForm form [name="service"] {
	width: 485px;
}

.TicketForm form [name="servicegroups"] {
	width: 420px;
	border-top: 1px dotted #ddd;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	max-height:150px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;	
}
.TicketForm form .ticketheaderinfo input {
	pointer-events:none;	
}
.TicketForm.AddNewMode form .ticketheaderinfo input {
	pointer-events:auto;	
}
.TicketForm .NotifyCheckBox {
	margin-left: 50px;		
}
.TicketForm .Form [name="comment"] {
	min-height:150px;
	background-color: #fff;
	padding:10px;
}
.TicketForm .Form [name="subject"] {
	width:350px;
}
.TicketForm .StatusBox {
	float: right;	
}
.TicketForm.AddNewMode .TicketCodeBox {
	display: none;
}
.TicketForm .TicketTypeElement {
	display: none;
}
.TicketForm.AddNewMode .TicketTypeElement {
	display: inline-block;
}
.TicketForm .TicketTopicElement {
	display: none;
}
.TicketForm.AddNewMode .TicketTopicElement {
	display: inline-block;
}
.TicketForm .TicketPriorityElement {
/* 	display: none; */
}
.TicketForm .TicketPriorityElement .CheckBoxElement{
	padding-top:0px;
}

.TicketForm .TicketPriorityElement .FormElement {

}
.TicketForm.AddNewMode .TicketPriorityElement {
	display: inline-block;
}
.TicketForm .NewMessageBox {
	display: none;
}
.TicketForm.AddNewMode .NewMessageBox {
	display: block;
}

.TicketForm.AddNewMode .TicketDetailListBox {
	display: none;
}
.TicketForm:not(.AddNewMode) .TicketRecipient * {
	pointer-events:none;		
	border: none !important;
}

.TicketForm .TicketDetailBox {
	width: 100%;
	min-height: 200px;
	border: 1px solid #dedede;
}
.TicketForm .TicketDetailHeder {
	height: 60px;
	background-color: #F7F7F7;
	width:100%;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
}
.TicketForm .OriginName {
	font-weight: bold;
	color: #111;
	font-size:12px;
	line-height:20px;
}
.TicketForm .DetailDate {
	color: #999;
	font-size:12px;
	line-height:20px;
}
.TicketForm .TicketDetailComment {
	background-color: #fff;
	width:100%;
	padding: 20px;
	box-sizing: border-box;

}

.TicketForm .AddComentBox {
	border: 1px solid #dedede;
	margin-top: 20px;
	box-sizing: border-box;
	padding: 20px 10px;
	background-color: #F7F7F7;	
}
.TicketForm .AddComentBox textarea {
	width:100%;
	height:200px;
	background-color: #fff;
	border: 1px solid #dedede !important;
	box-sizing: border-box;
	padding:20px 10px !important;
}
.TicketForm .AddComentBox textarea:focus {
	outline: 1px solid #84F0FF;
}
.TicketForm form .ticketheaderinfo input {
	pointer-events:none;	
}
.TicketForm.AddNewMode form .ticketheaderinfo input {
	pointer-events:auto;	
}
.TicketForm .AddCommentInput {
	width: 99%;
	min-height: 150px;
	background-color: #fff;
	padding:10px;
	box-sizing: border-box;

}
.TicketForm .NotifyCheckBox {
	margin-left: 50px;		
}

.CheckBoxElement {
	padding-top:25px;
}
.CheckBoxElement * {
	display: inline-block !important;
	text-align: left;
	vertical-align: top;
}

.WideElement {
	width: 100%;
	box-sizing: border-box;
}
.WideElement input {
	width: 95% !important;
}
.WideElement textarea {
	width: 95% !important;
}
.UploadControl div {
    border: 2px solid #fff;
    display: inline-block;
    border-radius: 44px;
    color: #fff;
    background-color: #bbb;
    /* font-weight: bold; */
    width: 30px;
    height: 30px;
    text-align: center;
}
.UploadControl input {
    width: 25px !important;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
}
.UploadControl {
	position: absolute;
	bottom:25px;
	left:25px;
	display: none;
}

.MenuItemAdd .UploadControl {
	left:0px;
	top:0px;
	width:30px;
	height:30px;
	opacity: 0 !important;
	display: block;
	cursor: pointer;
}
.MenuItemAdd .UploadControl input{
	height:30px !important;	
}
.MenuItemAdd {
	background-image: url(ImgObjects/PlusBtn.png);	
	background-size: auto 90%;	
	position: relative;	
}

form .MenuItemAdd {
	width: 30px;
	height: 30px; 
	border: 1px solid #aaa;
	cursor: pointer;
	display: inline-block;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: top;
	border-radius:4px;
	margin:10px;
}
.AppIcons {
	display: inline-block;
	margin: 0 auto;
}
.DownloadDoc .YourFileSection {
	text-align: center;
	border: none;
	margin-top:0px;
	padding-top:0px;
}
.DownloadDoc .AppIcon {
	width:400px;
	text-align: center;
}

.DownloadDoc .AppIcon .Title {
	line-height: 42px;	
	color: #333 !important;
	font-size: 28px;
	margin-bottom: 10px;
}

.DownloadDoc .AppIcon .DownloadBtn {
	display: block;
	margin: 0 auto;
}

.DocLinkBtn {
	width: 100px;
	background-color: #64b4d9;	
	position: static !important;
	display: inline-block;
}
.CodeLinkBtn {
	width: 100px;
	background-color: #CB7127;		
	position: static !important;
	display: inline-block;
	display: block;
	margin: 0 auto;
}
.ThumbBox input {
	padding: 10px 20px;	
	border-radius: 4px;
}
.FileList {
	float: right;
	width: 300px;
	border: 1px solid #999;
	border-radius: 4px;
	min-height: 600px;	
}
.FileList div {
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	box-sizing: border-box;
	padding: 0px 20px;
	cursor: pointer;
}
.DownloadDoc .ThumbBox img {
	height:210px;
	width: auto;
	
}

.DownloadDoc .ThumbBox  {
	vertical-align: top;
	width: 500px;
	display: block;
	height: auto;
	box-shadow: 5px 5px 25px rgba(55,55,55,.3);
	padding:30px;
/* 	box-sizing: border-box; */

}
.DownloadDoc .ThumbBox .link {
	width: 90%;
}
.DownloadDoc .ThumbList {
	float: left;	
}
.DownloadDoc .ThumbBox .Title {
	line-height: 80px;
	margin-bottom: 10px;
}

.DownloadDoc .ThumbBox textarea {
	width: 300px;
	height: 150px;
	margin: 10px auto;
}
.DownloadDoc .ThumbBox input {
	display: block;
	margin:0 auto;
	margin-bottom:10px;
	border: 1px solid #999;
}
.CodeArea {
	padding: 30px;
	border: 1px dotted #999;
	margin-top: 20px;
}

.VideoTutorialsPage .VideoTutorialBox {
	width: 450px;
	height: 420px; 
	display: inline-block;
	position: relative;
	margin:20px;
	margin-bottom:50px;
	cursor: pointer;
	vertical-align: top;
}
.VideoTutorialsPage .VideCaption {
	font-size: 26px;
	color: #444;
	line-height: 35px;
	transition: color .7s;
}
.VideoTutorialsPage .VideoTutorialBox:hover .VideCaption {
	color: #1A9055;
}
.VideoTutorialsPage .VideoImage {
	width: 450px;
	height: 250px; 	
	background-image: url(ImgObjects/videotdefault.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom:20px;
	transition: box-shadow .7s;
}
.VideoTutorialsPage .VideoTutorialBox:hover .VideoImage {
	box-shadow: 0px 0px 50px rgba(111,111,111,.7);
}
.VideoTutorialsPage .VideoImage img {
	position: absolute;
	top:95px;
	left:190px;
	width: 70px;
}
.VideoTutorialsPage .VideoComment {
	font-size: 13px;
	color: #999;
}
.VideoTutorialsPage .ContentArea {
	height:auto !important;
}
.VideoTutorialsPage .Footer {
	display: none; !important;
}

.VideoPlayerAreaBackground {
	position: fixed;
	top:0px;
	left:0px;	
	height: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.5);
	z-index: 99999;
}
.MessageArea {
	position: fixed;
	width: 100%;
	height: 100%; 	
	z-index: 100000;
	top:-2000px;
	transition: top .7s;
		
}
.ShowMessage .MessageArea {
	bottom:0px;
	height: 100%;		
	top:0px;
}
.VideoPlayerArea {
	position: fixed;
	width: 100%;
	height: 100%; 	
	z-index: 100000;
	top:-2000px;
	transition: top .7s;
}
.VideoPlayerTutorial {
	box-shadow: 0px 0px 50px rgba(0,0,0,.7);	
	width: 853px;
	height: 480px;
	margin: 0 auto;
	margin-top: 100px;
	position: relative;	
}
.VideoPlayerArea .CloseBtn {
	background-image: url(ImgObjects/CloseBtn1.png);	
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	width: 40px;
	height: 40px; 
	right: -50px;
}
.ShowVideoPlayerTutorial .VideoPlayerAreaBackground {
	bottom:0px;
	height: 100%;
}
.ShowVideoPlayerTutorial .VideoPlayerArea {
	top:0px;
}

.MemberBox {
	display: inline-block;
	width: 200px;
	margin:10px;
	text-align: center;
	vertical-align: top;

}
.MemberBox .MemberPhoto {
	width: 100px;
	height: 100px; 
	border-radius: 350px;
	box-shadow: 0px 0px 15px rgba(100,100,100,.3);
	display: inline-block;
	background-image: url(ImgObjects/user01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;

}
.MemberBox .MemberName {
	font-size: 24px;
}
.MemberBox .Button {
	line-height: 30px;
	padding: 10px;
	height: 30px;
	padding: 0px;
}
.StorePage .RequestDownloadBackground {
	z-index: 999999;
	position: fixed;
	top:0px;
	left:0px;
	right: 0px;
	height: 0px;
	background-color: rgba(0,0,0,.3);
}
.StorePage.ShowRequestDownload .RequestDownloadBackground {
	bottom: 0px;
	height: auto;
}
.MessageBoxArea {
	overflow: hidden;
	position: absolute;
	left: 192px;
	width: 640px;
	height: 300px; 
	box-shadow: 0px 0px 35px rgba(100,100,100,.3);
	background-color: #fff;
	top:-1000px;
	transition: top .5s;
	z-index: 1000000;
	box-sizing: border-box;
	padding:40px 80px;
	border-top: 8px solid purple;
	position: absolute;	
}
.ShowRequestDownload .MessageBoxArea {
	top:50px !important;
}
.ShowMessage .MessageBoxArea {
	top:50px;
}

.MessageBoxArea input {
	width: 400px;	
}
.MessageBoxArea .Button {
/* 	width: 200px;	 */
	cursor: pointer;
	margin-left:5px;
	margin-top:15px;
}
.MessageBoxArea img {
	width:80px;
	margin-top:-40px;
}
.StorePage .Selected {
	background-color: #96EAC0;
}
.StorePage .AppIcon {
	transition: background-color 1s;
/* 	width: 200px; */
	width: 150px;
	height:130px;
	padding: 10px 0px;
/* 	box-sizing: border-box; */
	margin-top:50px;
}
.StorePage .AppDescriptionArea .AppIcon {
	height: 200px;
}
.StorePage .AppDescriptionArea .AppBox .Title {
	color: purple !important;
	font-weight: bold;
}
.MessageBoxArea .MessageBox {
	position: absolute;
	top:-400px; 
	left:0px;
	width: 640px;
	height: 300px;
	transition: .7s;
	background-color: #fff;
	box-sizing: border-box;
	padding: 40px 80px;
	text-align: center;
	z-index: 200000;
	font-size:18px;
	padding: 60px;
}
.MessageBoxArea * {
	transition: transform 2s;
	text-align: center;
	font-size:18px;
	line-height:30px;
}
.MessageBoxArea img {
	display: block;
	margin: 0 auto;
	width:80px;
	margin-bottom:10px;
}

.MessageBoxArea.ShowMessage .MessageBox {
	top:0px;
}
.ShowRequestMessage .MessageBox {
	top:0px !important;
}
.ShowLoading .MessageBoxArea .FormElement {
	transform: translateX(700px);
}
.ShowLoading .MessageBoxArea .SendRequestBtn {
	transition: width 17s, height .7s, border-radius 3s, color 1s;
	width: 700px !important;
	height: 2px !important;
	padding: 0px !important;
	border-radius: 0px !important;
	color: transparent !important;
	pointer-events:auto !important;	

}
.StorePage .TopMenu .MenuItem:hover span {
	color: #fff;
}

.StoreBtn {
	background-image: url(ImgObjects/isotypestore.png);
	background-size: auto 100%;
	background-position: right;
	background-repeat: no-repeat;	
	width: 115px;
	height: 30px;
	padding-right: 0px;
	cursor: pointer;
	font-weight: bold;
	position: absolute;
	top:17px;
	right:15px;
	line-height: 30px;
	color: #666;
/* 	font-size:18px; */
	opacity: .7;
	transition: opacity .7s;
}
.StoreBtn:hover {
	opacity: 1;
}
.StorePage .TopMenu {
	background-color: transparent;
}

.StorePage .AppBanner {
	width: inherit;
	height: 260px; 
	position: relative;	
}
.StorePage .AppBanner .ImageRotator {
	width: 100%;
	height: 260px;
	position: absolute;
	top:5px;
	left:0px; 
	overflow: hidden;
	background-color: #414140;

}

.StorePage .AppBanner .ImageRotator img {
	width: 100%;
	height: auto;
	position: absolute;
	top:-50px;
	left:0px; 
	opacity: 0;
	transform: scale(2);
	transition: transform 1s, opacity 1.5s;
}
.StorePage .AppBanner .ImageRotator .Selected {
	opacity: 1;
	transform: scale(1);
}

.StorePage .AppBanner .AppName {
	color: #fff;
	font-size: 28px;
	/* width: 300px; */
	position: absolute;
	top:30px;
	left:600px;
	text-align: left;
	line-height: 38px;
	font-weight: bold;
}
.StorePage .AppBanner .ImageDescription {
	color: #fff;
	font-size: 15px;
	width: 350px;
	position: absolute;
	top:70px;
	left:600px;
	line-height: 18px;
}
.StorePage .AppBanner .Video {
	background-image: url(ImgObjects/videoiconplay.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;	
	width: 90px;
	cursor: pointer;
	height: 50px; 
	position: absolute;
	bottom:10px;
	left:600px;
}
.StorePage .HelpBtn {
	background-image: url(ImgObjects/HelpIcon.png);
	width: 30px;
	height: 30px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;	
	cursor: pointer;
	position: absolute;	
	position: absolute;
	bottom:20px;
	left:720px;
}
.AppDescriptionBox .Header {
	width:100%;
	height:40px;
	position: relative;

}
.AppDescriptionBox .AppBanner .AppName {
	position: absolute;
	top: 50px;
	left:50px;
}
.AppDescriptionBox .Header .AppName {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	padding:0px;
	margin-top:0px;
	line-height:35px;;
}
.StorePage .descriptioncontent {
	display: none;	
}
.SeaMoreSmallBtn {
	border: 1px solid #087ABA;
	color: #fff;
	border-radius: 2px;
	height: 20px;
	line-height: 20px;
	padding: 0px 15px;
	display: inline-block;
	/* padding-right: 25px; */
	background-size: auto 80%;
	background-repeat: no-repeat;
	background-position: right;
	font-weight:bold;
	background-color: #087ABA;
}

.HelpSmallBtn {
	/* background-image: url(ImgObjects/HelpIcon4.png); */
}

.ConnectBtn {
	background-image: url(ImgObjects/personalassistant.png);	
}
.AppAlertMessage {
	background-color: #fff !important;;
	box-shadow: 5px 5px 45px rgba(100,100,100,.1) !important;
	color: #999;
	border-radius: 0px !important;
	color: #444 !important;
	padding-top:80px !important;
}
.AppAlertMessage img {
	width:50px !important;
	position: absolute !important;
	top:10px !important;
	right:10px !important;
}
.AppAlertMessage * {
	color: #444 !important;
}
.VideoSelector {
	width: 100%;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	padding-left: 60px;
	height:52px;
}
.Tab {
	float: left;
	width: 300px;
	height: 50px; 
	line-height: 50px;
	font-size: 24px;
	border-top: 1px solid #ccc;	
	border-left: 1px solid #ccc;	
	border-right: 1px solid #ccc;	
	border-radius: 4px 4px 0px 0px;
	color: #666;
	cursor: pointer;
}
.Tab.Selected {
	background-color: #eee;
	color: var(--blue);
}


.VideoGroup {
	display: none;	
}
[tab="tab1"] .IntroTutorials {
	display: block;
}
[tab="tab2"] .BasicTutorials {
	display: block;
}
[tab="tab3"] .AdvancedTutorials {
	display: block;
}
.VideoTutorialsPage .GeneralInformationPanel {
	padding-top:30px;
}
.VideoPlayerArea .LinkIcon {
	background-image: url(ImgObjects/LinkIcon.png);	
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	width: 40px;
	height: 40px; 
	position: absolute;
	bottom:10px;
	right:-50px;
}


.MessageBoxArea textarea {
	width:100%;
	height:100px;
}
.StorePage .RequestDownloadBox * {
	text-align: left;
}
.StorePage .AppBanner .LearnMoreBtn {
	position: absolute;
	bottom:5px;
	left:570px;
}
.PlayVideoBtn {
	width: inherit;
	box-sizing: border-box;
	position: static;
	vertical-align: middle;
}

.VideoButtonBox {
	width:330px;
	float: right;
	margin-top:50px;
}
.VideoThumb1 {
	box-sizing: border-box;
	border: 6px solid #fff;
	width: inherit;
	vertical-align: middle;
}
.LandingPage .Slide .Sentence {
	position: static;
	margin:0 auto;
	text-align: left;
	font-size: 40px;
	line-height: 50px;
}
.LandingPage .VideoButtonBox {
	cursor: pointer;
	float: left;
}
.LandingPage .VideoButtonBox:hover {
	box-shadow: 0px 0px 75px #fff;
}

.callusbtn b {
	font-size:20px;
	margin-left:10px;
	position: relative;
}
.StatsBox {
	box-shadow: 5px 5px 25px rgba(100,100,100,.3);
	display: inline-block;
	margin:10px;
}
.ServersPage .Legend {
	width: 80%;
	margin: 0 auto;
	color: #fff;
	margin-top: -250px;
	font-size: 22px;
	line-height: 40px;
}

.BestChoiceBadge {
	width:130px;
	position: absolute;
	top:30px;
	left:530px;
	z-index: 10000;
}
.ServersPage .ContentArea {
	height:3350px;
}

.SessionBox:nth-child(odd) {
	background-color: #E1ECF9;;
}

.SessionBox {
	padding:20px;
	box-sizing: border-box;
	padding-top:5px;
	border-top: 4px solid #90D738;
	margin:20px 0px;
}
.WebinarPage .RightImage {
	opacity: 1;
	left:270px;
}
.WebinarPage .CreateAccountBox {
	background-color: #fff;
}
.TrainigImage1  {
	background-image: url(ImgObjects/training1.jpg);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 940px;
	height: 250px; 
}
.BlackPanel {
	background-color: #000;	
}
.TeamPanel {
	background-image: url(ImgObjects/teamworking.jpg);
}
.TeamPanel .TextBox {
	padding:20px;
	background-color: rgba(0,0,0,.7);
}
.Panel:hover .LearnMoreBtn {
	border: 1px solid var(--green) !important;
	background-color: rgba(0,0,0,0);
	color: var(--green);
	border-radius:100px;
}
.ToolArea {
	text-align: center;
	border-top: 1px solid #ddd;	
	border-bottom: 1px solid #ddd;	
}
.ToolsPage .SupportButton {
	margin-top:10px;
	margin-bottom: 10px;	
}
.ToolBtn {
	border:4px solid purple;
	border-radius: 4px;
	box-shadow: 15px 15px 35px rgba(100,100,100,.3);
	line-height: 40px !important;
}
.ToolsIcon {
	background-image: url(ImgObjects/toolsicon3.png);
}
.ToolsPage .SupportButton {
	display: inline-block;
	background-position: 10px ;
	background-size: auto 65%;
	font-size: 18px;
	font-weight: bold;
	padding-left:70px;
	padding-right: 30px;
	height: 50px;
	line-height: 50px;
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	width:290px;
	box-sizing: border-box;
	margin-left: 15px;
	color: #444;
	cursor: pointer;
	vertical-align: middle;	
}

.FeatureItemDescription {
	font-size: 11px;
	line-height: 15px;
	color: #999;
}
.PriceCalculatorPage [type="number"] {
	width: 60px;	
}
.PriceCalculatorPage .NumberElement  {
	display: inline-block;
	width: 450px;
}

.PriceCalculatorPage .NumberElement * {
	display: inline-block;
}
.PriceCalculatorPage .NumberElement label {
	width: 350px;
}
.PriceCalculatorPage [name="companyname"] {
	width: 410px;
}
.PriceCalculatorPage [name="category"] {
	width: 410px;
}
.PriceCalculatorPage [name="website"] {
	width: 270px;
}
.PriceCalculatorPage [name="openhour"] {
	width: 80px;
}
.PriceCalculatorPage [name="closehour"] {
	width: 80px;
}



.PriceCalculatorPage .ModuleElement {
	font-weight: bold;
	width: 100%;
	padding: 20px 0px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #666;
}
.ReportsPage .BackgroundPanel ul li {
/* 	color: #333 !important; */
	font-size:18px;
}
.InternalPage .ContentArea {
	margin-top:150px;
}
.PriceModelPage .ContentArea {
	margin-top:80px;
}

.HeaderStripe {
	height: 150px;
	width: 100%;
	background-position: center;
	background-size: 100%;
	position: absolute;
	top:0px;
}

.LandingPage .PlayerBox {

}
.LandingPage .PlayVideoBtn {
	height:40px;
	line-height: 40px;
	padding: 0px;
	font-size:20px;
	margin-top:-40px;
}
.LandingPage .SliderBackground {
	-webkit-filter: brightness(75%);	
}
.LandingPage .TopSecondMenu {
	display: none;
}
.SliderBackground[background="1"] {
	background-image: url(ImgObjects/reminders8.jpg);
}
.SliderBackground[background="2"] {
	background-image: url(ImgObjects/landing2.jpg);
}
.SliderBackground[background="3"] {
	background-image: url(ImgObjects/reminders9.jpg);
}
.SliderBackground[background="4"] {
	background-image: url(ImgObjects/landing4.jpg);
}
.SliderBackground[background="5"] {
	background-image: url(ImgObjects/landing5.jpg);
}
.SubjectPage .TopMenu {
	background-color: transparent;
}
.SubjectPage .LogoSentence {
	font-size:11px;
	top: 30px;
	left:58px;
}
.SubjectPage .TopSecondMenu {
	display: none;
}
.SubjectPage .SocialMediaBox {
	display: none;
}
.SubjectPage .Banner {
	height: 380px;
}
.SubjectPage .Banner .Sentence {
	top: 50px;
	font-size:40px;
	line-height: 48px;
	width:600px;
}
.SubjectPage .BottomBar1 {
	height: 100px;
	background-color: #FAFAFA;
	border-bottom: 1px solid #ddd;
}
.SubjectPage .BottomBar1 .Sentence {
	height: 100px;		
}
.SubjectPage .BottomBar1 .BannerSentence {
	height: 100px;
	line-height: 50px;
	margin: 0px;
	background-color: #fff;
}
.SubjectPage .BottomBar1 .BannerSentence img{
	height: 80px;
	width: auto;
	margin: 0 auto;
	display: block;
	margin-top:10px;
}


.SubjectPage .Panel .Title {
	color: #2e3b4e;
}
.SubjectPage .SliderBackground {
	height: 400px;
}
.PanelTitle {
	width: 560px;
	margin: 0 auto;
	font-size: 34px;
	line-height: 43px;
	color: #2996cc;
	margin-bottom: 25px;
	text-align: center;
	font-weight: 600;
	text-size-adjust: 100%;

}
.ExplainPanel {
	border-top: 1px solid #ddd;
	padding-top:70px;
	padding-bottom: 50px;
}
.ExplainType {
	border-top: 1px solid #ddd;
	padding-top:70px;
	margin-top:50px;		
	height: auto
}
.ExplainPanel .Title {
	width: 560px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 15px;
}
.ExplainPanel .TextBoxContent {
	width: 560px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 40px;
}
.Column3 {
	width: 30%;
	display: inline-block;
	margin: 0px 10px;
	vertical-align: top;
}
h1 {
	font-size:38px;
	line-height: 45px;
}
h2 {
	margin: 0 auto;
	font-size: 23px;
	line-height: 28px;
	color: #2996cc;
	font-weight: 600;
	margin-bottom: 10px;
/* 	text-align: center; */
	/* 	text-transform: uppercase; */
}
.somesome h2 {
	width: 560px;
	text-align: left;

}
.BlockBox {
	display: inline-block;
	width: 45%;
	margin: 10px 20px;
	vertical-align: top;	
}
.AnimationBox {
	width: 100%;
	height: 640px;
	/* border: 1px solid #999; */
	position: relative;
	overflow: hidden;
}
.ColumnForClients .AnimationBox {
	height: 200px;
	margin-bottom: 20px;
}
.OnlineBox {
	background-image: url(ImgObjects/product15.jpg);
	background-size: 100%;
	background-repeat: no-repeat;	
}
.AutoserviceBox {
	background-image: url(ImgObjects/autoserviceperson.jpg);
	background-size: 100%;
	background-repeat: no-repeat;	
	background-position:bottom right;
}

.CallCenterBox {
	background-image: url(ImgObjects/product37.jpg);
	background-size: 100%;
	background-repeat: no-repeat;	
	background-position: top left;
}
.InView .OnlineBox {
	background-image: url(ImgObjects/product15.jpg);
	background-size: 130%;
	background-repeat: no-repeat;	
}
.InView .AutoserviceBox {
	background-image: url(ImgObjects/autoserviceperson.jpg);
	background-size: 130%;
	background-repeat: no-repeat;	
	background-position:bottom left;
}

.InView .CallCenterBox {
	background-image: url(ImgObjects/product37.jpg);
	background-size: 130%;
	background-repeat: no-repeat;	
	background-position: top right;
}

.ReceptionBox {
	background-image: url(ImgObjects/productx4.jpg);
	background-size: auto 100%;
	background-repeat: no-repeat;	
	background-position: -150px;
}
.TabletShowRoom {
	background-image: url(ImgObjects/deltatablet.jpg);
	background-size: 100%;
	background-position: center 100px;;
	background-repeat: no-repeat;
}
.StandShowRoom {
	background-image: url(ImgObjects/standsshowroom.jpg);
	background-size: 100%;
	background-repeat: no-repeat;	
	background-repeat: no-repeat;
}


.ProfessionalBox {
	background-image: url(ImgObjects/mensajeria.jpg);
	background-size: auto 100%;
	background-repeat: no-repeat;	
	background-position: -100px;
}

.PanelMainImage {
	width: 100%;
	/* height:600px; */
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
}
.AniText {
	background-color: rgba(41, 150, 204, .7);
	color: #fff;
	font-size:22px;
	text-transform: lowercase;
	margin:20px 0px;
	padding: 10px 20px;
	box-sizing: border-box;
	line-height: 30px;	
	transition: transform 1s, border-radius 1s, left 1s, right 1s;
	transform: translateX(-600px);
	width:90%;
}
.ProfessionalBox .AniText {
	transition-delay: 1s;
	transform: translateX(600px);
	text-align: right;	
}
.ReceptionBox .AniText {
	transition-delay: 3s;
	transform: translateX(600px);	
	text-align: right;	
}

.OnlineBox .AniText {
	transition-delay: 1s;
	transform: translate(0px)
}

.InView .AutoserviceBox .AniText {
	transition-delay: 2s;
	transform: translate(0px)
}
.InView .CallCenterBox .AniText {
	transition-delay: 3s;
	transform: translate(0px)
}

.InView .ReceptionBox .AniGroup1 {
	transition-delay: 6s;
	transform: translate(0px)
}
.InView .ReceptionBox .AniGroup2 {
	transition-delay: 8s;
	transform: translate(0px)
}
.InView .ReceptionBox .AniGroup3 {
	transition-delay: 10s;
	transform: translate(0px)
}



.InView .ProfessionalBox .AniGroup1 {
	transition-delay: 12s;
	transform: translate(0px)
}
.InView .ProfessionalBox .AniGroup2 {
	transition-delay: 14s;
	transform: translate(0px)
}
.InView .ProfessionalBox .AniGroup3 {
	transition-delay: 15s;
	transform: translate(0px)
}
.AreaAnimationBox .AniTitle {
	background-color: rgba(41, 150, 204, .7);
	color: #fff;
	font-size:22px;
	text-transform: lowercase;
	margin:20px 0px;
	padding: 10px 20px;
	box-sizing: border-box;
	line-height: 30px;	
	width:620px;	
}
.MainAreaAnimationBox .AniTitle {
	background-color: rgba(41, 150, 204, .7);
	color: #fff;
	font-size:32px;
	text-transform: lowercase;
	margin:20px 0px;
	padding: 20px 40px;
	box-sizing: border-box;
	line-height: 30px;	
	position: absolute;
}
.MainAreaAnimationBox .Layer1 {

}
.InView .MainAreaAnimationBox .Layer1 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity: 1;
}
.MainAreaAnimationBox .Layer2 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
}
.InView .MainAreaAnimationBox .Layer2 {
	transition-delay: 2s;
	opacity: 1;
}
.MainAreaAnimationBox .TitleLine1 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	right: 600px;
	/* background-color: transparent; */
	font-size:48px;
	/* text-shadow: 1px 1px 2px #000; */
	line-height: 55px;
	text-align: right;
	/* text-transform: capitalize; */
	width:70%;
}
.InView .MainAreaAnimationBox .TitleLine1 {
	transition-delay: 3s;
	right: 0px;
	opacity: 1;
	/* 	color: var(--blue); */
	color: #fff;
	/* text-shadow: 3px 3px 3px #000; */
}
.MainAreaAnimationBox .Layer3 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
}
.InView .MainAreaAnimationBox .Layer3 {
	transition-delay: 10s;
	opacity: 1;
}
.MainAreaAnimationBox .TitleLine2 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	left:-600px;
	/* background-color: transparent; */
	font-size:48px;
	/* text-shadow: 1px 1px 2px #000; */
	line-height: 55px;
	text-align: left;
	/* text-transform: capitalize; */
	width:70%;
	color: #fff;
	/* text-shadow: 3px 3px 3px #000; */
}
.InView .MainAreaAnimationBox .TitleLine2 {
	transition-delay: 12s;
	left:0px;
	opacity: 1;
}
.MainAreaAnimationBox .Layer4 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	transform: scale(0);
	position: absolute;
	top:250px;
	left:250px;
	width: 40px;
	height: 40px;
}
.InView .MainAreaAnimationBox .Layer4 {
	transition-delay: 14s;
	transform: scale(1);
	opacity: 1;
}
.MainAreaAnimationBox .Layer5 {
	transition: transform 2s, opacity 1s, left .9s, right .5s;
	opacity:0;
	right: -500px;
}
.InView .MainAreaAnimationBox .Layer5 {
	transition-delay: 17s;
	right:0px;
	opacity: 1;
}
.MainAreaAnimationBox .TitleLine3 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	left:-700px;
	position: absolute;
	top:50px;

}
.InView .MainAreaAnimationBox .TitleLine3 {
	transition-delay: 21s;
	left:0px;
	opacity: 1;
}
.MainAreaAnimationBox .TitleLine4 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	left:-700px;
	position: absolute;
	top:150px;

}
.InView .MainAreaAnimationBox .TitleLine4 {
	transition-delay: 23s;
	left:0px;
	opacity: 1;
}
.MainAreaAnimationBox .TitleLine5 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	left:-700px;
	position: absolute;
	top:250px;
}
.InView .MainAreaAnimationBox .TitleLine5 {
	transition-delay: 24s;
	left:0px;
	opacity: 1;
}
.MainAreaAnimationBox .TitleLine6 {
	transition: transform 2s, opacity 2s, left .9s, right .9s;
	opacity:0;
	left:-700px;
	position: absolute;
	top:350px;
}
.InView .MainAreaAnimationBox .TitleLine6 {
	transition-delay: 25s;
	left:0px;
	opacity: 1;
}
.MainAreaAnimationBox {
	width:1024px;
	height:650px;
	position: relative;
	overflow: hidden;
}
.MainAreaAnimationBox img {
	width:1024px;
	position: absolute;
}
.ReplayBtn {
	width: 250px;
	height: 25px; 	
	margin-bottom:10px;
	background-image: url(ImgObjects/replaybtn.png);
	background-size: auto 100%;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: var(--blue);
	padding-left: 35px;
	line-height: 25px;
}
.ShowRooms {
	width: 95%;
	text-align: center;
	box-shadow: 5px 5px 35px rgba(100,100,100,.3);
	margin: 20px 0px;	
}
.Column2 {
	display: inline-block;
	width:40%;
	margin: 20px;	
	text-align: center;
}
.Column2 h2 {
	text-align: center;
	width: 100%;
}
.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;
}
.my-gallery figure {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  width: 150px;
}
.my-gallery figcaption {
  display: none;
}
.gallery-group-1 figure:nth-child(1) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(5) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(6) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(7) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(15) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(14) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(24) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(12) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(27) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(28) {
	width: 305px;		
}
.gallery-group-1 figure:nth-child(31) {
	width: 305px;		
}
.gallery-group-2 figure:nth-child(1) {
	width: 305px;		
}
.gallery-group-2 figure:nth-child(2) {
	width: 305px;		
}
.gallery-group-2 figure:nth-child(3) {
	width: 305px;		
}


.GalleryPage h2 {
	margin-left: 5px;
	padding-top: 30px;
}
.GalleryPage .PageContentArea .Content{
	padding-bottom:300px;
}
/* cancel caption visualitzation */
.pswp__caption__center {
	/*display: none !important;*/
	font-size:22px !important;
	border: 1px solid rgba(255,255,255,.3);
	text-align: center !important;
	font-weight: bold;
	margin-bottom: 50px !important;
	line-height: 30px !important;
}
.InternalPage .TopSecondMenu  {
	background-color: rgba(0,0,0,.4);
}
.InternalPage .LogoSentence  {
	z-index: 10000;
	opacity: 1 !important;
	color: #fff;
}
.CorporativePanel .BlockBox img {
	width: 100%;
}
.ImageSeriesDisplayer img {
	position: absolute;
	left:0px;
	transition: transform 1s;
	transform: translateX(500px) !important;
	left: 0px !important;
}
.ImageSeriesDisplayer .Selected {
	transform: translateX(0px) !important;
}
.AlertIphoneRotator {
	position: relative;
	width: 450px;
	height: 824px; 
	overflow: hidden;
}
.RotatorSelector {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom:0px;
	box-sizing: border-box;
}
.RotatorSelector div {
	display: inline-block;
	width: 20px;
	height: 20px; 	
	border-radius: 40px;
	border: 1px solid #999;
	cursor: pointer;
	margin: 10px;
}
.StorePage .TopSecondMenu {
	display: none;
}
.StorePage .LogoSentence {
	display: none
}
.TopSecondMenu div:nth-last-child(1) {
	background-color: var(--red);
}
.GalleryPage .TopSecondMenu div:nth-last-child(1) {
	background-color: transparent;
}

.DemoBtn1 {
	transition: width 1s, padding 1s;
/* 	width: 80px; */
	height: 35px; 
	background-color: var(--red);
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 10px;
	color: #fff;
	line-height:35px;
	padding: 0px 10px;
	text-align: center;
	border-radius: 100px;
	vertical-align: middle;
}
.ShowFixBar .DemoBtn1 {
	background-color: var(--green);
	font-size:18px;
	top:0px;
	border-radius: 0px;
}
.DemoBtn1::after {
	content: "Solicite Su Demo"
}
.ShowFixBar .DemoBtn1::after {
	content: "Demo"
}
.InternalPage.ShowFixBar .LogoSentence {
	display: none;
}
.StorePage .Footer {
	margin-top:150px;
}
.BackgroundReminder1 {
	background-image: url(ImgObjects/reminders6.jpg);
}
.SubjectPage .Banner .Sentence {
	top: 50px;
	font-size:40px;
	line-height: 48px;
	width:500px;
	right: 130px;
	left: auto;
	text-align: right;
}

.BannerSentence h1{
	text-align: center;
	font-weight: normal;
	color: #333;
}
.SubjectPage .BottomBar1 .BannerSentence h1{
	font-size: 33px;
}


.Hightlight li {
	font-size: 20px;
	margin: 20px 0px;
	margin-left:-15px;
}
.Left {
	text-align: left	
}
.BlueText {
	color: #2996cc !important;
}
.SubjectPage.ShowFixBar .TopMenu {
	background-color: #414141
}
.SubjectPage.ShowFixBar .callusbtn {
	top:0px;
	left:210px;
}
.SubjectPage.ShowFixBar .Logo {
	width:140px;
}
.DownloadPage .Section .SubTitle {
	font-size:22px;
	margin-bottom: 20px;
	padding-left:30px;
}
.GalleryImageBtn {
	position: relative;
	top:50px;
	width: 80%;
	height: 430px;
	cursor: pointer; 
	background-image: url(ImgObjects/gallleryimage.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top;
	transition: transform .7s;
	margin: 0 auto;
}
.GalleryImageBtn:hover {
	transform: scale(1.05);
}
.ValuesPanel {
	background-color: #f1f1f1;
	min-height:330px !important;
}
.ValuesPanel .LeftText {
	left:70px;
}
.ValuesPanel .RightImage {
	height:250px;
}
.col2 {
	width: 45% !important;
	margin: 20px 2%;	
}

.col3 {
	width: 28% !important;
	margin: 20px 2%;	
}
.col6 {
	width: 15% !important;
	margin: 20px 2%;	
}
.col5 {
	width: 20% !important;
	margin: 20px 2%;	
}

.ColumnImage {
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: inherit;
	transition: background-size 1.5s, box-shadow .9s, transform 1s;
}
.ColumnImage:hover {
	background-size: auto 140%;
	box-shadow: 3px 3px 15px rgba(100,100,100,.6);
	transform: scale(1.05)
}
.PCBlock .ColumnImage {
	background-image: url(ImgObjects/pcblock.jpg);
}
.TeleSession .ColumnImage {
	background-image: url(ImgObjects/telemedicine.jpg);
}
.TabletBlock .ColumnImage {
	background-image: url(ImgObjects/tabletblock.jpg);
}

.ImageColumn .Column {
	height: 350px;
}
.ImageColumn .Column h2 {
	text-align: center;
	width: 100%;
}

.ImageColumn {
	width: 100%;
	text-align: center;
}
.TextFullWidth {
	width: 100% !important;
	box-sizing: border-box;
	padding: 5px 20px;
}
.BandBar {
	background-color: #809AE2;
	text-align: center;
}
.BandBar * {
	color: #fff;
	font-weight: 300;

}
.BandBar h1 {
	font-size: 78px;
    -webkit-margin-after: 40px;
	width:auto !important;
}
.BandBar h2 {
	width:100% !important;
	text-align: center;
	line-height: 25px;
}

.BandBar .Column {
	text-align: center;
}
.ReduzeCostPanel .Column {
	margin: 20px 10%;
}
.ReduzeCostPanel2 .Column {
	margin: 20px 0%;
	width: 40% !important;
}
.ReduzeCostPanel2 .Column:nth-child(1) {
	margin-right: 50px;
}
.Center {
	margin: 0 auto;
	display: block;
	
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.gallery {
  background: #EEE;
}

.gallery-cell {
  width: 66%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  counter-increment: gallery-cell;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}
.TopMenu .MenuItem {
	padding:0px 12px;
}
.ShowFixBar .TopMenu .MenuItem {
	padding:0px 9px;
	font-size:12px;
}

.ClientsPage .FirstPanel * {
	color: #fff;
	text-align: right;
}
.ClientsPage .FirstPanel .TextBox {
	margin-top:100px;	
}
.ClientsPage .FirstPanel .Title {
	color: orange;
	font-size: 35px;
	line-height: 40px;
}
.ClientsPage .FirstPanel .TextBoxContent {
	font-size: 22px;
}
.ClientBox {
	width: 220px;
	vertical-align: top;
	display: inline-block;
	margin: 15px;
}
.ClientLogo {
	height: 80px;
}
.ClientLegend {
	font-size: 18px;
	color: #444;
	margin-top:10px;
}
.ClientBlur {
	font-size: 14px;
}
.ClientsPanel {
	width: 100%;
/* 	height: 300px; 	 */
	position: relative;
	
}
.ClientsPanelBlur {
	text-align: center;
	z-index: 1000;
	width: 100%;
	height: 450px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.8)), to(rgba(255,255,255,1)));
	position: absolute;
	bottom:0px;
	left:0px;
	transition: background 1s, border 1s;
	
}
.ClientsPanelBlur .Title {
	color: #888;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom:30px;
	left:0px;
	opacity: 0;
	transition: opacity 1s;
}
.ClientsPanelBlur:hover .Title{
	opacity: 1;
}
.ClientsPanelBlur:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.6)), to(rgba(255,255,255,.8)));
	border-bottom:8px solid #999;
}
.ClientBox img {
	height:50px;
}
.BlurClient {
	-webkit-filter: blur(20px);	
	filter: blur(3px);	
}
.SSSProviderLogo {
	height: 45px;
	margin: 5px 0px;
}
.SSSProviderPanel .Column {
	width: 210px;	
}
.SSSProviderPanel .LearnMoreBtn {
	padding: 5px 10px;
	border-radius: 100px;
	margin: 5px;
}
.SSSProviderPanel .AlertIphoneRotator {
	height:500px;
}
.GallerySliderPanel {
	width: 100%;
	height: 680px;
}
.SliderView {
	margin: 0 auto;
	width: 1024px;
	height: 600px;
	position: relative;		
}
.GallerySlider {
	width: calc(1024px*8);
	position: absolute;
	top:0px;
	left:0px;
	transition: left 1s;
}
.GallerySlider div {
	width: 950px;
	display: inline-block;
	height: 600px;
	margin: 10px;
	cursor: pointer;
	background-size: 100%;
	background-repeat: no-repeat;
	transition: transform 1s;
}
.GallerySlider div:active {
	box-shadow: 0px 0px 55px rgba(100,100,100,.7);
	transform: scale(1.1);
}
.GalleryPhotos1 .GallerySlider div:nth-child(1) {
	background-image: url(Galeria/photo42.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(2) {
	background-image: url(Galeria/photo57.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(3) {
	background-image: url(Galeria/photo52.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(4) {
	background-image: url(Galeria/photo64.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(5) {
	background-image: url(Galeria/photo56.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(6) {
	background-image: url(Galeria/photo60.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(7) {
	background-image: url(Galeria/photo66.jpg);
}
.GalleryPhotos1 .GallerySlider div:nth-child(8) {
	background-image: url(Galeria/photo65.jpg);
}

.GalleryPhotos2 .GallerySlider div:nth-child(1) {
	background-image: url(Galeria/autos1.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(2) {
	background-image: url(Galeria/autoservice5-1.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(3) {
	background-image: url(Galeria/autoserviceperson.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(4) {
	background-image: url(Galeria/photo64.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(5) {
	background-image: url(Galeria/photo56.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(6) {
	background-image: url(Galeria/photo60.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(7) {
	background-image: url(Galeria/photo66.jpg);
}
.GalleryPhotos2 .GallerySlider div:nth-child(8) {
	background-image: url(Galeria/photo65.jpg);
}

.GalleryPhotos3 .GallerySlider div:nth-child(1) {
	background-image: url(Galeria/photo22.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(2) {
	background-image: url(Galeria/photo27.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(3) {
	background-image: url(Galeria/photo28.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(4) {
	background-image: url(Galeria/photo33.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(5) {
	background-image: url(Galeria/photo39.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(6) {
	background-image: url(Galeria/photo49.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(7) {
	background-image: url(Galeria/photo53.jpg);
}
.GalleryPhotos3 .GallerySlider div:nth-child(8) {
	background-image: url(Galeria/photo65.jpg);
}



.Column3 h2 {
	width: 100%;
	line-height: 24px;
}
.PresentationsPage .BottomBar1 {
	display: none;
}
.PresentationsPage .SliderBackground {
	height: 400px;
}
.PresentationsPage .SlideControlder {
	margin-top:350px;
}
.PresentationsPage .Banner .Sentence {
	top:70px;
}
.BoxPresentation {
	width: 400px;
	height: 400px; 
	margin: 20px;
	cursor: pointer;

}
.BoxPresentation .Title {
	font-size: 18px;
	text-align: center;
}
.BoxPresentation .PresentationImage {
	box-shadow: 5px 5px 25px rgba(100,100,100,.3);
	width: 100%;
	height: 300px; 
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transition: box-shadow .7s;
}
.AsystirTurnosPresentation {
	background-image: url(ImgObjects/AsystirTurnosPresentation.jpg);
}
.BoxPresentation img {
	width:80px;
	margin: 0 auto;
	display: block;
	position: relative;
	top:35%;
	box-shadow: 0px 0px 35px rgba(100,100,100,.7);
	border-radius: 100px;
	transition: transform .7s;
}
.BoxPresentation:hover img {
	transform: scale(1.2);
}
.BoxPresentation:hover .PresentationImage{
	box-shadow: 0px 0px 40px rgba(100,100,100,.7);
}

.PresentationsPage .Banner {
	height: 430px;
}

.MainContent {

}
.MainContent .TextContent {
	display: inline-block;
	width: 700px;
	vertical-align: top;
	box-sizing: border-box;
	padding: 50px;
}
.MainContent .ImageCenter {
	width: 100%;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ImageLeft {
	float: left;
	margin: 10px 10px 10px 0px;
	width: 40%;
}
.ImageRight {
	float: right;
	margin: 10px 0px 10px 10px;
	width: 40%;
}
.RightBar {
	display: inline-block;
	width: 280px;
	background-color: #F8F8F8;
	vertical-align: top;
	margin-left: 30px;
	box-shadow: border-box;
	padding: 20px;
}
.BarTitle {

}
.MainContent h1 {
	font-size: 40px;
	color: var(--green);
	text-align: center;
}
.MainContent h2 {
	font-size: 32px;
	color: var(--green);
	margin:15px 0px;
}
.MainContent h3 {
	font-size: 26px;
	color: var(--blue);
	line-height: 28px;
}

.MainContent .RightBar li {
	list-style-type: none;
	font-weight: bold;
/* 	margin: 10px 0px; */
	border-bottom: 1px dotted #aaa;
	padding: 10px 0px;
}
.HeaderArticle {
	height: 350px;
	width: 100%;
	background-position: top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: absolute;
	top:0px;
	overflow: hidden;
}
.HeaderArticle h2 {
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	font-size: 48px;
	width: 800px;
	margin: 0 auto;
	margin-top: 180px;
	z-index: 10;
	text-align: center;
}
.HeaderArticle img{
	z-index: -1;
	width: 100%;
	height: auto;
	position: absolute;
	top:0px;
	left:0px;
}
.ArticlePage .ContentArea .Content {
	width: 1024px;
	background-image: none;
	/* 	background-color: #eaeaea; */
	background-color: #fff;
	z-index: 1000;
	margin-top: 350px;
}
.ColumnBox {
	width: 220px;
	box-sizing: border-box;
	padding: 20px;
	margin: 10px;
	background-color: #f8f8f8;
	box-shadow: 5px 5px 15px rgba(100,100,100,.3);
	border: 1px solid #ddd;
	transition: transform .7s, border .7s;
	display: inline-block;
	vertical-align: top;
}
.ColumnBox img {
	height:90px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.ColumnBox:hover {
	border: 1px solid green;
	transform: scale(1.1);
}
.ColumnBoxPanel .CenterAligner {
	text-align: center;
}
.HCBasicInfo .ColumnBox {
	height: 510px;
	
}
.Title span {
	width: 10px;
	height: 10px;
	background-color: #333;
	border-radius: 100px;
	margin: 0px 10px;
	display: inline-block;
	vertical-align: middle;
}
.ContactBar {
	background-color: #48484b;
	padding: 20px 0px;
}
.ContactBar .ContactBarBox {
	width: 338px;
	box-sizing: border-box;
	text-align: center;
	padding: 20px 30px;
	border-right: 1px solid #b5b8bd;
	vertical-align: top;
	display: inline-block;
}
.ContactBar .ContactBarBox h2 {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.ContactBar .ContactBarBox * {
	color: #fff;
}
.ContactBar .ContactBarBox img {
	height: 60px;
}
.ContactBar .ContactBarBox:nth-last-child(1) {
	border-right: none;
}
.NoBorder {
	border: none;
}
.ButtonContact {
	padding: 10px 50px;;
	border: 1px solid #fff;
	border-radius: 100px;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
}
.ButtonContactLarge {
	margin: 15px 0px;
	font-size: 28px;
	padding: 20px 60px;
}
.ButtonContact:hover {
	border: 1px solid #30d120;
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    /* background: #e1e1e1; */
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

[class^="hvr-"] {
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #30d120;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.RequestDemoNowBar {
	background-color: var(--red);
	padding: 20px 0px;		
}
.RequestDemoNowBar * {
	color: #fff;
}

.RequestDemoNowBar .CenterAligner {
	text-align: center;
}


.StartTranferingNowBar {
	background-color: var(--blue);
	padding: 20px 0px;		
}
.StartTranferingNowBar * {
	color: #fff;
}

.StartTranferingNowBar .CenterAligner {
	text-align: center;
}
.CustomersCommentsBar {
	background-color: #f5f8ff;
	padding: 20px 0px;		
	text-align: center;
}

.CustomerIcon10 {
	height: 100px;
	margin-right: 50px;
	display: inline-block;
	vertical-align: middle;
}
.CustomerIcon11 {
	height: 100px;
	margin-right: 50px;
	display: inline-block;
	vertical-align: middle;
}

.CustomersCommentsBar q {
	vertical-align: middle;
	font-size:24px;
	line-height: 32px;
	font-style: italic;
	display: inline-block;
	width: 70%;
	text-align: left;
}
.StandardsBar {
	padding: 30px 0px;
	text-align: center;
	border-top: 1px solid #d5d8db;
	border-bottom: 1px solid #d5d8db;
}
.StandardsBar img {
	height: 50px;
	vertical-align: middle;
	margin: 0px 30px;
	margin-bottom: 10px;
	-webkit-filter: grayscale();
	opacity: .7;
}
.StandardsIconBar {
	height: 55px;
	overflow: hidden;
}
.StandardsBar h2 {
	width: 100%;
	text-align: center;
	color: #414141;
	margin-bottom: 30px;
}
.QuestionsAndAnswersPanel {
	background-color: #EBEDF0;
	padding: 40px 0px;
	padding-bottom: 100px;
	box-sizing: border-box;
	padding-left:30px; 
	padding-right: 30px;
}
.QuestionsAndAnswersPanel .CenterAligner {
	width: 100%;
	max-width: 1024px;
}
.QuestionsAndAnswersPanel h1 {
	text-align: center;
}

.QuestionsAndAnswersPanel .QuestionsBox {
	border-bottom: 1px solid #b5b8bd;
/* 	min-height: 80px;	 */
	padding: 20px 0px;
	box-sizing: border-box;
	width: 100%;
	cursor: pointer;
}
.QuestionsAndAnswersPanel .QuestionsBox:hover .QuestionLine {
	color: var(--orange);
}
.QuestionsAndAnswersPanel .QuestionLine {
	font-size: 22px;
	line-height: 35px;
	font-weight: bold;
	color: #414142;
	margin-bottom: 5px;
}
.QuestionsAndAnswersPanel .ExpandArrowBtn {
	width: 30px;
	height: 30px;
	background-image: url(ImgObjects/arrowdown.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	float:right;
	vertical-align: middle;
	opacity: .5;
	transition: transform 1s;
}
.QuestionsAndAnswersPanel .AnswerOpen .ExpandArrowBtn {
	transform: rotateZ(180deg);
}
.QuestionsAndAnswersPanel .AnswerLine {
	overflow: hidden;
	font-size: 20px;
	line-height: 28px;
}
.QuestionsAndAnswersPanel .AnswerOpen .AnswerLine {
	
}
.ReservationOnline1 .ColumnImage1 {
	background-image: url(ImgObjects/turnoonline2.jpg);
}
.ReservationOnline2 .ColumnImage1 {
	background-image: url(ImgObjects/turnoonline3.jpg);
}
.ReservationOnline3 .ColumnImage1 {
	background-image: url(ImgObjects/turnoonline5.jpg);
}
.ColumnImage1 {
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 550px;
	transition: transform 1s;
}
.ColumnImage1:hover {
	transform: scale(1.3)
}

.ColumnImage2 {
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	height: 450px;
	transition: transform 1s;
}
.ColumnImage2:hover {
	transform: scale(1.3)
}
.PluginWebsite .ColumnImage2 {
	background-image: url(ImgObjects/websiteplugin.jpg);		
}
.NewWebsite .ColumnImage2 {
	background-image: url(ImgObjects/newwebsite.jpg);				
}
.DownloadPage .ContentArea .Content {
	padding: 0px 20px;
}
.ReservationPage .WebsiteTopPanel .Title {
	margin-left: 25px;
}
.ReservationPage .WebsiteTopPanel h3 {
	font-weight: normal;
	line-height: 34px;
	font-size:22px;
	padding: 0 25px;
}
.GalleryArrow {
	width: 50px;
	height: 50px;
	background-image: url(ImgObjects/arrowleft5.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;		
	position: absolute;
	top: -50px;
	transition: transform .7s;
	cursor: pointer;
}
.GalleryArrow:hover {
	transform: scale(1.3);
}
.GalleryArrowLeft {
	background-image: url(ImgObjects/arrowleft5.png);
	left: -100px;
}
.GalleryArrowRight {
	background-image: url(ImgObjects/arrowright5.png);
	right: -100px;
}
@media (max-width: 1250px) {

	.GalleryArrowLeft {
		left: 10px;
	}
	.GalleryArrowRight {
		right: 70px;
	}
}
.BedFastVisibility {
	background-image: url(ImgObjects/bedssmall1.jpg) !important;
}
.BedsUpdates {
	background-image: url(ImgObjects/bedsupdate1.jpg) !important;
}
.Bedshc {
	background-image: url(ImgObjects/hcnurse.jpg) !important;
}
.InfrastructureDiagram .IconBar img{
	width: 110px;
	height: auto;
	vertical-align: middle;
}
.ImagingInfrastructure .ContentArea {
	top:150px;
	position: relative;
}
.country {
	display: none !important;
}

[country=Unknown] .Argentina {
	display: block !important;
}
[country=Unknown] .Argentina.InLine {
	display: inline-block !important;
}
[country=AR] .Argentina {
	display: block !important;
}
[country=AR] .Argentina.InLine {
	display: inline-block !important;
}
.TrainingPage .MemberBox {
	width: 400px;
	text-align: left;
}
.TrainingPage .MemberBox input {
	height: 30px;
	width: 130px;
	margin: 5px 0px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #43c47a;
}

.TrainingPage .MemberBox .Column {
	width: 110px;
}
.CoursesBtn {
	background-image: url(ImgObjects/courses.png);
}
.LoginArea {
	margin: 0 auto;
	display: block;
	width: 600px;
	margin-top: 130px;
	height: 400px;
}
.LoginArea .FormElement {
	border: 1px solid #eee;
	display: block;
	text-align: center;
	padding: 20px 0px;
}
.LoginArea .FormElement input {
	margin: 0 auto;
	text-align: center;
}
.LoginArea .FormElement label {
	font-size: 18px;
	color: purple;
	font-weight: bold;
}
.LoginArea .FormElement span {
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: 5px;
}

.LoginArea .FormElement [name="storenumber"] {
	width: 200px;
	color: var(--purple);
	font-weight: bold;
	font-size: 28px;
	height: auto;
	padding: 10px;
	color: #fff;
	background-color: purple;
}
.LoginArea .FormElement [name="storecode"] {
	width: 200px;
	color: var(--purple);
	font-weight: bold;
	font-size: 28px;
	height: auto;
	padding: 10px;
	color: #fff;
	background-color: var(--blue)
}

.LoginArea .FormElement [name="authorizedemail"] {
	width: 500px;
	height: auto;
	padding: 10px;
	color: var(--blue);
	font-size: 18px;
	font-weight: bold;
}
.LoginArea .Button {
	width: 590px;
	margin: 0 auto;
	text-align: center;
	display: block;
	height: 50px;
	border-radius: 0px;
	line-height: 40px;
	font-size: 18px;
}
.StoreCorporative .TopBar {
	background-color: #1F232C;
}
.InfoPanel {
	position: relative;
	border: 1px solid #ddd;
	margin: 5px 3px;
	display: inline-block;
	padding: 0px 10px;
	padding-bottom: 40px;
}
.InfoPanel .SectionTitle {
	font-size: 12px;
	font-weight: bold;
	position: static;
	color: var(--blue);
	margin: 0px 10px;
}
.InfoPanel .AppIcon {
	margin-top: 0px;
}
.StoreCorporative .AppBox {
	width: 100%;
}
.StoreCorporative .AppDescriptionArea .AppBox .AppIcon {
	margin: 10px 5px;
}
.StoreCorporative .AppDescriptionBox {
	width: 1050px;
	overflow: hidden;
	box-shadow: 5px 5px 35px rgba(100,100,100,.3);
}
.StoreCorporative .AppBanner .ImageRotator {
	background-image: url(ImgObjects/appbackground.jpg);
	background-size: 100%;
}
.StoreCorporative .AppBanner .LearnMoreBtn {
	display: none;
}
.Title {
	position: relative;
}
.LinkCodeBox {
	position: absolute;
	top: 0px;
	right: 200px;
}
.LinkCodeBox * {
	display: inline-block !important;
	vertical-align: middle;;
}
.LinkCodeBox input {
	width: 70px !important;
	font-size: 16px;
	border-radius: 2px;
}

.DownloadCodeBox {
	position: absolute;
	top: 0px;
	right: 0px;
}
.DownloadCodeBox * {
	display: inline-block !important;
	vertical-align: middle;;
}
.DownloadCodeBox input {
	width: 70px !important;
	font-size: 16px;
	border-radius: 2px;
}

.DownloadFileBtn {
	/* border: 1px solid #444; */
	width: 30px;
	height: 30px;
	background-image: url(ImgObjects/DownloadIcon3.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	cursor: pointer;
}
.GoToLinkBtn {
	/* border: 1px solid #444; */
	width: 30px;
	height: 30px;
	background-image: url(ImgObjects/gotolinkicon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80%;
	cursor: pointer;
}
table {
	border: none;
}
	
table td {
	padding: 13px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
}

.FeatureInfoBox {
	width: 230px;
	height: 380px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	box-sizing: border-box;
	padding: 0px 15px;
	overflow: hidden;
	margin-bottom: 20px;
}
.FeatureInfoBox h2 {
	
}
.FeatureInfoBox p {
	
}
.FeatureInfoImage {
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 150%;
	display: block;
	margin: 0 auto;
	border-radius: 400px;
	margin-bottom: 10px;
}
.FeaturesBoxesPanel {
	margin-bottom: 50px;
}
.AdvanzeImage {
	background-image: url(ImgObjects/smartmockups_jey8cbmj.jpeg)
}
.InformationalVideosPage .VideoImage {
	width: 450px;
	height: 250px; 	
	background-image: url(ImgObjects/videotdefault.jpg);
}
.InformationalVideosPage .VideoTutorialBox {
	width: 450px;
	height: 350px; 
	margin-bottom: 10px;
}
.TelemedicineImage {
	background-image: url(ImgObjects/AsystirMedImg5.jpg);
}
.HCImage {
	background-image: url(ImgObjects/AsystirMedImg2.jpg);
}
.OnlineReservationImage {
	background-image: url(ImgObjects/AsystirMedImg3.jpg);
}
.VitalsImage {
	background-image: url(ImgObjects/AsystirMedImg6.jpg);
}
.PrescriptionImage {
	background-image: url(ImgObjects/AsystirMedImg1.jpg);
}
.OnlineValidationImage {
	background-image: url(ImgObjects/AsystirMedImg7.jpg);
}
.OnlinePayment {
	background-image: url(ImgObjects/AsystirMedImg8.jpg);
}
.ReceptionImage {
	background-image: url(ImgObjects/AsystirMedImg9.jpg);
}


.FeatureInfoImage {
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 150%;
	display: block;
	margin: 0 auto;
	border-radius: 400px;
	margin-bottom: 10px;
	transition: border-radius .8s, transform .8s;
}
.LandingPage11 .FeatureInfoBox:hover .FeatureInfoImage {
	border-radius: 4px;
	transform: scale(1.1);
}
.whatsappbtn {
	background-image: url(ImgObjects/whatsappicon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	width: 30px;
	height: 30px; 
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.QuestionsAndAswersPage .GeneralInformationPanel {
	min-height: 0px !important;
	height: auto;
	padding-bottom: 50px;
}
.TopMenu .MenuItem.JustMobile {
	display: none;
}