.clients-sor {
    float: left;
    margin: 10px;
}
/*Szövegszerkesztőben a Button gomb*/
a.btn {
    color: #fff;
}
/*end*/
.thin-letter {
    line-height: 1.5em;
    padding: 20px 0 0;
    font-weight: 300;
}
/*Gyorslinkek header*/
.top-links {
    height: 40px;
    line-height: 40px;
}
.kulso-link a{
  width:auto !important;
  margin:0 10px;
}
.site-name {
    text-transform: uppercase;
    padding-top: 25px;
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-top: 25px;
    font-family: 'Optima';
    
}
.site-name a, .site-slogan a {
    color: #fff;
}
.site-slogan {
    text-transform: uppercase;
    font-family: 'Optima';
    /*display: inline-block;*/
}
a.site-logo {
    float: left;
    margin: 5px 10px 5px 0;
}
@media screen and (min-width: 992px){
#section-header a.site-logo, #section-header .search-toggle, #section-header .dexp-menu-toogle {
    /*line-height: 100px;*/
    line-height: unset;
}
}
@media screen and (max-width: 992px){
div#block-gyorslinkek {display: none;}
.sf-accordion-toggle.sf-style-none {line-height: 40px;text-align: left;}
li.kulso-link {font-size: 1.2em !important;}
}

@media screen and (min-width: 992px){
#section-header.affix a.site-logo, #section-header.affix .search-toggle, #section-header.affix .dexp-menu-toogle {line-height: 80px; line-height: unset;}
}
@media screen and (min-width: 992px){
#section-header.affix ul.menu.dexp-menu > li > a, #section-header.affix ul.menu.dexp-menu > li span.dexp-nolink {line-height: 100px;}
div#block-evolve-sub-alumni-searchform {line-height: 100px;}
}
/*Főoldali infolink*/
.info-blokk-cim {
    color: white;
    text-align: right;
    padding: 7px 15px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-bottom: 0px;
    font-size: 1.3em;
}
.info-blokk-cim p {
    margin: unset;
}
.info-text {
    color: #216c9c;
    padding: 0 10px;
    font-family: "raleway";
    font-weight: 400;
    font-size: 1.2em;
    min-height: 150px;
    padding-top: 20px;
}

a.info-blokk-btn {
    width: 100%;
}
.info-blokk-bg {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-position: left center;
}
img.mvp-blokk {
    display: block;
    margin: 0 auto;
    padding-top: 150px;
}
/*Mobil fejléc*/
@media screen and (max-width: 576px){
.site-logo img {width:55px;}
.site-name {padding-top: 20px; font-size: 0.7em;}
.site-slogan {font-size: 0.7em;}
.sticky-wrapper {height: unset !important;}
.top-links {font-size: 0.75em;}
li.kulso-link a {font-size: 0.8em !important; margin:0 4px;}
.dexp-region.col-4.col-md.region.region-top-right {padding-left: unset;}
.dexp-region.col-8.col-md.region.region-top-left {padding-right: unset;}
.thin-letter {font-size: 0.9em; font-weight:bold;}
div#block-mvpvirtualistura {height: 280px !important;}
img.mvp-blokk {padding-top: 60px;}
.idezo {font-size: 0.9em;}
}
/*div#block-alumnivideoink {
    background: url("https://alumni2.pte.hu/sites/alumni.pte.hu/files/liliom-bal.png") no-repeat left top, linear-gradient(to right, #f49909, #f7a41a, #f8ad30, #f9b84c, #f8ad30, #f7a41a, #f49909);
    background-attachment: fixed;
}*/
div#block-fooldalimotto {
    background: url("/sites/alumni.pte.hu/files/liliom-bal.png") no-repeat left top, linear-gradient(to right, #f49909, #f7a41a, #f8ad30, #f9b84c, #f8ad30, #f7a41a, #f49909);
    background-attachment: fixed;
}
/*div#section-footer {
  background: url("/sites/alumni.pte.hu/files/liliom-jobb.png") no-repeat right top, linear-gradient(to right, #f49909, #f7a41a, #f8ad30, #f9b84c, #f8ad30, #f7a41a, #f49909);
  background-attachment: fixed;
}*/
div#block-evolve-sub-alumni-homeslider, div#block-homeslideren  {
  background: url("/sites/alumni.pte.hu/files/liliom-jobb.png") no-repeat right top, linear-gradient(to right, #f49909, #f7a41a, #f8ad30, #f9b84c, #f8ad30, #f7a41a, #f49909);
  background-attachment: fixed;
}
.blokk-cim {
    padding: 8px 0px;
    border-bottom: 2px solid #5dade2;
}
.testimonial-style-02.view-testimonials .description {
    color: #fff;
}
a.dexp-button.btn.regisztracio {
    background: orange;
    border: 1px solid #f7aa2a;
    background-image: linear-gradient(to right, #f49909, #f7a41a, #f8ad30, #f9b84c, #f8ad30, #f7a41a, #f49909);
}
#section-page-title {
    background: url("/sites/alumni.pte.hu/files/liliom-jobb.png") no-repeat right center, linear-gradient(to right, #f49909, #f7a41a, #f8ad30, #f9b84c, #f8ad30, #f7a41a, #f49909);
    background-attachment: fixed;
}
.univ_cim {
    color: #216c9c;
    padding-bottom: 10px;
}
#section-page-title .breadcrumb li {
    color: #f6f5f5;
}
#section-page-title .breadcrumb a {
    color: #939291;
}
.title.regisztracio {
    font-size: 1.3em;
    font-weight: 600;
}
.subtitle.regisztracio {
    font-size: 1.1em !important;
}
.flip-box .inner .front {
   color: #216c9c;
}
.flip-box .inner .front, .flip-box .inner .back {
    border: 1px solid #d1d2d2;
}
.flip-box .inner .front h3 {
    font-size: 1.5em !important;
    padding-top: 15px !important;
}
.flip-box .inner .front .fa, .flip-box .inner .back .fa {
    font-size: 70px;
}
.white-color-link a{
  /*color: #fff;*/
  color: #f8b23d;
  font-weight: bold;
}
.white-color-link a:hover {
    color: #dbd8d8;
}
.portfolio-content {
    background-color: #F8FAFC;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgba(0,0,0,0.1) inset;
    margin-top: -4px;
    padding: 20px 20px 15px;
    position: relative;
}
.anim-kep {
	overflow:hidden;
}
.anim-kep img{
	-webkit-transition: all .5s ease; 
  	-moz-transition: all .5s ease; 
  	-o-transition: all .5s ease; 
  	-ms-transition: all .5s ease;
  	transition: all .5s ease;
  	width:100%;
  	overflow:hidden;
  	height: auto;
}
.anim-kep:hover img {
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.30); 
    -moz-transform:scale(1.30); 
    -ms-transform:scale(1.30); 
    -o-transform:translatZ(0) scale(1.30); 
    transform:translatZ(0) scale(1.30);
}
div#section-main-content {
    padding-bottom: 50px;
}
img {
    max-width: 100%;
    height: auto !important;
}

