/***************
*
* Plik dostosowania styli dla strony Collegium Meducim
* https://cm.ujk.edu.pl
* Personalizacja dla szablonu Helix Ultimate
* Autor: Sławomir Skulski
* e-mail: slawomir.skulski@ujk.edu.pl
* licencja: GNU/GPL (CC BY-NC-SA 4.0)
*
*/
/*grafika przy pozycji menu*/
.menu-image{float: left; margin-top: 10px; margin-right: 6px; width: 24px;}

.nav-header{line-height: 36px; position: relative;}
.nav-header:after{content: ''; float: right; margin-top: 14px; right: 18%; transform: rotate(90deg); width: 0; height: 0; 
  border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #333; /* kolor strzałki */}

/*test menu rozwijane*/
/* MENU BOCZNE – submenu jako akordeon */
.menu-menu ul.menu-child {
    position: static !important;
    left: auto !important;
    display: none;
    margin: 0;
    padding-left: 25px !important;
}

.menu-menu li.menu-parent.open > ul.menu-child,
.menu-menu li.menu-parent:hover > ul.menu-child {
    display: block;
}

html {
    font-size: 12px;
}

body {
    font-family: 'Poppins', sans-serif !important;
    /*font-weight: 300; --- zakomentowalem 05.01.2022*/ 
    font-size: 1.48rem !important;
    line-height: 1.55em;
    color: #5d5d5d;
}

b, strong{
	font-weight:bold !important;
}

#sp-main-body{
	padding:10px 0 !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}

section#sp-galeria h3.sp-module-title,
section#sp-aktualnlsci h3.sp-module-title,
h2 {
    font-weight: 500;  font-size: 4rem;
    color: #121212;
    line-height: 1.25em;
    margin: 0 0 .50em;
}

img {
    height: 100%;
    max-width: 100%;
    vertical-align: middle;
	object-fit: cover;
}

a:hover {
    text-decoration: none;
    color:#3e5afb;
}

a { color: #007ccc;}

.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li.active:hover > a{
	font-weight:900;
}
/* za duzy odstep wedlug mnie, zostawilem domyslne bootstrapa
p {
    margin-bottom: 1.5em;
    margin-top: 0;
}*/

.no-padding-left { padding-left: 0;}
.no-padding-right { padding-right: 0;}

section { margin-bottom: 50px; margin-top: 50px; /*padding:50px 0;*/}
section#sp-slider{ margin-bottom: 0px; margin-top: 20px; padding:10px 0 !important;}
section#sp-szukaj{ margin-bottom: 0px; margin-top: 20px; padding:60px 0 !important; background:#171717 !important;}
section#sp-szukaj h3.sp-module-title {color:#eee; text-align:center;}
section#sp-bottom{ margin-bottom: 0px; margin-top: 0px; padding:30px 0 !important;}
#sp-bottom .container-inner {border-top: 1px solid rgba(255, 255, 255, 0.1); padding:10px 0;}
section#sp-przebudowa{ margin-bottom: 10px; margin-top: 10px; padding:10px 0;background:#D5D5D5;}
@media only screen and (max-width: 991px){
    section { margin-top: 30px;}
}

.img-float-left {
    float: left;
    display: inline;
    margin: 0 20px 10px 0;
}
.img-float-right {
    float: right;
    display: inline;
    margin: 0 0 10px 20px;
}
@media only screen and (max-width: 991px){
    .img-float-left,
    .img-float-right {
        float: inherit;
        margin: 20px auto;
        display: block;
    }
}

/* btn */

.btn {
    display: inline-block;
    /*font-size: 1.4rem; */
	line-height: 1.143em; 
	letter-spacing: 1px;
    font-weight: 700; 
	color: #fff; 
	background: #007CCC;
    border: 2px solid #007CCC; 
	border-radius: 4px;
    padding: 1.5rem 2.5rem;
    text-transform: uppercase;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}
.btn:hover {
    background: #fff; 
	color: #007CCC;
}

.readmore,
.btn-link {
    color: #007ccc;
    text-transform: uppercase;
    font-weight: 600; 
	line-height: 1.2;
    font-size: 14px !important;
    -webkit-transition: ease 0.2s !important;
    -moz-transition: ease 0.2s !important;
    transition: ease 0.2s !important;
}

.article-list .article .readmore a {
    color: #007ccc !important;
    font-weight: 500;
	border:1px solid #007ccc;
	padding:2%;
	border-radius:10px;
}

.btn-link:hover {
    color: #3e5afb;
    text-decoration: none;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.btn-link:hover i {
    padding-left: 10px;
    color: #3e5afb;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

/* header top*/
.SuperTop{
	/*margin: 1.1rem 0;*/
    background: #007CCC; color: #fff;
    font-size: 13px; font-weight: 500;
    margin-bottom: 0;
	overflow: hidden;
}

.header-top {
    padding: 1.1rem 0;
    background: #007CCC; color: #fff;
    font-size: 13px; font-weight: 500;
    margin-bottom: 0;
	overflow: hidden;
}

.header-top a { color: #fff;}
.header-top ul {
    list-style: none;
    padding: 0; margin: 0;
    display: inline-flex;
}

.header-top ul li { margin-right: 12px; }
.header-top ul.social-networks {float: right}

.SuperTop div.container div.container-inner div.row div.header-top div#header-top-menu.menu ul.menu li a{
	color:#fff;
	font-size:1.2rem;
}

/* #sp-header-topbar div.container div.container-inner div.row.align-items-left div */

#sp-contact ul{
	list-style: none;
    padding: 0; margin: 0;
    display: inline-flex;
	color: #007ccc;
}

#sp-contact ul li i.fas.fa-phone,
#sp-contact ul li i.fas.fa-at {
    color: #5d5d5d;
	/*font-size:3.2rem;
	font-weight:900 !important;*/
	float:left !important;
	padding: 5px;
	display:flex;
}

#sp-contact ul li p{
	color:#333333;
	float:left;	
	margin-right: 10px;
	display:flex;
}

