* {
    outline: 0 none;
}
body {
	background-color: #FFF;
	background-image: url("images/Logo/Logo.png");
	background-repeat: no-repeat;
	font-family: "Open Sans",sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	background-size: 60% auto;
	background-position: center 1.2%;
	letter-spacing: 2px;
}

footer {
	/*background-color: none;
	background-image: url('images/Logo/DownLogoEGDeisgn.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 1170px 130px;
	*/
	display: block;
	height: 130px;
	width:100%;
	margin: 20% 0px 0px;
	padding: 0px;
	z-index: 1;
	width: 93.99%;
	border-right: 50px solid transparent;
	height: 0px;
	border-left: 50px solid transparent;
	border-bottom: 64px solid #369;
	text-align:center;
	color:#fff;
	padding-top:1%;
	display:inline-block;
}

div#footer{
margin-top: 1.5%;
}

header {
	display: block;
	position: fixed;
	width: 93.99%;
	border-right: 50px solid transparent;
	height: 0px;
	border-left: 50px solid transparent;
	border-top: 64px solid #369;
	z-index: 11;
}

header > nav {
	z-index: 3;
	margin-top: -64px;
	display: block;
	height: 44px;
}

header > nav > a {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	width: auto;
	text-align: center;
	margin: 0px 1% 0px 4%;
	height: 100%;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

header > nav > a:hover {
	background-color:#ffffff;
	color:#7a7a7a;
}

header > nav > a:active{
    color: #989898;
    font-weight: bold;
}

header > nav > a:first-child{
	margin-left: 29%
}

section {
display: inline-block;
height: auto;
z-index: -1;
margin-top: 18%;
}

section > article {
	border: 1px none;
	border-radius: 2px;
	display: block;
	float: left;
	margin-top: 65px;
	margin-left: 2%;
}

p {
    font-weight: 500;
    overflow: hidden;
    text-indent: 30px;
    text-overflow: ellipsis;
    word-wrap: break-word;
	padding:10px;
}



/*---------------------------------------------ME--------------------------------- */


#ME {
background-color: none;
background-image: url("images/Articles/ScachME.png");
background-repeat: no-repeat;
background-size: 33% auto;
width: 96%;
margin-left: 2%;
margin-bottom: 6%;
height: 600px;
background-position: center 3%;
}

section > article#ME > h2 > a, section > article#NBU > h2 > a {
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin-top: 2%;
	margin-bottom: 1%;
	text-align: center;
	padding-right: 35%;
	color: rgb(122, 122, 122);
}




/* ==================================================================================== */

words1 {
	display:inline-block;
	z-index: -1;
	color: #B4B4B4;
    font-weight: bold;
    position: relative;
	top: 61%;
	left: 59%;
    -webkit-animation: word1 9s infinite linear; /* Chrome, Safari, Opera */
    animation: word1 9s infinite linear;
}

/* Chrome, Safari, Opera */
words1 {-webkit-animation-timing-function: linear;}

/* Standard syntax */
words1 {animation-timing-function: linear;}

