:root {
	--color-text-menu: #252525;
}


body {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
}

.flex-row-between {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
}

.flex-row-start {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.flex-row-reverse {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.flex-row-center {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0 0 auto;
}

.flex-row-center-stretch {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}

.flex-row-end {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: stretch;
}


.flex-column-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.flex-column-end {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
	width:100%;
	max-width:680px;
}

.flex-column-end.navCont.navTop{
    max-width:none;
}

.none {
	display: none !important;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ Start Header Elements ~~~ */

.hd-mob-cont {
	display: none;
}

.hd-btn-cont {
	display: none;
}

.hd-soc-cont {
	display: none;
}

.hd-soc-cont a {
	width: 25px;
	height: 25px;
	position: relative;
}

/* ~~~ SOCIAL VK ~~~ */

.hd-soc-cont a.vk {
	background: url('https://endowment.mgou.ru/design/global/social/vk.png') 0px 0px no-repeat;
	background-size: 76px;
	position: relative;
}

.hd-soc-cont a.vk::after {
	content: "";
	background: url('https://endowment.mgou.ru/design/global/social/vk.png') -38px 0px no-repeat;
	background-size: 76px;
	opacity: 0;
	transition: opacity .2s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.hd-soc-cont a.vk:hover::after {
	opacity: 1;
	transition: opacity .2s;
}

/* ~~~ SOCIAL FB ~~~ */

.hd-soc-cont a.fb {
	background: url('https://endowment.mgou.ru/design/global/social/fb.png') 0px 0px no-repeat;
	background-size: 76px;
}

.hd-soc-cont a.fb::after {
	content: "";
	background: url('https://endowment.mgou.ru/design/global/social/fb.png') -38px 0px no-repeat;
	background-size: 76px;
	opacity: 0;
	transition: opacity .2s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.hd-soc-cont a.fb:hover::after {
	opacity: 1;
	transition: opacity .2s;
}

/* ~~~ SOCIAL IN ~~~ */

.hd-soc-cont a.in {
	background: url('https://endowment.mgou.ru/design/global/social/in.png') 0px 0px no-repeat;
	background-size: 76px;
}

.hd-soc-cont a.in::after {
	content: "";
	background: url('https://endowment.mgou.ru/design/global/social/in.png') -38px 0px no-repeat;
	background-size: 76px;
	opacity: 0;
	transition: opacity .2s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.hd-soc-cont a.in:hover::after {
	opacity: 1;
	transition: opacity .2s;
}

header.hdr-2 .container .desktop .navCont .globalMenu .navList ul li a:first-letter {
	color: #124999;
}



/*  header 1 */

.hdr-2-nav-top {
	background-color: #21272F;
	}

@media screen and (min-width: 1200px) {
	header.hdr-2 .hd-btn-cont {
		display: flex;
		width:100%;
	}

	header.hdr-2 {
		width: 100%;
		margin: 0;
	}

	header.hdr-2 .container {
		width: calc(100% - 300px);
	    max-width: 1620px;
	    padding: 15px 150px;
	    margin: 0 auto;
	}


@media only screen and (max-width: 1200px){
	section .container {
		width: calc(100% - 100px);
	    max-width: 1620px;
	    padding: 0 50px;
	    margin: 0 auto;
	}
}



	header.hdr-2 .container .mobile-top {
		display: none !important;
	}


	header.hdr-2 .container .desktop .logoCont .text {
		font-size: 19px;
		max-width: 270px;
		position: relative;
		bottom: 3px;
	}

	header.hdr-2 .container .desktop .navCont .globalMenu {
		width: 100%;
	}

	header.hdr-2 .container .desktop .navCont .globalMenu .navList {
		width: 100%;
	}

	header.hdr-2 .container .desktop .navCont .globalMenu .navList ul {
		margin: 0;
		padding: 0;
	}

	header.hdr-2 .container .desktop .navCont .globalMenu .navList ul li {
		margin: 0 5px;
		padding: 0;
		list-style-type: none;
	}

	header.hdr-2 .container .desktop .navCont .globalMenu .navList ul li a {
		display: block;
		margin: 0;
		text-decoration: none;
		font-size: 16px;
		color: var(--color-text-menu);
	}

}

@media screen and (max-width: 1199px) {
	header.hdr-2 .hd-mob-cont {
		display: flex;
	}

	header.hdr-2 .hd-btn-cont {
		display: flex;
	}

	header.hdr-2 {
		width: 100%;
		margin: 0;
	}

	header.hdr-2 .container {
		width: calc(100% - 40px);
		max-width: 1400px;
		padding: 10px 10px;
		margin: 0 auto;
	}

	header.hdr-2 .container .desktop {
		display: none !important;
	}

	header.hdr-2 .container .mobile .logoCont .image {
		width: 40px;
		margin-right: 10px;
	}

	header.hdr-2 .container .mobile .logoCont .image img {
		width: 100%;
		height: auto;
	}

	header.hdr-2 .container .mobile .logoCont .text {
		font-size: 15px;
		max-width: 270px;
		position: relative;
		bottom: 3px;
	}

	header.hdr-2 .container .mobile .navCont .btnList {
		margin-left: 10px;
		flex-wrap: nowrap;
	}

	header.hdr-2 .container .mobile .navCont .btnList a {
		display: block;
		padding: 7px 12px;
		margin: 0 5px;
		font-size: 14px;
		color: #fff;
		background: #6065d4;
		border-radius: 4px;
		text-decoration: none;
	}	

	header.hdr-2 .container img {
		width: 30px;
	    height: auto;
	    padding: 4px 12px 0px 0px;
	}

	 header.hdr-2 .hd-btn-cont  a {
		margin: 0 5px;
	    font-family: 'Jura', sans-serif;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 16px;
	    line-height: 26px;
	    color: #FFFFFF;
	    text-decoration: none;
	}


}

@media screen and (max-width: 530px) {
	header.hdr-2 .container .mobile .logoCont .text {
		display: none !important;
	}

	header.hdr-2 .container img {
		width: 25px;
	    height: auto;
	    padding: 0px 12px 0px 0px;
	}

	header.hdr-2 .container .flex-row-start {
    	justify-content: flex-end;
	} 

}

@media screen and (max-width: 430px) {
	header.hdr-2 .container img {
	    width: 25px;
	    height: auto;
	    padding: 0px 12px 0px 0px;
		}

	header.hdr-2 .hd-btn-cont a {
	    margin: 0 5px;
	    font-family: 'Jura', sans-serif;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 12px;
	    line-height: 26px;
	    color: #FFFFFF;
	    text-decoration: none;
	}
}





	section.ctl-2 .container .nmb-2 .infoCont button:hover {
		background: #1D65CD;
		box-shadow: 0px 4px 10px rgba(34, 75, 134, 0.3);
	}

	section.ctl-3 .container button:hover{
		background: #1D65CD;
		box-shadow: 0px 4px 10px rgba(34, 75, 134, 0.3);
	}

	header.hdr-2 .container .desktop .navCont .globalMenu .navList ul li a:hover{
		color: #124999;
	}

	#tabs a:hover {
		color: #124999;
	}


	section.ctl-8 .container .footerTab-1 .footerNav li a:hover  {
		color: #80aef1;
	}






/*  header 2*/

.hdr-2-nav-bottom {
	background-color: #FFFFFF;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
	}

@media screen and (min-width: 1200px) {

	header.hdr-2 .container .mobile {
		display: none !important;
	}

	header.hdr-2 .container .desktop .logoCont .image {
		max-width: 250px;
		margin-right: 20px;
	}

	header.hdr-2 .container .desktop .logoCont .image img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

	header.hdr-2 .container .desktop .logoCont .text {
		font-size: 19px;
		max-width: 270px;
		position: relative;
		bottom: 3px;
	}

	header.hdr-2 .container .desktop .navCont .globalMenu {
		width: 100%;
	}

	header.hdr-2 .container .desktop .navCont .globalMenu .navList {
		width: 100%;
	}

	header.hdr-2 .container .desktop .navCont .globalMenu .navList ul {
		margin: 0;
		padding: 0;
		min-width: 465px;
	}

	header.hdr-2 .container .desktop .navCont .globalMenu .navList ul li {
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
	}

	header.hdr-2 .container .desktop .navCont .globalMenu .navList ul li a {
		display: block;
		margin: 0;
		/*padding: 0px 18px;*/
		text-decoration: none;
		font-size: 20px;
		color: var(--color-text-menu);
		font-family: 'Jura', sans-serif;
		color: #21272F;
    	font-style: normal;
    	font-weight: 600;
	}

	header.hdr-2 .container .desktop .navCont .btnList {
		/*margin-left: 30px;*/
		flex-wrap: nowrap;
		width: 100%;
        max-width: 740px;
	}

	header.hdr-2 .container .desktop .navCont .btnList a {
		display: block;
		/*padding: 0px 18px;
		margin: 0 5px;*/
		font-family: 'Jura', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 20px;
		line-height: 26px;
		color: #FFFFFF;
		border: 1px solid#21272f;
		text-decoration: none;
	}

	header.hdr-2 .container .desktop .navCont .btnList a:hover {
		color: #FFFFFF;
    	border: 1px solid#ffffff;
    	border-radius: 4px;
	}



	header.hdr-2 .container .desktop .navCont .btnList img {
		width: 18px;
		height: auto;
		/*padding: 0px 12px 0px 0px;*/
		margin-right: 2px;
	}

}



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

	header.hdr-2 .container .desktop {
		display: none !important;
	}

	header.hdr-2 .container .mobile .logoCont .image {
		min-width: 200px;
		margin-right: 10px;
	}

	header.hdr-2 .container .mobile .logoCont .image img {
		width: 100%;
		height: auto;
	}

	header.hdr-2 .container .mobile .logoCont .text {
		font-size: 15px;
		max-width: 270px;
		position: relative;
		bottom: 3px;
	}

	header.hdr-2 .container .mobile .navCont .btnList {
		margin-left: 10px;
		flex-wrap: nowrap;
	}

	header.hdr-2 .container .mobile .navCont .btnList a {
		display: block;
		padding: 7px 12px;
		margin: 0 5px;
		font-size: 14px;
		color: #fff;
		background: #6065d4;
		border-radius: 4px;
		text-decoration: none;
	}	

	header.hdr-2 .container .mobile .navCont ul {
	    list-style-type: none;
	}

	header.hdr-2 .container .mobile .pushy-content {
	    margin-top: 60px;
	}
}

@media screen and (max-width: 530px) {
	header.hdr-2 .container .mobile .logoCont .text {
		display: none !important;
	}
} 






/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ Start Sections Elements ~~~ */

section {
	width: 100%;
	margin: 0 auto;
}

section.bg {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

section .container {
	width: calc(100% - 300px);
    max-width: 1620px;
    padding: 0 150px;
    margin: 0 auto;
}

@media only screen and (max-width: 1199px){
	section .container {
		width: calc(100% - 60px);
	    max-width: 1620px;
	    padding: 0 30px;
	    margin: 0 auto;
	}
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ Section 1 ~~~ */
/* Block of content 1*/


/* SLIDERS */

section.sdr-1 .container {
	padding-top: 70px;
	margin-bottom: 30px;
	position: relative;
}

section.sdr-1 .container .flex_conteiner {
    display: flex;
    }

    	section.sdr-1 .container .rtt.vr4 .ctlElement {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		border-radius: 10px;
		overflow: hidden;
		position: relative;
		background: #ffffff;
	}

	section.sdr-1 .container .flex_conteiner {
		display: flex;
		overflow: hidden;
	}

	section.sdr-1 .container .flex_conteiner .infoCont {
		width: 30%;
	}

	section.sdr-1 .container .flex_conteiner .infoCont .titleLeft {
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    align-items: left;
	}

	section.sdr-1 .container .flex_conteiner .infoCont .titleLeft .nameBlock {
	    margin-bottom: 15px;
	    text-align: left;
	    font-family: 'Jura', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 86px;
        line-height: 102px;
        color: #000000;
	}

	section.sdr-1 .container .flex_conteiner .sliderBox .titleLeft .nameBlock {
	    margin-bottom: 15px;
	    text-align: left;
	    font-family: 'Jura', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 46px;
        line-height: 26px;
        color: #000000;
        margin-bottom: 30px;
	}

	section.sdr-1 .container .flex_conteiner .infoCont .desc {
	    font-family: 'Lato', sans-serif;
	    font-style: normal;
	    font-weight: normal;
	    font-size: 20px;
	    line-height: 32px;
	    color: #333333;
	    padding-right: 160px;
	   padding-bottom: 36px;
	}

    section.sdr-1 .container .flex_conteiner .sliderBox .desc {
    	    font-family: 'Lato', sans-serif;
    	    font-style: normal;
    	    font-weight: normal;
    	    font-size: 16px;
    	    line-height: 26px;
    	    color: #333333;
    	}

	section.sdr-1 .container .rtt.vr4 .ctlElement .imgCont {
		width: 100%;
	}

	section.sdr-1 .container .rtt.vr4 .ctlElement .imgCont .img {
		width: 100%;
		margin-bottom: 10px;
		overflow: hidden;
	}

	section.sdr-1 .container .flex_conteiner .infoCont {
    width: 50%;
	}

	section.sdr-1 .container .flex_conteiner .infoCont {
	    width: 50%;
	}

	section.sdr-1.container .rtt.vr4 .ctlElement .imgCont .img img {
		width: 100%;
		height: auto;
		text-align: center;
	}

	section.sdr-1 .container .rtt.vr4 .ctlElement .infoContCard {
    	padding: 0px 15px 25px 15px;
    	margin-top: -20px;
	}

	section.sdr-1 .container .rtt.vr4 .ctlElement .infoContCard .name {
		font-family: 'Raleway', sans-serif;
		font-style: normal;
		font-weight: 600;
		font-size: 22px;
		line-height: 28px;
		color: #333333;
		text-align: left;
		margin-bottom: 16px;
	}

	section.sdr-1 .container .rtt.vr4 .ctlElement .infoContCard .desc {
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 19px;
		color: #000000;
		opacity: 0.7;
		text-align: left;
		margin-top: 8px;
	}


	section.sdr-1 .container .rtt.vr4 .ctlElement .infoCont {
		padding: 10px 30px 20px 30px;
	}

	section.sdr-1 .container .rtt.vr4 .ctlElement .infoCont .name {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
		font-family: 'Raleway', sans-serif;
		font-style: normal;
		font-weight: 600;
		font-size: 22px;
		line-height: 28px;
		color: #333333;
	}

	section.sdr-1 .container .flex_conteiner .infoCont {
    	width: 50%;
    	min-width:670px;
	}

	section.sdr-1 .container .rtt.vr4 .ctlElement .infoCont .desc {
		font-size: 14px;
		margin-bottom: 10px;
		text-align: center;
	}

@media only screen and (max-width: 1670px) {  
		section.sdr-1 .container .flex_conteiner {
    		display: flex;
    		justify-content: center;
    		flex-wrap:wrap;
		}
	
		section.sdr-1 .container .flex_conteiner .infoCont {
		    width: 100%;
		    border-left: 0px solid #fff;
		    padding-left: 0px;
		    height: auto;
		    padding-bottom: 80px;
		}
	}


@media only screen and (max-width: 435px) {  
	section.sdr-1 .container .flex_conteiner .sliderBox .titleLeft .nameBlock {
        font-size: 36px;
       
	}
}



@media only screen and (max-width: 1670px) {  
		section.sdr-1 .container .flex_conteiner .infoCont .desc {
    		padding-right: 0px; 
		}
	}

    @media screen and (max-width: 1000px) {
		section.sdr-1 .container .flex_conteiner .infoCont .titleLeft .nameBlock {
            font-size: 25px;
		}

		section.sdr-1 .container .flex_conteiner .infoCont .desc {
		    font-size: 16px;
		     line-height: 22px;
		}

		section.sdr-1 .container .rtt.vr4 .ctlElement .infoContCard .name {
		 font-size: 18px;
           line-height: 22px;
        }
	}


        @media screen and (max-width: 1000px) {
		section.sdr-1 .container .titleLeft .nameBlock {
            font-size: 25px;
            line-height: 29px;
		}

		section.sdr-1 .container .rtt.vr1 .ctlElement .infoCont .name {
            width: 100%;
            font-family: 'Raleway', sans-serif;
            font-style: italic;
            font-weight: normal;
            font-size: 16px;
            line-height: 22px;
            color: #333333;
            border-left: 4px solid #9bb6bb;
            padding-left: 15px;
            margin-bottom: 22px;
        }

        section.sdr-1 .container .rtt.vr1 .ctlElement .infoCont .desc {
            font-size: 14px;
        }

        section.sdr-1 .container .rtt.vr1 .ctlElement .infoCont .instLink {
            font-family: 'Lato', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 13px;
            line-height: 20px;
            color: #000000;
            opacity: 0.5;
            margin-left: 16px;
        }
	}






/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ Section 2 ~~~ */
/* Block of content 2*/


	section.ctl-2 .container {
		padding-top: 10px;
		padding-bottom: 30px;
	}

	section.ctl-2 .container button a {
    	text-decoration: none;
    	color: #fff;
	}

	section.ctl-2 .container button a:active {
    	text-decoration: none;
    	color: #124999;
	}

	section.ctl-2 .container .nmb-2 {
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: stretch;
	}

	section.ctl-2 .container .title {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		font-family: Jura;
		font-style: normal;
		font-weight: 500;
		font-size: 36px;
		line-height: 54px;
		color: #000000;
		margin-bottom: 30px;
	}


	section.ctl-2 .container .nmb-2 .infoCont .titleRight {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: left;
		font-family: Lato, sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 26px;
		line-height: 40px;
		color: #333333;
	}

	section.ctl-2 .container .nmb-2 .infoCont .titleRight .nameBlock {
		margin-bottom: 16px;
		text-align: left;
	}

	section.ctl-2 .container .nmb-2 .infoCont .titleRight .descBlock {
		font-size: 15px;
		margin-bottom: 30px;
		text-align: left;
	}

	section.ctl-2 .container .sepBlock {
		margin-bottom: 8px;
	    background: linear-gradient(270.09deg, #224B86 0%, rgba(34, 75, 134, 0) 100%);
		border-radius: 4px;
		width: 261px;
		height: 2px;
	}

	section.ctl-2.container .nmb-2 .infoCont .desc {
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 22px;
		line-height: 32px;
		color: #333333;
	}

	section.ctl-2 .container .nmb-2 .infoCont button {
		background: #124999;
		box-shadow: 0px 4px 10px rgba(34, 75, 134, 0.3);
		border-radius: 4px;
		font-family: 'Jura', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 20px;
		line-height: 25px;
		color: #FFFFFF;
		padding: 14px 20px;
		margin-top: 30px;
		-webkit-appearance: media-slider;
	    -webkit-writing-mode: horizontal-tb !important;
	    text-rendering: auto;
	    letter-spacing: normal;
	    word-spacing: normal;
	    text-transform: none;
	    text-indent: 0px;
	    text-shadow: none;
	    display: inline-block;
	    text-align: center;
	    align-items: flex-start;
	    cursor: default;
	    box-sizing: border-box;
	    border-width: 2px;
	    border-style: outset;
	    border-color: buttonface;
	    border-image: initial;
	}


	section.ctl-2 .container .nmb-2 .imgCont-left {
	    width: 40%;
	    height: auto ;
	    border-radius: 8px;
	    background: url(img/img.jpg);
	    background-size: cover;
	    background-position: center;
	}

	section.ctl-2 .container .nmb-2 .imgCont-left img {
	    width: 100%;
	    height: auto;
	    border-radius: 10px;

	}

	section.ctl-2 .container .nmb-2 .infoCont  {
	   
	}


	#infoTop {
		 width: 60%;
		 padding-left: 40px;
	}

	@media only screen and (max-width: 1200px){
		section.ctl-2 .container .nmb-2 .imgCont-left {
		   display: none;
		}

		 section.ctl-2 .container .nmb-2 .infoCont  {
	        border-right: 0px solid #fff;
	        border-radius: 0px;
		}

			section.ctl-2 .container .nmb-2 .infoCont .desc {
			font-family: 'Lato', sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: 16px;
			line-height: 32px;
			color: #333333;
			padding-right: 0px;
		}

		#infoTop {
		    width: 100%;
		    padding-left: 0px; 
		}

	}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ Section 3 ~~~ */
/* Block of content 3*/


	section.ctl-3 .container {
		padding-top: 45px;
		padding-bottom: 100px;
	}

	section.ctl-3 .container .nmb-2 {
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: stretch;
	}

	section.ctl-3 .container .title {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		font-family: Jura;
		font-style: normal;
		font-weight: 500;
		font-size: 36px;
		line-height: 54px;
		color: #000000;
		margin-bottom: 30px;
	}


	section.ctl-3 .container .sepBlock {
		margin-bottom: 8px;
	    background: linear-gradient(270.09deg, #224B86 0%, rgba(34, 75, 134, 0) 100%);
		border-radius: 4px;
		width: 230px;
		height: 2px;
	}

	section.ctl-3 .tabs_flex{
		display: flex;
	}

	section.ctl-3 .tabs_flex a{
		position: relative;
		padding: 0px 14px 18px 0px;
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: 500;
		color: #333333;
		font-size: 22px;
	}

	section.ctl-3 #tabs{
	  overflow: hidden;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}

	section.ctl-3 #tabs li{
	  float: left;
	  margin: 0 .5em 0 0;
	}

	section.ctl-3 #tabs a{
		position: relative;
		padding: 0px 14px 18px 0px;
		float: left;
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: 500;
		color: #333333;
		font-size: 22px;
		text-decoration: underline;
	}

	section.ctl-3 #tabs a:hover,
	section.ctl-3 #tabs a:hover::after,
	section.ctl-3 #tabs a:focus,
	section.ctl-3#tabs a:focus::after{
	  background: #fff;
	  color: #124999;
	}

	section.ctl-3 #tabs a:focus{
	  outline: 0;
	}

	section.ctl-3 #tabs a::after{
	  content:'';
	  position:absolute;
	  z-index: 1;
	  top: 0; 
	  bottom: 0;
	  width: 1em;
	}


	section.ctl-3 .container .descTab {
		font-family: 'Lato', sans-serif;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 20px;
	    line-height: 30px;
	    max-width: 1103px;
	}

	/* ------------------------------------------------- */

	section.ctl-3 #content {
	    padding-top: 16px;
		position: relative;
		max-width: 1103px;
	}

	section.ctl-3 #content img {
		float: left;
		padding-top: 9px;
		width: 20px;
		min-height: auto;
	}

	section.ctl-3 #content p{
	   padding-left: 35px;
	   margin-block-start: 0em;
   		margin-block-end: 0em;
	}


	/* ------------------------------------------------- */

	section.ctl-3 #about {
	    color: #999;
	}

	section.ctl-3 #about a {
	    color: #eee;
	}

	section.ctl-3 #tabs a:focus {
	    position: relative;
	    padding: 0px 14px 18px 0px;
	    float: left;
	    font-family: Lato;
	    font-style: normal;
	    font-weight: 500;
	    color: #124999;
	}

	section.ctl-3 .container button a {
    	text-decoration: none;
    	color: #fff;
	}

	section.ctl-3 .container button a:active {
    	text-decoration: none;
    	color: #124999;
	}

	section.ctl-3 .container button {
		background: #124999;
		box-shadow: 0px 4px 10px rgba(34, 75, 134, 0.3);
		border-radius: 4px;
		font-family: 'Jura', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 20px;
		line-height: 25px;
		color: #FFFFFF;
		padding: 14px 20px;
		margin-top: 30px;
		-webkit-appearance: media-slider;
	    -webkit-writing-mode: horizontal-tb !important;
	    text-rendering: auto;
	    letter-spacing: normal;
	    word-spacing: normal;
	    text-transform: none;
	    text-indent: 0px;
	    text-shadow: none;
	    display: inline-block;
	    text-align: center;
	    align-items: flex-start;
	    cursor: default;
	    box-sizing: border-box;
	    border-width: 2px;
	    border-style: outset;
	    border-color: buttonface;
	    border-image: initial;
	    font: Lato;
	}


	section.ctl-3 .container .nmb-2 button {
		background: #124999;
		box-shadow: 0px 4px 10px rgba(34, 75, 134, 0.3);
		border-radius: 4px;
		font-family: 'Jura', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 22px;
		line-height: 25px;
		color: #FFFFFF;
		padding: 18px 24px;
		margin-top: 30px;
	}




	