#sp-header-topbar #sp-contact ul li p a{
	float:none !important;
	
}


@media only screen and (max-width: 991px){
    .header-top { display: none}
}

/* social networks */
ul.social-networks {
    list-style: none;
    padding: 0; margin: 0;
    display: inline-flex;
}
ul.social-networks li {
    margin-left: 30px; margin-right: 0;
}

/*main menu*/
.main-menu {
    background: none;
    border-top: 1px solid #eee; border-bottom: 1px solid #eee;
    padding: 20px 0; margin: 0;
}
.main-menu a {
    font-family: 'Quicksand', sans-serif;
    color: #121212; font-size: 1.4rem;
    line-height: 1.286em; letter-spacing: 1.2px;
    padding: 0;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    text-transform: uppercase; font-weight: 700;
    margin-right: 40px;
}
.main-menu .active a,
.main-menu a:hover { color: #007CCC;}
.navbar-nav .dropdown-menu {
    border: 0; border-radius: 5px;
    padding: 20px;
}
.navbar-nav .dropdown-menu a {
    padding: 5px 0;
}
.navbar-nav .dropdown-menu a:hover { background: none}

/*section - box-6elements */
.box-6elements .box-inner {
    margin-bottom: 24px;
    border: 1px solid #F1F1F1; border-top: 0; border-radius: 10px;
}
.box-6elements .box-inner img { border-radius: 10px 10px 0 0; }
.box-6elements .box-inner .inner { padding: 40px; }
.box-6elements .box-inner h3 {
    font-weight: 700; font-size: 20px; line-height: 28px;
    margin-bottom: 20px;
}
.box-6elements .box-inner h3 a { color: #000}
.box-6elements .box-inner h3 a:hover { color: #3E5AFB}
.box-6elements .box-inner p {
    font-size: 16px;
    margin-bottom: 20px;
}


/* section - box-icons1 */
.box-icons1 {
    background: #F6F6F6;
    text-align: center;
    padding: 70px 0; margin-bottom: 0;
}

.box-icons1 .inner h3 {
    font-size: 20px; color: #000;
    margin-bottom: 20px;
    font-weight: 600;
}

.box-icons1 .inner i {
    font-size: 50px;
    color: #3E5AFB;
    width: 12rem; height: 12rem; margin: 0 auto 2rem;
    box-shadow: 0 2px 5px rgba(0,0,0,.06); border-radius: 50%;
    display: flex;
    align-items: center; justify-content: center;
    overflow: hidden;
}
.box-icons1 .inner p {
    line-height: 1.3;
    margin-bottom: 20px;
    font-size: 18px;
}
.box-icons1 .inner .btn {
    font-size: 1.4rem;
    line-height: 1.143em; font-weight: 700;
    color: #3E5AFB;
    background: transparent;
    text-transform: uppercase; letter-spacing: 1px;
    padding: 1.2rem 2.5rem;
    border: 2px solid #3E5AFB; border-radius: 100px;
    align-self: flex-start;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}
.box-icons1 .inner .btn:hover { 
	background: #3E5AFB; 
	color: #fff; 
}


/* section - blue box*/
.box-blue {
    background: #3070D8; color: #fff;
    text-align: center;
    padding: 70px 0; margin-bottom: 0;
}

@media only screen and (max-width: 991px){
    .box-blue { padding: 30px 0;}
}
.box-blue h2 { color: #fff;}
.box-blue .btn {
    background: transparent;
    border-color: #fff; color: #fff;
}
.box-blue .btn:hover {
    background: #fff;
    border-color: #fff; color: #3E5AFB;
}

/* header */
header { padding: 20px 0;}
header span,
header p {
    margin: 0;
    font-size: 1.4rem; line-height: 1.429em;
    color: #999596;
}
header p a { margin-top: 5px;}
header a {
    margin: 0;
    font-size: 1.4rem; line-height: 1.429em;
    color: #333;
    font-weight: 700;
    display: block;
}
header h2 {
    color: #000;
    font-weight: 700; font-size: 21px;
}
@media only screen and (max-width: 991px){
    header h2 { margin-right: 40px;}
}
header h2 p { font-weight: 400}
header .inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
}
header .col-md-5 .inner { border: 0; padding: 0}
header i {
    font-size: 30px;
    margin-right: 10px;
    color: #ddd;
    display: flex!important;
    align-items: center;
}
header .logo i { font-size: 60px; color: #3e5afb;}
header ul {
    list-style: none;
	/*zakomentowalem aby w menu glownym dropdown menu wyswietlal elementy rowno 23/03/2022*/
    /*display: inline-flex;*/
	display: block;
    margin: 0; padding: 0;
	/*zakomentowalem aby w menu glownym dropdown menu wyswietlal elementy rowno 23/03/2022*/
    /*float: right;*/
}
header ul li {
    display: flex;
    flex-direction: row;
    height: 100%;
    /* border-right: 1px solid #E9E9E9; */
    /*margin-right: 10px; 
	padding-right: 10px;*/
}
header ul li:last-child {
    padding: 0; margin: 0;
    border-right: 0;
	/*zakomentowalem aby w menu glownym dropdown menu wyswietlal elementy rowno 23/03/2022*/
    /*text-align: right;*/
}
header .btn { padding: 10px 20px;}

@media only screen and (max-width: 991px){
    header ul { display: none}
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        /*max-width: 1170px;*/
    }
}

/* section - box-numers */

.box-numbers {
    text-align: center;
    background: url(../images/cm12f.jpg) right bottom no-repeat; 
	color: #fff; 
	background-size: cover;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
@media only screen and (max-width: 991px){
    .box-numbers { padding-top: 20px;}
    .box-numbers .col-12 { margin-bottom: 20px; }
}
.box-numbers:before {
    position: absolute; 
	top: 0; left: 0;
    width: 100%; 
	height: 100%;
    /* background: rgba(0,0,0,.3); */
    content: '';
}

.box-numbers .text {
    border: 0;
    background: #fff !important; 
	color: #000; 
	font-weight: 600;
    text-align: center; 
	padding: 20px;
    display: flex;
    flex-direction: column; 
	justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 5px; 
	font-size: 15px;
	z-index:10;
}
.box-numbers .number {
    font-size: 72px; color: #007ccc;
}

/* box-sidebar*/
.box-sidebar {
    border: 1px solid #F1F1F1; 
	border-radius: 10px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    padding: 20px; margin-bottom: 30px;
    color: #007ccc;
}

/* box-sidebar hp*/
.box-sidebar-hp {
    padding: 0; margin-bottom: 0;
}

/* post */
.post {
    padding: 30px;
    border-bottom: 1px solid #F1F1F1;
}
.post:hover {
    background: #F6F6F6;
}
.post:hover .header-post a { color: #3e5afb;}
.header-post {
    font-size: 21px; font-weight: 700;
    color: #121212;
}
.header-post a { color: #121212}
.post-info {
    color: #999596;
    font-size: 16px;
}
.post-info  span { padding-right: 20px}

.big-post {
    position: relative;
}
.post-on {
    position: absolute; left: 60px; top: 60px;
    width: 65%; padding: 40px;
    background: rgba(0,0,0,.8);
}
@media only screen and (max-width: 991px){
    .post-on {
        position: unset; width: 100%;
    }
    .big-post img {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }
}
.post-on .header-post a,
.post-on p { color: #fff;}
.post-on .post-info { margin-bottom: 20px; display: block}
.post-all-btn {
    text-align: center;
    margin-top: 40px;
}

/* section - serach-box */
.search-box {
    background: #2869CB; color: #fff;
    display: flex;
    padding: 5% 0; margin-bottom: 0;
    font-weight: 500;
}
.search-box form {
    display: flex;
    width: 60%; margin: 0 auto;
}
@media only screen and (max-width: 991px){
    .search-box form {
        width: 100%;
    }
}
.search-box form input[type=text] {
    width: 100%;
    background: transparent; padding:  10px;
    border: 2px solid rgba(255,255,255,.2)
}
@media only screen and (max-width: 991px){
    .search-box form input[type=text] {
        width: 60%;
    }
}
.search-box .btn {
    background: #000;  border-color: #000;
    margin-left: 20px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

/*footer- acticites */
.footer-activities h3 a {
    color: #999596!important;
    font-size: 16px; font-weight: 600;
}
.footer-activities h3 a:hover {
    color: #fff!important;
}
.footer-activities .post-info{
    color: #999596;
    font-size: 14px;
    display: block; margin-bottom: 10px;
}
.footer-activities .row { margin-bottom: 20px}

/*section - box-txt */
.box-txt .container {
    width: 60%;
}
.box-txt h2 span {
    display: block;
    font-size: 23px;
}
@media only screen and (max-width: 991px){
    .box-txt .container {
        width: 100%;
    }
}
.box-gallery-in { margin-bottom: 40px; }

/*search - dropdown in menu */
.dropdown-search .dropdown-menu { padding: 10px;}
.dropdown-search form {
    display: flex;
}
.dropdown-search form input { height: 20px; border: 0}
.dropdown-search form i{
    font-size: 16px;
    margin-left: 20px;
}
.dropdown-search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000;
}
.dropdown-search ::-moz-placeholder { /* Firefox 19+ */
    color: #000;
}
.dropdown-search :-ms-input-placeholder { /* IE 10+ */
    color: #000;
}
.dropdown-search :-moz-placeholder { /* Firefox 18- */
    color: #000;
}
.navbar-nav { width: 100%}
.navbar-nav .dropdown-search { margin-left: auto!important;}
.navbar-nav .dropdown-search a {
    margin: 0;
}
.navbar-nav .dropdown-search .dropdown-toggle::after { display: none}

@media (min-width: 991px) and (max-width: 1199px) {
    .main-menu a { margin-right: 20px}
}
@media only screen and (max-width: 991px) {
    .dropdown-search form input {
        height: 35px;
        border-radius: 10px;
        width: 100%; padding: 10px;
        font-size: 14px;
    }
    .dropdown-search form i {
        padding-top: 10px;
        padding-right: 10px;
    }
    .navbar-collapse {
        background: #fff;
        position: fixed; left: -300px; top: 0; bottom: 0;
        width: 300px; padding: 20px 0;
        transition: height 0s ease;
        z-index: 2000;
    }
    .main-menu { border-bottom: 0}
    .main-menu a {
        font-size: 15px;
        margin: 0; padding: 20px!important;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }
    .navbar-nav .dropdown-search { margin: 10px 15px!important;}
    .navbar-nav .dropdown-search a { display: none}
    .navbar-nav .dropdown-search form { border: 1px solid #aaa; border-radius: 10px;}
    .dropdown-search .dropdown-menu { display: block; padding: 0}
    .navbar-collapse.collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
        overflow: scroll;
    }
    .main-menu { position: absolute; top: 0; right: 10px; }
    .navbar-toggler { font-size: 25px;}
}
.dropdown-item.active, .dropdown-item:active {
    color: #3e5afb !important;
    background-color: #fff;
}
/* section - box-breadcrumb*/
.box-breadcrumb {
    margin: 0; padding: 30px 0;
    overflow: hidden;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    padding-right: 10px;
}
.breadcrumb {
    background: transparent !important; 
	padding: 0;
    font-size: 12px; 
	font-weight: normal;
    color: #000;
	font-style: oblique;
}
.breadcrumb a, .breadcrumb a:hover { color: #000;}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 10px;
}
.breadcrumb-item.active {
    color: #000;
}
.box-breadcrumb.box-breadcrumb-title { padding: 30px 0 60px 0;}
.box-breadcrumb.box-breadcrumb-title h1 {
    float: left;
    font-size: 40px;
    color: #000; font-weight: bold;
}
.box-breadcrumb.box-breadcrumb-title  .breadcrumb {
    float: right;
    margin: 10px 0;
    line-height: 40px;
}
@media only screen and (max-width: 991px) {
    .box-breadcrumb { padding: 10px 0; }
    .box-breadcrumb.box-breadcrumb-title { padding: 10px 0; }
    .box-breadcrumb.box-breadcrumb-title h1,
    .box-breadcrumb.box-breadcrumb-title  .breadcrumb {
        float: inherit;
    }
}

/* box post */
.box-post {
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 50px;
}
.box-post-body {
    padding: 30px;
}
.box-post-body .post-info {
    margin: 20px 0 30px 0;
    display: block;
}
.box-post-body .header-post { font-size: 30px}
.box-post-body .header-post a:hover {
    color: #3e5afb;
}
/* box-full-width */
.box-full-width h1 {
    font-size: 40px;
    line-height: 60px;
    color: #000;
    margin-bottom: 30px;
}
.box-full-width p {
    text-align: justify;
}

/*sidebar- acticites */
.sidebar-activities h3 a {
    color: #121212!important;
    font-size: 16px; font-weight: 600;
}
.sidebar-activities h3 a:hover {
    color: #3e5afb!important;
}
.sidebar-activities .post-info{
    color: #121212;
    font-size: 14px;
    display: block;
}
.sidebar-activities .row {margin-bottom: 20px;}

/*sidebar -  header-sidebar*/

.header-sidebar{
    font-size: 19px;
    line-height: 23px;
    margin-bottom: 20px;
}

/*category sidebar*/
.sidebar-category-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-category-menu a {
    font-size: 15px;
    line-height: 19px;
    color: #000;
    margin: 5px 5px 10px 0;
    display: inline-block;
}
.sidebar-category-menu a:hover {
    color: #3e5afb!important;
}

/*sidebar - search */
.sidebar-search-form {
    width: 100%;
    background: #ededed;
    height: 50px;
    position: relative;
}
.sidebar-search-form input {
    background: transparent;
    border: 0;
    width: 100%; height: 100%;
    padding: 0 15px;
}
.sidebar-search-form i {
    position: absolute; right: 15px; top: 12px;
    font-size: 25px;
    color: #6f6f6f;
}
.sidebar-search-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #6f6f6f; font-weight: 300;
}
.sidebar-search-form ::-moz-placeholder { /* Firefox 19+ */
    color: #6f6f6f; font-weight: 300;
}
.sidebar-search-form :-ms-input-placeholder { /* IE 10+ */
    color: #6f6f6f; font-weight: 300;
}
.sidebar-search-form :-moz-placeholder { /* Firefox 18- */
    color: #6f6f6f; font-weight: 300;
}

/*sidebar- table-calendar */
.table-calendar {
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.table-calendar thead  {
    background: #3e5afb!important; color: #fff;
}
.table-calendar thead a {
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin: 0 10px;
}
.table-calendar thead a:hover {
    color: #333;
}
.table-calendar td.muted {
    opacity: 0.4;
}
.table-calendar th { font-weight: 400; padding: 5px 0;}
.table-calendar tbody {
    background: #fcfcfc;
    font-size: 13px;
}
.table-calendar strong {
    font-weight: 900;
}

#sp-header-topbar .container-inner{
	padding:15px 0 0 0;
	border-bottom: 0px solid #e5e5e5 !important;
}
	
#sp-header.lg-header {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1) !important;
}

#sp-header-topbar .container-inner > .row{
	min-height:100px !important;
}
#sp-liczniki.box-numbers div.row div#sp-position2 .col-lg-12 div.sp-column div.sp-module div.sp-module-content div.custom div.container div.row div.col-12.col-md-4{
	z-index:99;
}
#sptab112 .tabs_mask {
    background-color: #333333 !important ;
}

#sp-component .blog .article div.article-body div.article-header h2{
	font-size:2.25rem !important;	
	color:#007ccc;
}

#sp-kierunki div#sp-position7.col-lg-12 div.sp-column div.sp-module div.sp-module-content div.custom div.container div.row div.col-12.col-md-6.col-lg-4 div.box-inner div.inner h3 a,
#sp-kierunki div#sp-position7.col-lg-12 div.sp-column div.sp-module div.sp-module-content div.custom div.container div.row div.col-12.col-md-6.col-lg-4 div.box-inner div.inner h3{
	/*17-03-2022 zakomentowalem aby lepsza byla czcionka w tytule kierunkow - mb*/
	/*font-size:2.75rem !important;*/
	font-size:28px;
	padding:5px 0; 	
	text-align:center !important;
	
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    /*font-size: 1.35rem !important;*/
	line-height: 60px !important;
	font-weight:600;
	font-size: 13px;
	padding: 0 5px;
}