/* Chrome, Safari, Opera */
@-webkit-keyframes word1 {
    from { -webkit-transform: rotate(0deg) translateX(250px) rotate(0deg);
								color: #B4B4B4;}
    to   { -webkit-transform: rotate(360deg) translateX(250px) rotate(-360deg);
color: #666666;	}
}

/* Standard syntax */
@keyframes word1 {
    from { transform: rotate(0deg) translateX(250px) rotate(0deg);
color: #B4B4B4;	}
    to   { transform: rotate(360deg) translateX(250px) rotate(-360deg);
color: #666666;	}
}



words2 {
	display:inline-block;
	z-index: -1;
	color: #B4B4B4;
    font-weight: bold;
    position: relative;
	top: 69%;
	left: 39%;
    -webkit-animation: word2 15s infinite linear; /* Chrome, Safari, Opera */
    animation: word2 15s infinite linear;	
}

/* Chrome, Safari, Opera */
words2 {-webkit-animation-timing-function: linear;}

/* Standard syntax */
words2 {animation-timing-function: linear;}

/* Chrome, Safari, Opera */
@-webkit-keyframes word2 {
    from { transform: rotate(370deg) translateX(270px) rotate(-360deg); 
color: #cccccc; opacity:1; }
    to   { transform: rotate(0deg) translateX(270px) rotate(0deg); 
color: #336699; opacity:.5;}
}

/* Standard syntax */
@keyframes word2 {
    from { transform: rotate(370deg) translateX(270px) rotate(-360deg); 
color:#cccccc; opacity:1;}
    to   { transform: rotate(10deg) translateX(270px) rotate(0deg); 
color: #336699; opacity:.5; }
}




words3 {
	display:inline-block;
	z-index: -1;
	color: #B4B4B4;
    font-weight: bold;
    position: relative;
	top: 69%;
	left: 39%;
	-webkit-animation: word3 20s infinite; /* Chrome, Safari, Opera */ 
    animation: word3 20s infinite;
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes word3 {
    0%   {top: 0px; left: 0px; color: #336699; transform: rotate(10deg)}
    25%  {top: 0px; left: 70%; color: #6699cc; transform: rotate(-20deg)}
    50%  {top: 500px; left: 70%; color: #99cccc; transform: rotate(30deg)}
    75%  {top: 500px; left: 0px;color: #cccccc; transform: rotate(20deg)}
    100% {top: 0px; left: 0px;color: #6699cc; transform: rotate(0deg)}
}

/* Standard syntax */
@keyframes word3 {
    0%   {top: 0px; left: 0px; color: #336699; transform: rotate(10deg)}
    25%  {top: 0px; left: 70%; color: #6699cc; transform: rotate(-20deg)}
    50%  {top: 500px; left: 70%; color: #99cccc; transform: rotate(30deg)}
    75%  {top: 500px; left: 0px;color: #cccccc; transform: rotate(20deg)}
    100% {top: 0px; left: 0px;color: #6699cc; transform: rotate(0deg)}
}



words4 {
	display:inline-block;
	z-index: -1;
	color: #B4B4B4;
    font-weight: bold;
    position: relative;

	 /* Chrome, Safari, Opera */
    -webkit-animation-name: word4;
    -webkit-animation-duration: 15s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 12s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    /* Standard syntax */
    animation-name: word4;
    animation-duration: 15s;
    animation-timing-function: linear;
    animation-delay:2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes word4 {
    0%   {color:#cccccc; left:0px; top:0px; transform: rotate(0deg)}
    25%  {color:#003366; left:50%; top:0px; transform: rotate(60deg)}
    50%  {color:#336699; left:50%; top:400px; transform: rotate(120deg)}
    75%  {color:#6699cc; left:50%; top:400px; transform: rotate(240deg)}
    100% {color:#336699; left:50%; top:0px; transform: rotate(360deg)}
}

/* Standard syntax */
@keyframes word4 {
    0%   {color:#cccccc; left:0px; top:0px; transform: rotate(0deg)}
    25%  {color:#003366; left:50%; top:0px; transform: rotate(60deg)}
    50%  {color:#336699; left:50%; top:400px; transform: rotate(120deg)}
    75%  {color:#cccccc; left:50%; top:400px; transform: rotate(240deg)}
    100% {color:#336699; left:50%; top:0px; transform: rotate(360deg)}
}


words5 {
	display:inline-block;
	z-index: -1;
	color: #B4B4B4;
    font-weight: bold;
    position: relative;
top: 44%;
right: 17%;
	-webkit-animation: word5 9s infinite linear; /* Chrome, Safari, Opera */ 
    animation: word5 9s infinite linear;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes word5 {
    0%   {color:#cccccc; left:0px; top:44%;  transform: rotate(0deg)}
    25%  {color:#336699; left:300px; top:44%; transform: rotate(60deg)}
    50%  {color:#cccccc; left:700px; top:44%; transform: rotate(120deg)}
    75%  {color:#cccccc; left:600px; top:44%; transform: rotate(240deg)}
    100% {color:#336699; left:0px; top:44%; transform: rotate(360deg)}
}

/* Standard syntax */
@keyframes word5 {
    0%   {color:#cccccc; left:0px; top:44%;  transform: rotate(0deg)}
    25%  {color:#336699; left:300px; top:44%; transform: rotate(60deg)}
    50%  {color:#cccccc; left:700px; top:44%; transform: rotate(120deg)}
    75%  {color:#cccccc; left:600px; top:44%; transform: rotate(240deg)}
    100% {color:#336699; left:0px; top:44%; transform: rotate(360deg)}
}




words6 {
	display:inline-block;
	z-index: -1;
	color: #B4B4B4;
    font-weight: bold;
    position: relative;
	top: 40%;
	left: 0%;
    -webkit-animation: word6 15s infinite linear; /* Chrome, Safari, Opera */
    animation: word6 15s infinite linear;	
}

/* Chrome, Safari, Opera */
words2 {-webkit-animation-timing-function: linear;}

/* Standard syntax */
words2 {animation-timing-function: linear;}

/* Chrome, Safari, Opera */
@-webkit-keyframes word6 {
    from { transform: rotate(10deg) translateX(350px) rotate(0deg); 
color:#cccccc; opacity:0.3;}
    to   { transform: rotate(360deg) translateX(270px) rotate(360deg); 
color: #336699; opacity:.5; }
}

/* Standard syntax */
@keyframes word6 {
    from { transform: rotate(10deg) translateX(150px)  translateY(150px) rotate(0deg); 
color:#cccccc; opacity:0.3;}
    to   { transform: rotate(360deg) translateX(150px)  translateY(150px) rotate(360deg); 
color: #336699; opacity:.5; }
}



words7 {
	display:inline-block;
	z-index: -1;
	color: #B4B4B4;
    font-weight: bold;
    position: relative;
top: 40%;
right: 30%;
font-size: 56px;
	-webkit-animation: word7 9s infinite linear; /* Chrome, Safari, Opera */ 
    animation: word7 9s infinite linear;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes word7 {
    0%   {color:#cccccc; opacity:.0;}
    25%  {color:#336699; opacity:.2;}
    50%  {color:#cccccc; opacity:.3;}
    75%  {color:#cccccc; opacity:.5;}
    100% {color:#cccccc; opacity:.0;}
}

/* Standard syntax */
@keyframes word7 {
    0%   {color:#cccccc; opacity:.0;}
    25%  {color:#336699; opacity:.2;}
    50%  {color:#cccccc; opacity:.3;}
    75%  {color:#cccccc; opacity:.5;}
    100% {color:#cccccc; opacity:.0;}
}

words8 {
	display:inline-block;
	z-index: -1;
	color: #B4B4B4;
    font-weight: bold;
    position: relative;
top: 40%;
left: 25%;
font-size: 56px;
	-webkit-animation: word8 6s infinite linear; /* Chrome, Safari, Opera */ 
    animation: word8 6s infinite linear;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes word8 {
    0%   {color:#cccccc; opacity:.0;}
    25%  {color:#336699; opacity:.2;}
    50%  {color:#cccccc; opacity:.3;}
    75%  {color:#cccccc; opacity:.5;}
    100% {color:#cccccc; opacity:.0;}
}

/* Standard syntax */
@keyframes word8 {
    0%   {color:#cccccc; opacity:.0;}
    25%  {color:#336699; opacity:.2;}
    50%  {color:#cccccc; opacity:.3;}
    75%  {color:#cccccc; opacity:.5;}
    100% {color:#cccccc; opacity:.0;)}
}


/* ==================================================================================== */
























#HTML {
background-color: #EAEAEA;
background-image: url("images/Articles/ME.png");
background-repeat: no-repeat;
background-size: 40% auto;
height: auto;
width: 94%;
margin-left: 3%;
margin-bottom: 6%;
background-position: 93% 50%;
}

section > article#HTML > h2 
{
font-size: 40px;
color: #FFF;
background-color: rgb(200, 200, 200);
margin: 45px -54px 50px -45px;
}

section > article#HTML > h2 > a, section > article#NBU > h2 > a {
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin-top: 2%;
	margin-bottom: 1%;
	text-align: center;
	padding-right: 35%;
	color: #ffffff;
}

section > article#HTML > p, section > article#NBU > p  {
overflow: auto;
text-indent: 30px;
padding-right: 3%;
font-size: 20px;
line-height: 161%;
padding-bottom: 3%;
word-wrap: break-word;
color: #838383;
width: 47%;
text-overflow: ellipsis;
text-align: justify;
margin: 8% 0px 0px 5%;
}


article#HTML > h3{
height: 60px;
width: auto;
padding-left: 138px;
margin-left: 6%;
padding-top: 40px;
font-size: 20px;
}
	
.hiddenNavigation1
{
position: absolute;
top: 1019px;
}
	
	
#telephone{
background-image: url('images/Articles/TelephonePictograms.png');
background-position: 0px 0px;
background-repeat: no-repeat;
}

#mail{
background-image: url('images/Articles/Mail.png');
background-position: 0px 0px;
background-repeat: no-repeat;
}

#download{
background-image: url('images/Articles/DownloadPictograms.png');
background-position: 0px 0px;
background-repeat: no-repeat;
}
	
#download>a{
color: #666;
text-decoration: none;
font-size: 17px;
color: #666;
float: none;
font-size: 20px;

}	
	
	
	
#CSS {
	background-color: #FFF;
	background-image: url('images/Articles/CSS.png');
	background-position: 30px center;
	background-repeat: no-repeat;
	background-size: 114px 161px;
	height: auto;
	width: 96%;
}

section > article#CSS > p , section > article#TU > p {
    float: right;
    font-weight: 500;
    margin-right: 5px;
    margin-top: 0;
    overflow: auto;
    padding-right: 5px;
    text-indent: 30px;
    text-overflow: ellipsis;
    width: 500px;
    word-wrap: break-word;
}

section > article#CSS > h2 > a , section > article#TU > h2 > a{
    color: #0066CC;
    margin-left: 30%;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 2px 1px #FFCCCC, 0 3px 1px #3399CC;
    text-transform: uppercase;
}

a#hiddenCSS {
    display: block;
    height: 171px;
    margin-left: 30px;
    margin-top: 5px;
    position: absolute;
    width: 114px;
}

/*Kens*/
#SocialWeb {
background: none repeat scroll 0px 0px #FFF;
height: auto;
margin-bottom: 50px;
/*margin-top: 20px;*/
width: 96%;
margin-top: 26%;
}

section > article#SocialWeb > a {
    background-size: 70px 127px;
    display: inline-block;
    height: 130px;
    top: 50px;
	padding: 0;
    position: relative;
    width: 70px;
	margin-left:25px;
}

section > article#SocialWeb > a:hover{
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

section > article#SocialWeb > p {
    font-weight: 500;
    overflow: hidden;
    text-indent: 30px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    margin-bottom: -40px;
    padding-bottom: 0px;
}

section > article#SocialWeb > a#FB {
	background-image: url('images/KensOneByOne/1FB.png');
	background-repeat: no-repeat;
	left: 0px;
	padding-top: 20px;
	margin-left: 29%;
}

section > article#SocialWeb > a#Twitter {
    background-image: url("images/KensOneByOne/2T.png");
    background-repeat: no-repeat;
    left: 0px;
	margin-bottom:-10px;
}

section > article#SocialWeb > a#YouTube {
    background-image: url("images/KensOneByOne/3Y.png");
    background-repeat: no-repeat;
    left: 0px;
    padding-top: 5px;
}

section > article#SocialWeb > a#Vbox7 {
    background-image: url("images/KensOneByOne/4V7.png");
    background-repeat: no-repeat;
    left: 0px;
 
}

section > article#SocialWeb > a#Google {
    background-image: url("images/KensOneByOne/5G.png");
    background-repeat: no-repeat;
    left: 0px;
    padding-top: 20px;
}

section > article#SocialWeb > a#W3schools {
    background-image: url("images/KensOneByOne/6W3.png");
    background-repeat: no-repeat;
    left: 0px;
    
}

section > article#SocialWeb > a#Linkedin {
    background-image: url("images/KensOneByOne/7I.png");
    background-repeat: no-repeat;
    left: 0px;
    padding-top: 5px;
}

section > article#SocialWeb > a#Feeds {
    background-image: url("images/KensOneByOne/8).png");
    background-repeat: no-repeat;
    left: 0px;
	margin-right:-34px;    
}

section > article#SocialWeb > h2 {
    color: #CCCCCC;
    margin-left: 0px;
    text-align: center;
    text-shadow: 0 2px 1px #336699, 0 3px 1px #A6D1FB;
    text-transform: uppercase;
}

#NBU {
    background-color: white;
    background-image: url("images/University/NBU-Logo.png");
    background-position: 30px center;
    background-repeat: no-repeat;
    background-size: 130px 161px;
    height: auto;
	width: 46%;
	cursor:url("images/University/NBU-Logo.gif"), url("images/University/NBU-Logo.cur"), auto;
}

hgroup >h3:first-child>a:first-child{
    background-size: 200px 60px;
    height:60px;
    top: 50px;
    width: 200px;
    background-image: url("images/University/TimeLineNow.png");
    background-repeat: no-repeat;
	float: right;
    margin-top: -50px;
	text-decoration:none;
	color:black;
	font-size: 11px;
    line-height: 15px;
    letter-spacing: 0px;
	margin-right:80px;
	margin-top:-25px;
} 

hgroup >h3:first-child>a:last-child{
    background-size: 200px 25px;
    height:30px;
    top: 50px;
    width: 200px;
    background-image: url("images/University/TimeLineNow1.png");
    background-repeat: no-repeat;
	float: right;
    margin-top: -50px;
	text-decoration:none;
	color:black;
	font-size: 11px;
    line-height: 15px;
    letter-spacing: 0px;
	margin-right:80px;
	margin-top:-25px;
	padding-top: 10px;
}

h3>a{
	text-decoration:none;
	font-size: 17px;
	color:#333333; 
	float:right;
	margin-right:20px;
}

h3{
	color:#666666;
	margin-bottom: 35px;
}

hgroup
{
	text-align: left;
	display: inline-block;
    float: right;
    width: 450px;
    position: relative;
	margin-top:10px;
}

hgroup >a{
    display: inline;
    float: right;
    margin-right: 130px;
    margin-top: -57px;
    margin-bottom: 10px;
    text-align: center;
}

#TU {
    background-color: white;
    background-image: url("images/University/TU-Logo.png");
    background-position: 30px center;
    background-repeat: no-repeat;
    background-size: 130px 138px;
    height: auto;

	margin-top:65px;
    width: 46%;
}

	/*WEB*/	
.hiddenNavigation{	
	width: 100%;
	height: 1px;
	display: block;
	margin-top: 400px;
}
	
#WEB {
    height: auto;
    width: 96%;
	box-shadow: none;
}

h2#WEB3{
font-size: 40px;
color: #FFF;
background-color: #39C;
margin: 45px -34px 75px -45px;
height: 75px;
padding-top: 25px;
}

article#WEB>div{
    width: 100%;
    height: auto;
    display: inline-block;
	background-size: 80px 80px;
    text-align: center;
    text-transform: uppercase;
	margin-bottom:10px;
}

article#WEB>div>a {
	display: block;
	width: 400px;
	height: 300px;
}

article#WEB>div>a.NoBlock{
	display: inline-block;
	width: auto;
	height: auto;
	text-decoration: none;
	padding: 0px;
	font-size: 13px;
	margin-left: 20px;
	color: #336699;
	text-shadow:none;
	position:static;
}

article#WEB>div>a.NoBlock#home:hover{
	height: 100px;
    width: 100px;
    background-color: black;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-image: url("images/WEBPage/HomePageMedicalClinical.jpg");
    background-repeat: no-repeat;
    background-position: 0px center;
    transform: scale(12, 10);
    color: white;
    z-index: 4;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    top: -230px;
    left: 20%;
    background-size: 100px 85px;
    font-size: 5px;
}

article#WEB>div>a.NoBlock#callery{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/Callery.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}

.slides {
	padding: 0px;
	width: 98%;
	display: block;
	margin: 0px auto;
	position: relative;
	height: 600px;
}

.slides input { display: none; }
.slide-container { display: block; }

.slide {
	display: block;
	width: 67%;
	position: absolute;
	opacity: 0;
	height: 675px;
	margin-left: 17%;
	background-size: 900px 675px;
}

/*For WEB Galery*/
div#HomePage{
	background-repeat: no-repeat;
	background-image: url('images/WEBPage/HomePageMedicalClinical.png');
	background-position: center 0px;
	background-size: 90% auto;
}

div#Callery{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/HoverHomePageMedicalClinical.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#Profile{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/PersonalProfile.png");
	background-position: center 0px;
	background-size: 90% auto;	
}

div#HomePageResponsive{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/HomePageResponsive.png");
	background-position: center 0px;
	
}

div#GalleryPageResponsive{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/GaleryPageResponsive.png");
	background-position: center 0px;
}

div#ProfilePageResponsive{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/ProfilePageResponsive.png");
	background-position: center 0px;
}

.nav  label {
	display: none;
	position: absolute;
	z-index: 9;
	cursor: pointer;
	text-align: center;
	line-height: 622px;
	color: rgb(51, 102, 153);
	text-shadow: 0px 0px 3px rgb(204, 204, 204);
	margin-left: -10px;
	margin-right: -10px;
	font-size: 100pt;
	font-family: "Varela Round";
	transition: opacity 0.2s ease 0s;
}

.nav label { opacity: 1; }

.nav label:hover { opacity: 0.5; }

.nav .next { right: 0; }

input:checked + .slide-container  .slide {
    opacity: 1;
    transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
}

input:checked + .slide-container .nav label { display: block; }

.nav-dots {
	text-align: center;
	color: #369;
	height: 140px;
	position: absolute;
	bottom: -258px;
	margin-left: 17%;
	list-style-type: none;
}

.nav-dots .nav-dot {
	display: inline-block;
	height: 150px;
	left: 260px;
	background-position: 20px center;
	background-size: 100px 100px;
	color: #369;
	text-shadow: none;
	border-style: solid;
	border-color: #fff;
	text-transform: none;
	border-width: 1px;
	float: left;
	width: 150px;
	top: -5px;
}

label.nav-dot#img-dot-1{
	background-image: url("images/WEBPage/LittleHomePage.png");
	background-repeat: no-repeat;
	background-position: 22px 45px;
	margin-right: 17px;
}

label.nav-dot#img-dot-2{
	background-image: url("images/WEBPage/LittleHoverHomePage.png");
	background-repeat: no-repeat;
	background-position: 22px 45px;
	margin-right: 17px;
}

label.nav-dot#img-dot-3{
	background-image: url("images/WEBPage/PersonalProfile.jpg");
	background-repeat: no-repeat;
	background-position: 22px 45px;
	margin-right: 17px;
}

label.nav-dot#img-dot-4{
	background-image: url("images/WEBPage/HomePageResponsive.jpg");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
	margin-right: 17px;
}

label.nav-dot#img-dot-5{
	background-image: url("images/WEBPage/GaleryPageResponsive.jpg");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
	margin-right: 17px;
}

label.nav-dot#img-dot-6{
	background-image: url("images/WEBPage/ProfilePageResponsive.jpg");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
}

.nav-dots .nav-dot{ opacity: 1; }

.nav-dots .nav-dot:hover {
	cursor: pointer;
	border-style:outset;
	border-width:1px;
	Border-color:#9DDEF5;;
}

input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6,
{
	background: rgba(0, 0, 0, 0,8);
}

.MGallery{
	width: 700px;
	height: 600px;
	display: inline-block;
	z-index:10;
	user-select: auto;
		-ms-user-select: auto;
		-moz-user-select: auto;
		-khtml-user-select: auto;
		-webkit-user-select: auto;
		-webkit-touch-callout: auto;
}

div>p#information{
	margin-top:300px;
}

article#WEB>div>a.NoBlock#profile{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/PersonalProfile.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}

article#WEB>div>p.NoBlock{
	width: auto;
	height: 210px;
	background-image: url('images/WEBPage/UseColors.svg');
	background-repeat: no-repeat;
	background-position: center 50px;
}


/*-------------------------------------- 2 Web TV ---------------------------------------------*/
/*WEBTV*/	
.hiddenNavigation{	
	width: 100%;
	height: 1px;
	display: block;
	margin-top: 400px;
}
	
#WEBTV {
    height: auto;
    width: 96%;
	box-shadow: none;
	margin-top:25%;
}

h2#WEB3TV{
	font-size: 40px;
	color: #FFF;
	background-color: #336666;
	margin: 45px -34px 75px -45px;
	height: 75px;
	padding-top: 25px;
}

article#WEBTV>div{
    width: 100%;
    height: auto;
    display: inline-block;
	background-size: 80px 80px;
    text-align: center;   
    text-transform: uppercase;
	margin-bottom:10px;
}

article#WEBTV>div>a {
	display: block;
	width: 400px;
	height: 300px;
}

article#WEBTV>div>a.NoBlockTV{
	display: inline-block;
	width: auto;
	height: auto;
	text-decoration: none;
	padding: 0px;
	font-size: 13px;
	margin-left: 20px;
	color: #336699;
	text-shadow:none;
	position:static;
}

article#WEBTV>div>a.NoBlockTV#homeTV:hover{
	height: 100px;
    width: 100px;
    background-color: black;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-image: url("images/WEBPage/HomePageMedicalClinical.jpg");
    background-repeat: no-repeat;
    background-position: 0px center;
    transform: scale(12, 10);
    color: white;
    z-index: 4;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    top: -230px;
    left: 20%;
    background-size: 100px 85px;
    font-size: 5px;
}

article#WEBTV>div>a.NoBlockTV#BNT1TV{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/Callery.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}

.slidesTV {
	padding: 0px;
	width: 98%;
	display: block;
	margin: 0px auto;
	position: relative;
	height: 600px;
}

.slidesTV input { display: none; }
.slide-containerTV { display: block; }

.slideTV {
	display: block;
	width: 67%;
	position: absolute;
	opacity: 0;
	height: 675px;
	margin-left: 17%;
	background-size: 900px 675px;
}

/*For WEB Galery*/
div#HomePageTV{
	background-repeat: no-repeat;
	background-image: url('images/WEBPage/iHomePageLiveBNT.png');
	background-position: center 0px;
	background-size: 90% auto;
}

div#BNT1TV{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iPlayerBNT1LiveBNT.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#BNT2TV{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iPlayerBNT2LiveBNT.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#BNTworldTV{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iPlayerBNTWorldLiveBNT.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#BNTHDTV{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iPlayerBNTHDLiveBNT.png");
	background-position: center 0px;
	background-size: 90% auto;
}

.navTV  label {
	display: none;
	position: absolute;
	z-index: 9;
	cursor: pointer;
	text-align: center;
	line-height: 622px;
	color: rgb(51, 102, 153);
	text-shadow: 0px 0px 3px rgb(204, 204, 204);
	margin-left: -10px;
	margin-right: -10px;
	font-size: 100pt;
	font-family: "Varela Round";
	transition: opacity 0.2s ease 0s;
}

.navTV label { opacity: 1; }

.navTV label:hover { opacity: 0.5; }

.navTV .nextTV { right: 0; }

input:checked + .slide-containerTV  .slideTV {
    opacity: 1;
    transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
}

input:checked + .slide-containerTV .navTV label { display: block; }

.nav-dotsTV {
text-align: center;
height: 140px;
bottom: -271px;
margin-left: 24%;
list-style-type: none;
position: absolute;

}

.nav-dotsTV .nav-dotTV {
	display: inline-block;
	height: 150px;
	left: 260px;
	background-position: 20px center;
	background-size: 100px 100px;
	color: #336666;;
	text-shadow: none;
	border-style: solid;
	border-color: #fff;
	text-transform: none;
	border-width: 1px;
	float: left;
	width: 150px;
	top: -5px;
	transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
	background-size: 100px 80px;
	background-position: 25px 47px;
}

a.explanation {
display: inline-block;
padding-top: 0px;
text-decoration: none;
}

label.nav-dotTV#img-dot-1TV{
	background-image: url("images/WEBPage/HomePageLiveBNT.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotTV#img-dot-2TV{
	background-image: url("images/WEBPage/PlayerBNT1LiveBNT.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotTV#img-dot-3TV{
	background-image: url("images/WEBPage/PlayerBNT2LiveBNT.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotTV#img-dot-4TV{
	background-image: url("images/WEBPage/PlayerBNTWorldLiveBNT.png");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
	margin-right: 17px;
}

label.nav-dotTV#img-dot-5TV{
	background-image: url("images/WEBPage/PlayerBNTHDLiveBNT.png");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
	margin-right: 17px;
}

.nav-dotsTV .nav-dotTV{ opacity: 1; }

.nav-dotsTV .nav-dotTV:hover {
	cursor: pointer;
	border-style:outset;
	border-width:1px;
	Border-color:#9DDEF5;
	border-radius: 50%;
}

input#img-1TV:checked ~ .nav-dotsTV label#img-dot-1TV,
input#img-2TV:checked ~ .nav-dotsTV label#img-dot-2TV,
input#img-3TV:checked ~ .nav-dotsTV label#img-dot-3TV,
input#img-4TV:checked ~ .nav-dotsTV label#img-dot-4TV,
input#img-5TV:checked ~ .nav-dotsTV label#img-dot-5TV,
input#img-6TV:checked ~ .nav-dotsTV label#img-dot-6TV,
{
	background: rgba(0, 0, 0, 0,8);
}

.MGalleryTV{
	width: 700px;
	height: 600px;
	display: inline-block;
	z-index:10;
	user-select: auto;
		-ms-user-select: auto;
		-moz-user-select: auto;
		-khtml-user-select: auto;
		-webkit-user-select: auto;
		-webkit-touch-callout: auto;
}


div>p#informationTV{
	margin-top:300px;
}

article#WEBTV>div>a.NoBlockTV#BNT2TV{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/PersonalProfile.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}

article#WEBTV>div>p.NoBlockTV{
	width: auto;
	height: 210px;
	background-image: url('images/WEBPage/UseColors.svg');
	background-repeat: no-repeat;
	background-position: center 50px;
}

a#TVlink
{


color: #366;
display: block;
  position: relative;
  text-decoration: none;
  font-weight: 700;
  margin-top: 60px;
  text-align: center;
 font-size: 16px;
  text-transform: uppercase;


}

/*-------------------------------------- 2 Web Portal ---------------------------------------------*/
/*WEBPortal*/	
.hiddenNavigation{	
	width: 100%;
	height: 1px;
	display: block;
	margin-top: 400px;
}
	
#WEBPortal {
    height: auto;
    width: 96%;
	box-shadow: none;
	margin-top:25%;
}

h2#WEB3Portal{
	font-size: 40px;
	color: #FFF;
	background-color: #000033;
	margin: 45px -34px 75px -45px;
	height: 75px;
	padding-top: 25px;
}

article#WEBPortal>div{
    width: 100%;
    height: auto;
    display: inline-block;
	background-size: 80px 80px;
    text-align: center;
    text-transform: uppercase;
	margin-bottom:10px;
}

article#WEBPortal>div>a {
	display: block;
	width: 400px;
	height: 300px;
}

article#WEBPortal>div>a.NoBlockPortal{
	display: inline-block;
	width: auto;
	height: auto;
	text-decoration: none;
	padding: 0px;
	font-size: 13px;
	margin-left: 20px;
	color: #336699;
	text-shadow:none;
	position:static;
}

article#WEBPortal>div>a.NoBlockPortal#homePortal:hover{
	height: 100px;
    width: 100px;
    background-color: black;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-image: url("images/WEBPage/HomePageMedicalClinical.jpg");
    background-repeat: no-repeat;
    background-position: 0px center;
    transform: scale(12, 10);
    color: white;
    z-index: 4;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    top: -230px;
    left: 20%;
    background-size: 100px 85px;
    font-size: 5px;
}


article#WEBPortal>div>a.NoBlockPortal#BNT1Portal{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/Callery.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}


.slidesPortal {
	padding: 0px;
	width: 98%;
	display: block;
	margin: 0px auto;
	position: relative;
	height: 600px;
}

.slidesPortal input { display: none; }
.slide-containerPortal { display: block; }

.slidePortal {
	display: block;
	width: 67%;
	position: absolute;
	opacity: 0;
	height: 675px;
	margin-left: 17%;
	background-size: 900px 675px;
}

/*For WEB Galery*/
div#HomePagePortal{
	background-repeat: no-repeat;
	background-image: url('images/WEBPage/iHomePortalBNT.png');
	background-position: center 0px;
	background-size: 90% auto;
}

div#UpravleniePortal{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iUpravleniePortalBNT.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#VestniciPortal{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iVestniciPortalBNT.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#BlankiPortal{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iBlankiPortalBNT.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#PochivkaPortal{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iPochivkaPortalBNT.png");
	background-position: center 0px;
	background-size: 90% auto;
}

.navPortal  label {
	display: none;
	position: absolute;
	z-index: 9;
	cursor: pointer;
	text-align: center;
	line-height: 622px;
	color: rgb(51, 102, 153);
	text-shadow: 0px 0px 3px rgb(204, 204, 204);
	margin-left: -10px;
	margin-right: -10px;
	font-size: 100pt;
	font-family: "Varela Round";
	transition: opacity 0.2s ease 0s;
}

.navPortal label { opacity: 1; }

.navPortal label:hover { opacity: 0.5; }

.navPortal .nextPortal { right: 0; }

input:checked + .slide-containerPortal  .slidePortal {
    opacity: 1;
    transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
}

input:checked + .slide-containerPortal .navPortal label { display: block; }

.nav-dotsPortal {
	text-align: center;
	color: #000033;
	height: 140px;
	position: absolute;
	bottom: -258px;
	margin-left: 24%;
	list-style-type: none;
}

.nav-dotsPortal .nav-dotPortal {
	display: inline-block;
	height: 150px;
	left: 260px;
	background-position: 20px center;
	background-size: 100px 100px;
	color: #000033;
	text-shadow: none;
	border-style: solid;
	border-color: #fff;
	text-transform: none;
	border-width: 1px;
	float: left;
	width: 150px;
	top: -5px;
	transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
	background-size: 100px 80px;
	background-position: 25px 47px;
}


label.nav-dotPortal#img-dot-1Portal{
	background-image: url("images/WEBPage/LittleHomePortalBNT.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotPortal#img-dot-2Portal{
	background-image: url("images/WEBPage/LittleUpravleniePortalBNT.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotPortal#img-dot-3Portal{
	background-image: url("images/WEBPage/LittleVestniciPortalBNT.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotPortal#img-dot-4Portal{
	background-image: url("images/WEBPage/LittleBlankiPortalBNT.png");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
	margin-right: 17px;
}

label.nav-dotPortal#img-dot-5Portal{
	background-image: url("images/WEBPage/LittlePochivkaPortalBNT.png");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
	margin-right: 17px;
}

.nav-dotsPortal .nav-dotPortal{ opacity: 1; }

.nav-dotsPortal .nav-dotPortal:hover {
	cursor: pointer;
	border-style:outset;
	border-width:1px;
	Border-color:#9DDEF5;
	border-radius: 50%;
}

input#img-1Portal:checked ~ .nav-dotsPortal label#img-dot-1Portal,
input#img-2Portal:checked ~ .nav-dotsPortal label#img-dot-2Portal,
input#img-3Portal:checked ~ .nav-dotsPortal label#img-dot-3Portal,
input#img-4Portal:checked ~ .nav-dotsPortal label#img-dot-4Portal,
input#img-5Portal:checked ~ .nav-dotsPortal label#img-dot-5Portal,
input#img-6Portal:checked ~ .nav-dotsPortal label#img-dot-6Portal,
{
	background: rgba(0, 0, 0, 0,8);
}

.MGalleryPortal{
	width: 700px;
	height: 600px;
	display: inline-block;
	z-index:10;
	user-select: auto;
		-ms-user-select: auto;
		-moz-user-select: auto;
		-khtml-user-select: auto;
		-webkit-user-select: auto;
		-webkit-touch-callout: auto;
}


div>p#informationPortal{
	margin-top:300px;
}

article#WEBPortal>div>a.NoBlockPortal#BNT2Portal{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/PersonalProfile.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}

article#WEBPortal>div>p.NoBlockPortal{
	width: auto;
	height: 210px;
	background-image: url('images/WEBPage/UseColors.svg');
	background-repeat: no-repeat;
	background-position: center 50px;
}



#Portallink
{
display: block;
  position: relative;
  text-decoration: none;
  color: #000033;
  font-weight: 700;
  margin-top: 60px;
  text-align: center;
 font-size: 16px;
  text-transform: uppercase;
}



/*-------------------------------------- 2 Web Sochi ---------------------------------------------*/
/*WEBSochi*/	
.hiddenNavigation{	
	width: 100%;
	height: 1px;
	display: block;
	margin-top: 400px;
}
	
#WEBSochi {
    height: auto;
    width: 96%;
	box-shadow: none;
	margin-top:25%;
}

h2#WEB3Sochi{
	font-size: 40px;
	color: #FFF;
	background-color: #0066cc;
	margin: 45px -34px 75px -45px;
	height: 75px;
	padding-top: 25px;
}

article#WEBSochi>div{
    width: 100%;
    height: auto;
    display: inline-block;
	background-size: 80px 80px;
    text-align: center;
    text-transform: uppercase;
	margin-bottom:10px;
}

article#WEBSochi>div>a {
	display: block;
	width: 400px;
	height: 300px;
}

