/*
Theme Name: vepi
Theme URI:
Author: Yuri Nabatov
Author URI:
Description:
Version: 122.5
License:
License URI:
Tags:
Text Domain:


*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');




body {font-family: "Rubik", sans-serif;     overflow-x: hidden;}
h1 {font-family: "Rubik", sans-serif;}
h3 { font-family: "Rubik", sans-serif;   color: #333;     font-size: 1.45rem;}
h4 { font-family: "Rubik", sans-serif;   color: #999999;     font-size: 1.25rem;}

.seardfds {white-space: nowrap;}

.rightmuen .dropdown-menu .dropdown-item {    padding: 5px !important;
    color: #222 !important;
    text-transform: none;
    text-align: center;}

.rightmuen .dropdown-menu {padding-top:10px;}


.dropdown-menu .nav-item .nav-link {color:#222 !important; text-transform:none; margin-bottom:20px;     line-height: 20px; font-family: "Rubik", sans-serif;}
.dropdown-menu .nav-item .nav-link:hover {opacity:0.7; }

.dropdown-menu .nav-item span{    font-size: 13px; font-weight:bold; display:block; margin-bottom:20px;     padding-right: .5rem;
    padding-left: .5rem;}

    .navbar-dark .navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
    position: absolute;
    top: 0;
    right: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    padding-top: 30px;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #222;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
}

.navbar {

    padding: 0;

}



.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.nav-link {

    padding: 0;
}

.dropdown-toggle::after {display:none;}

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

.navbar .dropdown-menu {
  border:none;
  background-color:#fff!important;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {

  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
    padding: 0;
    margin: 0 .25rem;
}

/* makes the dropdown full width  */
.navbar .dropdown {position:static;}

.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  top:20px;

  display:block;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;

}




  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s linear;
}

  .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }

}




.contacts p {color:#262626}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #d1b43b !important;
}

#map {
    width: 100%;
    height: 450px;

}