header#sp-header.lg-header{

}

section#sp-breadcrumbs{
	margin-bottom:5px !important;
	margin-top:5px !important;
}

/* Sekcja Kierunki studoów - Strona główna */
#sp-kierunki .col-12.col-md-6.col-lg-4{
	padding: 1rem;
}

#sp-kierunki div.box-inner a div.box-icons1 i.fab,
#sp-kierunki div.box-inner a div.box-icons1 i.fas{
	font-size:5.5rem;
}

#sp-kierunki .col-12.col-md-6.col-lg-4 div.box-inner a div.box-icons1 i.fab, 
#sp-kierunki .col-12.col-md-6.col-lg-4 div.box-inner a div.box-icons1 i.fas {
    background: #fff;
    border-radius: 50%; 
	border: 1px solid #F1F1F1;
    box-shadow: 0 0 5px rgba(0,0,0,.05);
    padding: 5rem; 
}

#sp-kierunki .col-12.col-md-6.col-lg-4 div.box-inner div.inner p{
	text-align:justify !important;
}

/*Sekcja Projekty (Badania i Nauka)- Strona główna */
#sp-projekty{
	background:#eee !important;
	margin:50px 0 !important;
	padding:30px 0 !important; 
}

#sp-projekty .col-12.col-md-6.col-lg-3{
	text-align:center;
}