article#WEBSochi>div>a.NoBlockSochi{
	display: inline-block;
	width: auto;
	height: auto;
	text-decoration: none;
	padding: 0px;
	font-size: 13px;
	margin-left: 20px;
	color: #336699;
	text-shadow:none;
	position:static;
}

article#WEBSochi>div>a.NoBlockSochi#homeSochi:hover{
	height: 100px;
    width: 100px;
    background-color: black;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-image: url("images/WEBPage/HomePageMedicalClinical.jpg");
    background-repeat: no-repeat;
    background-position: 0px center;
    transform: scale(12, 10);
    color: white;
    z-index: 4;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    top: -230px;
    left: 20%;
    background-size: 100px 85px;
    font-size: 5px;
}

article#WEBSochi>div>a.NoBlockSochi#BNT1Sochi{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/Callery.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}

.slidesSochi {
	padding: 0px;
	width: 98%;
	display: block;
	margin: 0px auto;
	position: relative;
	height: 600px;
}

.slidesSochi input { display: none; }
.slide-containerSochi { display: block; }

.slideSochi {
	display: block;
	width: 67%;
	position: absolute;
	opacity: 0;
	height: 675px;
	margin-left: 17%;
	background-size: 900px 675px;
}

/*For WEB Galery*/
div#HomePageSochi{
	background-repeat: no-repeat;
	background-image: url('images/WEBPage/iHomePageSochi.png');
	background-position: center 0px;
	background-size: 90% auto;
}