/* ABOUT*/


/* Breadcrumb  */
	ul.breadcrumb {
	  padding: 0px 16px;
	  margin: 40px 0px 25px 0px;
	  list-style: none;
	  font-family: 'Jura', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	}

	/* Отображение элементов списка бок о бок */
	ul.breadcrumb li {
	  display: inline;
	  font-size: 18px;
	}

	/* Добавить символ косой черты (/) перед/за каждым элементом списка */
	ul.breadcrumb li+li:before {
	  padding: 8px;
	  color: black;
	  content: "/\00a0";
	}

	/* Добавить цвет для всех ссылок внутри списка */
	ul.breadcrumb li a {
	  color: rgba(0, 0, 0, 0.5);;
	  text-decoration: none;
	}

	/* Добавить цвет на наведении курсора мыши */
	ul.breadcrumb li a:hover {
	  color: black;
	  text-decoration: none;
	}




	section.ctl-4 .container {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	section.ctl-4 .container .nmb-2 {
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: stretch;
	}

	section.ctl-4 .container .title {
		display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    font-family: Jura;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 36px;
	    line-height: 46px;
	    color: #000000;
	    margin-top: 40px;
	}


	section.ctl-4 .container .nmb-2 .infoCont .titleRight {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: left;
		font-family: Lato;
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 42px;
		color: #333333;
	}

	section.ctl-4 .container .nmb-2 .infoCont .titleRight .nameBlock {
		margin-bottom: 20px;
		text-align: left;
		font-family: 'Jura', sans-serif;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 36px;
	    color: #333333;
	}

	section.ctl-4 .container .nmb-2 .infoCont .imgAbout img{
		width: 100%;
   		 height: auto;
   		 padding-bottom: 12px; 
   		 border-bottom: 1px solid#124999;
	}

	section.ctl-4 .container .nmb-2 .infoCont .comment {
		font-family: Lato;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 32px;
		color: #000000;
		opacity: 0.5;
		padding-bottom: 20px; 
	}

	section.ctl-4 .container .sepBlock {
		margin-bottom: 8px;
	    background: linear-gradient(270.09deg, #224B86 0%, rgba(34, 75, 134, 0) 100%);
		border-radius: 4px;
		width: 261px;
		height: 2px;
	}

	section.ctl-4.container .nmb-2 .infoCont .desc {
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 22px;
		line-height: 32px;
		color: #333333;
	}

	section.ctl-4 .container .nmb-2 .infoCont button {
		background: #124999;
		box-shadow: 0px 4px 10px rgba(34, 75, 134, 0.3);
		border-radius: 4px;
		font-family: 'Jura', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 22px;
		line-height: 25px;
		color: #FFFFFF;
		padding: 18px 24px;
		margin-top: 30px;
		-webkit-appearance: media-slider;
	    -webkit-writing-mode: horizontal-tb !important;
	    text-rendering: auto;
	    letter-spacing: normal;
	    word-spacing: normal;
	    text-transform: none;
	    text-indent: 0px;
	    text-shadow: none;
	    display: inline-block;
	    text-align: center;
	    align-items: flex-start;
	    cursor: default;
	    box-sizing: border-box;
	    border-width: 2px;
	    border-style: outset;
	    border-color: buttonface;
	    border-image: initial;
	}


	section.ctl-4 .container .nmb-2 .nav-left {
	    width: 22%;
	    height: 300px;
	    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
		border-radius: 8px;
		overflow: hidden;
	}

	section.ctl-4 .container .nmb-2 .nav-left ul.nav{ 
		 margin-left: 0px;
		 padding-left: 0px;
		 list-style: none;
	    margin-block-start: 0em;
	    margin-block-end: 0em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	    padding-inline-start: 0px;
	}

	section.ctl-4 .container .nmb-2 .nav-left ul.nav a {
	 	display: block;
	    padding: 15px;
	    text-decoration: none;
	    font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 26px;
		color: #333333;
	 }

	 section.ctl-4 .container .nmb-2 .nav-left .navLine {
	 	display: block;
	    height: 1px;
	    max-width: 250px;
	    background: #124999;
	    margin: 0 auto;
	 }

	 section.ctl-4 .container .nmb-2 .nav-left span {
	 	display: none;
	}

	section.ctl-4 .container .nmb-2 .nav-left span {
		display: none;
	}
	

	section.ctl-4 .container .nmb-2 .nav-left ul.nav a:hover {
		margin-top: -1px;
	    background-color: #124999;
	    color: #fff;
	}

	section.ctl-4 .container .nmb-2 .nav-left ul.nav li:hover span{
	    display: none;
	}

	section.ctl-4 .container .nmb-2 .nav-left li.navLine:hover {
	 	display: none;
	 }
	                
	/*section.ctl-4 .container .nmb-2 .nav-left ul.nav li:first-child a {
	    border-bottom: 1px  solid#124999;
	    background: #124999;
	    color: white;
	    margin: 0px;
	    padding: 20px;
	    border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	 }*/
               
     section.ctl-4 .container .nmb-2  #content {
	    padding-top: 24px;
	    position: relative;
	    max-width: 1303px;
	}

	 section.ctl-4 .container .nmb-2 #content img {
	    float: left;
	    padding-top: 9px;
	}

	section.ctl-4 .container .nmb-2	#content p {
	    padding-left: 40px;
	}

	#infoAbout {
		 width: 78%;
		 padding-left: 50px;
	}

	@media only screen and (max-width: 1200px){
		 section.ctl-4 .container .nmb-2 .infoCont  {
	        border-right: 0px solid #fff;
	        border-radius: 0px;
		}

	section.ctl-4 .container .nmb-2 .nav-left {
		   display: none;
		}

	section.ctl-4 .container .nmb-2 .infoCont .desc {
			font-family: 'Lato', sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: 22px;
			line-height: 32px;
			color: #333333;
			padding-right: 0px;
		}

	section.ctl-4 .container .nmb-2 .infoCont .titleRight .nameBlock {
		margin-bottom: 40px;
		text-align: left;
		font-family: 'Jura', sans-serif;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 50px;
	    color: #333333;
	}

	section.ctl-4 .container .title {
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    font-family: Jura;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 30px;
	    line-height: 38px;
	    color: #000000;
	    margin-top: 40px;
	}

		#infoAbout {
		    width: 100%;
		    padding-left: 0px; 
		}

	}






