/*main*/

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

	html, body {
	    font-size: 16px;
	    margin:0px;
	    padding: 0px;
	    font-family: Montserrat;
	    font-weight: normal;
	    background-color:  white;
	    -webkit-font-smoothing: antialiased;
	    color: var(--color__dark);
	    background-color: #EDF3F8;
	}

	ul, ol {padding: 0px;margin: 0px;list-style: none;
	}

	h2, h3, h1, p {
	    margin: 0px;
	}
article .center-wrap {padding-bottom: 30px;}
article .center-wrap:nth-child(1) {padding-top: 20px; padding-bottom: 0;}
article .center-wrap ul li {color: var(--color__text-2); margin-bottom: 12px; font-weight: 600; line-height: 24px; position:relative; padding-left:20px;}
article .center-wrap ul li::before {content:""; 
width:6px; 
height:6px; 
background-color: #0057BF; 
border-radius:6px; 
position:absolute;
    left:0; top: 8px;
}
article .breadcrumbs .center-wrap ul li::before {display: none;}
article .breadcrumbs ul li {padding-left: 0;}

	main {
	    overflow: hidden;
	    padding-top: 15.5rem;
	}
	
	.js-no-scroll {
	    overflow:hidden;
	}
	
	.list-style-disc,
	.list-style-square,
	.list-style-circle {
		margin-left: 20px;
	}
	.list-style-disc {
		list-style-type: disc;
	}
	.list-style-square {
		list-style-type: square outside;
	}
	.list-style-circle {
		list-style-type: circle inside;
	}


/* centred wraper*/

	.center-wrap {
	    max-width: 82rem;
	    position: relative;
	    margin: 0px auto;
	    display: block;
	    width: 100%;
	}


/*outside step*/

	.mrg {
		margin: 5rem auto;
	}

	.mrg.--min {
		margin: 4rem auto;
	}

	.mrg.--super-min {
		margin: 0 auto 2rem auto;
	}

	.mrg.--top {
		margin-top: 5rem;
		margin-bottom: 0rem;
	}

	.mrg.--bottom {
		margin-top: 0rem;
		margin-bottom: 5rem;
	}

	.mrg.--min.--top {
		margin-top: 4rem;
		margin-bottom: 0rem;
	}

	.mrg.--min.--bottom {
		margin-top: 0rem;
		margin-bottom: 4rem;
	}


/*insite step*/

	.pdg {
		padding: 5rem 0px;
	}

	.pdg.--min {
		padding: 4rem 0px;
	}

	.pdg.--top {
		padding-top: 5rem;
		padding-bottom: 0rem;
	}

	.pdg.--bottom {
		padding-top: 0rem;
		padding-bottom: 4rem;
	}

	.pdg.--min.--top {
		padding-top: 4rem;
		padding-bottom: 0rem;
	}

	.pdg.--min.--bottom {
		padding-top: 0rem;
		padding-bottom: 4rem;
	}

/*colls*/
	.colls {
		width: calc(100% + 2rem);
	}
	.colls__coll.--auto {
		flex: 1;
		margin-right: 2rem
	}
	.colls__coll.--1 {
		width: 100%;
		max-width: 4rem;
		margin-right: 2rem
	}
	.colls__coll.--2 {
		width: 100%;
		max-width: calc(4rem * 2 + (2rem));
		margin-right: 2rem
	}
	.colls__coll.--3 {
		width: 100%;
		max-width: calc(4rem * 3 + (2rem * 2));
		margin-right: 2rem;
	}
	.colls__coll.--4 {
		width: 100%;
		max-width: calc(4rem * 4 + (2rem * 3));
		margin-right: 2rem
	}
	.colls__coll.--5 {
		width: 100%;
		max-width: calc(4rem * 5 + (2rem * 4));
		margin-right: 2rem
	}
	.colls__coll.--6 {
		width: 100%;
		max-width: calc(4rem * 6 + (2rem * 5));
		margin-right: 2rem
	}
	.colls__coll.--7 {
		width: 100%;
		max-width: calc(4rem * 7 + (2rem * 6));
		margin-right: 2rem
	}
	.colls__coll.--8 {
		width: 100%;
		max-width: calc(4rem * 8 + (2rem * 7));
		margin-right: 2rem
	}
	.colls__coll.--9 {
		width: 100%;
		max-width: calc(4rem * 9 + (2rem * 8));
		margin-right: 2rem
	}
	.colls__coll.--10 {
		width: 100%;
		max-width: calc(4rem * 10 + (2rem * 9));
		margin-right: 2rem
	}
	.colls__coll.--11 {
		width: 100%;
		max-width: calc(4rem * 11 + (2rem * 10));
		margin-right: 2rem
	}
	.colls__coll.--12 {
		width: 100%;
		max-width: calc(4rem * 12 + (2rem * 11));
		margin-right: 2rem
	}
	.colls__coll.--13 {
		width: 100%;
		max-width: calc(4rem * 13 + (2rem * 12));
		margin-right: 2rem
	}
	.colls__coll.--14 {
		width: 100%;
		max-width: calc(4rem * 14 + (2rem * 13));
		margin-right: 2rem
	}

/*full*/
	.full {
		width: 100%;
		height: 100%;
	}

	.full.--width {
		width: 100%;
		height: auto;
	}

	.full.--height {
		width: auto;
		height: 100%;
	}





/*MEDIA*/


    @media screen and (max-width: 1680px) {  

    }

    @media screen and (max-width: 1440px) {  
		html, body {
		    font-size: 15px;
		}
    }

    @media screen and (max-width: 1359px) {  
		html, body {
		    font-size: 14px;
		}
    }

    @media screen and (max-width: 1199px) {  
		html, body {
		    font-size: 12px;
		}
    }

    @media screen and (max-width: 1024px) {  

    }
	
	@media screen and (min-width: 992px) {
		.--d-m-992-n {
			display: none!important;
		}
	}

    @media screen and (max-width: 991px) {  
		html, body {
		    font-size: 15px;
		}
		
		.center-wrap {
		    max-width: 100%;
		    padding:0px 2rem;
		}
		
		.--d-l-991-n {
			display: none!important;
		}

		/*outside step*/

			.mrg {
				margin: 3rem auto;
			}

			.mrg.--min {
				margin: 2rem auto;
			}

			.mrg.--top {
				margin-top: 3rem;
				margin-bottom: 0rem;
			}

			.mrg.--bottom {
				margin-top: 0rem;
				margin-bottom: 3rem;
			}

			.mrg.--min.--top {
				margin-top: 2rem;
				margin-bottom: 0rem;
			}

			.mrg.--min.--bottom {
				margin-top: 0rem;
				margin-bottom: 2rem;
			}


		/*insite step*/

			.pdg {
				padding: 3rem 0px;
			}

			.pdg.--min {
				padding: 2rem 0px;
			}

			.pdg.--top {
				padding-top: 3rem;
				padding-bottom: 0rem;
			}

			.pdg.--bottom {
				padding-top: 0rem;
				padding-bottom: 5rem;
			}

			.pdg.--min.--top {
				padding-top: 2rem;
				padding-bottom: 0rem;
			}

			.pdg.--min.--bottom {
				padding-top: 0rem;
				padding-bottom: 3rem;
			}
		}		
    }

    @media screen and (max-width: 768px) {  

    }

    @media screen and (max-width: 640px) {  

    }