div#UpravlenieSochi{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iNewsSochi.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#VestniciSochi{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iVideoSochi.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#BlankiSochi{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iSportsSochi.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#PochivkaSochi{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iTeamSochi.png");
	background-position: center 0px;
	background-size: 90% auto;
}

.navSochi  label {
	display: none;
	position: absolute;
	z-index: 9;
	cursor: pointer;
	text-align: center;
	line-height: 622px;
	color: rgb(51, 102, 153);
	text-shadow: 0px 0px 3px rgb(204, 204, 204);
	margin-left: -10px;
	margin-right: -10px;
	font-size: 100pt;
	font-family: "Varela Round";
	transition: opacity 0.2s ease 0s;
}

.navSochi label { opacity: 1; }

.navSochi label:hover { opacity: 0.5; }

.navSochi .nextSochi { right: 0; }

input:checked + .slide-containerSochi  .slideSochi {
    opacity: 1;
    transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
}

input:checked + .slide-containerSochi .navSochi label { display: block; }

.nav-dotsSochi {
	text-align: center;
	color: #006699;
	height: 140px;
	position: absolute;
	bottom: -258px;
	margin-left: 24%;
	list-style-type: none;
}

.nav-dotsSochi .nav-dotSochi {
	display: inline-block;
	height: 150px;
	left: 260px;
	background-position: 20px center;
	background-size: 100px 100px;
	color: #0066cc;
	text-shadow: none;
	border-style: solid;
	border-color: #fff;
	text-transform: none;
	border-width: 1px;
	float: left;
	width: 150px;
	top: -5px;
	transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
	background-size: 100px 80px;
	background-position: 25px 47px;
}