/* Clients*/

section.ctl-5 .container {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	section.ctl-5 .container .nmb-2 {
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: stretch;
	}

	section.ctl-5 .container .title {
		display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    font-family: Jura;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 46px;
	    line-height: 54px;
	    color: #000000;
	}


	section.ctl-5 .container .nmb-2 .infoCont .titleRight {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: left;
		font-family: Lato;
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 42px;
		color: #333333;
	}


	section.ctl-5 .container .sepBlock {
		margin-bottom: 8px;
	    background: linear-gradient(270.09deg, #224B86 0%, rgba(34, 75, 134, 0) 100%);
		border-radius: 4px;
		width: 261px;
		height: 2px;
	}

	section.ctl-5 .container .nmb-2 .infoCont .desc {
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 22px;
		line-height: 32px;
		color: #333333;
	}


	section.ctl-5 .container .nmb-2 .nav-left {
	    width: 22%;
	    height: 400px;
	    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
		border-radius: 8px;
	}

	section.ctl-5 .container .nmb-2 .nav-left ul.nav{ 
		 margin-left: 0px;
		 padding-left: 0px;
		 list-style: none;
	    margin-block-start: 0em;
	    margin-block-end: 0em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	    padding-inline-start: 0px;
	}

	section.ctl-5 .container .nmb-2 .nav-left ul.nav a {
	 	display: block;
	    padding: 20px;
	    text-decoration: none;
	    font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 22px;
		line-height: 26px;
		color: #333333;
	 }

	 section.ctl-5 .container .nmb-2 .nav-left .navLine {
	 	display: block;
	    height: 1px;
	    max-width: 300px;
	    background: #124999;
	    margin: 0 auto;
	 }

	 section.ctl-5 .container .nmb-2 .nav-left span {
	 	display: none;
	}

	section.ctl-5 .container .nmb-2 .nav-left span {
		display: none;
	}
	

	section.ctl-5 .container .nmb-2 .nav-left ul.nav a:hover {
	    background-color: #124999;
	    color: #fff;
	}

	section.ctl-5 .container .nmb-2 .nav-left li.navLine:hover {
	 	display: none;
	 }
	                
	section.ctl-5 .container .nmb-2 .nav-left ul.nav li .choice {
	    border-bottom: 1px  solid#124999;
	    background: #124999;
	    color: white;
	    margin: 0px;
	    padding: 20px;
	    border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	 }
               

	#infoAbout {
		 width: 78%;
		 padding-left: 50px;
	}

	@media only screen and (max-width: 1200px){
		 section.ctl-5 .container .nmb-2 .infoCont  {
	        border-right: 0px solid #fff;
	        border-radius: 0px;
		}

	section.ctl-5 .container .nmb-2 .nav-left {
		   display: none;
		}

	section.ctl-5 .container .nmb-2 .infoCont .desc {
			font-family: 'Lato', sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: 22px;
			line-height: 32px;
			color: #333333;
			padding-right: 0px;
		}

	section.ctl-5 .container .nmb-2 .infoCont .titleRight .nameBlock {
		margin-bottom: 40px;
		text-align: left;
		font-family: 'Jura', sans-serif;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 50px;
	    color: #333333;
	}

	section.ctl-5 .container .title {
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    font-family: Jura;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 30px;
	    line-height: 38px;
	    color: #000000;
	    margin-top: 40px;
	}

		#infoAbout {
		    width: 100%;
		    padding-left: 0px; 
		}

	}




