* {
    margin:0;
    padding:0;
    font-family: 'Play', sans-serif;
    transition: 0.3s linear;
    color:#333;
}
a { 
    text-decoration: none; 
} 
h1,h2,h3 {
    color:#8E15EC;    
}
blockquote{
  font-size: 1.2vmax;
  width:70%;
  margin:50px auto;
  font-style:italic;
  color: #555555;
  padding:1.2em 30px 1.2em 75px;
  border-left:4px solid #8E15EC;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#8E15EC;
  font-size:8vmax;
  position: absolute;
  left: 10px;
  top:-2vmax;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}
body {
    /*background-color:#fef9ff;*/
    background-color:#fff;
    position:relative;
}
header {
    position: relative;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    padding: 0 10%;
    background-color: #fff;
    background-image:url(assets/templates/Images/fon/fon-1.png);
    border-bottom:1px solid #8E15EC;
}
header > * {
    display:inline-block;
    vertical-align: middle;
    position: relative;
}
header > a > logo {
    display:block;
    width: 45vh;
    height: 10vh;
    background-image: url(assets/templates/Images/logo/gts-logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center left;
}
header > nav {
    font-size:2.2vmin;
}
header > nav > ul li {
    list-style:none;
}
header > nav > ul > li {
    display:inline-block;
    position: relative;
}
header > nav > ul > li > a { 
    display:block;
    padding: 0 2vmin;
    line-height: 10vh;
}
header > nav > ul li a { 
    color:#777;
}
header > nav > ul li:hover > a { 
    color: #fff;
    /*
    text-shadow:
        0 0 3px #fff,
        0 0 5px #fff,
        0 0 10px #fff,
        0 0 20px #8E15EC,
        0 0 30px #8E15EC,
        0 0 50px #8E15EC;
    */
}
header > nav > ul > li > ul {
    display:none;
    position: absolute;
    width: max-content;
    background-color: #fff;
    z-index:9;
}
header > nav > ul > li:hover > ul {
    display:block;
}
header > nav > ul > li:hover > a,
header > nav > ul > li > ul > li:hover > a {
    background-color: #8E15EC;
}
header > nav > ul > li > ul > li {
    border-top:1px solid #eee;
}
header > nav > ul > li > ul > li > a { 
    display:block;
    padding: 0 2vmin;
    line-height: 6vh;
    background-color: rgba(142,21,236,0.2);
}
main {
    min-height: calc(85vh - 2px);
    padding: 0 10% 3%;
    width: 80%;
    font-size: 2.2vmin;
}
main > section  {
    
}
main h1 {
    text-align:left;
    padding: 6vmin 0 3vmin;
    text-transform: uppercase;
    font-size:2.6vmax;
    font-weight: 400;
}
main h2 {
    text-align:left;
    padding: 1vmin 0;
    text-transform: uppercase;
    font-size:2vmax;
    font-weight: 400;
}
main h3 {
    text-align:left;
    padding: 1vmin;
    font-size:2vmax;
    font-weight: 400;
}
main ol,
main ul {
    padding-left:1.2vmax;
    padding-bottom: 1.2vmax;
    padding-top:0;
    margin-top:0;
    margin-bottom:0;
    margin-right:0;
}
main li,
main p {
    font-size: 1.2vmax;
    line-height: 2.4vmax;
    text-align: justify;
}
main ul {
    list-style: 1vmax url(assets/templates/Images/favicon/gt.svg);
}
main p, main ul, main ol  {
    padding-bottom: 1.2vmax;
}
main aside {
    margin: 3vmin 0;
}
main aside:nth-child(1) {
    width:70%;
}
main aside:nth-child(2) {
    width:30%;
}
main aside > .block {
    border:2px solid #8E15EC;
    border-radius: 2vmin;
    padding: 2vmax;
    margin-bottom:4vmin;
}
main.home {
   padding: 0 10%; 
}
main.home h1 {
    text-align:center;
}
main .homes {
    display: flex;
    /*margin-bottom: 5vmin;*/
}
main .homes > aside {
    width:31%;
    margin:auto;
    text-align:center;
}

main .homes > aside > a {
    display:block;
    border:2px solid #8E15EC;
    border-radius: 1.5vmin;
    padding: 2vmin;
    overflow:hidden;
    text-align: center;
}
main .homes > aside > a:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(142,21,236,0.7);
	 -moz-box-shadow: 0px 0px 10px 0px rgba(142,21,236,0.7);
	 box-shadow: 0px 0px 10px 0px rgba(142,21,236,0.7);
}
main .homes > aside > a:hover > h2 {
    font-size: 2.8vmin;
}
main .homes > aside > a:hover > img {
    width:100%;
}
main .homes > aside > a > h2 {
    padding-bottom: 2vmin;
    color:#8E15EC;
    text-transform: uppercase;
    font-size: 2.8vmin;
    font-weight: 400;
    text-align: center;
}
main .homes > aside > a > img {
    width:90%;
    min-height: 50vh;
    border-radius: 1.5vmin;
}
main .lists {
    display: flex;
}
main .lists > aside {
    display: inline-block;
    width:31%;
    margin:auto;
    text-align:center;
}