label.nav-dotSochi#img-dot-1Sochi{
	background-image: url("images/WEBPage/LittleHomePageSochi.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotSochi#img-dot-2Sochi{
	background-image: url("images/WEBPage/LittleNewsSochi.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotSochi#img-dot-3Sochi{
	background-image: url("images/WEBPage/LittleVideoSochi.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotSochi#img-dot-4Sochi{
	background-image: url("images/WEBPage/LittleSportsSochi.png");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
	margin-right: 17px;
}

label.nav-dotSochi#img-dot-5Sochi{
	background-image: url("images/WEBPage/LittleTeamSochi.png");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
	margin-right: 17px;
}

.nav-dotsSochi .nav-dotSochi{ opacity: 1; }

.nav-dotsSochi .nav-dotSochi:hover {
	cursor: pointer;
	border-style:outset;
	border-width:1px;
	Border-color:#9DDEF5;
	border-radius: 50%;
}

input#img-1Sochi:checked ~ .nav-dotsSochi label#img-dot-1Sochi,
input#img-2Sochi:checked ~ .nav-dotsSochi label#img-dot-2Sochi,
input#img-3Sochi:checked ~ .nav-dotsSochi label#img-dot-3Sochi,
input#img-4Sochi:checked ~ .nav-dotsSochi label#img-dot-4Sochi,
input#img-5Sochi:checked ~ .nav-dotsSochi label#img-dot-5Sochi,
input#img-6Sochi:checked ~ .nav-dotsSochi label#img-dot-6Sochi,
{
	background: rgba(0, 0, 0, 0,8);
}

.MGallerySochi{
	width: 700px;
	height: 600px;
	display: inline-block;
	z-index:10;
	user-select: auto;
		-ms-user-select: auto;
		-moz-user-select: auto;
		-khtml-user-select: auto;
		-webkit-user-select: auto;
		-webkit-touch-callout: auto;
}


div>p#informationSochi{
	margin-top:300px;
}

article#WEBSochi>div>a.NoBlockSochi#BNT2Sochi{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/PersonalProfile.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}

article#WEBSochi>div>p.NoBlockSochi{
	width: auto;
	height: 210px;
	background-image: url('images/WEBPage/UseColors.svg');
	background-repeat: no-repeat;
	background-position: center 50px;
}

a#Sochilink
{
	display: inline-block;
	position: relative;
	top: 113%;
	text-decoration: none;
	color: #0066cc;
	font-weight: 700;
}

/*-------------------------------------- 2 Web VBS ---------------------------------------------*/
/*WEBVBS*/	
.hiddenNavigation{	
	width: 100%;
	height: 1px;
	display: block;
	margin-top: 400px;
}
	
#WEBVBS {
    height: auto;
    width: 96%;
	box-shadow: none;
	margin-top:25%;
}