/* License*/

	section.ctl-6 .container {
		padding-top: 45px;
		padding-bottom: 100px;
	}

	section.ctl-6 .container .nmb-2 {
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: stretch;
	}

	section.ctl-6 .container .title {
		display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    font-family: Jura;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 36px;
	    line-height: 54px;
	    color: #000000;
	}


	section.ctl-6 .container .nmb-2 .infoCont .titleRight {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: left;
		font-family: Lato;
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 42px;
		color: #333333;
	}


	section.ctl-6 .container .sepBlock {
		margin-bottom: 8px;
	    background: linear-gradient(270.09deg, #224B86 0%, rgba(34, 75, 134, 0) 100%);
		border-radius: 4px;
		width: 261px;
		height: 2px;
	}

	section.ctl-6 .container .nmb-2 .infoCont .desc {
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 22px;
		line-height: 32px;
		color: #333333;
	}


	section.ctl-6 .container .nmb-2 .nav-left {
	    width: 22%;
	    height: 300px;
	    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
		border-radius: 8px;
		overflow: hidden;
	}

	section.ctl-6 .container .nmb-2 .nav-left ul.nav{ 
		 margin-left: 0px;
		 padding-left: 0px;
		 list-style: none;
	    margin-block-start: 0em;
	    margin-block-end: 0em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	    padding-inline-start: 0px;
	}

	section.ctl-6 .container .nmb-2 .nav-left ul.nav a {
	 	display: block;
	    padding: 15px;
	    text-decoration: none;
	    font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 26px;
		color: #333333;
	 }

	 section.ctl-6 .container .nmb-2 .nav-left .navLine {
	 	display: block;
	    height: 1px;
	    max-width: 250px;
	    background: #124999;
	    margin: 0 auto;
	 }

	 section.ctl-6 .container .nmb-2 .nav-left span {
	 	display: none;
	}

	section.ctl-6 .container .nmb-2 .nav-left span {
		display: none;
	}
	

	section.ctl-6 .container .nmb-2 .nav-left ul.nav a:hover {
		margin-top: -1px;
	    background-color: #124999;
	    color: #fff;
	}

	section.ctl-6 .container .nmb-2 .nav-left ul.nav li:hover span{
	    display: none;
	}

	section.ctl-6 .container .nmb-2 .nav-left li.navLine:hover {
	 	display: none;
	 }
	                
	/*section.ctl-4 .container .nmb-2 .nav-left ul.nav li:first-child a {
	    border-bottom: 1px  solid#124999;
	    background: #124999;
	    color: white;
	    margin: 0px;
	    padding: 20px;
	    border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	 }*/
               
     section.ctl-6 .container .nmb-2  #content {
	    padding-top: 24px;
	    position: relative;
	    max-width: 1303px;
	}

	 section.ctl-6 .container .nmb-2 #content img {
	    float: left;
	    padding-top: 9px;
	}

	section.ctl-6 .container .nmb-2	#content p {
	    padding-left: 40px;
	}
               

	#infoAbout {
		 width: 78%;
		 padding-left: 50px;
	}

	@media only screen and (max-width: 1200px){
		 section.ctl-6 .container .nmb-2 .infoCont  {
	        border-right: 0px solid #fff;
	        border-radius: 0px;
		}

	section.ctl-6 .container .nmb-2 .nav-left {
		   display: none;
		}

	section.ctl-6 .container .nmb-2 .infoCont .desc {
			font-family: 'Lato', sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: 22px;
			line-height: 32px;
			color: #333333;
			padding-right: 0px;
		}

	section.ctl-6 .container .nmb-2 .infoCont .titleRight .nameBlock {
		margin-bottom: 40px;
		text-align: left;
		font-family: 'Jura', sans-serif;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 50px;
	    color: #333333;
	}

	section.ctl-6 .container .title {
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    font-family: Jura;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 30px;
	    line-height: 38px;
	    color: #000000;
	    margin-top: 40px;
	}

		#infoAbout {
		    width: 100%;
		    padding-left: 0px; 
		}

	}

section.ctl-6 .container .nmb-2 .infoCont .licens_block{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

section.ctl-6 .container .nmb-2 .infoCont .licens_block .licens_img{
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    margin: 20px 20px 20px 0px;
    padding: 20px 40px 50px 40px;
    max-width: 350px;
}

section.ctl-6 .container .nmb-2 .infoCont .licens_block .licens_img a img {
     width: 200px;
	height: 300px;
}

section.ctl-6 .container .nmb-2 .infoCont .licens_block .licens_img a{
     width:100%;
}

section.ctl-6 .container .nmb-2 .infoCont .licens_block .licens_img p{
    margin:0 auto;
    width: fit-content;
    margin-top: 15px;
    font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	text-align: center;
}

section.ctl-6 .container .nmb-2 .infoCont .licens_block .container .sepBlock_licens {
    margin-bottom: 8px;
    background: linear-gradient(270.09deg, #224B86 0%, rgba(34, 75, 134, 0) 100%);
    border-radius: 4px;
    width: 100%;
    height: 2px;
}

section.ctl-6 .container .nmb-2 .infoCont .name_lic {
    width:fit-content;
}

section.ctl-6 .container .infoCont .sepBlock_licens {
    margin-bottom: 8px;
    background: linear-gradient(270.09deg, #224B86 0%, rgba(34, 75, 134, 0) 100%);
    border-radius: 4px;
    width: 280px;
    height: 2px;
}

section.ctl-6 .container .nmb-2 .nav-left ul.nav li a.activ {
	    border-bottom: 1px  solid#124999;
	    background: #124999;
	    color: white;
}

section.ctl-6 .container .nmb-2 .nav-left ul.nav li:first-child a {

	    border-top-left-radius: 8px;
	    border-top-right-radius: 8px;
	 }



@media only screen and (max-width: 600px){
	section.ctl-6 .container .nmb-2 .infoCont .licens_block .licens_img {
	    border-radius: 10px;
	    box-shadow: 0 0 8px rgba(0,0,0,0.5);
	    margin: 10px 10px 10px 0px;
	    padding: 10px 20px 30px 20px;
	    max-width: 320px;
	}
}


/* Zakaz*/

	section.ctl-7 .container {
		padding-top: 45px;
		padding-bottom: 65px;
	}

	section.ctl-7 .container .nmb-2 {
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: stretch;
	}

	section.ctl-7 .container .title {
		display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    font-family: Jura;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 36px;
	    line-height: 54px;
	    color: #000000;
	}


	section.ctl-7 .container .nmb-2 .infoCont .titleRight {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: left;
		font-family: Lato;
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 42px;
		color: #333333;
	}


	section.ctl-7 .container .sepBlock {
		margin-bottom: 8px;
	    background: linear-gradient(270.09deg, #224B86 0%, rgba(34, 75, 134, 0) 100%);
		border-radius: 4px;
		width: 261px;
		height: 2px;
	}

	section.ctl-7 .container .nmb-2 .infoCont .desc {
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 22px;
		line-height: 32px;
		color: #333333;
	}


	section.ctl-7 .container .nmb-2 .nav-left {
	    width: 22%;
	    height: 300px;
	    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
		border-radius: 8px;
		overflow: hidden;
	}

	section.ctl-7 .container .nmb-2 .nav-left ul.nav{ 
		 margin-left: 0px;
		 padding-left: 0px;
		 list-style: none;
	    margin-block-start: 0em;
	    margin-block-end: 0em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	    padding-inline-start: 0px;
	}

	section.ctl-7 .container .nmb-2 .nav-left ul.nav a {
	 	display: block;
	    padding: 15px;
	    text-decoration: none;
	    font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 26px;
		color: #333333;
	 }

	 section.ctl-7 .container .nmb-2 .nav-left .navLine {
	 	display: block;
	    height: 1px;
	    max-width: 250px;
	    background: #124999;
	    margin: 0 auto;
	 }

	 section.ctl-7 .container .nmb-2 .nav-left span {
	 	display: none;
	}

	section.ctl-7 .container .nmb-2 .nav-left span {
		display: none;
	}
	

	section.ctl-7 .container .nmb-2 .nav-left ul.nav a:hover {
		margin-top: -1px;
	    background-color: #124999;
	    color: #fff;
	}

	section.ctl-7 .container .nmb-2 .nav-left ul.nav li:hover span{
	    display: none;
	}

	section.ctl-7 .container .nmb-2 .nav-left li.navLine:hover {
	 	display: none;
	 }
	                
	/*section.ctl-4 .container .nmb-2 .nav-left ul.nav li:first-child a {
	    border-bottom: 1px  solid#124999;
	    background: #124999;
	    color: white;
	    margin: 0px;
	    padding: 20px;
	    border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	 }*/
               
     section.ctl-7 .container .nmb-2  #content {
	    padding-top: 24px;
	    position: relative;
	    max-width: 1303px;
	}

	 section.ctl-7 .container .nmb-2 #content img {
	    float: left;
	    padding-top: 9px;
	}

	section.ctl-7 .container .nmb-2	#content p {
	    padding-left: 40px;
	}
               

	#infoAbout {
		 width: 78%;
		 padding-left: 50px;
	}

	@media only screen and (max-width: 1200px){
		 section.ctl-7 .container .nmb-2 .infoCont  {
	        border-right: 0px solid #fff;
	        border-radius: 0px;
		}

	section.ctl-7 .container .nmb-2 .nav-left {
		   display: none;
		}

	section.ctl-7 .container .nmb-2 .infoCont .desc {
			font-family: 'Lato', sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: 22px;
			line-height: 32px;
			color: #333333;
			padding-right: 0px;
		}

	section.ctl-7 .container .nmb-2 .infoCont .titleRight .nameBlock {
		margin-bottom: 40px;
		text-align: left;
		font-family: 'Jura', sans-serif;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 50px;
	    color: #333333;
	}

	section.ctl-7 .container .title {
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    font-family: Jura;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 30px;
	    line-height: 38px;
	    color: #000000;
	    margin-top: 40px;
	}

	#infoAbout {
		  width: 100%;
		  padding-left: 0px; 
		}

	}

