@charset "UTF-8";

:root {
  /* clientWidth; */
 --maxx: 92%;
}



/* CONTENTS

GP TEXT STYLES
STUFF COLLAPSIBLE SECTIONS
BEEK & PATENTS SCROLLERS
VARIA
STUFF NOT USED NOW


*/




/* GP TEXT STYLES */

p.txq {margin: 6px 0px 6px 0px}

.txtmain {
 color: #404040;
 font-family: Tahoma;
 font-family: 'globerregular';
 font-size: 16px;
 font-weight: normal;
 vertical-align: top;
}

.txcaption1 {
 color: #404040;
 font-family: Tahoma;
 font-size: 13px;
 font-weight: normal;
 text-align: center;
}


 .tgrd {
    background: #fefcea;
    background: linear-gradient(to top, #fefcea, #f1da36);
    padding: 10px;
    border: 1px solid #333;
   }

.tt0 {
 display: table;
 margin: auto;
}

.rr0 {
 display: table-row;
 min-height: 32px;
}

.tcp66 {
 display: table-cell;
 width: 66%;
}

.tcp21 {
 display: table-cell;
 width: 21%;
}

.tcp45 {
 display: table-cell;
 width: 45%;
}

.tcp52 {
 display: table-cell;
 width: 52%;
}


.tcp26 {
 display: table-cell;
 width: 26%;
}

.tcfpr26 {
 display: table-cell;
 width: 26%;
 margin: 2px 0px 12px 2px;
 text-align: center;
}

.tcfpr26img {
 text-align: center;
 vertical-align: middle;
 margin: 2px 0px 12px 2px;
}

.cc1 {
 display: table-cell;
 width: 100%;
}

.cc2 {
 display: table-cell;
 width: 48%;
 vertical-align: middle;
}
.cc3 {
 display: table-cell;
 width: 33.3%;
}
.cc4 {
 display: table-cell;
 width: 25%;
}
.cc5 {
 display: table-cell;
 width: 20%;
}
.cc10 {
 display: table-cell;
 width: 10%;
 text-align: center;
}

.cc10pad {
 display: table-cell;
 width: 208px;
 padding: 0px 10px 0px 10px;
 text-align: center;
}

/* STUFF FOR COLLAPSIBLE SECTIONS */

ul.csq { list-style-type: none; }
label.csq{
	background-color: #AAAFAB;
 	border-radius: 5px;
}
div.csq, p.csq, li.csq { 
	margin: 10px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #ABC;
	border-radius: 5px;
        text-align: justify;
}

div.csq2 {
        border: 0px;
        padding: 0px;
        margin: 12px auto auto auto;
}

input[type=checkbox].csq { display: none }
input[type=checkbox].csq ~ div, input[type=checkbox].csq ~ p, input[type=checkbox].csq ~ ul { 
        height: 0;
	opacity: 0;
	overflow: hidden;
/*	white-space:nowrap; */
   -webkit-transition:all 1s ease;  
   -moz-transition:all 1s ease;  
   -o-transition:all 1s ease;  
   transition:all 1s ease;  
	
}
input[type=checkbox].csq:checked ~ div, input[type=checkbox].csq:checked ~ p, input[type=checkbox].csq:checked ~ ul { 
        height: 100%;
	opacity: 1;
}
input[type=checkbox].csq + label:before{
/*	transform-origin:25% 50%; */
	position: absolute;
	width: 128px;
	height: 14px;
	margin: 6px 0px 0px -64px;
        border: 2px solid transparent;
        border-radius: 5px;
        background-color: #F426F0;
        color: #F6F6A0;
	display: inline-block;
	text-align: center;
        padding-bottom: 4px;
	content: "Далее...";
        font-size: 14px;
   -webkit-transition:all .5s ease;  
   -moz-transition:all .5s ease;  
   -o-transition:all .5s ease;  
   transition:all .5s ease; 
}
input[type=checkbox].csq:checked + label:before {
	transform: rotate(180deg);
	/*margin-top: 6px;
  margin-left: -25px;*/
}



/* BEEK & PATENT SCROLLERS */


p.bibeek {
 margin-top: 12px;
 font-weight: bold;
 font-style: italic;
 font-size: 14px;
 font-family: Arial;
 color: #FF8012;
}




.beek-scroll {
 position: relative;
 overflow: visible;
}
.beek-scroll .inner {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(80%);
 -webkit-transform:translateX(80%);	
 transform:translateX(80%);
 /* Apply animation to this element */	
 -moz-animation: scrl1 45s linear infinite;
 -webkit-animation: scrl1 45s linear infinite;
 animation: scrl1 45s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scrl1 {
 0%   { -moz-transform: translateX(-20%); }
 100% { -moz-transform: translateX(-500%); }
}
@-webkit-keyframes scrl1 {
 0%   { -webkit-transform: translateX(-20%); }
 100% { -webkit-transform: translateX(-500%); }
}
@keyframes scrl1 {
 0%   { 
 -moz-transform: translateX(-20%); /* Browser bug fix */
 -webkit-transform: translateX(-20%); /* Browser bug fix */
 transform: translateX(-20%); 		
 }
 100% { 
 -moz-transform: translateX(-500%); /* Browser bug fix */
 -webkit-transform: translateX(-500%); /* Browser bug fix */
 transform: translateX(-500%); 
 }
}


.patents-scroll {
 position: relative;
 overflow: visible;
}
.patents-scroll .inner {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(80%);
 -webkit-transform:translateX(80%);	
 transform:translateX(80%);
 /* Apply animation to this element */	
 -moz-animation: scrr1 24s linear infinite;
 -webkit-animation: scrr1 24s linear infinite;
 animation: scrr1 24s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scrr1 {
 0%   { -moz-transform: translateX(-60%); }
 100% { -moz-transform: translateX(0%); }
}
@-webkit-keyframes scrr1 {
 0%   { -webkit-transform: translateX(-60%); }
 100% { -webkit-transform: translateX(0%); }
}
@keyframes scrr1 {
 0%   { 
 -moz-transform: translateX(-60%); /* Browser bug fix */
 -webkit-transform: translateX(-60%); /* Browser bug fix */
 transform: translateX(-60%); 		
 }
 100% { 
 -moz-transform: translateX(0%); /* Browser bug fix */
 -webkit-transform: translateX(0%); /* Browser bug fix */
 transform: translateX(0%); 
 }
}


/* VARIA */



/* NOT USED NOW */


.logo-scroll {
 position: relative;
 overflow: visible;
 text-align:left;
}
.logo-scroll .inner1 {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 text-align: center;

 /* Starting position */
 -moz-transform:translateX(-80%);
 -webkit-transform:translateX(-80%);	
 transform:translateX(-80%);
 /* Apply animation to this element */	
 -moz-animation: lgrr1 24s linear infinite;
 -webkit-animation: lgrr1 24s linear infinite;
 animation: lgrr1 24s linear infinite;

 -webkit-transition: 2s ease-in-out;
 -moz-transition: 2s ease-in-out;
 transition: 2s ease-in-out;
}

.inner1:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.logo-scroll .inner2 {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 text-align: center;

 /* Starting position */
 -moz-transform:rotate(0deg);
 -webkit-transform:rotate(0deg);
 transform:rotate(0deg);
 /* Apply animation to this element */	
 -moz-animation: lgrr2 8s linear infinite;
 -webkit-animation: lgrr2 8s linear infinite;
 animation: lgrr2 8s linear infinite;

 -webkit-transition: 2s ease-in-out;
 -moz-transition: 2s ease-in-out;
 transition: 2s ease-in-out;
}

.inner2:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}


/* Move it (define the animation) */
@-moz-keyframes lgrr1 {
 0%   { -moz-transform: translateX(-80%);}
 50% { -moz-transform: translateX(80%);}
 100%   { -moz-transform: translateX(-80%);}
}
@-webkit-keyframes lgrr1 {
 0%   { -webkit-transform: translateX(-80%);}
 50% { -webkit-transform: translateX(80%);}
 100%   { -webkit-transform: translateX(-80%);}
}
@keyframes lgrr1 {
 0%   { 
 -moz-transform: translateX(-80%); /* Browser bug fix */
 -webkit-transform: translateX(-80%);/* Browser bug fix */
 transform: translateX(-80%);
 }
 50% { 
 -moz-transform: translateX(80%); /* Browser bug fix */
 -webkit-transform: translateX(80%);/* Browser bug fix */
 transform: translateX(80%);
 }
 100% { 
 -moz-transform: translateX(-80%); /* Browser bug fix */
 -webkit-transform: translateX(-80%);/* Browser bug fix */
 transform: translateX(-80%);
 }
}


@-moz-keyframes lgrr2 {
 0%   { -moz-transform: rotate(0deg); transform-origin: center;}
 100% { -moz-transform: rotate(359deg); transform-origin: center;}
}
@-webkit-keyframes lgrr2 {
 0%   { -webkit-transform: rotate(0deg); -webkit-transform-origin: center;}
 100% { -webkit-transform: rotate(359deg); -webkit-transform-origin: center;}
}
@keyframes lgrr2 {
 0%   { 
 -moz-transform: rotate(0deg); /* Browser bug fix */
 -webkit-transform: rotate(0deg);/* Browser bug fix */
 transform: rotate(0deg);
 transform-origin: center;
 }
 100% { 
 -moz-transform: rotate(359deg); /* Browser bug fix */
 -webkit-transform: rotate(359deg);/* Browser bug fix */
 transform: rotate(359deg);
 transform-origin: center;
 }
}




/* STAFF SLIDER */

.txstaff {
        margin: 6px 0px 0px 0px;
        padding: 0px 0px 0px 12px;
	text-align: left;
}

.imgstaff {
	margin: 0px 16px 0px 0px;
}

.staff_slider {
	position:relative;
	width:840px;
	padding-top:336px;
        padding-left: 0px;
	text-align:center;
	}
	.staff_slider__check {
		position:absolute;
		clip:rect(0 0 0 0);
		overflow:hidden;
		}
	.staff_slider__image {
		position:absolute;
		top:0;
		left:0;
                margin: 0px 6px 0px 0px;
		}
	.staff_slider__label {
                margin: 0px 12px 12px 0px;
                float: left;
		overflow:hidden;
		display:inline-block;
		width:16px;
		height:16px;
		background:#3d3c6b;
		border-radius:50%;
		}
	.scistaff_slider__label {
                margin: 0px 8px 8px 0px;
                float: left;
		overflow:hidden;
		display:inline-block;
		width:8px;
		height:8px;
		background:#3d3c6b;
		border-radius:50%;
		}

/* Display */
.staff_slider__image {
	display:none;
	}
.staff_slider__check:checked + .staff_slider__label + .staff_slider__image {
	display:block;
	}

.scistaff_slider__check:checked + .scistaff_slider__label + .staff_slider__image {
	display:block;
	}

/* Current */
.staff_slider__check:checked + .staff_slider__label {
	background:#C00;
	}

.scistaff_slider__check:checked + .scistaff_slider__label {
	background:#C00;
	}

ul.scistaff_ulscroll {
	overflow: auto;
}