h2#WEB3VBS{
	font-size: 40px;
	color: #FFF;
	background-color: #699ccd;
	margin: 45px -34px 75px -45px;
	height: 75px;
	padding-top: 25px;
}

article#WEBVBS>div{
    width: 100%;
    height: auto;
    display: inline-block;
	background-size: 80px 80px;
    text-align: center;
    text-transform: uppercase;
	margin-bottom:10px;
}

article#WEBVBS>div>a {
	display: block;
	width: 400px;
	height: 300px;
}

article#WEBVBS>div>a.NoBlockVBS{
	display: inline-block;
	width: auto;
	height: auto;
	text-decoration: none;
	padding: 0px;
	font-size: 13px;
	margin-left: 20px;
	color: #336699;
	text-shadow:none;
	position:static;
}

article#WEBVBS>div>a.NoBlockVBS#homeVBS:hover{
	height: 100px;
    width: 100px;
    background-color: black;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-image: url("images/WEBPage/HomePageMedicalClinical.jpg");
    background-repeat: no-repeat;
    background-position: 0px center;
    transform: scale(12, 10);
    color: white;
    z-index: 4;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    top: -230px;
    left: 20%;
    background-size: 100px 85px;
    font-size: 5px;
}


article#WEBVBS>div>a.NoBlockVBS#BNT1VBS{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/Callery.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}


.slidesVBS {
	padding: 0px;
	width: 98%;
	display: block;
	margin: 0px auto;
	position: relative;
	height: 600px;
}

.slidesVBS input { display: none; }
.slide-containerVBS { display: block; }

.slideVBS {
	display: block;
	width: 67%;
	position: absolute;
	opacity: 0;
	height: 675px;
	margin-left: 17%;
	background-size: 900px 675px;
}

/*For WEB Galery*/
div#HomePageVBS{
	background-repeat: no-repeat;
	background-image: url('images/WEBPage/HomePageVBSl.png');
	background-position: center 0px;
	background-size: 90% auto;
}

div#UpravlenieVBS{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iAboutDentalVBS.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#VestniciVBS{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iAboutDrGoranovVBS.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#BlankiVBS{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iPersonalProfilelVBS.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#PochivkaVBS{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/HomePageResponsiveVBS.png");
	background-position: center 0px;
	background-size: 90% auto;
}

.navVBS  label {
	display: none;
	position: absolute;
	z-index: 9;
	cursor: pointer;
	text-align: center;
	line-height: 622px;
	color: rgb(51, 102, 153);
	text-shadow: 0px 0px 3px rgb(204, 204, 204);
	margin-left: -10px;
	margin-right: -10px;
	font-size: 100pt;
	font-family: "Varela Round";
	transition: opacity 0.2s ease 0s;
}

.navVBS label { opacity: 1; }

.navVBS label:hover { opacity: 0.5; }

.navVBS .nextVBS { right: 0; }

input:checked + .slide-containerVBS  .slideVBS {
    opacity: 1;
    transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
}

input:checked + .slide-containerVBS .navVBS label { display: block; }

.nav-dotsVBS {
	text-align: center;
	color: #000033;
	height: 140px;
	position: absolute;
	bottom: -258px;
	margin-left: 24%;
	list-style-type: none;
}

.nav-dotsVBS .nav-dotVBS {
	display: inline-block;
	height: 150px;
	left: 260px;
	background-position: 20px center;
	background-size: 100px 100px;
	color: #699ccd;
	text-shadow: none;
	border-style: solid;
	border-color: #fff;
	text-transform: none;
	border-width: 1px;
	float: left;
	width: 150px;
	top: -5px;
	transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
	background-size: 100px 80px;
	background-position: 25px 47px;
}



label.nav-dotVBS#img-dot-1VBS{
	background-image: url("images/WEBPage/LittleHomeVBS.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotVBS#img-dot-2VBS{
	background-image: url("images/WEBPage/LittleAboutVBS.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotVBS#img-dot-3VBS{
	background-image: url("images/WEBPage/LittleAboutDrGoranovVBS.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotVBS#img-dot-4VBS{
	background-image: url("images/WEBPage/LittlePersonalProfilelVBS.png");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
	margin-right: 17px;
}

label.nav-dotVBS#img-dot-5VBS{
	background-image: url("images/WEBPage/LittleHomePageResponsiveVBS.png");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
	margin-right: 17px;
}

.nav-dotsVBS .nav-dotVBS{ opacity: 1; }

.nav-dotsVBS .nav-dotVBS:hover {
	cursor: pointer;
	border-style:outset;
	border-width:1px;
	Border-color:#9DDEF5;
	border-radius: 10%;
}

input#img-1VBS:checked ~ .nav-dotsVBS label#img-dot-1VBS,
input#img-2VBS:checked ~ .nav-dotsVBS label#img-dot-2VBS,
input#img-3VBS:checked ~ .nav-dotsVBS label#img-dot-3VBS,
input#img-4VBS:checked ~ .nav-dotsVBS label#img-dot-4VBS,
input#img-5VBS:checked ~ .nav-dotsVBS label#img-dot-5VBS,
input#img-6VBS:checked ~ .nav-dotsVBS label#img-dot-6VBS,
{
	background: rgba(0, 0, 0, 0,8);
}

.MGalleryVBS{
	width: 700px;
	height: 600px;
	display: inline-block;
	z-index:10;
	user-select: auto;
		-ms-user-select: auto;
		-moz-user-select: auto;
		-khtml-user-select: auto;
		-webkit-user-select: auto;
		-webkit-touch-callout: auto;
}


div>p#informationVBS{
	margin-top:300px;
}

article#WEBVBS>div>a.NoBlockVBS#BNT2VBS{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/PersonalProfile.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}

article#WEBVBS>div>p.NoBlockVBS{
	width: auto;
	height: 210px;
	background-image: url('images/WEBPage/UseColors.svg');
	background-repeat: no-repeat;
	background-position: center 50px;
}



#VBSlink
{
display: block;
  position: relative;
  text-decoration: none;
  color: #2d4f6f;
  font-weight: 700;
  margin-top: 60px;
  text-align: center;
 font-size: 16px;
  text-transform: uppercase;
}

/*-------------------------------------- 2 Web DentalSoftware ---------------------------------------------*/
/*WEBDentalSoftware*/	
.hiddenNavigation{	
	width: 100%;
	height: 1px;
	display: block;
	margin-top: 400px;
}
	
#WEBDentalSoftware {
    height: auto;
    width: 96%;
	box-shadow: none;
	margin-top:25%;
}

h2#WEB3DentalSoftware{
	font-size: 40px;
	color: #FFF;
	background-color: #323232;
	margin: 45px -34px 75px -45px;
	height: 75px;
	padding-top: 25px;
}

article#WEBDentalSoftware>div{
    width: 100%;
    height: auto;
    display: inline-block;
	background-size: 80px 80px;
    text-align: center;
    text-transform: uppercase;
	margin-bottom:10px;
}

article#WEBDentalSoftware>div>a {
	display: block;
	width: 400px;
	height: 300px;
}

article#WEBDentalSoftware>div>a.NoBlockDentalSoftware{
	display: inline-block;
	width: auto;
	height: auto;
	text-decoration: none;
	padding: 0px;
	font-size: 13px;
	margin-left: 20px;
	color: #336699;
	text-shadow:none;
	position:static;
}

article#WEBDentalSoftware>div>a.NoBlockDentalSoftware#homeDentalSoftware:hover{
	height: 100px;
    width: 100px;
    background-color: black;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-image: url("images/WEBPage/HomePageMedicalClinical.jpg");
    background-repeat: no-repeat;
    background-position: 0px center;
    transform: scale(12, 10);
    color: white;
    z-index: 4;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    top: -230px;
    left: 20%;
    background-size: 100px 85px;
    font-size: 5px;
}


article#WEBDentalSoftware>div>a.NoBlockDentalSoftware#BNT1DentalSoftware{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/Callery.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}


.slidesDentalSoftware {
	padding: 0px;
	width: 98%;
	display: block;
	margin: 0px auto;
	position: relative;
	height: 600px;
}

.slidesDentalSoftware input { display: none; }
.slide-containerDentalSoftware { display: block; }

.slideDentalSoftware {
	display: block;
	width: 67%;
	position: absolute;
	opacity: 0;
	height: 675px;
	margin-left: 17%;
	background-size: 900px 675px;
}

/*For WEB Galery*/
div#HomePageDentalSoftware{
	background-repeat: no-repeat;
	background-image: url('images/WEBPage/iAddPhotoDentalSoftware.png');
	background-position: center 0px;
	background-size: 90% auto;
}

div#UpravlenieDentalSoftware{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iVirtualBeautSystemDentalSoftware.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#VestniciDentalSoftware{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iInfoDentalSoftware.png");
	background-position: center 0px;
	background-size: 90% auto;
}