ul.partners {
	list-style-type: none;
   -webkit-margin-before: 0em;
   margin-block-start: 0em;
   -webkit-margin-after: 0em;
   margin-block-end: 0em;
   -webkit-margin-start: 0px;
   margin-inline-start: 0px;
   -webkit-margin-end: 0px;
   margin-inline-end: 0px;
   -webkit-padding-start: 0px;
   padding-inline-start: 0px;
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
   gap: 0px;
}


ul.partners li {
	border-top: 1px solid #ffffff00;
	border-left: 1px solid #ffffff00;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	padding: 50px 40px;
}

ul.partners li .logo img {
	width: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; 
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

ul.partners li p.small{
	color: #767676;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

ul.partners li:hover .logo img{
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
 }

 ul.partners li:hover p.small {
	color: #000000;
 }



	section.ctl-7 .container .nmb-2 .infoCont .logo_block{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	section.ctl-7 .container .nmb-2 .infoCont .logo_block .logo_img{
		padding: 0px 30px 0px 30px;
	   max-width: 290px;
	   border-left: 1px solid#124999;
	   margin-bottom: 60px;
	   border-right: 1px solid#124999;
	}

	section.ctl-7 .container .nmb-2 .infoCont .logo_block .logo_img img {
	  -webkit-filter: grayscale(100%);
	  -moz-filter: grayscale(100%);
	  -ms-filter: grayscale(100%);
	  -o-filter: grayscale(100%);
	  filter: grayscale(100%);
	  filter: gray; 
	  -webkit-transition: all 1s;
	  -moz-transition: all 1s;
	  -o-transition: all 1s;
	  transition: all 1s;
	   width: 100%;
	}

	section.ctl-7 .container .nmb-2 .infoCont .logo_block .logo_img img:hover {
	  -webkit-filter: none;
	  -moz-filter: none;
	  -ms-filter: none;
	  -o-filter: none;
	  filter: none;
	  filter: none; 
	}

	section.ctl-7 .container .nmb-2 .infoCont .logo_block .logo_img a img {
	    width: 220px;
		height: 320px;
	}

	section.ctl-7 .container .nmb-2 .infoCont .logo_block .logo_img a{
	     width:100%;
	}

	section.ctl-7 .container .nmb-2 .infoCont .logo_block .logo_img p{
	    margin:0 auto;
	    width: fit-content;
	    margin-top: 20px;
	    font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		text-align: center;
	}

	section.ctl-7  .container .infoCont .sepBlock_licens {
	    margin-bottom: 8px;
	    background: linear-gradient(270.09deg, #224B86 0%, rgba(34, 75, 134, 0) 100%);
	    border-radius: 4px;
	    width: 230px;
	    height: 2px;
	}

	section.ctl-7 .container .nmb-2 .infoCont .smallTitle{
		font-size: 22px;
		font-family: 'Lato', sans-serif;
	}

	section.ctl-7 .container .nmb-2 .infoCont .name_lic {
	    width:fit-content;
	}

	section.ctl-7 .container .nmb-2 .nav-left ul.nav li a.activ {
		    border-bottom: 1px  solid#124999;
		    background: #124999;
		    color: white;
	}

	section.ctl-7 .container .nmb-2 .nav-left ul.nav li:first-child a {

		    border-top-left-radius: 8px;
		    border-top-right-radius: 8px;
	}


	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing .gaonutosal {
	  float: left;
	  width: 100%;
	  padding: 0px;
	  background: #FFFFFF;
	  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	  border-radius: 10px;
	  margin-bottom: 55px;
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing .partners_block{
		padding: 35px 30px 0;
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing .partners_block .partners {
		display: flex;
		margin-bottom: 12px;
		align-items: center;
	    align-content: center;
	}


	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing  .partners_block .partners  img{
		width: 18px;
		height: 18px;
	}


	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing  .partners_block .partners p{
		padding: 0px;
		margin-left: 18px;
		display: block;
	    margin-block-start: 0em;
	    margin-block-end: 0em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing .partners_block .partners p{
		margin-left: 18px;
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing .partners_block .partners p a{
		text-decoration: none;
		color: #333333;
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing .pesontedan {
	  position: relative;
	  margin-bottom: 1px;
	  width: 100%;
	  color: #f3f1f1;
	  overflow: hidden;
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing .pesontedan input {
	  position: absolute;
	  opacity: 0;
	  z-index: -1;
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing .pesontedan label {
	  position: relative;
	  display: block;
	  padding: 0 0 0 1em;
	  cursor: pointer;
	  text-shadow: 0 1px 0 #333131;
	  font-family: 'Lato', sans-serif;
	  font-style: normal;
		font-weight: 500;
		font-size: 16px;
		line-height: 26px;
		color: #124999;
		padding: 10px 40px 36px;
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing .pesontedan-content {
	  max-height: 0;
	  overflow: hidden;
	  transition: max-height .40s;
	  /*font-size: 14px;*/
	  color: #fffdfd;
	  /*text-shadow: 0 1px 0 #292727;*/
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing  .pesontedan-content {
		padding: 0 40px; 
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing .pesontedan-content p {
	  margin: 1em;

	}

	#Hide{
		display: none;
	}

	/* :checked */
	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing  .pesontedan input:checked ~ .pesontedan-content {
	  max-height: 7010px;
	  padding: 0 30px;
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing  .pesontedan input:checked ~ #Hide{
		display: block;
		padding: 30px 40px 46px;
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing  .pesontedan input:checked ~ #ShowAll{
		display: none;
		padding: 0 40px;
	}

	/* Icon */
	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing  .pesontedan label::after {
	  position: absolute;
	  right: 0;
	  top: 0;
	  display: block;
	  width: 3em;
	  height: 3em;
	  line-height: 3;
	  text-align: center;
	  -webkit-transition: all .40s;
	  -o-transition: all .40s;
	  transition: all .40s;
	}
	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing  .pesontedan input[type=checkbox] + label::after {
	  content: "∨";
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing  .pesontedan input[type=radio] + label::after {
	  content: "∨";
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing .pesontedan input[type=checkbox]:checked + label::after {
	  transform: rotate(315deg);
	}

	section.ctl-7 .container .nmb-2 .infoCont .navigaonusing .pesontedan input[type=radio]:checked + label::after {
	  transform: rotateX(180deg);
	}



/* VACANCE*/

	section.ctl-8 .container {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	section.ctl-8 .container .nmb-2 {
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: stretch;
	}

	section.ctl-8 .container .title {
		display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    font-family: Jura;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 36px;
	    line-height: 54px;
	    color: #000000;
	}


	section.ctl-8 .container .nmb-2 .infoCont .titleRight {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: left;
		font-family: Lato;
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 42px;
		color: #333333;
	}


	section.ctl-8 .container .sepBlock {
		margin-bottom: 8px;
	    background: linear-gradient(270.09deg, #224B86 0%, rgba(34, 75, 134, 0) 100%);
		border-radius: 4px;
		width: 261px;
		height: 2px;
	}

	section.ctl-8 .container .nmb-2 .infoCont .desc {
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 22px;
		line-height: 32px;
		color: #333333;
	}

	section.ctl-8 .container .nmb-2 p a {
		text-decoration: none;
	    color: #124999;
	}


	section.ctl-8 .container .nmb-2 .nav-left {
	    width: 22%;
	    height: 300px;
	    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
		border-radius: 8px;
		overflow: hidden;
	}

	section.ctl-8 .container .nmb-2 .nav-left ul.nav{ 
		 margin-left: 0px;
		 padding-left: 0px;
		 list-style: none;
	    margin-block-start: 0em;
	    margin-block-end: 0em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	    padding-inline-start: 0px;
	}

	section.ctl-8 .container .nmb-2 .nav-left ul.nav a {
	 	display: block;
	    padding: 15px;
	    text-decoration: none;
	    font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 26px;
		color: #333333;
	 }

	 section.ctl-8 .container .nmb-2 .nav-left .navLine {
	 	display: block;
	    height: 1px;
	    max-width: 250px;
	    background: #124999;
	    margin: 0 auto;
	 }

	 section.ctl-8 .container .nmb-2 .nav-left span {
	 	display: none;
	}

	section.ctl-8 .container .nmb-2 .nav-left span {
		display: none;
	}
	

	section.ctl-8 .container .nmb-2 .nav-left ul.nav a:hover {
		margin-top: -1px;
	    background-color: #124999;
	    color: #fff;
	}

	section.ctl-8 .container .nmb-2 .nav-left ul.nav li:hover span{
	    display: none;
	}

	section.ctl-8 .container .nmb-2 .nav-left li.navLine:hover {
	 	display: none;
	 }
	                
	/*section.ctl-4 .container .nmb-2 .nav-left ul.nav li:first-child a {
	    border-bottom: 1px  solid#124999;
	    background: #124999;
	    color: white;
	    margin: 0px;
	    padding: 20px;
	    border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	 }*/
               
     section.ctl-8 .container .nmb-2  #content {
	    padding-top: 24px;
	    position: relative;
	    max-width: 1303px;
	}

	 section.ctl-8 .container .nmb-2 #content img {
	    float: left;
	    padding-top: 9px;
	}

	section.ctl-8 .container .nmb-2	#content p {
	    padding-left: 40px;
	}
               
               

	#infoAbout {
		 width: 78%;
		 padding-left: 50px;
	}

	@media only screen and (max-width: 1200px){
		 section.ctl-8 .container .nmb-2 .infoCont  {
	        border-right: 0px solid #fff;
	        border-radius: 0px;
		}

	section.ctl-8 .container .nmb-2 .nav-left {
		   display: none;
		}

	section.ctl-8 .container .nmb-2 .infoCont .desc {
			font-family: 'Lato', sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: 22px;
			line-height: 32px;
			color: #333333;
			padding-right: 0px;
		}

	section.ctl-8 .container .nmb-2 .infoCont .titleRight .nameBlock {
		margin-bottom: 40px;
		text-align: left;
		font-family: 'Jura', sans-serif;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 50px;
	    color: #333333;
	}

	section.ctl-8 .container .title {
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    font-family: Jura;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 30px;
	    line-height: 38px;
	    color: #000000;
	    margin-top: 40px;
	}

	#infoAbout {
		  width: 100%;
		  padding-left: 0px; 
		}

	}

section.ctl-8 .container .sepBlock_licens {
    margin-bottom: 8px;
    background: linear-gradient(270.09deg, #224B86 0%, rgba(34, 75, 134, 0) 100%);
    border-radius: 4px;
    width: 230px;
    height: 2px;
}

section.ctl-8 .container .nmb-2 .infoCont .smallTitle{
	font-size: 30px;
}

.name_lic {
    width:fit-content;
}

section.ctl-8 .container .nmb-2 .nav-left ul.nav li a.activ {
	    border-bottom: 1px  solid#124999;
	    background: #124999;
	    color: white;
}

section.ctl-8 .container .nmb-2 .nav-left ul.nav li:first-child a {

	    border-top-left-radius: 8px;
	    border-top-right-radius: 8px;
}



::selection {
    background: transparent; 
}

::-moz-selection {
    background: transparent; 
}

section.ctl-8 .container .wrapper-demo {
    margin: 60px 0 0 0;
    font-weight: 400;
}

section.ctl-8 .container .wrapper-demo:after {
    clear: both;
    content: "";
    display: table;
}

.head_text {
	padding: 33px 0px 33px 36px;
    background: #124999;
    border-radius: 10px 10px 0px 0px;
}

section.ctl-8 .container .wrapper-dropdown-5 {
    position: relative;
    margin: 0 auto;
    /*padding: 22px 39px;*/
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #fff;
    font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}

 section.ctl-8 .container .wrapper-demo .wrapper-dropdown-5 img{
	margin-right: 14px;
	margin-top: 2px;
}


 section.ctl-8 .container .wrapper-dropdown-5 .dropdown {
       /* position: absolute; */
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    /* border-radius: 0 0 5px 5px; */
    /* border: 1px solid rgba(0,0,0,0.2); */
    /* border-top: none; */
    /* border-bottom: none; */
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    /* transition: all 0.3s ease-out; */
    /* max-height: 0; */
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 40px 95px 28px 30px;
    justify-content: space-between;
}

section.ctl-8 .container .wrapper-dropdown-5 ul {
    display: flex;

}

section.ctl-8 .container .wrapper-dropdown-5 .dropdown li {
    padding: 0 10px ;
}

section.ctl-8 .container .wrapper-dropdown-5 .dropdown li .annot {
    display: block;
    text-decoration: none;
    color: #000000;
	opacity: 0.5;
	font-size: 20px;
	line-height: 24px;
	margin: 0px;
}

section.ctl-8 .container .wrapper-dropdown-5 .dropdown li .criteria {
    display: block;
    text-decoration: none;
    color: #333333;;
    font-size: 22px;
	line-height: 26px;
	color: #333333;
}

section.ctl-8 .container .wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}

section.ctl-8 .container .wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

section.ctl-8 .container .wrapper-dropdown-5 .dropdown li:hover a {
    color: #57a9d9;
}

/* Active state */

section.ctl-8 .container .wrapper-dropdown-5.active {
    border-radius: 10px 10px 0 0;
    background: #124999;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

section.ctl-8 .container.wrapper-dropdown-5.active:after {
    border-color: #82d1ff transparent;
}

section.ctl-8 .container .wrapper-dropdown-5.active .dropdown {
    border-bottom: 1px solid rgb(18, 73, 153);
    max-height: 400px;
    margin: 0px;
    background: #FFFFFF;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	border-radius: 0px 0px 0px 0px;
	justify-content: space-between;
    padding-right: 95px;
    padding-top: 40px;
    padding-bottom: 52px;
}

section.ctl-8 .container .wrapper-demo .detailHR {
	padding: 27px 0px 27px 40px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	border-radius: 0px 0px 10px 10px;
	 border-top: 1px solid#124999;
}

section.ctl-8 .container .wrapper-demo .detailHR a {
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 22px;
	line-height: 26px;
	color: #124999;
	text-decoration: none;

}


@media only screen and (max-width: 1454px) { 
	section.ctl-8 .container .wrapper-dropdown-5 .dropdown {
	    flex-direction: column;
	    /* border-radius: 0 0 5px 5px; */
	    /* border: 1px solid rgba(0,0,0,0.2); */
	    /* border-top: none; */
	    /* border-bottom: none; */
	    list-style: none;
	    -webkit-transition: all 0.3s ease-out;
	    -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	    -o-transition: all 0.3s ease-out;
	    /* transition: all 0.3s ease-out; */
	    /* max-height: 0; */
	    overflow: hidden;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    padding: 40px 20px 28px 20px;
	    justify-content: space-between;

	}

	section.ctl-8 .container .wrapper-demo {
	    max-width: 450px;
	}
}



/* USLUGI*/


	section.ctl-9 .container {
		padding-top: 45px;
		padding-bottom: 25px;
	}

	section.ctl-9 .container .nmb-2 {
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: center;
	}

	section.ctl-9 .container .title {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		font-family: Jura;
		font-style: normal;
		font-weight: 500;
		font-size: 36px;
		line-height: 54px;
		color: #000000;
		margin-bottom: 30px;
	}


	section.ctl-9 .container .nmb-2 .infoCont .titleRight {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: left;
		font-family: Lato;
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 42px;
		color: #333333;
	}

	section.ctl-9 .container .nmb-2 .infoCont .titleRight .nameBlock {
		margin-bottom: 16px;
		text-align: left;
	}

	section.ctl-9 .container .nmb-2 .infoCont .titleRight .descBlock {
		font-size: 15px;
		margin-bottom: 30px;
		text-align: left;
	}

	section.ctl-9 .container .sepBlock {
		margin-bottom: 8px;
	    background: linear-gradient(270.09deg, #224B86 0%, rgba(34, 75, 134, 0) 100%);
		border-radius: 4px;
		width: 161px;
		height: 2px;
	}

	section.ctl-9.container .nmb-2 .infoCont .desc {
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 22px;
		line-height: 32px;
		color: #333333;
	}

	section.ctl-9 .container .nmb-2 .infoCont button {
		background: #124999;
		box-shadow: 0px 4px 10px rgba(34, 75, 134, 0.3);
		border-radius: 4px;
		font-family: 'Jura', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 22px;
		line-height: 25px;
		color: #FFFFFF;
		padding: 18px 24px;
		margin-top: 30px;
		-webkit-appearance: media-slider;
	    -webkit-writing-mode: horizontal-tb !important;
	    text-rendering: auto;
	    letter-spacing: normal;
	    word-spacing: normal;
	    text-transform: none;
	    text-indent: 0px;
	    text-shadow: none;
	    display: inline-block;
	    text-align: center;
	    align-items: flex-start;
	    cursor: default;
	    box-sizing: border-box;
	    border-width: 2px;
	    border-style: outset;
	    border-color: buttonface;
	    border-image: initial;
	}


	section.ctl-9 .container .nmb-2 .imgCont-left {
	    width: 33%;
	    height: auto ;
	}

	section.ctl-9 .container .nmb-2 .imgCont-left img {
	    width: 100%;
	    height: auto;
	}

	section.ctl-9 .container .nmb-2 .infoCont  {
	   
	}


	#infoServices {
		 width: 67%;
		 padding-left: 60px;
	}

	@media only screen and (max-width: 1200px){
		section.ctl-9 .container .nmb-2 .imgCont-left {
		   display: none;
		}

		 section.ctl-9 .container .nmb-2 .infoCont  {
	        border-right: 0px solid #fff;
	        border-radius: 0px;
		}

			section.ctl-9 .container .nmb-2 .infoCont .desc {
			font-family: 'Lato', sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: 22px;
			line-height: 32px;
			color: #333333;
			padding-right: 0px;
		}

		#infoServices{
		    width: 100%;
		    padding-left: 0px; 
		}

	}




::selection {
    background: transparent; 
}

::-moz-selection {
    background: transparent; 
}

section.ctl-10 .container .wrapper-demo {
    margin: 30px 0 0 0;
    font-weight: 400;
}

section.ctl-10 .container .wrapper-demo:after {
    clear: both;
    content: "";
    display: table;
}


section.ctl-10 .container .wrapper-dropdown-5 {
    position: relative;
    margin: 0 auto;
    /* padding: 30px 60px 30px 36px; */
    border-radius: 10px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}

section.ctl-10 .container .wrapper-btnDel {
    position: relative;
    margin: 0 auto;
    /* padding: 30px 60px 30px 36px; */
    border-radius: 10px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}

 section.ctl-10 .container .wrapper-demo .wrapper-dropdown-5 img{
	margin-right: 12px;
	width: 20px;
    height: 14px;
}

 section.ctl-10 .container .wrapper-demo .wrapper-dropdown-5 .wrapperTitle {
	padding: 25px 215px 25px 36px;
	background: #124999;
	border-radius: 10px 10px 0px 0px;
}


 section.ctl-10 .container .wrapper-demo .wrapper-btnDel .wrapperTitle {
	padding: 30px 120px 30px 36px;
	background: #124999;
	border-radius: 10px 10px 10px 10px;
}


section.ctl-10 .container  .circlebtn.wrapper-dropdown-5:after { /* Little arrow */
    font-family: FontAwesome;
   	content: "\f106";
    width: 0;
    height: 0;
    position: absolute;
    top: 7%;
    right: 4%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    height: 36px;
	width: 36px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%; /* may require vendor prefixes */
	border: 1px solid#fff;
}


section.ctl-10 .container  .circlebtn.wrapper-dropdown-5.active:after { /* Little arrow */
    font-family: FontAwesome;
   	content: "\f107";
    width: 0;
    height: 0;
    position: absolute;
    top: 33%;
    right: 4%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    height: 36px;
	width: 36px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%; /* may require vendor prefixes */
	border: 1px solid#fff;
}

 section.ctl-10 .container .wrapper-dropdown-5.active .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    max-height: 0;
    overflow: hidden;
    padding-bottom: 0px;
}



section.ctl-10 .container .wrapper-dropdown-5 .dropdown li {
    padding: 0 0px ;
    display: flex;
    align-items: baseline;
}

section.ctl-10 .container .wrapper-dropdown-5 .dropdown li .annot {
    display: block;
    text-decoration: none;
    color: #000000;
	opacity: 0.5;
	font-size: 20px;
	line-height: 24px;
	margin: 0px;
}

section.ctl-10 .container .wrapper-dropdown-5 .dropdown li .criteria {
    display: block;
    text-decoration: none;
    color: #333333;
    font-size: 22px;
    line-height: 26px;
    color: #333333;
    padding: 9px 0px 6px 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	color: #333333;
}

section.ctl-10 .container .wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}

section.ctl-10 .container .wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

section.ctl-10 .container .wrapper-dropdown-5 .dropdown li:hover a {
    color: #57a9d9;
}

/* Active state */

section.ctl-10 .container .wrapper-dropdown-5.active {
    border-radius: 10px 10px 10px 10px;
    background: #124999;
    box-shadow: none;
    border-bottom: none;
    color: white;

}

section.ctl-10 .container.wrapper-dropdown-5.active:after {
    border-color: #82d1ff transparent;
}

section.ctl-10 .container .wrapper-dropdown-5 .dropdown {
    margin: 0px;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    border-radius: 0px 0px 0px 0px;
    padding-right: 95px;
    padding-bottom: 30px;
    border-radius: 0px 0px 10px 10px;
}


@media only screen and (max-width: 700px){
	section.ctl-10 .container .wrapper-dropdown-5 .dropdown {
	    margin: 0px;
	    background: #FFFFFF;
	    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	    border-radius: 0px 0px 0px 0px;
	    padding-right: 25px;
	    padding-bottom: 30px;
	    border-radius: 0px 0px 10px 10px;
	}

	section.ctl-10 .container .wrapper-demo .wrapper-dropdown-5 .wrapperTitle {
	    padding: 25px 35px 25px 25px;
	    background: #124999;
	    border-radius: 10px 10px 0px 0px;
	}

	section.ctl-10 .container .wrapper-demo .wrapper-btnDel .wrapperTitle {
	    padding: 25px 35px 25px 25px;
	    background: #124999;
	    border-radius: 10px 10px 10px 10px;
	}


}



/* Contact*/


	section.ctl-11 .container {
		padding-top: 45px;
		padding-bottom: 100px;
	}


	section.ctl-11 .container .nmb-2 {
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: center;
	}

	section.ctl-11 .container .title {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		font-family: Jura;
		font-style: normal;
		font-weight: 500;
		font-size: 36px;
		line-height: 54px;
		color: #000000;
		margin-bottom: 30px;
	}


	section.ctl-11 .container .nmb-2 .infoCont .titleRight {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: left;
		font-family: Lato;
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 42px;
		color: #333333;
	}

	section.ctl-11 .container .nmb-2 .infoCont .titleRight .nameBlock {
		margin-bottom: 16px;
		text-align: left;
	}

	section.ctl-11 .container .nmb-2 .infoCont .titleRight .descBlock {
		font-size: 15px;
		margin-bottom: 30px;
		text-align: left;
	}

	section.ctl-11 .container .sepBlock {
		margin-bottom: 8px;
	    background: linear-gradient(270.09deg, #224B86 0%, rgba(34, 75, 134, 0) 100%);
		border-radius: 4px;
		width: 150px;
		height: 2px;
	}

	section.ctl-11 .container .nmb-2 .infoCont .desc {
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 22px;
		line-height: 32px;
		color: #333333;
	}

	section.ctl-11 .container .nmb-2 .infoCont button {
		background: #124999;
		box-shadow: 0px 4px 10px rgba(34, 75, 134, 0.3);
		border-radius: 4px;
		font-family: 'Jura', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 22px;
		line-height: 25px;
		color: #FFFFFF;
		padding: 18px 24px;
		margin-top: 30px;
		-webkit-appearance: media-slider;
	    -webkit-writing-mode: horizontal-tb !important;
	    text-rendering: auto;
	    letter-spacing: normal;
	    word-spacing: normal;
	    text-transform: none;
	    text-indent: 0px;
	    text-shadow: none;
	    display: inline-block;
	    text-align: center;
	    align-items: flex-start;
	    cursor: default;
	    box-sizing: border-box;
	    border-width: 2px;
	    border-style: outset;
	    border-color: buttonface;
	    border-image: initial;
	}


	section.ctl-11 .container .nmb-2 .contLeft {
	    width: 42%;
	    height: auto ;
	    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
		border-radius: 8px;
	}

	section.ctl-11 .container .nmb-2 .contLeft .contactInfo {
		 padding: 36px 33px;
	}

	section.ctl-11 .container .nmb-2 .contLeft .contactInfo .descText {
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 16px;
		line-height: 24px;
		color: #333333;
		margin-bottom: 8px;
	}

	section.ctl-11 .container .nmb-2 .contLeft .contactInfo .descText a {
	   text-decoration: none;
	   color: #1B4081;
	}

	section.ctl-11 .container .nmb-2 .contLeft .contactInfo .descTextContact {
		font-family: 'Lato', sans-serif;
		font-style: normal;
		font-weight: 900;
		font-size: 16px;
		line-height: 26px;
		color: #333333;
	}


	section.ctl-11 .container .nmb-2 .contLeft .contactInfo .textIcon {
	   display: flex;
	   align-content: center;
	   margin-bottom: 2px;
	   margin-top: 16px;
	}


	section.ctl-11 .container .nmb-2 .contLeft .contactInfo .icon {
	   margin-right: 10px;
	   margin-top: 4px;
	}

	section.ctl-11 .container .nmb-2 .contLeft .contactInfo .icon img {
	    width: 18px;
	    height: auto;
	}

	#infoContact {
		 width: 58%;
		 padding-left: 40px;
		 height: 400px;
		 border-radius: 10px;
	}

	@media only screen and (max-width: 1200px){
		 section.ctl-11 .container .nmb-2 .infoCont  {
	        border-right: 0px solid #fff;
	        border-radius: 0px;
		}

			section.ctl-11 .container .nmb-2 .infoCont .desc {
			font-family: 'Lato', sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: 22px;
			line-height: 32px;
			color: #333333;
			padding-right: 0px;
		}

		#infoContact{
		    width: 100%;
		    padding-left: 0px; 
		    margin-top: 40px;
		}

	}

	@media only screen and (max-width: 1200px){
		section.ctl-11 .container .nmb-2 {
		    width: 100%;
		    display: flex;
		    flex-direction: column;
		}

		section.ctl-11 .container .nmb-2 .contLeft {
   	 		width: 100%;
   	 	}
	}




/* Foooter*/

	section.ctl-12 .container .footerTab-1 {
			display:flex;
			width:100%;
			padding:95px 0px 60px 0px;
			justify-content: space-between;
			flex-wrap: wrap;
			border-bottom: 1px solid#ffffff7a;
	}

		section.ctl-12 .container .footerTab-1 .footer-col-1 {
			width: 50%;
	}  

	section.ctl-12 .container .footerTab-1 .footerLogo {
			max-width:278px;
			height: auto;
            width: calc(100% - 10px);
	}

	section.ctl-12 .container .footerTab-1 .footer-col-1 .footerDesc {
			height: auto;
	} 

	section.ctl-12 .container .footerTab-1 .footer-col-1 .footerDesc p{
			font-family: 'Jura', sans-serif;
			font-style: normal;
			font-weight: 500;
			font-size: 20px;
			line-height: 24px;
			color: #FFFFFF;
			text-decoration: none;
			width: calc(100% - 10px);
	} 


	section.ctl-12 .container .footerTab-1 .footerLogo img {
			width:100%;
			height: auto;
	}


	section.ctl-12 .container .footerTab-1 .footerTitle {
		padding-bottom:4px;
		font-family: Jura;
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 35px;
		color: #FFFFFF;;
	}  

	section.ctl-12 .container .footerTab-1 .footerContent {
		margin-bottom: 32px;
	}

	section.ctl-12 .container .footerTab-1 .footerContent ul, .footerContent li {
		padding:0px;
		margin:0px;
	}

	section.ctl-12 .container .footerTab-1  .footerContent li {
		margin-top:12px;
		font-family: Jura;
		font-style: normal;
		font-weight: 500;
		font-size: 20px;
		line-height: 24px;
		color: #FFFFFF;
		list-style-type: none;
	} 

    section.ctl-12 .container .footerTab-1  .footerContent li a{
        color: #FFFFFF;
        display: inline-block;
        text-decoration: none;
    }

    section.ctl-12 .container .footerTab-1 .footerContent li a:hover {
	    color: #a2a2a2;
	    display: inline-block;
	    text-decoration: none;
	}

	section.ctl-12 .container .footerTab-1 .footer-col-1 .footerTitle a {
        border: 1px solid;
    	padding: 5px 10px;
    	border-radius: 10px;
	} 

	section.ctl-12 .container .footerTab-1 .footerNav ul {
		padding:0px;
		margin:0px;
		display: flex;
		margin-top: 4px;
		max-width:435px;
		justify-content: space-between;
        flex-wrap: wrap;
	}

	section.ctl-12 .container .footerTab-1 .footerNav li {
		list-style-type: none;
        display: inline-block;
        margin-right: 8px;

	}


	section.ctl-12 .container .footerTab-1 .footerNav li a{
		font-family: Jura;
		font-style: normal;
		font-weight: 500;
		font-size: 20px;
		line-height: 24px;
		color: #FFFFFF;
		text-decoration: none;
	}

	section.ctl-12 .container .footerTab-1 .footerNav li a:hover{
		font-family: Jura;
		font-style: normal;
		font-weight: 500;
		font-size: 20px;
		line-height: 24px;
		color: #a2a2a2;
		text-decoration: none;
	}

	section.ctl-12 .footerBottom .copyrightBlock .copyright{
		padding: 20px 0px;
	}


	section.ctl-12 .footerBottom .copyrightBlock .copyright p{
		font-family: 'Jura', sans-serif;
		font-style: normal;
		font-weight: 500;
		font-size: 16px;
		line-height: 19px;
		color: #FFFFFF;
	}




	@media only screen and (max-width: 700px) {  
		#logo {
			display: none;
		}

		section.ctl-12 .container .footerTab-1 .footerNav ul {
		    padding: 0px;
		    margin: 0px;
		    display: flex;
		    margin-top: 4px;
		    display: flex;
		    flex-direction: column;
}
	}

	@media only screen and (max-width: 450px) {  
		section.ctl-12 .container .footerTab-1  {
			flex-direction: column;
		}
	}


	@media only screen and (max-width: 450px) {  
		section.ctl-12 .container .footerTab-1 .footer-col-1  {
			width: 100%;
			text-align: center;
		}
	}

	@media only screen and (max-width: 450px) {  
		section.ctl-12 .container .footerTab-1 .footer-col-1 .footerContent .social {
	    display: flex;
	    flex-direction: row;
	    justify-content: center;
	    align-items: stretch;
		}
	}

	@media only screen and (max-width: 450px) {  
		section.ctl-12 .container .footerTab-1 .footer-col-1 .footerContent .tags {
	    display: inline-grid;
		}
	}

.sdr-1 #slides {
      display:none;
    }

.sdr-1 label, .sdr-1 a{
color:brown;
cursor:pointer;
text-decoration:none;
font-style:italic;
}

.sdr-1 label:hover,.sdr-1 a:hover{
color:#ddd!important}

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

.sdr-1 label,.sdr-1 #vacoped-ugemakun,.sdr-1 img{
-moz-user-select:none;
-webkit-user-select:none}

.sdr-1 .nudelogsel{
display:block;
height:0;
overflow:hidden}

.sdr-1 #geskonsaved{
margin:0 auto}

.sdr-1 input{
display:none}

.sdr-1 #vedselon1:checked ~ #kasugelma .inner{
margin-left:0}

.sdr-1 #vedselon2:checked ~ #kasugelma .inner{
margin-left:-100%}

.sdr-1 v#vedselon3:checked ~ #kasugelma .inner{
margin-left:-200%}

.sdr-1 #vedselon4:checked ~ #kasugelma .inner{
margin-left:-300%}

.sdr-1 #vedselon5:checked ~ #kasugelma .inner{
margin-left:-400%}

.sdr-1 #gselvabapam{
width:100%;
overflow:hidden;
margin-top: 60px;}