main .lists > aside > a {
    display:block;
    border:2px solid #8E15EC;
    border-radius: 1.5vmin;
    padding: 2vmin;
    overflow:hidden;
    text-align: center;
}
main .lists > aside > a:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(142,21,236,0.7);
	 -moz-box-shadow: 0px 0px 10px 0px rgba(142,21,236,0.7);
	 box-shadow: 0px 0px 10px 0px rgba(142,21,236,0.7);
}
.gray {
    border:2px solid #ccc !important;
    background-color:#ccc;
}
.block {
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
}
.block * {
    color:#777;
}
.block h3 {
    color:#8E15EC;
    border-bottom: 2px solid #8E15EC;
    padding-bottom: 1vmax;
    margin-bottom: 2vmax;
    padding-top: 1vmax;
}
.block p:last-child {
    padding-bottom:0;
}
.block table{
    width:100%;
}
.block table > caption {
    padding: 1vmin;
    text-align: left;
    font-size: 2.5vmin;
    font-weight: bold;
}
.block table tr > * {
    border-radius: 1vmin;
    background-color: #aaa;
    padding:1vmin;
}
.block table tr > td {
    text-align:right;
    background-color: #ccc;
}
footer {
    position:relative;
    display:block;
    width:80%;
    text-align:center;
    bottom:0;
    border-top:1px solid #8E15EC;
    background-color: #fff;
    line-height: 5vh;
    min-height:5vh;
    padding:0 10%;
    color: #8E15EC;
}
footer section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
footer > section > nav > ul li {
    list-style:none;
}
footer > section > nav > ul li:hover a {
    color: #8E15EC;
}
footer > section > div > p {
    color: #8E15EC;
}
header, footer, 
main .homes > aside > a {
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
}

* {
	 scrollbar-width: thin;
	 scrollbar-color: rgba(142,21,236,1) rgba(240,240,240,1);
}
*::-webkit-scrollbar {
	 width: 1vmin;
}
*::-webkit-scrollbar-track {
	 background:rgba(240,240,240,1);
}
*::-webkit-scrollbar-thumb {
	 background-color: rgba(142,21,236,1);
	 border-radius: 20px;
	 border: 3px solid rgba(142,21,236,1);
}
main ol {
	list-style-type: none; 
	counter-reset: num;
	position: relative;	    
	margin-left: 2vmax;
	margin-top:1vmax;
}
main ol > li {
	position: relative;	
	padding-bottom: 0.6vmax;
	line-height: 1.8vmax;
}
main ol > li:after {
	content: counter(num); 
	counter-increment: num;
	display: inline-block;
	position: absolute;
	top: 0;
	left: -3vmax;
	width: 1.8vmax;
	height: 1.8vmax;
	line-height: 1.8vmax;
	background: #fff;
	color: #8E15EC;
	font-weight: bold;
	text-align: center;
	font-size: 1.2vmax;
	border-radius: 50%;
	border: 1px solid #8E15EC;  
}
main ul {
    list-style-type: none;
}
main ul > li:before {
    content: "\2022";  
    color: #8E15EC;
    font-weight: bold; 
    display: inline-block;
    width: 1em; 
    margin-left: -1em; 
}
main ul.world,
main ul.pdf {
    list-style-type: none;
    padding-left:1vmax;
    padding-top: 1.2vmax;
}
main ul.world > li,
main ul.pdf > li{
    position: relative;
    padding-left:2vmax;
    padding-bottom: 1.2vmax;
    line-height: 2vmax;
}
main ul.world > li:before,
main ul.pdf > li:before {
    left:0;
    top:0;
    position:absolute;
    content:" ";
    background-size:cover;
    width:2vmax;
    height:2vmax;
}
main ul.world > li:before {
    background-image: url(assets/templates/Images/world.png);
}
main ul.pdf > li:before {
    background-image: url(assets/templates/Images/pdf-file.png);
}
main ul.world > li:hover > a,
main ul.pdf > li:hover > a {
    color: #8E15EC;
}
main ul.world > li > a {
    /*line-height:2vmax;*/
}
main table th {
    background-color:rgba(142, 21, 236,0.5);
    color:#fff;
    border-radius:1vmin;
    padding:1vmin;
    font-size: 1.2vmax;
}
main table td {
    background-color:rgba(142, 21, 236,0.2);
    border-radius:1.1vmin;
    padding:1.1vmin;
    font-size: 1.2vmax;
}
main table {
    padding-bottom:1.2vmax;
    width:100%;
}
.nowrap {
    white-space: nowrap; 
}
.subinfo {
    font-size: 1.1vmax;
    line-height:1.6vmax;
}