#sp-projekty .col-12.col-md-6.col-lg-3 div.inner i.fas{
	font-size:3.5rem;
	color:#007ccc;
	background: #fff;
    border-radius: 50%; 
	border: 1px solid #F1F1F1;
    box-shadow: 0 0 5px rgba(0,0,0,.05);
    padding: 5rem; 
	margin-bottom: 24px;
} 

#sp-projekty .col-12.col-md-6.col-lg-3 div.inner{
	margin:15px 0 !important;
	padding:10px 0!important;
	background:#fff;
	border:#fff 1px solid;
	border-radius: 10px; 
}

#sp-projekty .col-12.col-md-6.col-lg-3 div.inner p{
	/*zakomentowalem 16.03.2022 --- dotyczy main page B+R*/
	/*text-align:justify !important;*/
	padding:5px 10px;
}

#sp-wydzial{
	background:#007ccc;
	color:#fff !important;
}

#sp-wydzial h1{
	color:#fff !important;	
}

#sp-wydzial h1 img{
	border: 5px solid #fff;
	border-radius:50%;
}

#sp-wydzial p{
	text-align:justify;
}

.article-details .article-header h1, 
.article-details .article-header h2{
	color:#007ccc;
}



/**/

.sp-corporex-layout .sp-slider-content{
	width:49% !important;
	height:63%;
	left:15px !important;
	top:38% !important;
	border: 0px solid #007CCC;
	border-radius: 10px;
}