.sdr-1 article img{
width:100%}

.sdr-1 #kasugelma .inner{
width:500%;
}

.sdr-1 #kasugelma article{
width:20%;
float:left}

.sdr-1 #vegilamesvam{
margin:15px 0 0 0;
width:100%;
height:50px;
display:flex;
}

.sdr-1 #vegilamesvam label{
display:none;
width:79px;
height:79px;}

.sdr-1 #vegilamesvam label:hover{
opacity:0.8}

.sdr-1 #vacoped-ugemakun{
position:relative;
z-index:5;
margin:16% 0 0;
text-align:center}

.sdr-1 #vacoped-ugemakun label{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
display:inline-block;
width:10px;
height:10px;
background:#bbb}

.sdr-1 #vacoped-ugemakun label:hover{
background:#333;
border-color:#777!important}

.sdr-1 #vedselon1:checked ~ #vegilamesvam label:nth-child(2),#vedselon2:checked ~ #vegilamesvam label:nth-child(3),#vedselon3:checked ~ #vegilamesvam label:nth-child(4),#vedselon4:checked ~ #vegilamesvam label:nth-child(5),#vedselon5:checked ~ #vegilamesvam label:nth-child(1){
background:url('img/next.png') no-repeat;
float:right;
margin:0 12px 0 0;
display:block}