.navDentalSoftware  label {
	display: none;
	position: absolute;
	z-index: 9;
	cursor: pointer;
	text-align: center;
	line-height: 622px;
	color: rgb(51, 102, 153);
	text-shadow: 0px 0px 3px rgb(204, 204, 204);
	margin-left: -10px;
	margin-right: -10px;
	font-size: 100pt;
	font-family: "Varela Round";
	transition: opacity 0.2s ease 0s;
}

.navDentalSoftware label { opacity: 1; }

.navDentalSoftware label:hover { opacity: 0.5; }

.navDentalSoftware .nextDentalSoftware { right: 0; }

input:checked + .slide-containerDentalSoftware  .slideDentalSoftware {
    opacity: 1;
    transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
}

input:checked + .slide-containerDentalSoftware .navDentalSoftware label { display: block; }

.nav-dotsDentalSoftware {
	text-align: center;
	color: #000033;
	height: 140px;
	position: absolute;
	bottom: -258px;
	margin-left: 34%;
	list-style-type: none;
}

.nav-dotsDentalSoftware .nav-dotDentalSoftware {
	display: inline-block;
	height: 150px;
	left: 260px;
	background-position: 20px center;
	background-size: 100px 100px;
	color: #323232;
	text-shadow: none;
	border-style: solid;
	border-color: #fff;
	text-transform: none;
	border-width: 1px;
	float: left;
	width: 150px;
	top: -5px;
	transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
	background-size: 100px 80px;
	background-position: 25px 47px;
}



label.nav-dotDentalSoftware#img-dot-1DentalSoftware{
	background-image: url("images/WEBPage/LittleAddPhotoDentalSoftware.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotDentalSoftware#img-dot-2DentalSoftware{
	background-image: url("images/WEBPage/LittleWorkDentalSoftware.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotDentalSoftware#img-dot-3DentalSoftware{
	background-image: url("images/WEBPage/LittleInfoDentalSoftware.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}


.nav-dotsDentalSoftware .nav-dotDentalSoftware{ opacity: 1; }

.nav-dotsDentalSoftware .nav-dotDentalSoftware:hover {
	cursor: pointer;
	border-style:outset;
	border-width:1px;
	Border-color:#9DDEF5;
	border-radius: 10%;
}

input#img-1DentalSoftware:checked ~ .nav-dotsDentalSoftware label#img-dot-1DentalSoftware,
input#img-2DentalSoftware:checked ~ .nav-dotsDentalSoftware label#img-dot-2DentalSoftware,
input#img-3DentalSoftware:checked ~ .nav-dotsDentalSoftware label#img-dot-3DentalSoftware,

{
	background: rgba(0, 0, 0, 0,8);
}

.MGalleryDentalSoftware{
	width: 700px;
	height: 600px;
	display: inline-block;
	z-index:10;
	user-select: auto;
		-ms-user-select: auto;
		-moz-user-select: auto;
		-khtml-user-select: auto;
		-webkit-user-select: auto;
		-webkit-touch-callout: auto;
}


div>p#informationDentalSoftware{
	margin-top:300px;
}

article#WEBDentalSoftware>div>a.NoBlockDentalSoftware#BNT2DentalSoftware{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/PersonalProfile.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}

article#WEBDentalSoftware>div>p.NoBlockDentalSoftware{
	width: auto;
	height: 210px;
	background-image: url('images/WEBPage/UseColors.svg');
	background-repeat: no-repeat;
	background-position: center 50px;
}



#DentalSoftwarelink
{
display: block;
  position: relative;
  text-decoration: none;
  color: #2d4f6f;
  font-weight: 700;
  margin-top: 60px;
  text-align: center;
 font-size: 16px;
  text-transform: uppercase;
}


/*-------------------------------------- 2 Web PortalIO ---------------------------------------------*/
/*WEBPortalIO*/	
.hiddenNavigation{	
	width: 100%;
	height: 1px;
	display: block;
	margin-top: 400px;
}
	
#WEBPortalIO {
    height: auto;
    width: 96%;
	box-shadow: none;
	margin-top:25%;
}

h2#WEB3PortalIO{
	font-size: 40px;
	color: #FFF;
	background-color: #0e786e;
	margin: 45px -34px 75px -45px;
	height: 75px;
	padding-top: 25px;
}

article#WEBPortalIO>div{
    width: 100%;
    height: auto;
    display: inline-block;
	background-size: 80px 80px;
    text-align: center;
    text-transform: uppercase;
	margin-bottom:10px;
}

article#WEBPortalIO>div>a {
	display: block;
	width: 400px;
	height: 300px;
}

article#WEBPortalIO>div>a.NoBlockPortalIO{
	display: inline-block;
	width: auto;
	height: auto;
	text-decoration: none;
	padding: 0px;
	font-size: 13px;
	margin-left: 20px;
	color: #336699;
	text-shadow:none;
	position:static;
}

article#WEBPortalIO>div>a.NoBlockPortalIO#homePortalIO:hover{
	height: 100px;
    width: 100px;
    background-color: black;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-image: url("images/WEBPage/HomePageMedicalClinical.jpg");
    background-repeat: no-repeat;
    background-position: 0px center;
    transform: scale(12, 10);
    color: white;
    z-index: 4;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    top: -230px;
    left: 20%;
    background-size: 100px 85px;
    font-size: 5px;
}


article#WEBPortalIO>div>a.NoBlockPortalIO#BNT1PortalIO{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/Callery.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}


.slidesPortalIO {
	padding: 0px;
	width: 98%;
	display: block;
	margin: 0px auto;
	position: relative;
	height: 600px;
}

.slidesPortalIO input { display: none; }
.slide-containerPortalIO { display: block; }

.slidePortalIO {
	display: block;
	width: 67%;
	position: absolute;
	opacity: 0;
	height: 675px;
	margin-left: 17%;
	background-size: 900px 675px;
}

/*For WEB Galery*/
div#HomePagePortalIO{
	background-repeat: no-repeat;
	background-image: url('images/WEBPage/iLogInPortalIO.png');
	background-position: center 0px;
	background-size: 90% auto;
}

div#UpravleniePortalIO{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iInPortalIO.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#VestniciPortalIO{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iSettingsPortalIO.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#BlankiPortalIO{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iGoHomePortalIO.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#PochivkaPortalIO{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iLogOutPortalIO.png");
	background-position: center 0px;
	background-size: 90% auto;
}

.navPortalIO  label {
	display: none;
	position: absolute;
	z-index: 9;
	cursor: pointer;
	text-align: center;
	line-height: 622px;
	color: rgb(51, 102, 153);
	text-shadow: 0px 0px 3px rgb(204, 204, 204);
	margin-left: -10px;
	margin-right: -10px;
	font-size: 100pt;
	font-family: "Varela Round";
	transition: opacity 0.2s ease 0s;
}

.navPortalIO label { opacity: 1; }

.navPortalIO label:hover { opacity: 0.5; }

.navPortalIO .nextPortalIO { right: 0; }

input:checked + .slide-containerPortalIO  .slidePortalIO {
    opacity: 1;
    transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
}

input:checked + .slide-containerPortalIO .navPortalIO label { display: block; }

.nav-dotsPortalIO {
	text-align: center;
	color: #000033;
	height: 140px;
	position: absolute;
	bottom: -258px;
	margin-left: 24%;
	list-style-type: none;
}

.nav-dotsPortalIO .nav-dotPortalIO {
	display: inline-block;
	height: 150px;
	left: 260px;
	background-position: 20px center;
	background-size: 100px 100px;
	color: #0e786e;
	text-shadow: none;
	border-style: solid;
	border-color: #fff;
	text-transform: none;
	border-width: 1px;
	float: left;
	width: 150px;
	top: -5px;
	transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
	background-size: 100px 80px;
	background-position: 25px 47px;
}



