a.font-button {
	cursor: pointer;
	/*color: #666 !important;
	font-weight: 400 !important;*/
	/*border-bottom: 1px solid transparent;*/
}
a.font-button:hover {
	/*border-bottom: 1px solid #A2131B;*/
	/*color: #333 !important;
	text-decoration: underline;*/
}
a.font-button.active {
	/*cursor: pointer;*/
	color: #000 !important;
	font-weight: 400 !important;
}
a.font-button.active:hover {
	color: #333 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Outfit, -apple-system, BlinkMacSystemFont, sans-serif;
  color: hsl(0, 0%, 12%);
}

h2 {
	margin-bottom: 0.9rem;
}

:root {
    --adm-color: #007aa7;
    --graf-color: #6d4a9c;
    --inf-color: #2d8400;
    --itz-color: #747400;
    --zarz-color: #aa5d00;
}

.dropcap {
	font-size: 4em;
    font-weight: bold;
    display: block;
    float: left;
    margin: 0.04em 0.2em 0 0;
    color: #191a1f;
    line-height: 1;
}

.adm-color { color: #007aa7; }
.graf-color { color: #6d4a9c; }
.inf-color { color: #2d8400; }
.itz-color { color: #747400; }
.zarz-color { color: #aa5d00; }

/* KLASY icon- są w plikach svg /images/icons */
.icon-grafika {
    fill:#3e2463;
}
.icon-informatyka {
    fill:#28660a;
}
.icon-itz {
    fill:747400;
}
.icon-zarzadzanie {
    fill:#d35400;
}

/*
.modal {
    z-index: 2050;
}
*/
/* width */
.scrollable::-webkit-scrollbar {
    width: 10px;
}
/* Track */
.scrollable::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
.scrollable::-webkit-scrollbar-thumb {
    background: #C22C22;
}
/* Handle on hover */
.scrollable::-webkit-scrollbar-thumb:hover {
    background: #A2131B;
}

.scrollable {
    overflow-x: hidden;
    border:1px solid #EEE;
    background-color: #FCFCFC;
    padding:2px 2px;
}


.anchor-link {
    padding-top: 60px;
    margin-top: -60px;
}

ul, ol {
    padding-left:2em;
    margin-left:0;
}

.breadcrumb-container {
	/*
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.04) !important;
    text-align: right;
	*/
}
.breadcrumb {
    font-size: .6em;
    margin: 0 !important;
    background-color: transparent !important;
    padding: 10px 0 8px !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.breadcrumb a {
    /* overflow: hidden; */
    /* text-decoration: none; */
    /* font-size: 1em; */
    /* transition: all 0.2s linear; */;
}
.breadcrumb a:hover {
    text-decoration: none !important;
}
.breadcrumb-item+.breadcrumb-item::before {
    font-weight: 300;
}
.breadcrumb-item.active {

}


img {
  position: relative;
}

hr {
    border: 0;
    border-top: 1px dotted rgba(180,180,180,0.4);
    width: 98%;
    margin: 20px auto;
    clear: both;
}

.dark {color:#111 !important;}
.blue {color:#1255A7 !important;}
.navyblue {color:#004488 !important;}
.red {color:#EB3B3B !important;}
.red::after {background-color:#EB3B3B !important;}
.green {color:#228822 !important;}
.redup {color:#EB3B3B; text-transform:uppercase; font-weight:normal; font-size:13px;}
.gray {color:#80858A !important;}
.gray a {color:#56595c;}

/*FORCED LINK*/
.flink {
	text-decoration: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
	cursor: pointer;
	opacity:0.85;
	border-bottom-width: 1px;
}
.flink:hover {
	opacity:1;
	border-bottom-style: dotted; 
}
/**/

/* BOOTSTARP CHANGE*/
.page-item.active .page-link {
    color: #fff;
    background-color: #C22C22;
    border-color: #C22C22;
}
.page-link {
    color: #C22C22;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-link:hover {
    z-index: 2;
    color: #ca0a0a;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
/**/
a {
	color: #C22C22;
	text-decoration: none;
    /*-webkit-transition: color .2s ease;*/
    /*transition: color .2s ease;*/
}
a:hover {
	color: #000;
	text-decoration: none;
}

main {
	color: #56595c;
	/*position: relative;*/
	display: block;
	width: 100%;
	padding: 0;
	/*box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);*/
	/*transform: translateX(0px);*/
	transition: transform 500ms ease;
	z-index: 0;
}

section { 
  padding: 50px 0; 
  /*position: relative;
  display: block;
  margin: 0;
  padding: 50px 0;*/
  /*z-index: 100;*/
}
@media (max-width: 960px) {
    section {
    padding: 20px 0;
    }
}

.image-center {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 300px;
  background-color: #444;
}

.image-center h1 {
  color: rgba(255, 255, 255, 0.2);
}

main a {
	color: #C22C22;
    /*border-bottom-width: 1px;*/
	border-bottom: 1px dotted transparent;
    padding-bottom: 1px;
	text-decoration: none;
}
main a:hover, main a:active {
	color: #a72315;
    /*border-bottom-color: #a72315;
	text-decoration: none;
	border-bottom-style: dotted;*/
	border-bottom: 1px dotted #a72315;
}
main a.image-zoom, main a[data-gallery] {
    border: 0;
}

.alert-primary a:hover { border-bottom-color:#002752; }
.alert-secondary a:hover { border-bottom-color:#202326; }
.alert-success a:hover { border-bottom-color:#155724; }
.alert-danger a:hover { border-bottom-color:#721c24; }
.alert-warning a:hover { border-bottom-color:#856404; }
.alert-info a:hover { border-bottom-color:#0c5460; }
.alert-light a:hover { border-bottom-color:#818182; }
.alert-dark a:hover { border-bottom-color:#1b1e21; }


.e-administracja main a { color: #007aa7; }
.e-administracja main a:hover, .e-administracja main a:active { color: #006f97; border-bottom-color: #006f97; }

.grafika main a { color: #6d4a9c;  }
.grafika main a:hover, .grafika main a:active { color: #573881; border-bottom-color: #573881; }

.informatyka main a { color: #2d8400;  }
.informatyka main a:hover, .informatyka main a:active { color: #2b7705; border-bottom-color: #2b7705; }

.informatyczne-techniki-zarzadzania main a { color: #747400;  }
.informatyczne-techniki-zarzadzania main a:hover, .informatyczne-techniki-zarzadzania main a:active { color: #8b8800; border-bottom-color: #8b8800; }

.zarzadzanie main a { color: #D35400;  }
.zarzadzanie main a:hover, .zarzadzanie main a:active { color: #cf6714; border-bottom-color: #cf6714; }

.studia-podyplomowe main a { color: #5c7799; }
.studia-podyplomowe main a:hover, .studia-podyplomowe main a:active { color: #4f688c; border-bottom-color: #4f688c; }


section, .full-width section {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}
.contact-name { color: #999; font-weight:normal; }


.studia h2 {
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    /*font-size:22px;*/
    margin-bottom: 1rem;
    font-weight: bolder;
}
.studia h2::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 30px;
    height: 3px;
}
@media (min-width: 768px) {
    .studia h2 {
        margin-bottom: 2rem;
    }
}

/* Header */

header,
.main-header {
    position: relative;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    width: 100%;
    /*height: 200px;*/
    background: -webkit-linear-gradient(left,#a72315 0%, #d82315 100%);
    background: linear-gradient(to right,#a72315 0%, #d82315 100%);
}

header h1,
.main-header h1 {
  color: #ccc;
  z-index: 3;
}
/*header*/.header-holder {
	position: fixed;
	width: 100%;
	z-index: 1020;
}
header .header-grid {
    margin:0 auto;
    text-align:right;
}
.header-holder a {
	color: #969696;
    overflow: hidden;
	text-decoration: none;
	font-family: sans-serif;
	text-transform: uppercase;
/*font-size: 1em;*/
}
/*
.header-holder a.active, header a:hover {
	color: #3d3d3d;
}
*/
.header {
    text-transform:uppercase;
    font-weight:600;
    /*padding-bottom: 20px;*/
    color:#404040;
}



.jakosc-ksztalcenia .header-container::before {
    background: -webkit-linear-gradient(left,#2a3d93 0%, #4b5eb3 100%);
    background: linear-gradient(to right,#2a3d93 0%, #4b5eb3 100%);
}
.jakosc-ksztalcenia .header {
    color: #2a3d93;
}
.grafika .header { color: #6d4a9c; }
.grafika a.link { color: #3e2463; }
.grafika a.link:hover { color: #6d4a9c; border-bottom-color:#6d4a9c; }

.grafika .header-container::before {
    background: -webkit-linear-gradient(left,#3e2463 0%, #6d4a9c 100%);
    background: linear-gradient(to right,#3e2463 0%, #6d4a9c 100%);
}
.zarzadzanie .header { color: #cc7a29; }
.zarzadzanie a.link { color: #D35400; }
.zarzadzanie a.link:hover { color: #cc7a29; border-bottom-color:#cc7a29; }

.zarzadzanie .header-container::before {
    background: -webkit-linear-gradient(left,#D35400 0%, #cc7a29 100%);
    background: linear-gradient(to right,#D35400 0%, #cc7a29 100%);
}
.informatyka .header { color: #2d8400; }
.informatyka a.link { color: #28660a; }
.informatyka a.link:hover { color: #2d8400; border-bottom-color:#2d8400; }

.informatyka .header-container::before {
    background: -webkit-linear-gradient(left,#28660a 0%, #2d8400 100%);
    background: linear-gradient(to right,#28660a 0%, #2d8400 100%);
}
.informatyczne-techniki-zarzadzania .header { color: #999500; }
.informatyczne-techniki-zarzadzania a.link { color: #747400; }
.informatyczne-techniki-zarzadzania a.link:hover { color: #999500; border-bottom-color:#999500; }

.informatyczne-techniki-zarzadzania .header-container::before {
    background: -webkit-linear-gradient(left,#747400 0%, #999500 100%);
    background: linear-gradient(to right,#747400 0%, #999500 100%);
}
.e-administracja .header { color: #007aa7; }
.e-administracja a.link { color: #00658a; }
.e-administracja a.link:hover { color: #007aa7; border-bottom-color:#007aa7; }

.e-administracja .header-container::before {
    background: -webkit-linear-gradient(left,#00658a 0%, #007aa7 100%);
    background: linear-gradient(to right,#00658a 0%, #007aa7 100%);
}
.studia-podyplomowe .header { color: #5c7799; }
.studia-podyplomowe a.link { color: #41587f; }
.studia-podyplomowe a.link:hover { color: #5c7799; border-bottom-color:#5c7799; }

.studia-podyplomowe .header-container::before{
    background: -webkit-linear-gradient(left,#41587f 0%, #5c7799 100%);
    background: linear-gradient(to right,#41587f 0%, #5c7799 100%);
}

.header-bg {
    box-sizing: content-box;
    background-attachment: fixed;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}
.header-bg::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(202, 19, 0, 0.85) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAJUlEQVQYVxXHQREAMAgEsWCjNtCBdGxUB3P7yhYGC4XGw88EqQ83tgKeuwSd5AAAAABJRU5ErkJggg==) repeat fixed center center;
    /*background-image: url('/images/backgrounds/pattern/pattern7.png');
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center; */
}

.title-container {
    width: 100%;
    padding: 35px 0px;
}

.page-title {
  font-weight: 700;
  line-height: 1.3;
  text-wrap-style: balance;
  word-wrap: break-word;
  margin: 0.2em 0;
}
.page-title .small {
    line-height: 0.8;
}

.page-subtitle {
    font-size: 1rem;
    line-height: 1;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

h1.content-title {
    text-transform: uppercase;
    font-weight: 600;
    /*font-size: 2.2rem;*/
    margin: 0;
    padding: 0.5em 0;
    letter-spacing: 0.2rem;
    line-height: 1;
    position: relative;
    /*font-family: Lato, Helvetica, sans-serif;*/
    /* font-size: 1.5vw; */
    text-shadow: 2px 2px 2px #00000020;
}
h1.content-title::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%; /* na srodku */
    left: 0;
    margin: 0;
    width: 40px;
    height: 2px;
    background-color: #ffffff;
}

.title-small h1.content-title {
    font-size: 2.2rem;
    text-transform: none;
    font-weight: 500;
}

.title-container h3.card-title {
    margin-bottom: .5rem;
    line-height: 0.8rem;
}
@media (max-width: 575.98px) {
    .title-container h3.card-title {
        float: left;
        padding-right: 6px;
        line-height: 1.2rem;
    }
    .title-container h3.card-title::after {
        content:":";
    }
    h1.content-title {
        font-size: 1.6em;
    }

}
@media (max-width: 768px) {
    h1.content-title {
        padding: 0.3em 0;
        letter-spacing: 0.2rem;
        line-height: 1.2em;
        font-size: 1.8em;
    }
    .title-container {
        padding: 22px 0;
    }
}

/* Transitions */

.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 500%;
    width: 100%;
    position: absolute; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

nav.sub-menu {
    /* min-width: 203px; */
    /*box-shadow: -1px 1px 0 rgba(50, 50, 50, 0.1);*/
    /* width: 20%; */
    border: 1px solid rgba(50,50,50,0.1);
    border-bottom:0;
    /* z-index: 1; */
    /* float: right; */
    /* overflow: auto; */
    /* width: 100%; */
    background-color: #FFFFFF;
    /* box-shadow: inset 0 2px 10px #ddd; */
}

nav.sub-menu a {
    /*color: #222;*/
    /*float: left;*/
    display: block;
    font-size: 13px;
    padding: 10px 20px;
    text-decoration: none !important;
    transition: all .5s ease;
    border-bottom: 1px solid rgba(50,50,50,0.1);
}
nav.sub-menu .link a {
    background-color: #F6F6F6;
	color:#686888;
}
nav.sub-menu a:hover {
    background-color: #f5f5f5aa;
	color:#333;
    border-bottom: 1px solid rgba(50,50,50,0.1);
}
nav.sub-menu a:focus {
    outline: 0;
}
nav.sub-menu .current a, nav.sub-menu .current a:hover {
    background-color: #d82315 ;
    color: #FFF;
}

.list-group-item.active {
    background-color: #A2131B;
    border-color: #A2131B;
}
.e-administracja nav.sub-menu .current a {
    background-color: #007aa7;
}
.grafika nav.sub-menu .current a {
    background-color: #6d4a9c;
}
.informatyczne-techniki-zarzadzania nav.sub-menu .current a {
    background-color: #747400;
}
.informatyka nav.sub-menu .current a {
    background-color: #2d8400;
}
.zarzadzanie nav.sub-menu .current a {
    background-color: #D35400;
}
.studia-podyplomowe nav.sub-menu .current a {
    background-color: #5c7799;
}

nav#content-menu {
    overflow: auto;
    width: 100%;
    background-color: #F3F3F3;
    box-shadow: inset 0px 2px 10px #ddd;
    /*width:20%;
    float: left;*/
}

/* TO TOP */
#fixed-totop {
    position: fixed;
    bottom: 0px;
    right:0px;
    z-index: 20;

}
#fixed-totop a {
    display: block;
    height: 40px;
    width: 40px;
    border: 1px solid rgba(180, 180, 180, 0.3);
    transition: background .5s ease .300ms, color .5s ease .300ms;
    background: rgba(180,180,180,0.5);
    color: rgba(255,255,255,0.9);
}
#fixed-totop a.notouch:hover {
    background: #FFF;
    color: rgba(168,13,13,0.9);
}
/* * */

/* ** UI.css ** */

/*
a {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
*/
/* -- COLORS */

div::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
	border-radius: 0px;
	background-color: #F5F5F5;
}

div::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}

div::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.3);
	background-color: #A2131B;
}

/* GOOGLE TRANSLATE */

ul.clist { padding-left:20px; list-style:none; }
ul.clist > li { margin-bottom:.4em; }
ul.clist > li:before {
    margin: 0 9px 0 -20px;
    font-family: "FontAwesome";
    font-weight: 600;
    content: '\f00c';
    font-size: 75%;
}

header.studia,
.main-header.studia {
    color:#FFF;
}

header.studia .media {
    opacity:0.7;
}

.galeria .figure { padding: 0 5px; }

.card.e-administracja { background-color:#007aa7; color:#FFFFFF; }
.card.grafika { background-color:#6d4a9c; color:#FFFFFF; }
.card.informatyka { background-color:#2d8400; color:#FFFFFF; }
.card.informatyczne-techniki-zarzadzania { background-color:#747400; color:#FFFFFF; }
.card.zarzadzanie { background-color:#D35400; color:#FFFFFF; }

.jakosc-ksztalcenia h2, .jakosc-ksztalcenia .btn-transparent-white:hover { color: #54a4cc; }
.jakosc-ksztalcenia h2:after, .jakosc-ksztalcenia .btn-css { background-color: #6fa3bd; }
.jakosc-ksztalcenia .btn-css:hover { background-color: #54a4cc; }
.e-administracja h2, .e-administracja .btn-transparent-white:hover { color: #007aa7; }
.e-administracja h2:after, .e-administracja .btn-css { background-color: #007aa7; }
.e-administracja .btn-css:hover { background-color: #00658a; }
.grafika h2, .grafika .btn-transparent-white:hover { color: #6d4a9c; }
.grafika h2:after, .grafika .btn-css, .grafika .carousel-indicators li { background-color: #6d4a9c; }
.grafika .btn-css:hover { background-color: #3e2463; }
.informatyka h2, .informatyka .btn-transparent-white:hover { color: #2d8400; }
.informatyka h2:after, .informatyka .btn-css { background-color: #2d8400; }
.informatyka .btn-css:hover { background-color: #28660a; }
.informatyczne-techniki-zarzadzania h2, .informatyczne-techniki-zarzadzania .btn-transparent-white:hover { color: #747400; }
.informatyczne-techniki-zarzadzania h2:after, .informatyczne-techniki-zarzadzania .btn-css { background-color: #747400; }
.informatyczne-techniki-zarzadzania .btn-css:hover { background-color: #999500; }
.zarzadzanie h2, .zarzadzanie .btn-transparent-white:hover { color: #D35400; }
.zarzadzanie h2:after, .zarzadzanie .btn-css { background-color: #D35400; }
.zarzadzanie .btn-css:hover { background-color: #cc7a29; }
.studia-podyplomowe h2, .studia-podyplomowe .btn-transparent-white:hover { color: #41587f; }
.studia-podyplomowe h2:after, .studia-podyplomowe .btn-css { background-color: #41587f; }
.studia-podyplomowe .btn-css:hover { background-color: #666666; }







/* CARDS */





/*---------- CARDS LAYOUT ----------*/

.cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cards_item {
  display: flex;
  margin-top: 0;
  padding: 0 1em 2em;
}
.no-flexbox .cards_item {
  float: left;
}

@media screen and (min-width: 42em) and (max-width: 60em) {
  .cards_item {
    width: 50%;
  }
  .no-flexbox .cards_item:nth-child(2n+1) {
    clear: both;
  }
}
@media screen and (min-width: 60em) {
  .cards_item {
    width: 33.3333%;
  }
  .no-flexbox .cards_item:nth-child(3n+1) {
    clear: both;
  }
}

.cards-ikona .card-title > a {
    /*color: inherit;*/
	color: #56595c;
    font-weight: 600;
}
.cards-ikona .card-title > a:hover {
    color: #a72315;
}
.card {
	-webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.card:hover {
    box-shadow: 2px 2px 20px #00000017;
}
.card-heading {
    flex: none;
    margin-top: 0;
    padding: 0;
}
.card-icon {
    color: #C22C22;
    padding: 19px;
    line-height: 1.1em;
    font-size: 22px;
    min-height: 100px;
    margin:0;
}
.card-icon.left {
    color:#FFF;
    background-color: rgba(0,0,0,0.2);
    float: left;
    margin-right: 15px;
}
.card-icon.left.corner {
    margin-top: -24px;
    margin-left: -24px;
}
.card-icon.right {
    color:#FFF;
    background-color: rgba(0,0,0,0.2);
    float: right;
    margin-left: 15px;
}
.card-icon.right.corner {
    margin-top: -24px;
    margin-right: -24px;
}
.card-heading h3 {
    float: left;
    padding: 19px 0 0 0;
    margin: 0;
    line-height: 1.1em;
    font-size: 22px;
    padding: 20px 15px 2px 15px;
}
.card-image > .card-img-top {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 70px;
    position: relative;
    top: 50%;
}

.image-zoom img.img-fluid {
    width: 100%;
}


.image-zoom, .image-rotate {
	overflow:hidden;
    display:block;
}
.image-zoom img, .image-rotate img {
	overflow: hidden;
	-webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
.image-zoom:hover img {
	opacity: 1;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.image-rotate:hover img {
	opacity: 1;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg);
}

/* TRANSFORMS */

.transform-container {
	overflow:hidden;
}
.transform-container .zoom, .transform-container .rotate {
	overflow: hidden;
	-webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
.transform-container:hover .zoom {
	opacity: 1;
	filter: saturate(1.1);
	filter: contrast(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.transform-container:hover .rotate {
	opacity: 1;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg);
}


/* END TRANSFORMS */




/* --- */


/* MASK */
/*
.bg-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/backgrounds/pattern/video-mask.png);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAQAAABeK7cBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MDJGNjNCMTIwRkUxMUUzQjFFRUM0REUwQ0RCQTc4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MDJGNjNCMjIwRkUxMUUzQjFFRUM0REUwQ0RCQTc4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcwMkY2M0FGMjBGRTExRTNCMUVFQzRERTBDREJBNzhDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcwMkY2M0IwMjBGRTExRTNCMUVFQzRERTBDREJBNzhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+u9pXkwAAAA1JREFUGFdjYGjObAYAAuMBcKaqKb0AAAAASUVORK5CYII=);
}
*/
.bg-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAJUlEQVQYVxXHQREAMAgEsWCjNtCBdGxUB3P7yhYGC4XGw88EqQ83tgKeuwSd5AAAAABJRU5ErkJggg==);
}
.bg-color-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #353535;
    background-image:none;
    opacity: 0.3;
}
.bg-color-mask.red {
    background-color: #a72315;
}
.bg-color-mask.white {
    background-color: #FFFFFF;
}
.red-mask {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(202,19,0,0.85) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAJUlEQVQYVxXHQREAMAgEsWCjNtCBdGxUB3P7yhYGC4XGw88EqQ83tgKeuwSd5AAAAABJRU5ErkJggg==) repeat fixed center center;
}

/* -- SECTIONS */

section.gradient-light {
	background-image: linear-gradient(2turn,#fbfbfb,#fdfdfd);
}

section.white {
     color:#FFF;
}
section.white a {
    color:#FFF;
    opacity:0.7;
}
section.white a:focus, section.white a:hover {
    opacity:1;
}

section:nth-child(odd) {
    /*background-color: #FFFFFF;*/
    /*background-image: linear-gradient(45deg, rgba(252, 252, 252,1) 20%,rgba(245, 245, 245,1) 80%);
    border-bottom: 1px dotted rgba(0,0,0,0.1);*/
}
section:nth-child(even) {
    /*background-color: #FBFBFB;*/
    /*background-image: linear-gradient(45deg, rgba(245, 245, 245,1) 20%,rgba(252, 252, 252,1) 80%);
    border-bottom: 1px dotted rgba(0,0,0,0.1);*/
}



section:nth-child(odd).dark-theme {
    color: #EAEAEA;
    background-color: #1d1d1d;
}
section:nth-child(even).dark-theme {
    color: #EAEAEA;
    background-color: #2a2a2a;
}
section.dark-theme a {
    color:#FFF;
    opacity:0.7;
}
section.dark-theme a:focus, section.dark-theme a:hover {
    opacity:1;
}

section:nth-child(odd).color-theme {
    color: #EAEAEA;
    background-color: #197b98;
}
section:nth-child(even).color-theme {
    color: #EAEAEA;
    background-color: #0c8e8b;
}
section.color-theme h1,
section.color-theme h2,
section.color-theme h3 {
    color: #FFF;
}
section.color-theme a {
    color:#FFF;
    opacity:0.7;
}
section.color-theme a:focus, section.color-theme a:hover {
    opacity:1;
}
/*
section:nth-child(even) {
    background-color: #FFFFFF;
    background-image: linear-gradient(45deg, rgba(245, 245, 245,1) 20%,rgba(252, 252, 252,1) 80%);
    border-bottom: 1px dotted rgba(0,0,0,0.1);
}
*/
/*
section#kadra {
}
section#kadra h2 {
    text-transform: uppercase;
    margin-top: 0;
    text-align: center;
}
*/

section#rekrutacja-informator {
    background-color: #C52831;
    background-image:none;
    color:#ffffff;
}
section#rekrutacja-warto-wiedziec {
    /*
    background-color: #eee;
    background-image: none;
    */
}
section#rekrutacja-warto-wiedziec h2,
section#rekrutacja-oferta h2 {
    text-transform:uppercase;
    text-align:center
}
section#rekrutacja-warto-wiedziec h2::after,
section#rekrutacja-oferta h2::after {
    background-color:#FFF;
    left: 50%;
    margin-left: -15px;
}
section#rekrutacja-dzienotwarty {
    background-color: #B52821;
    background-image:none;
    color:#ffffff;
}
section#efekty-ksztalcenia {
    background-color:#a72315;
    background-image:none;
    color:#FFF;
    padding-bottom:0;
}
section#efekty-ksztalcenia h2 {
    color:#FFF;
    text-transform:uppercase;
    margin-top:0;
    text-align:center
}
section#efekty-ksztalcenia h2::after {
    background-color:#FFF;
    left: 50%;
    margin-left: -15px;
}
section#efekty-ksztalcenia h3 {
    padding-bottom: 15px;
    position: relative;
    color:#FFF;
    text-transform:uppercase;
}
section#efekty-ksztalcenia h3::after {
    background-color:#FFF;
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 3px;
}
section#efekty-ksztalcenia .icon {
    color:#FFF;
}

/*
section#rekrutacja-etapy h2 {
    text-transform:uppercase;
    margin-top:0;
    text-align:center;
    padding-bottom: 15px;
}
section#rekrutacja-etapy h2::after {
    left: 50%;
    margin-left: -15px;
}
section#rekrutacja-jednostki-organizacyjne a {
    opacity:0.8;
}
section#rekrutacja-jednostki-organizacyjne a:hover {
    opacity:1;
}

section#rekrutacja-jednostki-organizacyjne::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background:rgba(255, 255, 255, 0.5);
}

section#rekrutacja-start {
    text-align:center;
}
section#rekrutacja-start,
section#rekrutacja-informacje-organizacyjne,
section#rekrutacja-oferta {
    background-image:url('/images/backgrounds/rekrutacja_02_red.jpg');
    background-color:#A71709;
    color:#EEE;
    font-weight:400;
}
section#rekrutacja-informacje-organizacyjne a,
section#rekrutacja-oferta a {
    color:inherit;
    text-transform: uppercase;
    font-size: 0.8em;
}
section#rekrutacja-start a:hover,
section#rekrutacja-informacje-organizacyjne a:hover,
section#rekrutacja-oferta a:hover {
    opacity:1;
}
section#rekrutacja-start::before,
section#rekrutacja-informacje-organizacyjne::before,
section#rekrutacja-oferta::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background:rgba(167, 35, 21, 0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAJUlEQVQYVxXHQREAMAgEsWCjNtCBdGxUB3P7yhYGC4XGw88EqQ83tgKeuwSd5AAAAABJRU5ErkJggg==) repeat fixed 0 center;
}

section#rekrutacja-oferta h3 {
    margin-left: -20px;
    padding: 8px 20px;
    color: #ff5656;
    text-transform: uppercase;
}
section#rekrutacja-oferta ul { list-style:none; }
section#rekrutacja-oferta li, section#rekrutacja-oferta li::before {
    -webkit-transition: margin .2s ease;
    transition: margin .2s ease;
}
section#rekrutacja-oferta li::before {
    font-family: "FontAwesome";
    content: '\f0da';
    margin: 0 15px 0 -21px;
    font-weight: 900;
}
section#rekrutacja-oferta li:hover::before {
    margin: 0 10px 0 -16px;
}
section#rekrutacja-oferta li {
    margin: 0px 15px 0 0px;
}
section#rekrutacja-oferta li:hover {
    margin: 0 9px 0 6px;
}
*/

section#specjalnosci h2 {
    text-transform:uppercase;
    margin-top:0;
    text-align:center
}
section#specjalnosci h2::after {
    left: 50%;
    margin-left: -15px;
}

section#projekty {
}

section#plany-studiow {
    /*background-color:#333333;
    background-image:none;
    color:#EEEEEE;
    padding:80px 0;*/
}
section#plany-studiow h2 {
    /*color: #FFF;*/
    text-transform: uppercase;
    margin-top: 0;
    text-align: center;
}
section#plany-studiow h2::after {
    /*background-color: #FFF;*/
    left: 50%;
    margin-left: -15px;
}
/*
section#oplaty {
    background-color:#333333;
    background-image:none;
    color:#EEEEEE;
    padding:80px 0;
}

section#oplaty h2 {
    text-align: center;
}
section#oplaty h2::after {
    left: 50%;
    margin-left: -15px;
}
*/
/*
section#oplaty table {
    background-color: #FFF;
    font-size: 14px;
    color: #777777;
    font-weight: 400;
    line-height: 1.66em;
}
*/
section#kontakt-link {
    background-image:url('/images/backgrounds/rekrutacja_02_red.jpg');
    background-color:#A71709;
    color:#EEE;
    font-weight:400;
}
section#kontakt-link h2,
section#kontakt-link h3,
section#kontakt-link h4,
section#kontakt-link h5 {
    color:#EEE;
}
.e-administracja section#oplaty thead {
    background-color: #007aa7;
    color:#FFFFFF;
}
.grafika section#oplaty thead {
    background-color: #6d4a9c;
    color:#FFFFFF;
}
.informatyka section#oplaty thead {
    background-color: #2d8400;
    color:#FFFFFF;
}
.informatyczne-techniki-zarzadzania section#oplaty thead {
    background-color: #747400;
    color:#FFFFFF;
}
.zarzadzanie section#oplaty thead {
    background-color: #D35400;
    color:#FFFFFF;
}
.studia-podyplomowe #oplaty thead {
    background-color: #41587f;
    color:#FFFFFF;
}

a.back-button span.color-text {
    font-weight:600;
}

.e-administracja a.back-button span.color-text {
    color: #007aa7;
}
.grafika a.back-button span.color-text {
    color: #6d4a9c;
}
.informatyka a.back-button span.color-text {
    color: #2d8400;
}
.informatyczne-techniki-zarzadzania a.back-button span.color-text {
    color: #747400;
}
.zarzadzanie a.back-button span.color-text {
    color: #D35400;
}
.studia-podyplomowe a.back-button span.color-text {
    color: #41587f;
}



section#oplaty thead th {
    border-top:none;
}

section.header-center h2 {
    text-align:center;
}
section.header-center h2::after {
    left: 50%;
    margin-left: -15px;
}

.red-gradient {
    background: -webkit-linear-gradient(left,#d82315 0%, #a72315 100%) !important;
    background: linear-gradient(to right,#d82315 0%, #a72315 100%) !important;
    background-image:none;
}
.red-gradient h2 {
    text-transform: uppercase;
    color:#FFF;
    margin:22px 0;
    letter-spacing: 1.5px;
}

.text-wit {
    color: #A2131B;
}
.red-wit {
    color: #a72315;
}
.red-wit-light {
    color: #d82315;
}

.center {
/* DO ZAMIANY NA class="position-relative top-50 start-50 translate-middle" */

/*  position: absolute; */
  text-align: center;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/*
@media (max-width: 575px) {
    .etapy-box { margin: 0 auto !important; }
    .etapy-lbox { flex-shrink: 1 !important; padding-right: 10px !important; padding-left: 5px !important; max-width: 20% !important; }
    .etapy-lbox a.nav-link { padding-right: 0px !important; padding-left: 0px !important; }
    .etapy-rbox { flex-grow: 1 !important; padding-right: 5px !important; padding-left: 5px !important; }
}
@media (max-width: 300px) {
    .etapy-lbox { padding-right: 5px !important; }
}
*/
.bbtn--red { background-color: #d82315; border:1px solid #d82315; }
.bbtn--red:hover { background-color: #a80d0d; border:1px solid #a80d0d; }
.bbtn--red .bbtn--icon,
.bbtn--red .bbtn--text { color: #fcfcfc; }
.bbtn--red:hover .bbtn--icon,
.bbtn--red:hover .bbtn--text { color: #ffffff !important; }

.bbtn--white { background-color: #fcfcfc; border:1px solid #fcfcfc; }
.bbtn--white:hover { background-color: #ffffff; border:1px solid #ffffff; }
.bbtn--white .bbtn--icon,
.bbtn--white .bbtn--text {  }
.bbtn--white:hover .bbtn--icon,
.bbtn--white:hover .bbtn--text { color: #a80d0d !important; }

.bbtn--transparent-gray { background-color: transparent; border:1px solid #DDDDDD !important;; }
.bbtn--transparent-gray:hover { border:1px solid #d82315 !important;; }
.bbtn--transparent-gray .bbtn--icon,
.bbtn--transparent-gray .bbtn--text { color: #595959; }
.bbtn--transparent-gray:hover .bbtn--icon,
.bbtn--transparent-gray:hover .bbtn--text { color: #d82315 !important; }

.bbtn--transparent-red { background-color: transparent; border:1px solid #a80d0d !important; }
.bbtn--transparent-red:hover { background-color: #a80d0d; border:1px solid #a80d0d !important; }
.bbtn--transparent-red .bbtn--icon,
.bbtn--transparent-red .bbtn--text { color: #a80d0d; }
.bbtn--transparent-red:hover .bbtn--icon,
.bbtn--transparent-red:hover .bbtn--text { color: #FFFFFF !important; }

.bbtn--transparent-white { background-color: transparent; border:1px solid #FFFFFF !important; }
.bbtn--transparent-white:hover { background-color: #FFFFFF; border:1px solid #FFFFFF !important; }
.bbtn--transparent-white .bbtn--icon,
.bbtn--transparent-white .bbtn--text { color: #FFFFFF; }
.bbtn--transparent-white:hover .bbtn--icon,
.bbtn--transparent-white:hover .bbtn--text { color: #333333 !important; }

.e-administracja .bbtn--transparent { background-color: transparent; border:1px solid #007aa7; }
.e-administracja .bbtn--transparent:hover { background-color: #FFFFFF; border:1px solid #007aa7; }
.e-administracja .bbtn--transparent .bbtn--icon,
.e-administracja .bbtn--transparent .bbtn--text { color: #007aa7; }
.e-administracja .bbtn--transparent:hover .bbtn--icon,
.e-administracja .bbtn--transparent:hover .bbtn--text { color: #007aa7 !important; }

.e-administracja .bbtn--solid { background-color: #007aa7; border:1px solid #007aa7; }
.e-administracja .bbtn--solid:hover { background-color: #00000044; border:1px solid #00000044; }
.e-administracja .bbtn--solid .bbtn--icon,
.e-administracja .bbtn--solid .bbtn--text { color: #ffffff; }
.e-administracja .bbtn--solid:hover .bbtn--icon,
.e-administracja .bbtn--solid:hover .bbtn--text { color: #FFFFFF !important; }

.grafika .bbtn--transparent { background-color: transparent; border:1px solid #6d4a9c; }
.grafika .bbtn--transparent:hover { background-color: #FFFFFF; border:1px solid #6d4a9c; }
.grafika .bbtn--transparent .bbtn--icon,
.grafika .bbtn--transparent .bbtn--text { color: #6d4a9c; }
.grafika .bbtn--transparent:hover .bbtn--icon,
.grafika .bbtn--transparent:hover .bbtn--text { color: #6d4a9c !important; }

.grafika .bbtn--solid { background-color: #6d4a9c; border:1px solid #6d4a9c; }
.grafika .bbtn--solid:hover { background-color: #00000044; border:1px solid #00000044; }
.grafika .bbtn--solid .bbtn--icon,
.grafika .bbtn--solid .bbtn--text { color: #ffffff; }
.grafika .bbtn--solid:hover .bbtn--icon,
.grafika .bbtn--solid:hover .bbtn--text { color: #FFFFFF !important; }

.informatyka .bbtn--transparent { background-color: transparent; border:1px solid #2d8400; }
.informatyka .bbtn--transparent:hover { background-color: #FFFFFF; border:1px solid #2d8400; }
.informatyka .bbtn--transparent .bbtn--icon,
.informatyka .bbtn--transparent .bbtn--text { color: #2d8400; }
.informatyka .bbtn--transparent:hover .bbtn--icon,
.informatyka .bbtn--transparent:hover .bbtn--text { color: #2d8400 !important; }

.informatyka .bbtn--solid { background-color: #2d8400; border:1px solid #2d8400; }
.informatyka .bbtn--solid:hover { background-color: #00000044; border:1px solid #00000044; }
.informatyka .bbtn--solid .bbtn--icon,
.informatyka .bbtn--solid .bbtn--text { color: #ffffff; }
.informatyka .bbtn--solid:hover .bbtn--icon,
.informatyka .bbtn--solid:hover .bbtn--text { color: #FFFFFF !important; }

.informatyczne-techniki-zarzadzania .bbtn--transparent { background-color: transparent; border:1px solid #747400; }
.informatyczne-techniki-zarzadzania .bbtn--transparent:hover { background-color: #FFFFFF; border:1px solid #747400; }
.informatyczne-techniki-zarzadzania .bbtn--transparent .bbtn--icon,
.informatyczne-techniki-zarzadzania .bbtn--transparent .bbtn--text { color: #747400; }
.informatyczne-techniki-zarzadzania .bbtn--transparent:hover .bbtn--icon,
.informatyczne-techniki-zarzadzania .bbtn--transparent:hover .bbtn--text { color: #747400 !important; }

.informatyczne-techniki-zarzadzania .bbtn--solid { background-color: #747400; border:1px solid #747400; }
.informatyczne-techniki-zarzadzania .bbtn--solid:hover { background-color: #00000044; border:1px solid #00000044; }
.informatyczne-techniki-zarzadzania .bbtn--solid .bbtn--icon,
.informatyczne-techniki-zarzadzania .bbtn--solid .bbtn--text { color: #ffffff; }
.informatyczne-techniki-zarzadzania .bbtn--solid:hover .bbtn--icon,
.informatyczne-techniki-zarzadzania .bbtn--solid:hover .bbtn--text { color: #FFFFFF !important; }

.zarzadzanie .bbtn--transparent { background-color: transparent; border:1px solid #D35400; }
.zarzadzanie .bbtn--transparent:hover { background-color: #FFFFFF; border:1px solid #D35400; }
.zarzadzanie .bbtn--transparent .bbtn--icon,
.zarzadzanie .bbtn--transparent .bbtn--text { color: #D35400; }
.zarzadzanie .bbtn--transparent:hover .bbtn--icon,
.zarzadzanie .bbtn--transparent:hover .bbtn--text { color: #D35400 !important; }

.zarzadzanie .bbtn--solid { background-color: #D35400; border:1px solid #D35400; }
.zarzadzanie .bbtn--solid:hover { background-color: #00000044; border:1px solid #00000044; }
.zarzadzanie .bbtn--solid .bbtn--icon,
.zarzadzanie .bbtn--solid .bbtn--text { color: #ffffff; }
.zarzadzanie .bbtn--solid:hover .bbtn--icon,
.zarzadzanie .bbtn--solid:hover .bbtn--text { color: #FFFFFF !important; }

.studia-podyplomowe .bbtn--transparent { background-color: transparent; border:1px solid #5c7799; }
.studia-podyplomowe .bbtn--transparent:hover { background-color: #FFFFFF; border:1px solid #5c7799; }
.studia-podyplomowe .bbtn--transparent .bbtn--icon,
.studia-podyplomowe .bbtn--transparent .bbtn--text { color: #5c7799; }
.studia-podyplomowe .bbtn--transparent:hover .bbtn--icon,
.studia-podyplomowe .bbtn--transparent:hover .bbtn--text { color: #5c7799 !important; }

.studia-podyplomowe .bbtn--solid { background-color: #5c7799; border:1px solid #5c7799; }
.studia-podyplomowe .bbtn--solid:hover { background-color: #00000044; border:1px solid #00000044; }
.studia-podyplomowe .bbtn--solid .bbtn--icon,
.studia-podyplomowe .bbtn--solid .bbtn--text { color: #ffffff; }
.studia-podyplomowe .bbtn--solid:hover .bbtn--icon,
.studia-podyplomowe .bbtn--solid:hover .bbtn--text { color: #FFFFFF !important; }

.e-administracja .color,
.e-administracja .icon { color: #007aa7; }
.e-administracja .icon svg { fill: #007aa7; }
.grafika .color,
.grafika .icon { color: #6d4a9c; }
.grafika .icon svg { fill: #6d4a9c; }
.informatyka .color,
.informatyka .icon { color: #2d8400; }
.informatyka .icon svg { fill: #2d8400; }
.informatyczne-techniki-zarzadzania .color,
.informatyczne-techniki-zarzadzania .icon { color: #747400; }
.informatyczne-techniki-zarzadzania .icon svg { fill: #747400; }
.zarzadzanie .color,
.zarzadzanie .icon { color: #D35400; }
.zarzadzanie .icon svg { fill: #D35400; }
.studia-podyplomowe .color,
.studia-podyplomowe .icon { color: #5c7799; }
.studia-podyplomowe .icon svg { fill: #5c7799; }

.e-administracja .oplaty .card { border-color:#007aa73d; }
.grafika .oplaty .card { border-color:#6d4a9c3d; }
.informatyka .oplaty .card { border-color:#2d84003d; }
.informatyczne-techniki-zarzadzania .oplaty .card { border-color:#7474003d; }
.zarzadzanie .oplaty .card { border-color:#D354003d; }
.studia-podyplomowe .oplaty .card { border-color:#5c77993d; }

.bbtn--size-x-large {
    padding: 28px 36px;
    font-size: 16px;
    line-height: 120%;
}
.bbtn--size-medium {
    padding: 15px 20px;
    font-size: 16px;
    line-height: 120%;
}
.bbtn--size-small {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 120%;
}

.bbtn--facebook { background-color: #3b5998; border:1px solid #3b5998; }
.bbtn--facebook:hover { background-color: #2b4988; border:1px solid #2b4988; }
.bbtn--facebook .bbtn--icon,
.bbtn--facebook .bbtn--text { color: #ffffff; }
.bbtn--facebook:hover .bbtn--icon,
.bbtn--facebook:hover .bbtn--text { color: #FFFFFF !important; }

.bbtn {
    display: inline-block;
    box-sizing: border-box;
    transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
    cursor: pointer;
    /*text-align: center;*/
    text-transform: uppercase;
    white-space: nowrap;
}
.bbtn.w-100 {
    text-align: center;
}
.bbtn--round {
    border-radius:50px;
}

.bbtn:hover .bbtn--icon, .bbtn:hover .bbtn--text {
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0);
    vertical-align: middle;
}

.bbtn:hover .bbtn--icon {
    opacity: 1;
}

.bbtn--icon, .bbtn--text {
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    -webkit-transition: -webkit-transform .2s;
    transition-delay: .01s;
    -webkit-transition-delay: .01s;
    vertical-align: middle;
}

.bbtn--icon {
    opacity: 0;
    /*
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    */
    margin: 0px 15px 0 0;
    vertical-align: middle;
}

.bbtn--text {
    display: inline-block;
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    white-space: normal;
}

.bbtn--anim-vertical .bbtn  {
    position: absolute;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}
.bbtn--anim-vertical .bbtn:hover .bbtn--text {
    transform: translate3d(0,100%,0);
    -webkit-transform: translate3d(0,100%,0);
}
.bbtn--anim-vertical .bbtn:hover .bbtn--icon {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}

.bbtn--anim-vertical .bbtn .bbtn--icon {
    transform: translate3d(0,-100%,0);
    -webkit-transform: translate3d(0,-100%,0);
    margin: auto;
}
.bbtn--anim-vertical .bbtn .bbtn--icon, .bbtn--anim-vertical .bbtn .bbtn--icon:before, .bbtn--anim-vertical .bbtn .bbtn--text {
    position: absolute;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    -webkit-transition: -webkit-transform .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    height:56px;
}

/* nadpis accordion.css */
/*
.studia-podyplomowe .acc-head .acc-title:hover.collapsed { background-color: #5c7799 !important; }
.studia-podyplomowe .acc-head .acc-title:hover { background-color: #5c7799AA; }
.studia-podyplomowe .acc-head a.acc-title, .acc-head a.acc-title { background-color: #5c7799ff;}
*/
/* */
/* nadpis bars.css */
/*
.e-administracja .chart-wrap .bar-wrap .bar.wit {
    background-color: #007aa7;
    color:#FFFFFF;
}
.grafika .chart-wrap .bar-wrap .bar.wit {
    background-color: #6d4a9c;
    color:#FFFFFF;
}
.informatyka .chart-wrap .bar-wrap .bar.wit {
    background-color: #2d8400;
    color:#FFFFFF;
}
.informatyczne-techniki-zarzadzania .chart-wrap .bar-wrap .bar.wit {
    background-color: #747400;
    color:#FFFFFF;
}
.zarzadzanie .chart-wrap .bar-wrap .bar.wit {
    background-color: #D35400;
    color:#FFFFFF;
}
*/
/* */

/* BTN do AKTUALIZACJI */
/*
.btn {
  margin:10px 0 0 0;
  padding: 1rem 2.1rem;
  color:#FFF !important;
  background: #d82315;
  border: none;
  font-size: 18px;
  font-size: 1rem;
  background-color: #d82315;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border: 0px solid #d82315;
  -webkit-transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
  transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  display:block;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  width: auto;
  outline: none;
  vertical-align: middle;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius:unset;
    border-bottom: none;
}
.btn span {
    display: inline-block;
    position: relative;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;

.btn i, .btn em {
    display: inline-block;
    position: relative;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    will-change: transform;
}
.btn i *, .btn em * {
  stroke-width: 5;
  stroke-color: transparent;
}
.btn:hover {
  background-color: #a80d0d;
  border-color: #a80d0d;
  color: #fff !important;
    border-bottom: 1px solid transparent;
}

.btn-big {
    padding: 1.6rem 3rem;
    width:100%;
}
.btn-circle {
    border-radius: 50%;
}
.btn-radius {
    border-radius: 50px;
}
.btn-2x {
    border-width: 2px !important;
    font-weight: 900;
}
.btn-white {
    background-color: #FFF;
    color: #d82315;
}
.btn-white:hover {
    background-color: #EEE !important;
    color: #333;
}

.btn-more {
    background-color: transparent;
    border: 1px solid #888;
    color: #888;
}
.btn-more:hover {
  background-color: #FFFFFF;
  border-color: #888;
  color: #d82315;
}

.btn-transparent-white {
    background-color: transparent;
    border: 1px solid #FFF;
    color: #FFF;
}
.btn-transparent-white:hover {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #d82315;
}
.btn-transparent-red {
    background-color: transparent !important;
    border: 1px solid #d82315;
    color: #d82315;
}
.btn-transparent-red:hover {
    color: #d82315;
}
.btn-transparent-gray {
    background-color: transparent !important;
    border: 1px solid rgba(0,0,0,.15);
    color: rgba(0,0,0,.35);
}
.btn-transparent-gray:hover {
    border: 1px solid rgba(0,0,0,.45);
    color: rgba(0,0,0,.65);
}
.btn-transparent-dark {
    background-color: transparent !important;
    border: 1px solid rgba(0,0,0,.45);
    color: rgba(0,0,0,.65);
}
.btn-transparent-dark:hover {
    border: 1px solid rgba(0,0,0,.75);
    color: rgba(0,0,0,.95);
}

.btn-facebook {
    background-color: #3b5998;
    color: rgba(255,255,255,0.99);
}
.btn-facebook:hover {
    background-color: #2b4988;
    color: rgba(255,255,255,0.99);
}
.btn-border {
    border: 1px solid #FFF;
}
.btn-small {
    font-size: 0.8em;
    padding: 0.7em 1.7em;
}

.btn-right:hover span {
  -webkit-transform: translate3d(1em, 0, 0);
          transform: translate3d(1em, 0, 0);
}
.btn-left:hover span {
  -webkit-transform: translate3d(-1em, 0, 0);
          transform: translate3d(-1em, 0, 0);
}
.btn-right i, .btn-right em {
  position: absolute;
  width: 1.1em;
  left: -1rem;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.btn-left i, .btn-left em {
  position: absolute;
  width: 1.1em;
  right: -1rem;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.btn-right:hover i, .btn-right:hover em {
  opacity: 1;
  left: 1.2em;
}
.btn-left:hover i, .btn-left:hover em {
  opacity: 1;
  right: 1.2em;
}

.btn-small.btn-right:hover i, .btn-small.btn-right:hover em {
  opacity: 1;
  left: 0.8em;
}
.btn-small.btn-left:hover i, .btn-small.btn-left:hover em {
  opacity: 1;
  right: 0.8em;
}

.btn-100  {
    width:100%;
}
*/
/* *** */


/* -- END -- BUTTON ARROW HOVER */

/*
#rekrutacja h2 {
    padding: 0;
    position: unset;
    text-transform: uppercase;
    color: #FFF;
    font-size: 25px;
}
#rekrutacja h2::after {
    display:none;
}
*/
.card-box {
    padding-bottom: 20px !important;
    font-size:1rem;
    overflow: hidden;
    /*color:white;*/
}
.card-box-img {
    float: left;
    text-align: left;
    padding: 0 15px 0 0;
}

.card-box-img > img {
    max-width: 100px;
    border-radius: 50%;
}
.card-box-content {
    text-align: left;
    overflow: hidden;
}
.card-box-content > p.nazwisko {
    font-size: 1.1em;
    font-weight: 600;
}
.card-box-content > p.przedmioty {
    font-size: 0.9em;
}
.card-box-content > p.przedmioty > .title {
    opacity:0.8;
}


img.lightborder {
    background-color: #FFF;
    padding: 5px;
    border: 1px solid #EEE;
}
.card-horizontal {
    padding:10px 0;
}
.card-horizontal span.funkcja {
    font-size: 1.2em;
}
.card-horizontal span.nazwisko {
    font-size: 1.5em;
}
.card-horizontal .card-head {
    background-color: #EEE;
    position: relative;
    width: 100%;
    min-height: 1px;
    height: 100%;
    color: #FFF;
    padding-right: 15px;
    text-align: center;
    padding-left: 15px;
}

.card-horizontal .card-body {
    background-color: #FFF;
    position: relative;
    width: 100%;
    min-height: 1px;
    height: 100%;
    padding-right: 15px;
    text-align: left;
    padding-left: 15px;
    border: 1px solid #EEE;
    /*font-size:0.8em;*/
}


.card-horizontal.dziekanat .card-head {
    background-color: #3c81b9;
}
.card-horizontal.kwestura .card-head {
    background-color: #58a556;
}
.card-horizontal.rekrutacja .card-head {
    background-color: #922;
}
.card-horizontal.msjo .card-head {
    background-color: #3a9493;
}
.card-horizontal.erasmus .card-head {
    background-color: #565da0;
}

.callout {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 10;
    margin-top: -120px;
}
.nav_thin .callout {
    margin-top: -70px;
}

@media (max-width: 1110px) {
  .callout {
    margin-top: -70px;
  }
}

.support {
  position: fixed;
  bottom: 60px;
  right: 20px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  text-align: right;
  position: relative;
  z-index: 10;
}
.support a {
  color: white;
  text-decoration: none;
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
.support a::before {
  display: block;
  position: absolute;
  content: '';
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition: .3s;
  transition: .3s;
}
.support a:hover::before {
  width: 100%;
}

/* TAB / ACCORDION */
/*
.nav-tabs {
    border-bottom: unset;
    border-bottom: 1px solid #dee2e6;
    font-family: 'Roboto Condensed';
    font-size:0.95em;
    font-weight: 400;
}
.nav-tabs .nav-item, .nav-tabs .nav-link {
    padding:20px 15px;
        border: 1px solid rgba(0,0,0,.03);
    margin-right:5px;
}
.nav-tabs li {
    position: relative;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}
.nav-tabs li a.active {
    background-color: #FFFFFF;
    border-bottom: unset;
}

.nav-tabs li:first-child a {
    border-left: 1px solid #e5e5e5;
    border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
}

.nav-tabs li a {
    padding: 10px 20px;
    border: 1px solid #e5e5e5;
    border-left: none;
    background-color: #ebebeb;
    background-color: rgba(0,0,0,.05);
}
.nav-tabs li a {
    display: block;
    margin: 0;
    outline: 0;
    color: #444;
    white-space: nowrap;
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    cursor: pointer;
}
*/
/*
.tab-content {
    padding: 20px 10px;
    border: 1px solid #e5e5e5;
    border-top: none;
    background-color: #FFFFFF;
    background-color: rgba(255,255,255,.5);
}
*/

.nav-kroki .nav-link {
    border-radius: unset;
    color: #666666;
}
.nav-kroki .nav-link > .circle {
    border: 1px solid;
    border-radius: 50%;
    height: 44px;
    text-align: center;
    display: block;
    line-height: 36px;
    width: 44px;
    padding: 2px;
    background-color:#FFFFFF;
    margin-left: auto;
}
.nav-kroki .nav-link.active, .nav-kroki .show>.nav-link {
    color: #000000;
    background-color: transparent;
}
.e-administracja .nav-kroki .nav-link.active span {
    color:#007aa7;
    border-color:007aa7;
}
.grafika .nav-kroki .nav-link.active span {
    color:#6d4a9c;
    border-color:#6d4a9c;
}
.informatyka .nav-kroki .nav-link.active span {
    color:#2d8400;
    border-color:#2d8400;
}
.informatyczne-techniki-zarzadzania .nav-kroki .nav-link.active span {
    color:#747400;
    border-color:#747400;
}
.zarzadzanie .nav-kroki .nav-link.active span {
    color:#D35400;
    border-color:#D35400;
}
.studia-podyplomowe .nav-kroki .nav-link.active span {
    color:#5c7799;
    border-color:#5c7799;
}
.nav-kroki .nav-link.active > .circle {
    border: 2px solid;
}

.nav-kroki .nav-link.active span, .nav-kroki .show>.nav-link span{
    color: #C22C22;
    border-bottom:1px solid #C22C22;
    font-weight:bolder;
    padding-bottom:2px;
}
.nav-kroki a.nav-link {
    border-bottom:0 !important;
}

/*

@media (min-width: 768px) {
  .panel-heading {
    display: none;
  }
  .panel {
    border: none;
    box-shadow: none;
  }
  .panel-collapse {
    height: auto;
  }
  .panel-collapse.collapse {
    display: block;
  }
}
@media (max-width: 767px) {
  .tab-content .tab-pane {
    display: block;
  }
  .nav-tabs {
    display: none;
  }
  .panel-title a {
    display: block;
  }
  .panel {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    margin-top: -2px;
  }
  .tab-pane:first-child .panel {
    border-radius: 5px 5px 0 0;
  }
  .tab-pane:last-child .panel {
    border-radius: 0 0 5px 5px;
  }
}
*/
.panel-heading a {
    border: 1px solid #EEEEEE;
    padding: 6px 8px;
}


blockquote.bq-box {
background:#FAFAFA;
/*border-left:8px solid #008FEA;*/
border-left:8px solid #a72416;
box-shadow:0 3px 15px rgba(0,0,0,.15);
color:#666;
font-size:1.1em;
font-style:italic;
font-weight:300;
/*line-height:1.6;*/
margin:50px auto;
padding:1.2em 30px 1.2em 75px;
position:relative;
vertical-align:super;
/*width:60%;*/
width:90%;
z-index: 0;
overflow: hidden;
}

blockquote.bq-box::before {
/*color:#008FEA;*/
color:#a72416;
content:"\201C";
font-size:9em;
left:0;
position:absolute;
top:-35px;
}


@media only screen and (max-width: 576px) {
	blockquote.bq-box {
	margin:30px auto;
	padding:1em 20px 1em 35px;
	width:100%;
	}

	blockquote.bq-box::before {
	font-size:5em;
	left:0;
	top:-15px;
	}
}


/*
blockquote.bq-box p::before {
color: #ddd;
content:"\201C";
font-size:100em;
line-height: 0.65em;
right: .095em;
position:absolute;
z-index:-1;
}
*/
blockquote.bq-box span {
/*color:#008FEA;*/
color:#a72416;
display:block;
font-size:1.4em;
font-weight:300;
letter-spacing:1px;
margin-top:.5em;
}
blockquote.bq-box h1,
blockquote.bq-box h2,
blockquote.bq-box h3,
blockquote.bq-box h4 {
/*color:#008FEA;*/
color:#a72416;
display:block;
font-size:1.1em;
letter-spacing:1px;
margin-top:.5em;
}


/* ACCORDION STYLE */
.acc {
    margin:10px 0;
}

.acc-container {
    /*border-radius:50px !important;*/
    /*margin-bottom:5px;*/
}

.acc-head {
    padding-top: 5px;
	position: relative;
}
.acc-head a.acc-title {
    display:block;
    cursor: pointer;
    background-color: rgba(0,0,0,.02);
    border: 1px solid rgba(0,0,0,.05);
    padding:12px 10px 12px 45px;
    border-radius: 5px 5px 0px 0px;
    transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
    font-size: 0.8em;
    display: block;
    color: #121212;
    text-decoration: none !important;
}
.acc-head .collapsed.acc-title,
.acc-head .collapsed.acc-title:active {
    color:#555555 !important;
    background-color: transparent !important;
    border-radius: 5px;
    border: 1px solid transparent;
}
.acc-head .collapsed.acc-title:hover {
    background-color: rgba(0,0,0,.02) !important;
    color: #121212 !important;
}
.acc-head .collapsed.acc-title:hover::before {
    color: #121212 !important;
}

.acc-head .acc-title::before {
    font-family: 'FontAwesome';
    /*font-weight: 900;*/
    content: "\f107";
    position: absolute;
    left: 15px;
    /*font-size: 0.5em;
    padding: 7px;*/
    /*
    margin-left: -30px;
    margin-right: 10px;
    */
    transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
}
.acc-head .collapsed.acc-title::before {
    content: "\f105";
    padding-left:5px;
}
/*
.acc-head.acc-link .collapsed.acc-title::before {
    content: "\f0c1";
}
*/
.acc-head .acc-title {
    color: #121212 !important;
}
.acc-head .acc-title:hover {
    color: #121212 !important;
    border: 1px solid rgba(0,0,0,.05);
}
.acc-head .acc-title::before {
    color: #121212;
}
.acc-head .collapsed.acc-title::before {
    color: #888888;
}
.acc-head .collapsed.acc-title:hover::before {
    color: #333333;
}

.acc-title .acc-text {
    /* display: inline-block; */
    /*-ms-transform: translateX(-5px);*/
    /* transform: translateX(-5px); */
    /* -webkit-transform: translateX(-5px); */
    /* transition: -webkit-transform .2s; */
    /* transition: transform .2s; */
    /* transition: transform .2s,-webkit-transform .2s; */
    /* -webkit-transition: -webkit-transform .2s; */
    /* transition-delay: .01s; */
    /* -webkit-transition-delay: .01s; */
    font-size: .9em;
}

.collapsed.acc-title:hover .acc-text {
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.acc-body {
    border: 1px solid rgba(0,0,0,.05);
    border-top:none;
    padding: 0 20px;
    background-color: rgba(255,255,255,0.5);
    /*border-radius: 0px 0px 25px 25px;*/
}

.acc-body::before,
.acc-body::after {
    content: "";
    padding-top: 20px;
    display: block;
}


/* ACCORDION STYLE * END */


/* NEWS */
.card-news {
    /*padding-bottom: 20px;*/
    margin-bottom: 0;
}
.card-news .date-category-text {
    font-style:italic;
    opacity:0.6;
    margin-top: -10px;
    margin-bottom: 10px;
}
/*
#aktualnosci .image-zoom, .image-rotate {
    max-height:190px;
}
*/
/* NEWS * END */



/* LOAD-MORE * do EDYCJI */

.moreWrapper {
}
.moreSliceContainer {
}
.loadMore {
  text-align: center;
}
.loadMore__btn {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
}

/* LOAD-MORE * END */