.sdr-1 #vedselon1:checked ~ #vegilamesvam label:nth-child(5),#vedselon2:checked ~ #vegilamesvam label:nth-child(1),#vedselon3:checked ~ #vegilamesvam label:nth-child(2),#vedselon4:checked ~ #vegilamesvam label:nth-child(3),#vedselon5:checked ~ #vegilamesvam label:nth-child(4){
background:url('img/previous.png') no-repeat;
float:left;
margin:0 0 0 -6px;
display:block}

.sdr-1 #vedselon1:checked ~ #vacoped-ugemakun label:nth-child(1),#vedselon2:checked ~ #vacoped-ugemakun label:nth-child(2),#vedselon3:checked ~ #vacoped-ugemakun label:nth-child(3),#vedselon4:checked ~ #vacoped-ugemakun label:nth-child(4),#vedselon5:checked ~ #vacoped-ugemakun label:nth-child(5){
background:#000;
opacity:0.6;
border-color:#fff!important;
border:2px solid #fff}

.sdr-1 #vedselon3:checked ~ #vegilamesvam label:nth-child(3){
background:url('img/next.png') no-repeat;
float:right;
margin:0 12px 0 0;
display:block
}

.sdr-1 #vedselon1:checked ~ #vegilamesvam label:nth-child(1){
background:url('img/previous.png') no-repeat;
float:left;
margin:0 0 0 -6px;
display:block
}