.sp-corporex-layout .sp-slider-content a.btn-more{
	background: #fff; 
	color: #555555;	 
	border: 2px solid #fff;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.143em;
	letter-spacing: 1px;
	font-weight: 700;
	border-radius: 4px;
	padding: 0.5rem 0.8rem;
	text-transform: uppercase;
	-webkit-transition: ease 0.2s;
	-moz-transition: ease 0.2s;
	transition: ease 0.2s;
}



.article-info > span {
	font-size: 0.99rem;
}

.article-info span.published time{
	padding:0 30px;
	color:#333 !important;
}

#sp-footer1 p,#sp-footer2 p{
	line-height:1.41em !important;
	font-size:1.21em;
	color:#eee !important;
}

.page-header,
.page-header h1{color:#007CCC;}

.blog .article-list.articles-leading .article .article-body .article-header h2 a,
.blog .article-list .article .article-body .article-header h2 a,
#sp-right h3.sp-module-title{ 
	color:#007CCC; 
	font-weight:900 !important;
}

#sp-header.header-sticky{
	background:#007CCC;
	opacity:0.9;
}

/*zmieniam color, aby w nemu wyswietlalo sie wszystko na czarno - czcionki, aby bylo widac gdy zeskroluje sie na dol, zakomentowalem kod i jest czcionka czarna*/