label.nav-dotPortalIO#img-dot-1PortalIO{
	background-image: url("images/WEBPage/LittleLogInPortalIO.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotPortalIO#img-dot-2PortalIO{
	background-image: url("images/WEBPage/LittleInPortalIO.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotPortalIO#img-dot-3PortalIO{
	background-image: url("images/WEBPage/LittleSettingsPortalIO.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotPortalIO#img-dot-4PortalIO{
	background-image: url("images/WEBPage/LittleGoHomePortalIO.png");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
	margin-right: 17px;
}

label.nav-dotPortalIO#img-dot-5PortalIO{
	background-image: url("images/WEBPage/LittleLogOutPortalIO.png");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
	margin-right: 17px;
}

.nav-dotsPortalIO .nav-dotPortalIO{ opacity: 1; }

.nav-dotsPortalIO .nav-dotPortalIO:hover {
	cursor: pointer;
	border-style:outset;
	border-width:1px;
	Border-color:#9DDEF5;
	border-radius: 10%;
}

input#img-1PortalIO:checked ~ .nav-dotsPortalIO label#img-dot-1PortalIO,
input#img-2PortalIO:checked ~ .nav-dotsPortalIO label#img-dot-2PortalIO,
input#img-3PortalIO:checked ~ .nav-dotsPortalIO label#img-dot-3PortalIO,
input#img-4PortalIO:checked ~ .nav-dotsPortalIO label#img-dot-4PortalIO,
input#img-5PortalIO:checked ~ .nav-dotsPortalIO label#img-dot-5PortalIO,
input#img-6PortalIO:checked ~ .nav-dotsPortalIO label#img-dot-6PortalIO,
{
	background: rgba(0, 0, 0, 0,8);
}

.MGalleryPortalIO{
	width: 700px;
	height: 600px;
	display: inline-block;
	z-index:10;
	user-select: auto;
		-ms-user-select: auto;
		-moz-user-select: auto;
		-khtml-user-select: auto;
		-webkit-user-select: auto;
		-webkit-touch-callout: auto;
}


div>p#informationPortalIO{
	margin-top:300px;
}

article#WEBPortalIO>div>a.NoBlockPortalIO#BNT2PortalIO{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/PersonalProfile.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}

article#WEBPortalIO>div>p.NoBlockPortalIO{
	width: auto;
	height: 210px;
	background-image: url('images/WEBPage/UseColors.svg');
	background-repeat: no-repeat;
	background-position: center 50px;
}



#PortalIOlink
{
display: block;
  position: relative;
  text-decoration: none;
  color: #0c635b;
  font-weight: 700;
  margin-top: 60px;
  text-align: center;
 font-size: 16px;
  text-transform: uppercase;
}




/*-------------------------------------- 2 Web ImperialHero ---------------------------------------------*/
/*WEBImperialHero*/	
.hiddenNavigation{	
	width: 100%;
	height: 1px;
	display: block;
	margin-top: 400px;
}
	
#WEBImperialHero {
    height: auto;
    width: 96%;
	box-shadow: none;
	margin-top:25%;
}

h2#WEB3ImperialHero{
	font-size: 40px;
	color: #FFF;
	background-color: #1e3b3b;
	margin: 45px -34px 75px -45px;
	height: 75px;
	padding-top: 25px;
}

article#WEBImperialHero>div{
    width: 100%;
    height: auto;
    display: inline-block;
	background-size: 80px 80px;
    text-align: center;
    text-transform: uppercase;
	margin-bottom:10px;
}

article#WEBImperialHero>div>a {
	display: block;
	width: 400px;
	height: 300px;
}

article#WEBImperialHero>div>a.NoBlockImperialHero{
	display: inline-block;
	width: auto;
	height: auto;
	text-decoration: none;
	padding: 0px;
	font-size: 13px;
	margin-left: 20px;
	color: #336699;
	text-shadow:none;
	position:static;
}

article#WEBImperialHero>div>a.NoBlockImperialHero#homeImperialHero:hover{
	height: 100px;
    width: 100px;
    background-color: black;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-image: url("images/WEBPage/HomePageMedicalClinical.jpg");
    background-repeat: no-repeat;
    background-position: 0px center;
    transform: scale(12, 10);
    color: white;
    z-index: 4;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    top: -230px;
    left: 20%;
    background-size: 100px 85px;
    font-size: 5px;
}


article#WEBImperialHero>div>a.NoBlockImperialHero#BNT1ImperialHero{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/Callery.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}


.slidesImperialHero {
	padding: 0px;
	width: 98%;
	display: block;
	margin: 0px auto;
	position: relative;
	height: 600px;
}

.slidesImperialHero input { display: none; }
.slide-containerImperialHero { display: block; }

.slideImperialHero {
	display: block;
	width: 67%;
	position: absolute;
	opacity: 0;
	height: 675px;
	margin-left: 17%;
	background-size: 900px 675px;
}

/*For WEB Galery*/
div#HomePageImperialHero{
	background-repeat: no-repeat;
	background-image: url('images/WEBPage/iUiElementsImperialHero.png');
	background-position: center 0px;
	background-size: 90% auto;
}

div#UpravlenieImperialHero{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iEnemyInformationImperialHero.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#VestniciImperialHero{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iSetsImperialHero.png");
	background-position: center 0px;
	background-size: 90% auto;
}

div#BlankiImperialHero{
	background-repeat: no-repeat;
	background-image: url("images/WEBPage/iControlBattleImperialHero.png");
	background-position: center 0px;
	background-size: 90% auto;
}


.navImperialHero  label {
	display: none;
	position: absolute;
	z-index: 9;
	cursor: pointer;
	text-align: center;
	line-height: 622px;
	color: rgb(51, 102, 153);
	text-shadow: 0px 0px 3px rgb(204, 204, 204);
	margin-left: -10px;
	margin-right: -10px;
	font-size: 100pt;
	font-family: "Varela Round";
	transition: opacity 0.2s ease 0s;
}

.navImperialHero label { opacity: 1; }

.navImperialHero label:hover { opacity: 0.5; }

.navImperialHero .nextImperialHero { right: 0; }

input:checked + .slide-containerImperialHero  .slideImperialHero {
    opacity: 1;
    transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
}

input:checked + .slide-containerImperialHero .navImperialHero label { display: block; }

.nav-dotsImperialHero {
	text-align: center;
	color: #000033;
	height: 140px;
	position: absolute;
	bottom: -258px;
	margin-left: 29%;
	list-style-type: none;
}

.nav-dotsImperialHero .nav-dotImperialHero {
	display: inline-block;
	height: 150px;
	left: 260px;
	background-position: 20px center;
	background-size: 100px 100px;
	color: #1e3b3b;
	text-shadow: none;
	border-style: solid;
	border-color: #fff;
	text-transform: none;
	border-width: 1px;
	float: left;
	width: 150px;
	top: -5px;
	transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
	background-size: 100px 80px;
	background-position: 25px 47px;
}


label.nav-dotImperialHero#img-dot-1ImperialHero{
	background-image: url("images/WEBPage/LittleUiElementsImperialHero.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotImperialHero#img-dot-2ImperialHero{
	background-image: url("images/WEBPage/LittleEnemyInformationImperialHero.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotImperialHero#img-dot-3ImperialHero{
	background-image: url("images/WEBPage/LittleSetsImperialHero.png");
	background-repeat: no-repeat;
	margin-right: 17px;
}

label.nav-dotImperialHero#img-dot-4ImperialHero{
	background-image: url("images/WEBPage/LittleControlBattleImperialHero.png");
	background-repeat: no-repeat;
	background-size: 100px 80px;
	background-position: 25px 47px;
	margin-right: 17px;
}



.nav-dotsImperialHero .nav-dotImperialHero{ opacity: 1; }

.nav-dotsImperialHero .nav-dotImperialHero:hover {
	cursor: pointer;
	border-style:outset;
	border-width:1px;
	Border-color:#9DDEF5;
	border-radius: 10%;
}

input#img-1ImperialHero:checked ~ .nav-dotsImperialHero label#img-dot-1ImperialHero,
input#img-2ImperialHero:checked ~ .nav-dotsImperialHero label#img-dot-2ImperialHero,
input#img-3ImperialHero:checked ~ .nav-dotsImperialHero label#img-dot-3ImperialHero,
input#img-4ImperialHero:checked ~ .nav-dotsImperialHero label#img-dot-4ImperialHero,
input#img-5ImperialHero:checked ~ .nav-dotsImperialHero label#img-dot-5ImperialHero,
input#img-6ImperialHero:checked ~ .nav-dotsImperialHero label#img-dot-6ImperialHero,
{
	background: rgba(0, 0, 0, 0,8);
}

.MGalleryImperialHero{
	width: 700px;
	height: 600px;
	display: inline-block;
	z-index:10;
	user-select: auto;
		-ms-user-select: auto;
		-moz-user-select: auto;
		-khtml-user-select: auto;
		-webkit-user-select: auto;
		-webkit-touch-callout: auto;
}


div>p#informationImperialHero{
	margin-top:300px;
}

article#WEBImperialHero>div>a.NoBlockImperialHero#BNT2ImperialHero{
	height: 150px;
	width: 150px;
	left: 260px;
	background-image: url("images/WEBPage/PersonalProfile.jpg");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px 100px;
}

article#WEBImperialHero>div>p.NoBlockImperialHero{
	width: auto;
	height: 210px;
	background-image: url('images/WEBPage/UseColors.svg');
	background-repeat: no-repeat;
	background-position: center 50px;
}



#ImperialHerolink
{
display: block;
  position: relative;
  text-decoration: none;
  color: #1e3b3b;
  font-weight: 700;
  margin-top: 60px;
  text-align: center;
 font-size: 16px;
  text-transform: uppercase;
}