.sdr-1 .lodemakeg{
line-height:20px;
margin:0 0 -150%;
position:absolute;
padding:320px 12px;
opacity:0;
color:#fff;
text-transform:none;
font-family:'Open Sans',Arial,Helvetica,sans-serif;
text-align:left;
font-size:18px}

.sdr-1 .lodemakeg bar{
display:inline-block;
padding:10px;
background:#000;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)}

.sdr-1 #kasugelma {
  position: relative;
  padding: 2px;
  margin: 0px 0 0;
  /*max-width: 500px;
  width: 450px;*/

}

.sdr-1 #kasugelma .inner{
-webkit-transform:translateZ(0);
-webkit-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);
-moz-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);
-ms-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);
-o-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);
transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);
-webkit-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);
-moz-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);
-ms-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);
-o-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);
transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000)}

.sdr-1 #geskonsaved{
-webkit-transform:translateZ(0);
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out}

.sdr-1 #vegilamesvam label{
-webkit-transform:translateZ(0);
-webkit-transition:opacity 0.2s ease-out;
-moz-transition:opacity 0.2s ease-out;
-o-transition:opacity 0.2s ease-out;
transition:opacity 0.2s ease-out}

.sdr-1 #vedselon1:checked ~ #kasugelma article:nth-child(1) .lodemakeg,#vedselon2:checked ~ #kasugelma article:nth-child(2) .lodemakeg,#vedselon3:checked ~ #kasugelma article:nth-child(3) .lodemakeg,#vedselon4:checked ~ #kasugelma article:nth-child(4) .lodemakeg,#vedselon5:checked ~ #kasugelma article:nth-child(5) .lodemakeg{
opacity:1;
-webkit-transition:all 1s ease-out 0.6s;
-moz-transition:all 1s ease-out 0.6s;
-o-transition:all 1s ease-out 0.6s;
transition:all 1s ease-out 0.6s}

.sdr-1 #vegilamesvam,#vegilamesvam label,#kasugelma,#vacoped-ugemakun,#vacoped-ugemakun label{
-webkit-transform:translateZ(0);
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out}

.sdr-1 #geskonsaved{
    width: calc(100% - 10px);
    margin-right: 160px;

}

@media only screen and (max-width:850px) and (min-width:450px){
	.sdr-1 #geskonsaved{
	    width: calc(100% - 10px);
	    margin-right: 0px;
	}
}

@media only screen and (max-width:850px) and (min-width:450px){
.sdr-1 #geskonsaved #vegilamesvam{
margin:5px 0 0 0;
width:90%;
height:50px}
}

@media only screen and (max-width: 1200px){
.sdr-1 #geskonsaved #vegilamesvam{
display: none;
	}	
}

@media only screen and (max-width: 1200px){
.sdr-1 #kasugelma {
 /*width: 300px;*/
}
}

.sdr-1 #geskonsaved #vegilamesvam label{
-moz-transform:scale(0.9);
-webkit-transform:scale(0.9);
-o-transform:scale(0.9);
-ms-transform:scale(0.9);
transform:scale(0.9)}

.sdr-1 #geskonsaved #kasugelma .lodemakeg{
padding:280px 12px}

.sdr-1 #geskonsaved #kasugelma{
padding:2px 0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0}

.sdr-1 #geskonsaved #vacoped-ugemakun{
margin:15% 0 0}

}

@media only screen and (max-width:450px){
.sdr-1 #geskonsaved #vegilamesvam{
margin:-28% 0 0 1%;
width:100%;
height:70px}

.sdr-1 #geskonsaved #vacoped-ugemakun{
margin:12% 0 0}

.sdr-1 #geskonsaved #kasugelma{
padding:2px 0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0}

.sdr-1 #geskonsaved #kasugelma .lodemakeg{
opacity:0!important}

.sdr-1 #geskonsaved #vegilamesvam label{
-moz-transform:scale(0.7);
-webkit-transform:scale(0.7);
-o-transform:scale(0.7);
-ms-transform:scale(0.7);
transform:scale(0.7)}

}