#sp-header.header-sticky ul li a {
	/*color:#FFF !important;*/
}
 
.jd_footer a{
	visibility: hidden;
}

@media only screen and (max-width: 740px){
	#sp-header-topbar .container .container-inner{
		visibility:hidden !important;
		height:5px !important;
	}
	#sp-header.header-sticky{
		background:#007ccc !important;
		opacity:0.9;
		height:120px;
	}

	#sp-header.header-sticky ul li a {
		color:#FFF !important;
	}
 	
}

/***** ***/
/*Right menu start*/


	


.spr .r_menu ul.menu-menu li{
	padding:0 15px ;
	max-width:320px;
}

.spr .r_menu ul.menu-menu li li{
	max-width:420px;
	border:1px solid #acabab;
	background:#f8f8f8;
	z-index:3;
}
/*
.spr .r_menu .menu-parent:before{
	font-family:"Font Awesome 5 Free";
	content:"";
	float:right;
	margin-left:7px;
	
	right:0px;
	display:block;
	position:absolute;
	top:50%;
	cursor:pointer;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	
	font-weight:900;
	}
 */	
#sp-right .spr .r_menu ul.menu-menu li .menu-parent:after{
	font-family:"Font Awesome 5 Free";
	content:"";
	font-weight:900;
	}
	