.homeback h2 a {color:#fff;}

.sectionz3 .col-md-12 {    color: #fff;
    font-family: "Rubik", sans-serif;
    font-size: 28px;}

.sectionz3 .col-md-12 a { color: #fff;}

.hiddens1 a {
    display: block;
    font-size: 16px !important;
    font-family: "Rubik", sans-serif !important;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px; background: #decc00;
}

.width100 {    width: 100%;}


.hiddens1 a:hover{text-decoration:underline !important}

.hiddens1 {
    display: none;
    padding: 0px 15px 30px 15px;
    position: absolute;
    width: 100%;
    left: 0;
z-index: 2;
}

.ksxxx .col-md-12 {min-height:200px !important;}


.hiddens2 a {
    display: block;
    font-size: 16px !important;
    font-family: "Rubik", sans-serif !important;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;    background: #23967b;
}


.hiddens2 a:hover{text-decoration:underline !important}

.hiddens2 {
    display: none;
    padding: 0px 15px 30px 15px;
    position: absolute;
    width: 100%;
    left: 0;
z-index: 2;
}

.hrnwe hr  { border-top: 1px solid #474747 !important;}


.owl-theme .owl-nav {
    margin-top: 10px;
    display: none;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {

    margin-top: 20px;
}

.homesob li {    color: #333333;
    font-size: 12px;
    font-family: "Rubik", sans-serif;
    letter-spacing: 0.25px;
    line-height: 25px;}

.elktro a{color:#fff;}

.grupppaa {    background: #decc00;
    padding: 20px;
    margin-left: 0px;
    margin-right: 0px;     font-size: 13px;}

	.hgs {text-align:center; background:#decc00; color:#fff !important;    padding: 10px;
    margin: 0;}

	.gupaatabvle {color:#222; font-size:13px;     border-top: 1px solid #edefef;}

	.gupaatabvle .col-md-2 {padding:40px 10px;  border-right: 1px solid #edefef;}
	.gupaatabvle .col-md-3 {padding:40px 10px;  border-right: 1px solid #edefef;}

	.gruppaapadimng .col-md-4{padding:50px; }
	.greenback  .col-md-4{padding:50px; }
	.gruppaperes h4 {    font-family: "Rubik", sans-serif;
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;}

	.gruppaperes a{color:#23967b}
	.gruppaperes p{margin-bottom: 5px;;}

	.yellowbackwhitecolorpadding {background: #decc00 !important; color:#fff;     padding: 30px 20px;}
	.greenbackwhitecolorpadding {background: #23967b !important; color:#fff;     padding: 30px 20px;}
	.whitebackwhitecolorpadding {     padding: 30px 20px;}

	.yellowcolor {color:#decc00;}

	.yellowback {background: #decc00 !important;}

	.yellowback2 a{background: #decc00 !important; color:#fff;}

	.greenbackz {background:#08a58e !important;}
	.graybackz {background:#333333 !important;}

	.graybasck {background: #333;
    color: #fff;
    padding: 40px 15px;
    display: block;
    width: 100%;
    font-size: 18px;}

	.greenbackz2 a  {background: #08a58e !important; color:#fff;}

	.sectionz3 .col-md-4 a {
    color: #fff;
    font-family: "Rubik", sans-serif;
    font-size: 24px;
}


	.padding30 {padding:30px;}

	.blackcolorr {color:#222; font-size:13px;}



.sectionz3 a:hover {text-decoration:none;}
.sectionz3 a {cursor:pointer}

.ucheb-kurs1 {border-right: 1px solid #182025;}

.ucheb-kurs1:hover {opacity: 0.95;}

#bg-video-wrap22 {
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -10;
}

#bg-video {
    height: 100vh;
    max-height: 100%;
    width: 100%;
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
    margin-top: 0;
}

.overlay222 {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(0,0,0,0.4);
    z-index: -1;
    /* float: left; */
    -webkit-transform: translateZ(0);
}

.whitecolor {color:#fff;}
.whiteback {background:#fff; color:#262626}
.whiteback2 {color:#262626;     font-size: 14px;     font-family: "Rubik", sans-serif;}

.blackback1 {background: rgba(38, 41, 44, 0.8); color:#fff}
.blackback1 p {font-size:14px; color:#fff;}
.blackback1 caption {font-size:14px; color:#fff;}
.blackback1 a {font-size:14px; color:#fff; text-decoration:underline}
.blackback1 table td a {font-size:14px; color:#fff !important; text-decoration:underline}
.blackback1  .panel-default a {COLOR:#FFF;}

	.dooocss{    position: absolute;
     }

.color59{color: #595959;
    font-size: 14px;}
	.bordertt{border-top: 1px solid #dce0df;         padding-top: 25px;
    padding-bottom: 20px; }

	.bordertt h3 {font-family: "Rubik", sans-serif;  font-size:16px;}
	.bordertt a {font-family: "Rubik", sans-serif;  font-size:14px; color:#333333}
	.bordertt img {max-width: 24px;
    margin-right: 10px;}


		.bordertt3{border-top: 0px solid #dce0df;       }

	.bordertt3 h4 {font-family: "Rubik", sans-serif;  font-size:16px;     color: #333333;}
	.bordertt3 a {font-family: "Rubik", sans-serif;  font-size:14px;     color: #333333;}
	.bordertt3 img {max-width: 24px;
    margin-right: 10px;}


		.bordertt2{color:#fff  ;border-top: 1px solid #dce0df;       padding-top: 25px;
    padding-bottom: 20px; }

	.bordertt2 h3 {font-family: "Rubik", sans-serif;  font-size:13px; color:#fff}
	.bordertt2 a {font-family: "Rubik", sans-serif;  font-size:14px; color:#fff}
	.bordertt2 img {max-width: 24px;
    margin-right: 10px;}


			.bordertt5{color:#fff  ;border-bottom: 1px solid #dce0df;       padding-top: 20px;
    padding-bottom: 20px; }

	.bordertt5 h3 {font-family: "Rubik", sans-serif;  font-size:13px; color:#fff}
	.bordertt5 a {font-family: "Rubik", sans-serif;  font-size:14px; color:#fff}
	.bordertt5 img {max-width: 24px;
    margin-right: 10px;}

.panel-group a[aria-expanded="true"] {border-top-color: #decc00;     color: #decc00;}

.fffdss a {border:none !important; color:#23967b !important;     padding: 0px  !important;}
.fffdss p {    line-height: 10px !important;}
.paneltab {margin-left:0px !important;}

.foott .col-md-4:nth-child(1) {text-align:left}
.foott .col-md-4:nth-child(2) {text-align:center}
.foott .col-md-4:nth-child(3) {text-align:right}

footer {color:#ffffff; font-size:14px;background: rgba(38, 41, 44, 0.8);     padding: 50px; font-family: "Rubik", sans-serif;}

.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}

.uvol h3 {font-family: "Rubik", sans-serif; }



.galsob img:hover {opacity: 0.8;  width:100%;  transition: opacity .5s;}
.galsob img {  width:100%;  transition: opacity .5s;}

.mt-0 {
    margin-top: 0px !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-25 {
    margin-top: 25px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mt-80 {
    margin-top: 80px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}
.mb-80 {
    margin-bottom: 80px !important;
}
.pt-0 {
    padding-top: 0px !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-15 {
    padding-top: 15px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-25 {
    padding-top: 25px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pt-60 {
    padding-top: 60px !important;
}
.pt-80 {
    padding-top: 80px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-25 {
    padding-bottom: 25px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}
.pb-80 {
    padding-bottom: 80px !important;
}

.pb-120 {
    padding-bottom: 220px !important;
}

.fonts80 {font-size:80%;}
.fonts85 {font-size:85%;}

.fa-border {
    border: .08em solid #eee !important;
    border-radius: 11.1em !important;
    padding: .85em .65em .65em !important;
}

.pd-0 {padding-left:0px; padding-right: 0px;}

.icnss {padding-right:0px !important;  padding-left: 5px !important; }
.rightmuen .icnss:first-child{padding-right:0px !important;  padding-left: 40px !important; }


.mainsotr .col-md-12 {    background-color: #decc00;
    padding: 50px 30px;
   border-bottom:1px solid #000;
    min-height: 150px;}

	.mainsotr2 .col-md-12 {    background-color: #23967b !important;}
	.mainsotr3 .col-md-12 {    background-color: #333333 !important;}



	.mainsotr  .col-md-12 a{    color: #fff;
    font-size: 200%;
    font-family: "Rubik", sans-serif;}

		.mainsotr  .col-md-12:nth-child(1){background:url('/wp-content/themes/vepi/new/img/Layer-10283.png') #decc00; background-repeat:no-repeat; background-position: right bottom;}
		.mainsotr  .col-md-12:nth-child(2){background:url('/wp-content/themes/vepi/new/img/Layer-102832.png') #decc00; background-repeat:no-repeat; background-position: right bottom;}
		.mainsotr  .col-md-12:nth-child(3){background:url('/wp-content/themes/vepi/new/img/Layer-102833.png') #decc00; background-repeat:no-repeat; background-position: right bottom;}

		.mainsotr  .col-md-12 a:hover{text-decoration:none;    border-bottom: 1px solid white;}






		.mainprepod .col-md-12 {    background-color: #decc00;
    padding: 50px 30px;
   border-bottom:1px solid #000;
    min-height: 150px;}


	.mainprepod  .col-md-12 a{    color: #fff;
    font-size: 200%;
    font-family: "Rubik", sans-serif;}

		.mainprepod  .col-md-12:nth-child(1){background:url('/wp-content/themes/vepi/new/img/prepd1.png') #decc00; background-repeat:no-repeat; background-position: right bottom;}
		.mainprepod  .col-md-12:nth-child(2){background:url('/wp-content/themes/vepi/new/img/prepd2.png') #23967b; background-repeat:no-repeat; background-position: right bottom;}
		.mainprepod  .col-md-12:nth-child(3){background:url('/wp-content/themes/vepi/new/img/prepd3.png') #fff; background-repeat:no-repeat; background-position: right bottom; }
		.mainprepod  .col-md-12:nth-child(4){background:url('/wp-content/themes/vepi/new/img/prepd4.png') #4F6D7A; background-repeat:no-repeat; background-position: right bottom; }

		.mainprepod  .col-md-12:nth-child(3) a {color:#262626;}
		.mainprepod  .col-md-12:nth-child(3) a:hover {text-decoration:none;    border-bottom: 1px solid #262626;}

		.mainprepod  .col-md-12 a:hover{text-decoration:none;    border-bottom: 1px solid white;}

.panel-default a{   color:#262626; padding: 15px 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: double;
    border-top-color: #d9d9d9;
    display: block;}


.uchebjjj a{color:#fff !important;     text-decoration: none;}
.uchebjjj .panel-group{margin-bottom:20px;     font-size: 14px;}
.uchebjjj .panel-collapse{margin-left:0px;}

	.panel-collapse {margin-left:50px;}
	.sectionz .col-md-12 {background:#decc00;  padding:50px 30px;     margin: 10px;     min-height: 200px;}
	.sectionz .col-md-4 a{color:#fff; font-family: "Rubik", sans-serif; font-size:28px;}

		.sectionz2 .col-md-12 {background:#decc00;  padding:50px 30px;     min-height: 150px;}
	.sectionz2 .col-md-6 a{color:#fff; font-family: "Rubik", sans-serif; font-size:28px;}


			.sectionz3 .ggggddd1 {background:#23967b;  padding:50px 30px;     min-height: 150px;    display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;}
			.sectionz3 .ggggddd2 {background:#decc00;  padding:50px 30px;     min-height: 150px;    display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;}
			.sectionz3 .ggggdddkurs {background:#decc00;  padding:40px 30px;     min-height: 100px; font-size: 24px;}
	.sectionz3 .col-md-6 a{color:#fff; font-family: "Rubik", sans-serif; font-size:28px;display: flex;
  height: 100%;}

	.show .homeback2 {background:#decc00;  }


	.ppplan .col-md-6{background:#23967b; color:#fff; text-align:center; padding:5% 3%}
	.ppplan .col-md-6 h3{ color:#fff; }
		.ppplan .show  {background:#decc00;  }


	.ppplan22 .backblue {
    margin-right: 0px;
    margin-left: 0px;
}


.ppplan22 .planrabot {

    margin-right: 0px;
	 margin-left: 0px;

}

	.show .kkss {background:#decc00; padding:20px;     margin-left: 0px;
    margin-right: 0px;}

	.kkss {font-size:13px; }

	.show .kkss2 {background:#fff; margin-left: 0px;padding:30px 20px;
    margin-right: 0px; color: #262626;     border-bottom: 1px solid #eaeaea;}

	.lgoty h3 {font-size:36px; color:#decc00}

	.meropriya img {max-width: 100%;}

	.meropriya span {color:#404040; display: block;}
.meropriya a:hover {color:#404040; display: block; text-decoration: none; opacity: 0.9; transition: opacity .5s;}

.meropriya a {transition: opacity .5s;}

.meroimagee {position: relative;}
.merodate {position: absolute;
    bottom: 0px;
    padding: 5px 15px;
    background: #decc00;
    color: #fff;
    font-size: 12px;}

    .ddddpo h3 {    background-color: #23967b !important;}

    .more-button {    color: #d1b43b;
    border: 1px solid;
    padding: 10px 40px;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 20px;
    border-radius: 20px;}

    .more-button:hover { color: #fff; background:#d1b43b; text-decoration: none; }

	.swedenbutton {      display: block;
    color: #262626;
    padding: 20px 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: double;
    border-top-color: #d9d9d9;}

	.swedenbutton:hover {color:#decc00; border-top-color:#decc00; text-decoration:none;}

@media (max-width: 768px) {
	.homebot {position:relative;   width: 100%;

	}


	.kssax {color: #fff}

	.rightmuen a {color:#fff;}

	.home h1 {color:#fff;    font-size: 1.5rem;}


	h2{   font-size: 1rem;}
	.sssazxxs{    position: absolute;
    right: 10px;}

    .navbar-collapse {

    margin-top: 50px;
    margin-left: 20px;
    background: #000000c7;
    z-index: 9;
    padding: 5px;
}


.navbar .dropdown-menu {
    border: none;
       background-color: transparent !important;
    color: #fff !important;
}


.navbar-dark .navbar-nav .nav-link {
    color: #fff !important;
}

.onlymoblie {margin-bottom: 10px;}

.dropdown-menu {

    padding-top: 10px;}

}





@media (min-width: 769px) {

	.tttrud .col-md-4:first-child {flex: 0 0 100%;
    max-width: 100%;}

	.tttrud .col-md-12 {
    background: #decc00;
    padding: 50px 30px;
    margin: 10px;
    min-height: 171px;
}

	.tttrud .col-md-4 a {
    color: #fff;
    font-family: "Rubik", sans-serif;
    font-size: 23px;
}


	.homeparthh {       background: #23967b;
    max-width: 33.333333%;

    border-bottom: 1px solid #000;
    min-height: 200px;
    padding: 20px; opacity:0.9;}


.homeparthh:hover {opacity:1;}
.homeparthh2:hover {opacity:1;}

	.homeparthh a{font-size:14px; color:#fff; text-transform:uppercase; margin-top:40px; display:block;}
	.homeparthh span{display:block; min-height:50px;}


		.homeparthh2 {       background: #23967b;
    max-width: 33.333333%;

    border-bottom: 1px solid #000;
    min-height: 300px;
    padding: 20px; opacity:0.9;}

	.homeparthh2 h4{font-size:30px; color:#fff; text-transform:uppercase; margin-top:10px; display:block;}
	.homeparthh2 span{display:block; min-height:50px;}

	.elktro {position:absolute; bottom:0; text-transform:uppercase}

	.vishss [aria-expanded="true"] .homeback2 {background:#fff;}

.homemain {color:#fff;min-height:100vh;    position: relative;}
.homemain2 {color:#fff;min-height:100vh;    position: relative;}
.homemain3 {color:#fff;min-height:100vh;    position: relative;}
.homemain4 {color:#fff;min-height:100vh;    position: relative;}
.homemain5 {color:#fff;    position: relative;}
.homemainhalf {color:#fff;    position: relative;}
.menu a{color:#fff;     text-transform: uppercase;font-size: 10px; padding-right:40px;     line-height: 20px;     letter-spacing: 0.25px;}
.home h1 {    line-height: 50px;}
.home p {   font-family: "Rubik", sans-serif; font-size:14px;    letter-spacing: 0.25px;}
.homeback .ht{background:#23967b; padding:20px; }
.homeback2 .ht{background:#23967b; padding:10%; }
.homeback2 h3{    font-size: 30px;
    font-family: "Rubik", sans-serif;color:#fff; min-height:150px; }
.homebot {    position: absolute;
    width: 102%;
    overflow: hidden;
    left: 0;
    right: 0;
    /* top: 0; */
    bottom: 0;}
	.backall{    padding-top: 20px;
    padding-left: 20px;}
.homeback .homeaalink{ padding: 5px 15px 10px 15px;
    display: block;
    /* margin: 0 auto; */
    position: relative;
    /* text-align: center; */
    width: 20px !important;
    height: 25px;
    line-height: 10px;
    color: white; }
	.homeback2 .homeaalink{     padding: 10px 20px 25px 20px;
    display: block;
    /* margin: 0 auto; */
    position: relative;
    /* text-align: center; */
    width: 20px !important;
    height: 25px;
    line-height: 10px;
    color: white; }
	.homeback2 .homeaalink .fas{    margin-left: -2px;}
	#nav-tab a:hover {text-decoration:none;}
.homeback .homeaalink:before{    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    right: 0px;
    bottom: 0;
    border: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);}


    .ddd {
      padding: 5px 15px 10px 15px;
    display: block;
    /* margin: 0 auto; */
    position: relative;
    /* text-align: center; */
    width: 20px !important;
    height: 25px;
    line-height: 10px;
    color: white;bottom: 30px;
    left: 30px;    position: absolute;
}

.homeaalink222:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    right: 0px;
    bottom: 0;
    border: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff0;
    z-index: 2;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

	.homeback2 .homeaalink:before{    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    right: 0px;
    bottom: 0;
    border: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);}




	.homeaalink2:before{    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    right: 0px;
    bottom: 0;
    border: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);     background: #fff;     z-index: -1; -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}

	.homeaalink2:hover {color: #fff;}
	.ddd:hover {color: #fff;}

	.homeaalink2:hover:before {background: #23967b;}

	.homeaalink2 {padding: 5px 16px 15px 22px;
    display: inline-block;
    /* margin: 0 auto; */
    position: relative;
    /* text-align: center; */
    width: 46px !important;
    height: 40px;
    line-height: 29px;
    color: #23967b;
    margin-left: 15px;  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}



  .homeaalink3:before{    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    right: 0px;
    bottom: 0;
    border: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);     background: #fff;     z-index: -1; -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}

	.homeaalink3:hover {color: #fff;}

	.homeaalink3:hover:before {background: #23967b;}

	.homeaalink3 {padding: 5px 16px 15px 20px;
    display: inline-block;
    /* margin: 0 auto; */
    position: relative;
    /* text-align: center; */
    width: 46px !important;
    height: 40px;
    line-height: 29px;
    color: #23967b;
    margin-right: 15px;  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}





  .homeaalink4:before{    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    right: 0px;
    bottom: 0;
    border: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);     background: #fff;     z-index: -1; -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}

	.homeaalink4:hover {color: #fff;}

	.homeaalink4:hover:before {background: #23967b;}

	.homeaalink4 {padding: 5px 16px 15px 20px;
    display: inline-block;
    /* margin: 0 auto; */
    position: relative;
    /* text-align: center; */
    width: 46px !important;
    height: 40px;
    line-height: 29px;
    color: #23967b;margin-right: 10px;
    margin-left: 15px;  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}

  .homeaalink5 {
     padding: 6px 6px 1px 17px;
    display: inline-block;
    /* margin: 0 auto; */
    position: relative;
    /* text-align: center; */
    width: 40px !important;
    height: 35px;
    line-height: 17px;
    color: #ffffff;
    margin-right: 15px;
    margin-left: 15px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.homeaalink5:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff0;
    z-index: 0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.homeaalink5 .fas{font-size:16px;}

 .toprightdoc {    position: absolute;
    right: 20px;
    top: 0;}

	.studso .home  h1 {display: inline-block;}

.homeback h2{font-size: 28px;font-family: "Rubik", sans-serif; min-height: 80px; margin-bottom:80px;}
.homeslo { font-family: "Rubik", sans-serif; font-size:13px;    letter-spacing: 0.25px;}

.homebot .homeback:last-child{border-right: 0px solid #000;}

.abitur .homesob{}
.abitur .homesob:last-child{border-right: 0px solid #000;}

.homevideo {     min-height: 100px; }
.rightmuen {text-align:right;}
.rightmuen  a  { padding-right: 0px;  padding-left: 40px;}
.rightmuen i {margin-right:5px;}



.homevideo2 {font-family: "Rubik", sans-serif; font-size:13px;}
.homevideo p{font-family: "Rubik", sans-serif !important; font-size:13px !important; text-transform:uppercase;    padding: 15px;
    position: absolute;
    bottom: 0;}

.linees:before {
       content: '12+';
    position: absolute;
    /* width: 92%; */
    /* left: 33.3%; */
    bottom: -9px;
    right: 2%;
    font-size: 12px;
    /* border-bottom: 1px solid #fff; */}

	.linees:after {
content: '';
    position: absolute;
    width: 94%;
    left: 1.3%;
    bottom: 0px;
    border-bottom: 1px solid #fff;}

	.homesob {background:#fff;     padding: 3%;}
	.homesob img{width:100%;}

	.homesob p{color:#333333; font-size:14px; font-family: "Rubik", sans-serif;  letter-spacing: 0.25px; line-height:25px;}

	.color2 {color:#fff;}
	.color2 h3{ color:#fff;}
	.color3 {  color:#fff;}
	.color3 h3{  color:#fff;}

	.abitur .homesob a {display:block; color:#262626; margin-top:25px;     text-transform: uppercase; font-size: 0.8em;}
	.abitur  .color2 a {color:#fff;}
	.abitur  .color3 a {color:#fff;}
	.abitur  img {    width: auto;}

	.abitur .g1 {background:url(/wp-content/themes/vepi/new/img/g1.png) ; background-color:#fff;background-position: bottom right; background-repeat: no-repeat;}
	.abitur .g2 {background:url(/wp-content/themes/vepi/new/img/g2.png) ;background-color:#decc00;background-position: bottom right; background-repeat: no-repeat;}
	.abitur .g3 {background:url(/wp-content/themes/vepi/new/img/g3.png) ; background-color:#23967b;background-position: bottom right; background-repeat: no-repeat;}

	.abitur .g11 {background:url(/wp-content/themes/vepi/new/img/g11.png) ; background-color:#fff;background-position: bottom right; background-repeat: no-repeat;}
	.abitur .g22 {background:url(/wp-content/themes/vepi/new/img/g22.png)  ;background-color:#decc00;background-position: bottom right; background-repeat: no-repeat;}
	.abitur .g33 {background:url(/wp-content/themes/vepi/new/img/g33.png) ; background-color:#23967b;background-position: bottom right; background-repeat: no-repeat;}

	.homespan {color:#333333; opacity:0.6;    font-size: 0.8em;letter-spacing: 0.25px;}

	.studso .homesob {background: #fff;padding: 0% !important;}
	.studso .homesob h3{background: #decc00;
    color: #fff;
    text-align: center;
    padding: 40px 10px;
    line-height: 45px;
    font-size: 28px;     margin-bottom: 0px;
    letter-spacing: 0.5px;}

	.studso h2 {font-size:22px; color:#262626; line-height: 40px;margin-bottom:30px;}
	.studso2 { padding-top: 40px;}
	.studso2 p{padding-right:5%;}

	.studsss p {font-size:14px; font-family: "Rubik", sans-serif;margin-bottom:5px; }
	.studsss .predsed{font-family: "Rubik", sans-serif ; font-size:14px;}

	.studsss img {max-width:84px; margin-bottom:20px; margin-top:40px;}

	.studsss  {border-right:1px solid #dce0df;}

	.backblue {background:#f5faf9;color: #333333;
    font-size: 14px;
    padding: 40px 0px;
	    border-top: 1px solid #edefef;
     margin-right: 0px;}

	 .backblue2 {background:#f5faf9;color: #333333;
    font-size: 14px;
    padding: 40px 0px;
	    border-top: 1px solid #edefef;
     margin-right: 0px; margin-left: 0px;}


	.planrabot {  font-size: 14px;
    padding: 40px 0px; color: #333333;  border-top: 1px solid #edefef; margin-right: 0px;}

		.planrabot2 {  font-size: 14px;
    padding: 30px 0px; color: #333333;  border-top: 1px solid #edefef; margin-right: 0px; margin-left: 0px;}

	.planplan .planrabot:last-child{ border-bottom: 1px solid #edefef;   }


		}

	@media (max-width: 1023px) {	.dropdown-menu .nav-item span {

     padding-right: 0;
   padding-left: 0;
}}

@media (min-width: 1280px) {.menu a{font-size: 11px;}
}

@media (min-width: 1600px) {
	.menu a{color: #fff !important;   text-transform: uppercase;font-size: 13px; padding-right:20px;     line-height: 25px;         letter-spacing: 0.5px;}
    .rightmuen   a { padding-right: 0px;  padding-left: 20px;}

	}