/*Menüpont mögötti zászló háttere*/

$flag-width: 6em;
$flag-height: $flag-width*10/16;


@function thirds($first, $second, $last, $or: 90deg){
  @return linear-gradient($or, $first 33.3%, $second 33.3%, $second 66.6%, $last 66.6%);
}

@function halfs($first, $second, $or: -180deg){
  @return linear-gradient($or, $first 50%, $second 50%);
}

@function cross($back, $main, $detail: $back){
  @return linear-gradient(90deg, transparent 28%, $main 28%, $main 34%, transparent 34%),
    linear-gradient(transparent 42%, $detail 42%, $detail 46%, $main 46%, $main 58%, $detail 58%, $detail 62%, transparent 62%),
    linear-gradient(90deg, $back 25%, $detail 25%, $detail 28%, $main 28%, $main 34%, $detail 34%, $detail 37%, $back 37%);
}

li>.englishflag{
  @extend %flag;
   background: linear-gradient(90deg, transparent 46%, #cf142b 46%, #cf142b 56%, transparent 56%),
    linear-gradient(transparent 38%, white 38%, white 42%, #cf142b 42%, #cf142b 58%, white 58%, white 62%, transparent 62%),
    linear-gradient(90deg, transparent 44%, white 44%, white 46%, #cf142b 46%, #cf142b 56%, white 56%, white 58%, transparent 58%),
    linear-gradient(33deg, transparent 45%, white 45%, white 48%, #cf142b 48%, #cf142b 54%, white 54%, white 57%, transparent 57%),
    linear-gradient(-33deg, #01247d 45%, white 45%, white 48%, #cf142b 48%, #cf142b 54%, white 54%, white 57%, #01247d 57%);
    background-size: 60% 45%;
    background-repeat: no-repeat;
    background-position: center;
}

li>.hunflag{
  @extend %flag;
  background: thirds(red, white, green, -180deg);
  background: linear-gradient(-180deg, #cf142b 33.3%, white 33.3%, white 66.6%, #39823b 66.6%);
  background-size: 60% 45%;
  background-repeat: no-repeat;
  background-position: center;
}
a.englishflag {
    color: transparent !important;
}
a.hunflag {
    color: transparent !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #216c9c;
    background: #94cff4;
    font-weight: normal;
    color: #ffffff;
}
/*Login menu item*/
.log {
    padding: 3px 8px !important;
    margin-top: 7px !important;
}
h5 {
    font-family: 'Raleway';
    font-style: normal;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(125 176 208);
    padding-top: 10px;
    padding-bottom: 10px;
    color: #216c9c;
}
.block .block-title{
    font-family: 'Raleway';
    font-style: normal;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(125 176 208);
    padding-top: 10px;
    padding-bottom: 10px !important;
    color: #216c9c;
    letter-spacing: unset;
}
.region-right-sidebar .block-title:before, .region-left-sidebar .block-title:before {
    /* background: #eceef0; */
    background: transparent;
}  
div#section-footer {
    background: #0d3d60;
    background-attachment: fixed;
}
/*Facts counter*/
.gt-50 .ppc-progress .ppc-progress-fill {
    border: solid 5px #fff;
    background: #fff;
}
.dexp-pie-chart.gt-50 {
    border: solid 5px #f9b13a;
    }
.dexp-pie-chart {
    border: solid 5px #f9b13a;
    background: #f9b13a;
}
h4.color-light-blue {
    padding-top: 20px;
    color: #216c9c;
    font-size: 1.2em;
}
.view-testimonials ul.slick-dots li button:hover, .view-testimonials ul.slick-dots li.slick-active button {
    border: 1px solid #ffa70d;
}
/*table mobil*/
@media screen and (max-width: 576px){
table tr td {padding: 2px;}
tbody {font-size: 0.5em;}
thead {font-size: 0.4em;}
}
@media (max-width: 795px) and (min-width: 576px){
table tr td {padding: 2px;}
tbody {font-size: 0.8em;}
thead {font-size: 0.8em;}
}
legend {
  font-size: inherit;
}
.slick-prev, .slick-next {
   background: #fff;
}
label[for="edit-field-user-egyuttmukodes-szoveg-0-value"] {
    display: none;
}
label[for="edit-field-user-egyuttmukodes"] {
    display: none;
}
.slider-text-center{
  text-align: center !important;
}
/*skillbar*/
.dexp-builder-skill-bar .progress .progress-bar .progress-text {
    top: -50px;
}

/*accordion*/

.ckeditor-accordion-container > dl dt > a {
    display: block!important;
    padding: 10px 15px 10px 50px!important;
    background-color: #0d3d60!important;
    color: #fff!important;
    cursor: pointer!important;
    -webkit-transition: background-color 300ms!important;
    transition: background-color 300ms!important;
    border-bottom: 1px solid #00a4ec!important;
}

.ckeditor-accordion-container > dl dt.active > a {
    background-color: #0d3d60;
}

.ckeditor-accordion-container > dl dt > a:hover {
    background-color: #0d3d60;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    border: 1px solid #000;
    }
    

/*Esemény belső oldal*/
.esemeny-datuma {
    font-size: x-large;
    background-color: #f59e11;
    color: #fff;
    width: fit-content;
    padding: 10px;
    font-weight: 700;
    margin-bottom: 30px;
}


.esemeny-tovabb a {
    padding: 8px 16px;
    border: 1px solid #0d3d60;
    width: fit-content;
    color: #216c9c;
    border-radius: 2px;

}

.esemeny-tovabb a:hover {
     background-color: #0d3d60;
     color:#fff;
}

.event-date {
    background-image: linear-gradient(45deg, #097b8b, #2eb6bc);
    display: inline-block;
    width: 25%;
    float: left;
    min-height: 105px;
}

.current-day {
    text-align: center;
    padding: 25px 0 5px;
    color: #fff;
    font-size: 2.5em;
}

.current-month {
    text-align: center;
    color: #fff;
    font-family: "Raleway";
    font-weight: 700;
    padding-bottom: 10px;
}

.current-event-box {
    position: relative;
    margin-right: 1.8rem;
    margin-bottom: 18px;
}

.portfolio-title {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
}

.current-event-body {
    background-color: #f8fafc;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    padding: 15px 10px 5px 10px;
    text-align: left;
    display: inline-block;
    width: 75%;
    min-height: 105px;
}

button.fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active, button.fc-today-button.fc-button.fc-button-primary {
    display: none;
}

.fc-event, .fc-event-dot {
    background-color: #0d3d60 !important;
}

span.fc-title {
    color: #fff;
  
}

/*Events*/
.events-title{
    font-size: 20px;
}

/*Hírek tovább gomb*/

/*a.views-more-link {
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 16px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: auto;
    color: #0d3d60;
    position: relative;
    border: 1px solid #0d3d60;
    text-transform: capitalize;
}


a.views-more-link:hover {
    color: #fff !important;
    background: #0d3d60;
}
*/

.btn-read-more2 a {
	border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 16px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: auto;
    color: #0d3d60;
    position: relative;
    border: 1px solid #0d3d60;
    text-transform: capitalize;
}

.btn-read-more2 a:hover {
    color: #fff !important;
    background: #0d3d60;
}



.blog-date-st2 {
    position: absolute;
   /* left: 0;*/
    top: 20px;
    z-index: 9;
    border-radius: 0px 2px 2px 0px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    display: block;
    background: #0d3d60;
    text-align: center;
}