* { padding:0; margin:0; box-sizing: border-box; vertical-align: top; }
html { background-color:#fff; }
body { font-family: Tahoma; font-size:100%; overflow-x: hidden; }


a, .nodecoration { text-decoration:none; }
a:hover, .hover { color:red; }
 

.opacity-0 { opacity: 0; }
.opacity-5 { opacity: 0.5; }
.opacity-1 { opacity: 1; }

.overflow-hidden, .overflow-none { overflow: hidden; }
.overflow-auto { overflow: auto; }
.cursor { cursor: pointer; }

img { border:0; max-width:100%; height:auto; }
ul { padding:10px 25px;  }
ul li, ol li { list-style: none; }

ol li { display:inline-block; margin-right:15px; }
ol li:last-child { margin:none; }
ol li, ol li  a { color:#9c9c9c; }

/* h1, .h1 { font-size: calc(14px + 14 * (70vw / 1280)); } */
h1, .h1, h2, .h2 { font-size: calc(12px + 12 * (70vw / 1280)); }
h3, h4, .h3, .h4 { font-size: calc(10px + 10 * (70vw / 1280)); }

h1, h2, h3, h4 { color:#696767; font-weight:normal; }

.container { margin:auto; width:1200px; }
.container-full { margin:auto; width:90%; }


.size-100 { font-size:100%; }
.size-90 { font-size:90%; }
.size-80 { font-size:80%; }

.bold { font-weight: bold; }
.text-normal { font-weight: normal; }

@media(max-width:950px){
	
	.m-size-200 { font-size:200%!important; }
	.m-size-150 { font-size:150%!important; }
	.m-size-100 { font-size:100%!important; }
	.m-size-90 { font-size:90%!important; }
	.m-size-80 { font-size:80%!important; }
	
}

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

@media(max-width:950px){
	.m-text-left { text-align:left; }
	.m-text-right { text-align:right; }
	.m-text-center { text-align:center; }
}

.pos-absolute { position: absolute; }
.pos-relative { position: relative; }
.pos-fixed { position: fixed; }

.h-50 { height:50px; }
.h-100 { height:100px; }

.border { border:1px solid #ccc; }

section { padding:30px 0;  }

.d-block { display:block; }
.d-inline { display:inline-block; }
.d-none { display:none; }

@media(max-width:950px){
	
	.m2-d-none { display:none; }
	.m2-d-block { display:block; }
	.m2-d-inline { display:inline-block; }
	
}

@media(max-width:768px){
	
	.m-d-none { display:none; }
	.m-d-block { display:block; }
	.m-d-inline { display:inline-block; }
	
}

.max-500 { max-width:500px; }
.max-50 { max-width:50%; }
.max-30 { max-width:70%; }
@media(max-width:768px){
	
	.m-max { max-width:none; }
	
}

.cursor { cursor:pointer; }
.cursor:hover { opacity: .7; }
.noopacity, .noopacity:hover { opacity:1; }

/* button { padding:5px 15px; cursor:pointer; } */
.button {
    border: none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
	cursor:pointer;
	border-radius: 4px;
	 -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.button:hover { opacity: .7; }

:root {
  --main-color-blue: #2b305a;
}

a { color:var(--main-color-blue); }
.bg-yellow { background-color:#edbc6e; }
.bg-green { background-color: #4CAF50; } /* Green */
.bg-blue { background-color: var(--main-color-blue); } /* Blue */
.bg-blue-light { background-color: #e8eaf6; }
.bg-red { background-color: #f44336;} /* Red */
.bg-gray { background-color: #efeded; } /* Gray */
.bg-black { background-color: #555555; } /* Black */
.bg-white { background-color: #ffffff; } /* Black */
.bg-orange { background-color: #f1893d; }  /* Orange */

.color-green { color: #4CAF50; } /* Green */
.color-blue { color: var(--main-color-blue); } /* Blue */
.color-red { color: #f44336;} /* Red */
.color-gray { color: #5d5c5c; } /* Gray */
.color-black { color: #000000; } /* Black */
.color-white { color:#ffffff; }
.color-gray-dark { color:#63300b; }

.p-0 { padding: 0px; } .pt-0 { padding-top: 0px; } .pr-0 { padding-right: 0px; } .pb-0 { padding-bottom: 0px; } .pl-0 { padding-left: 0px; } .p-1 { padding: 10px; } .pt-1 { padding-top: 10px; } .pr-1 { padding-right: 10px; } .pb-1 { padding-bottom: 10px; } .pl-1 { padding-left: 10px; } .p-2 { padding: 20px; } .pt-2 { padding-top: 20px; } .pr-2 { padding-right: 20px; } .pb-2 { padding-bottom: 20px; } .pl-2 { padding-left: 20px; } .p-3 { padding: 30px; } .pt-3 { padding-top: 30px; } .pr-3 { padding-right: 30px; } .pb-3 { padding-bottom: 30px; } .pl-3 { padding-left: 30px; } .p-4 { padding: 40px; } .pt-4 { padding-top: 40px; } .pr-4 { padding-right: 40px; } .pb-4 { padding-bottom: 40px; } .pl-4 { padding-left: 40px; } .p-5 { padding: 50px; } .pt-5 { padding-top: 50px; } .pr-5 { padding-right: 50px; } .pb-5 { padding-bottom: 50px; } .pl-5 { padding-left: 50px; }

@media(max-width:950px){
	
	.m-p-0 { padding: 0px; } .m-pt-0 { padding-top: 0px; } .m-pr-0 { padding-right: 0px; } .m-pb-0 { padding-bottom: 0px; } .m-pl-0 { padding-left: 0px; } .m-p-1 { padding: 10px; } .m-pt-1 { padding-top: 10px; } .m-pr-1 { padding-right: 10px; } .m-pb-1 { padding-bottom: 10px; } .m-pl-1 { padding-left: 10px; } .m-p-2 { padding: 20px; } .m-pt-2 { padding-top: 20px; } .m-pr-2 { padding-right: 20px; } .m-pb-2 { padding-bottom: 20px; } .m-pl-2 { padding-left: 20px; } .m-p-3 { padding: 30px; } .m-pt-3 { padding-top: 30px; } .m-pr-3 { padding-right: 30px; } .m-pb-3 { padding-bottom: 30px; } .m-pl-3 { padding-left: 30px; } .m-p-4 { padding: 40px; } .m-pt-4 { padding-top: 40px; } .m-pr-4 { padding-right: 40px; } .m-pb-4 { padding-bottom: 40px; } .m-pl-4 { padding-left: 40px; } .m-p-5 { padding: 50px; } .m-pt-5 { padding-top: 50px; } .m-pr-5 { padding-right: 50px; } .m-pb-5 { padding-bottom: 50px; } .m-pl-5 { padding-left: 50px; }
	
}

.m-auto { margin:auto; }

.m-0 { margin: 0px; } .mt-0 { margin-top: 0px; } .mr-0 { margin-right: 0px; } .mb-0 { margin-bottom: 0px; } .ml-0 { margin-left: 0px; } .m-1 { margin: 10px; } .mt-1 { margin-top: 10px; } .mr-1 { margin-right: 10px; } .mb-1 { margin-bottom: 10px; } .ml-1 { margin-left: 10px; } .m-2 { margin: 20px; } .mt-2 { margin-top: 20px; } .mr-2 { margin-right: 20px; } .mb-2 { margin-bottom: 20px; } .ml-2 { margin-left: 20px; } .m-3 { margin: 30px; } .mt-3 { margin-top: 30px; } .mr-3 { margin-right: 30px; } .mb-3 { margin-bottom: 30px; } .ml-3 { margin-left: 30px; } .m-4 { margin: 40px; } .mt-4 { margin-top: 40px; } .mr-4 { margin-right: 40px; } .mb-4 { margin-bottom: 40px; } .ml-4 { margin-left: 40px; } .m-5 { margin: 50px; } .mt-5 { margin-top: 50px; } .mr-5 { margin-right: 50px; } .mb-5 { margin-bottom: 50px; } .ml-5 { margin-left: 50px; }

@media(max-width:950px){
	
	.m-m-0 { margin: 0px; } .m-mt-0 { margin-top: 0px; } .m-mr-0 { margin-right: 0px; } .m-mb-0 { margin-bottom: 0px; } .m-ml-0 { margin-left: 0px; } .m-m-1 { margin: 10px; } .m-mt-1 { margin-top: 10px; } .m-mr-1 { margin-right: 10px; } .m-mb-1 { margin-bottom: 10px; } .m-ml-1 { margin-left: 10px; } .m-m-2 { margin: 20px; } .m-mt-2 { margin-top: 20px; } .m-mr-2 { margin-right: 20px; } .m-mb-2 { margin-bottom: 20px; } .m-ml-2 { margin-left: 20px; } .m-m-3 { margin: 30px; } .m-mt-3 { margin-top: 30px; } .m-mr-3 { margin-right: 30px; } .m-mb-3 { margin-bottom: 30px; } .m-ml-3 { margin-left: 30px; } .m-m-4 { margin: 40px; } .m-mt-4 { margin-top: 40px; } .m-mr-4 { margin-right: 40px; } .m-mb-4 { margin-bottom: 40px; } .m-ml-4 { margin-left: 40px; } .m-m-5 { margin: 50px; } .m-mt-5 { margin-top: 50px; } .m-mr-5 { margin-right: 50px; } .m-mb-5 { margin-bottom: 50px; } .m-ml-5 { margin-left: 50px; }
	
}


.w-33 { width: 33.33%; }
.w-5 { width: 5%; } .w-10 { width: 10%; } .w-15 { width: 15%; } .w-20 { width: 20%; } .w-25 { width: 25%; } .w-30 { width: 30%; } .w-35 { width: 35%; } .w-40 { width: 40%; } .w-45 { width: 45%; } .w-50 { width: 50%; } .w-55 { width: 55%; } .w-60 { width: 60%; } .w-65 { width: 65%; } .w-70 { width: 70%; } .w-75 { width: 75%; } .w-80 { width: 80%; } .w-85 { width: 85%; } .w-90 { width: 90%; } .w-95 { width: 95%; } .w-100 { width: 100%; }

@media(max-width:950px){
	.m-w-33 { width: 33.33%; }
	.m-w-5 { width: 5%; } .m-w-10 { width: 10%; } .m-w-15 { width: 15%; } .m-w-20 { width: 20%; } .m-w-25 { width: 25%; } .m-w-30 { width: 30%; } .m-w-35 { width: 35%; } .m-w-40 { width: 40%; } .m-w-45 { width: 45%; } .m-w-50 { width: 50%; } .m-w-55 { width: 55%; } .m-w-60 { width: 60%; } .m-w-65 { width: 65%; } .m-w-70 { width: 70%; } .m-w-75 { width: 75%; } .m-w-80 { width: 80%; } .m-w-85 { width: 85%; } .m-w-90 { width: 90%; } .m-w-95 { width: 95%; } .m-w-100 { width: 100%; }
}
@media(max-width:500px){
	.m2-w-50 { width: 50%; }
	.m2-w-100 { width: 100%; }
	
}




.row { display:flex; flex-wrap: wrap; margin: 0 -15px; }
.row > .col, .row > .col-1, .row > .col-2, .row > .col-3, .row > .col-4, .row > .col-5, .row > .col-6, .row > .col-7, .row > .col-8, .row > .col-9, .row > .col-10, .row > .col-11, .row > .col-12 { box-sizing: border-box; padding-left: 15px; padding-right:15px; }
.col-1 { width: 8.33%; } .col-2 { width: 16.67%; } .col-3 { width: 25.00%; } .col-4 { width: 33.33%; } .col-5 { width: 41.67%; } .col-6 { width: 50.00%; } .col-7 { width: 58.33%; } .col-8 { width: 66.67%; } .col-9 { width: 75.00%; } .col-10 { width: 83.33%; } .col-11 { width: 91.67%; } .col-12 { width: 100.00%; }

@media(max-width:950px){
	.m-col-1 { width: 8.33%; } .m-col-2 { width: 16.67%; } .m-col-3 { width: 25.00%; } .m-col-4 { width: 33.33%; } .m-col-5 { width: 41.67%; } .m-col-6 { width: 50.00%; } .m-col-7 { width: 58.33%; } .m-col-8 { width: 66.67%; } .m-col-9 { width: 75.00%; } .m-col-10 { width: 83.33%; } .m-col-11 { width: 91.67%; } .m-col-12 { width: 100.00%; }
}



.parent-link, .parent-link a { color:#9c9c9c; }
.parent-link a { font-size:90%; }
.parent-link a:after { content: ' - '; }
.parent-link a:last-child:after { content: none; }

.parent-link2, .parent-link2 a { color:#9c9c9c; }
.parent-link2 a:hover { color:#000; }
.parent-link2 ol, .parent-link2 ol li {  padding:0; margin:0; }
.parent-link2 ol li { margin-left:5px; }
.parent-link2 li { font-size:90%; }
.parent-link2 li:after { content: ' - '; }
.parent-link2 li:last-child:after { content: none; }

@media (max-width:992px){				
	
	.parent-link a { display:none; }
	.parent-link a:first-child, .parent-link a:last-child { display:inline-block; margin-right:5px; }

	
}




.modalbackground {	
	margin: 0;
	padding: 0;
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: rgba(0,0,0,0.5);
	z-index:9999;
	opacity:0;
	pointer-events: none;	
	transition: all 0.4s ease 0s;
}

.modalbackground:target, .modal-target {    
	opacity: 1;
    pointer-events: auto;
	overflow-y: auto;	
}

.modalwindow {    
	width: 90%;
	max-width:600px;
    margin: 5% auto;
    padding: 15px;
    background: #fff;
    border-radius: 3px;
}

#modal-video .modalwindow {    
	width: 60%;
    margin: 3% auto;
    padding: 0;
    background: #fff;
    border-radius: 0;
}


@media (max-width:678px){
	.modalwindow, #modal-video .modalwindow  {
		width: 100%;
		min-height:100%;
		margin:0;
		border-radius: none;
		box-sizing: border-box;
	}
}

.modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef;
}

#modal-fullscreen .modalwindow { width:100%; height:100vh; padding:0; margin:0;  overflow-y:hidden; }
#modal-fullscreen .modal-header { position:absolute; z-index:1000; top:0; left:0; box-sizing: border-box; margin:0; width:99%; text-align:center; display:block; }
#modal-fullscreen  .modal-header > h3, #modal-fullscreen  .modal-header > a { display:inline-block; width:49%; text-align:left; }
#modal-fullscreen  .modal-header > a { text-align:right; }
#modal-fullscreen  .modal-body  { padding:0; margin:0; }


.modal-close {
    float: right;
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    text-decoration: none;
}

.modal-close:focus, .modal-close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}
.modal-body {
  position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
    overflow: auto;
}


.table{
	border: 1px solid #eee;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
}
.table th {
	font-weight: bold;
	padding: 5px;
	background: #efefef;
	border: 1px solid #dddddd;
}
.table td{
	padding: 5px 10px;
	border: 1px solid #eee;
	text-align: left;
}
.table tbody tr:nth-child(odd){
	background: #fff;
}
.table tbody tr:nth-child(even){
	background: #F7F7F7;
}





.pagination div { display:inline-block; }
.pagination div a { display:block; padding:10px 20px; border:1px solid #ccc; border-right:0; background-color:#f1eeee; color:#000; }
.pagination div:last-child a { border-right:1px solid #ccc; }
.pagination div a:hover, .pagination div.hover a { background-color:#c7c4c4; }




.gradient{
	background: linear-gradient(to left, #503173, #39195c, #c8ace9);
	background-size: 200%;
	transition: .5s
}
.gradient2 {
	background: linear-gradient(to left, #c0daab, #688f48, #c0daab);
	background-size: 200%;
	transition: .5s
}
.gradient3 {
	background: linear-gradient(to left, #edb772, #dc8b23, #edb772);
	background-size: 200%;
	transition: .5s
}
.gradient:hover, .gradient2:hover, .gradient3:hover{
	background-position: right;
}