#sp-right .spr .r_menu ul.menu-menu li .menu-toggler{
	right:0px;
	display:block;
	position:absolute;
	top:50%;
	cursor:pointer;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	}


.menu-menu ul>li:last-child{
	border-bottom:1px solid #f3f3f3 !important;
}

.menu-menu li a:first-child:nth-last-child(2):before { 
  content: " "; 
  position: relative; 
  height: 0; 
  width: 0; 
  border: 10px solid transparent; 
  top: 90% ;
  left:260px;  
 }

/* submenu positioning*/

/*.menu-menu ul {
  position: absolute;
  white-space: nowrap;
  border-bottom: 1px solid  #f5f5f5;
  background:#fff;
  z-index: 1;
  left: -99999em;
}

.menu-menu > li:hover > ul {
  left: auto;
  margin-top: 5px;
  min-width: 300px;
 }*/

.menu-menu > li li:hover > ul { 
  /* left: 100%; */
  margin-left: 1px;
  top: -1px;
}

/* arrow hover styling */

.menu-menu > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #aaa; 
}
.menu-menu > li:hover > a:first-child:nth-last-child(2):before {
  border: 10px solid transparent; 
  border-bottom-color: #007ccc; 
  margin-top:-5px;
}

.menu-menu li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #aaa; 
  margin-top: -5px;
}

.menu-menu li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: #007ccc;
  right: 10px; 
}

/* Right menu end */

/***** ***/



/*dodawane style MB start*/

.mb-style-img-thumnail {
	padding: .25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	max-width: 100%;
	height: 291px;
	width: 405px;
    object-fit: cover;
}
/*aktualnosci main page start*/
.mb-center {
	text-align: center;
}

.mb-images-div {
	/*width: 100%;
	height: 380px;*/
}

.mb-margin-bottom {
	margin-bottom: 1% !important;
}

.mb-font-famity-quicksand {
	font-family: 'Quicksand', sans-serif;
}

.mb-title-news {
	margin-left: 2%;
	margin-bottom: 5%;
}

.mb-title-news-blue {
	margin-left: 2%;
	color: #007ccc !important;
	font-weight: bold;
}

.mb-title-news-link {
	color: #ffffff !important;
	text-shadow: 2px 1px #000000;
	font-weight: bold;
}

.mb-title-news-in-carusel-white {
	font-size: 30px;
	color: #ffffff !important;
	text-shadow: 3px 1px #000000;
	font-weight: bold !important;
}

.mb-title-news-in-carusel-blue {
	font-size: 30px;
	color: #0070cc !important;
	text-shadow: 1px 1px #000000;
	font-weight: bold !important;
}

.cover-big-image-in-carusel-aktualnosci-main-page{
	height: 394px;
	width: 603px !important;
    object-fit: cover;
}


.contain-big-image-in-carusel-aktualnosci-main-page{
	height: 394px;
	width: 603px !important;
    	object-fit: contain;
}

.small-image-aktualnosci-main-page{
	height: 201px;
	width: 290px;
    object-fit: cover;
}
.small-image-aktualnosci-main-page-contain{
	height: 201px;
	width: 290px;
    object-fit: contain;
}
/*aktualnosci main page stop*/

#skiplink li {list-style-type: none; margin:0; padding:0;}
.skiplink {list-style-type: none; margin:0; padding:0;}

.skip-link {
  position: absolute;
  left: -9999em; 
 z-index: 200; 
}
.skip-link:focus {
  position: absolute;
  left: 0;
  width: 300px;
  background: black;
  color: white;
  height: 30px;
}

carousel-item: focus {
border: 10px solid;
}

.logo-image-phone {
    height: 110px !important;
}
#sp-header-topbar a {
    color: #333333;
}

/*dodawane style MB stop*/

.tabela-z-obramowaniem,
.tabela-z-obramowaniem td,
.tabela-z-obramowaniem th {
    border: 1px solid #333;
    border-collapse: collapse;
  padding: 8px !important;
}

.main-list {
    counter-reset: item;
}

.main-list > li {
    counter-increment: item;
}

.main-list > li::marker {
    content: counter(item) ". ";
}

.sub-list {
    counter-reset: subitem;
  padding-left: 5rem !important;
}

.sub-list > li {
    counter-increment: subitem;
}

.sub-list > li::marker {
    content: counter(item) "." counter(subitem) " ";
}

.main-list > li > ol{
    padding-left: 5rem !important;
}

/*miganie tekstu*/
.migajacy {
  animation: miganie 2s infinite; /* nazwa animacji, czas trwania, powtarzanie w nieskończoność */
}

@keyframes miganie {
  0%   { opacity: 0.5; }
  10%  { opacity: 0.6; }
  20%  { opacity: 0.7; }
  30%  { opacity: 0.8; }
  40%  { opacity: 0.9; }
  50%  { opacity: 1; }
  60%  { opacity: 0.9; }
  70%  { opacity: 0.8; }
  80%  { opacity: 0.7; }
  90%  { opacity: 0.6; }
  100% { opacity: 0.5; }
}