/* ==========================================================================
   RADIO I
   v4.61
   01.12.2016
   N4K.EU
   ========================================================================== */


@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,900&subset=latin-ext');


body {
    position: relative;
    font: 400 16px/1.6em 'Lato', Arial, Helvetica, sans-serif;
    color: #222;
    background-color: #ffffff;
    /*
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23eaeaea' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  */

    background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23eaeaea' fill-opacity='0.23' fill-rule='evenodd'/%3E%3C/svg%3E");


}



@media (min-width: 1860px) {

    body::before {
        content: "";
        background: url(../img/bg.svg) left bottom;
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: -1;
        height: 550px;
        width: 300px;
    }

    body::after {
        content: "";
        background: url(../img/bg.svg) right top;
        display: block;
        position: absolute;
        z-index: -1;
        height: 400px;
        width: 300px;
        left: 0px;
        bottom: 0px;
    }
}


/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: #FFF;
}

#status {
    width: 180px;
    height: 132px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../img/logo.png) no-repeat center;
    background-size: cover;
    margin: -66px 0 0 -90px;
    -webkit-animation: status 1s linear 1s infinite alternate;
    /* Chrome, Safari, Opera */
    animation: status 1s linear 1s infinite alternate;

}


/* Chrome, Safari, Opera */
@-webkit-keyframes status {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

/* Standard syntax */
@keyframes status {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}




a {
    color: #000;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

a:hover,
a:focus {
    color: #d9251c;
    text-decoration: none;
}

.focus-only {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.focus-only:focus {
    position: static;
    /*lub clip: auto;*/
}

.lt-ie9 #header,
.lt-ie9 #main,
.lt-ie9 #footer,
.lt-ie9 .bg {
    display: none;
}

/*.btn {
	border: 1px solid #222;
	color: #222;
	margin: 30px auto;
	min-width: 200px;
}

@media (max-width: 479px) {
    .btn {
        margin: 10px auto;
    }
}

.btn:hover {
    border: 1px solid #B77D53;
    color: #F7F2EB;
    background: #B77D53;
}
.dark .btn {
    border: 1px solid #f3e6db;
    color: #f3e6db;
}
.dark .btn:hover {
    border: 1px solid #514D4A;
    color: #514D4A;
    background: #f3e6db;
}



.img-center{
	margin: 0 auto;
}


figure.img-border {
  border: 5px solid #eddfd6;
  padding: 3px;
}

*/

/*** tooltip ***/

.tooltip-inner {
    background-color: #222;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #222;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #222;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #222;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #514D4A;
}



/*.bg{
	background: #B77D53 url(../img/bg.jpg) repeat center center;
	position: absolute;
	height: 327px;
	width: 100%;
	left: 0px;
	top: -30px;
	right: 0px;
	z-index: -1;
}

.index .bg{
	height: 523px;
}


@media (min-width: 992px) and (max-width: 1199px) {
	.index .bg{
		height: 532px;
	}
}

@media (max-width: 991px){
	.index .bg{
		height: 551px;
	}
}

@media (max-width: 767px) {
	.bg{
		display: none;
	}
}
*/


/*** HEADER ***/


#header {
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    position: relative;
}

@media (min-width: 992px) {
    #header {
        height: 160px;
        margin-bottom: 40px;
    }
}


#header .container {
    position: relative;
}

@media (max-width: 767px) {}

#header h1 {
    float: left;
    margin: 0 0 15px;
    padding: 0;
    height: 132px;
    width: 180px;
}


#header h1 a {
    color: #FFFFFF;
    line-height: 1em;
    margin: 20px 0 0 0;
    display: block;
    background: url(../img/logo.png) no-repeat left center;
    background-size: contain;
    height: 125px;
    width: 170px;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-indent: -999999px;
}


#header h1 a:hover {
    margin: 10px 0 0 0;
    height: 132px;
    width: 180px;
}

@media (max-width: 991px) {
    #header {
        min-height: 95px;
        margin-bottom: 30px;

    }

    #header h1 {
        padding-bottom: 10px;
    }

    #header h1,
    #header h1 a:hover {
        height: 81px;
        width: 110px;
    }

    #header h1 a {
        height: 73px;
        width: 100px;
    }
}


/*@media (max-width: 479px) {
	#header h1 {
	  margin: 0;
	}
	#header h1 a {
		height: 48px;
		width: 200px;
	}
}

*/




#nav {
    float: right;
    background: #222;
    position: relative;
}




@media (min-width: 992px) {
    #nav {
        top: 100px;
    }

    #nav:after {
        content: "";
        display: block;
        width: 5015px;
        height: 50px;
        background: #222;
        position: absolute;
        right: -5000px;
        top: 0px;
    }

}

#nav ul {
    text-align: right;
    display: block;
    margin: 0px;
    padding: 0 0 0 5px;
}


#nav ul li {
    display: inline-block;
    list-style: none;
    position: relative;
    z-index: 2;
}

#nav ul li a {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    padding: 0 15px;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}




#header #nav ul li.active {
    background: #D9251C;
}

#header #nav ul li.active::after {
    content: "";
    background: #d9251c;
    height: 5px;
    position: absolute;
    left: 0px;
    top: -5px;
    right: 0px;
    display: block;
}


#header #nav ul li.active::before {
    content: "";
    background: #d9251c;
    height: 5px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -5px;
    display: block;
    z-index: 5;
}


#header #nav ul li a:hover,
#header #nav ul li a:focus {
    text-decoration: none;
    color: #d9251c;
}


#header #nav ul li.active a:hover {
    text-decoration: none;
    color: #ccc;
}


#header #nav ul li.active a {
    /*	border-bottom: 1px solid #185739;*/
}

@media (min-width: 992px) {


    #showmenu {
        display: none;
    }

    #nav ul {
        display: block !important;
    }

}




@media (max-width: 991px) {
    #showmenu {
        float: right;
        display: block;
        display: inline-block;
        font-size: 36px;
        color: #1F1A17;
        float: right;
        padding: 0 10px;
        margin-left: 20px;
        line-height: 60px;
    }

    #showmenu:hover {
        color: #D9251C;
    }

    #nav {
        display: block;
        clear: both;
        float: none;
        padding-top: 4px;
    }

    #nav ul {
        margin-bottom: 30px;
        padding: 0;
        display: none;

    }

    #nav ul li {
        display: block;
        border-bottom: 1px solid #F7F2EB;
    }

    #nav ul li.active {}

    #nav ul li a {
        font-size: 18px;
        line-height: 40px;
        color: #FFF;
        padding: 0 5px;
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
    }

    #header #nav ul li a:hover,
    #header #nav ul li a:focus,
    #header #nav ul li.active a:hover {
        color: #FFF;
        background: #333;
    }


    #header #nav ul li.active a {
        color: #FFF;
        background-color: #D9251C;
    }


    #header #nav ul li.active::after,
    #header #nav ul li.active::before {
        display: none;
    }
}



@media (min-width: 992px) and (max-width: 1199px) {
    #nav ul li a {
        font-size: 18px;
        padding: 0 12px;
    }
}





#box-info {
    position: relative;
}

.frequency {
    position: absolute;
    top: 0px;
    right: 220px;
}

.frequency:before,
.frequency:after {
    content: " ";
    display: table;
}

.frequency:after {
    clear: both;
}

.frequency dt,
.frequency dd {
    border-right: 1px solid #333;
    display: inline-block;
    float: left;
}

.frequency dt {
    background: url(../img/radiomast.png) no-repeat center center;
    border-right: 1px solid #333;
    text-indent: -999999px;
    width: 60px;
    height: 50px;
    margin-top: 10px;
}

.frequency dd {
    font-size: 21px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2em;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.frequency dd strong {
    font-size: 26px;
    font-weight: 900;
    display: block;
}


@media (min-width: 768px) and (max-width: 991px) {


    .frequency {
        top: 0px;
        right: 280px;
    }


    .frequency dt {
        width: 48px;
        height: 40px;
        background-size: contain;
        margin-top: 10px;
    }

    .frequency dd {
        font-size: 16px;
    }

    .frequency dd strong {
        font-size: 20px;
    }

}


.listen {
    position: absolute;
    top: 0px;
    right: 15px;
    z-index: 100;
}


@media (min-width: 768px) and (max-width: 991px) {
    .listen {
        top: 0px;
        right: 80px;
    }

}


@media (max-width: 767px) {
    .frequency {
        right: 15px;
        top: 50px;
    }
    .frequency dd {
        font-size: 14px;
    }
    .frequency dd strong {
        font-size: 16px;
    }


.frequency dt {
	width: 40px;
	height: 32px;
	margin-top: 10px;
	background-size: contain;
}

    .listen {
        position: absolute;
        top: 0px;
        right: 70px;
    }

}


@media (max-width: 599px) {


    .listen .jp-audio-stream {
        height: 60px;
        width: 60px;
    }

    .listen .jp-audio-stream .jp-info {
        display: none;
    }

    .listen .jp-audio-stream .jp-interface {
        background: #fff none repeat scroll 0 0;
    }

    .listen .jp-audio-stream .jp-play,
    .listen .jp-audio-stream .jp-play:focus {
        background: rgba(0, 0, 0, 0) url("../img/jplayer.png") no-repeat scroll 0 -140px;
        border-radius: 50%;
    }


    .listen .jp-audio-stream.jp-state-playing .jp-play,
    .listen .jp-audio-stream.jp-state-playing .jp-play:focus {
        background: rgba(0, 0, 0, 0) url("../img/jplayer.png") no-repeat scroll -40px -140px;
    }

    .listen .jp-audio-stream .jp-volume-controls {
        left: -15px;
        top: 55px;
    }

}




/*** LangForm ***/
#LangForm {}


#LangForm ul {
    padding-left: 10px;
}

#LangForm ul li a {
    padding: 0 5px;
    opacity: 0.5;
}

#LangForm ul li a:hover {
    opacity: 0.7;
}

#LangForm ul li.activ a {
    opacity: 1;
}





/*** OWL ***/
/*
.owl-nav {
    display: block;
    text-align: center;
    margin-top: 10px;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
    display: inline-block;
    position: relative;
    line-height: 32px;
    color: #794F2D;
    height: 32px;
    width: 32px;
    text-align: center;
    margin: 0 3px;
    padding: 0px;
    font-size: 32px;
    opacity: 0.7;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    opacity: 1;
}

*/


/*scrollup*/

.scrollup {
    position: fixed;
    bottom: 10px;
    right: 10px;
    color: #D9251C !important;
    display: none;
    font-size: 40px;
    height: 40px;
    left: auto;
    line-height: 40px;
    margin: 0;
    text-align: center;
    top: auto;
    width: 40px;
    z-index: 8000;
    opacity: 0.7;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.scrollup:hover {
    opacity: 1;
}




#main {
    padding-bottom: 60px;
}







/***  main_header ***/

.pageBody {
    margin-top: 60px;
    margin-bottom: 60px;
}

.pageBody:before,
.pageBody:after,
section:before,
section:after {
    content: " ";
    display: table;
}

.pageBody:after,
.section:after {
    clear: both;
}

@media (max-width: 479px) {
    .pageBody {
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }
}

@media (max-width: 991px) {
    .tx {
        text-align: center;
    }
}

.pageBody img,
.tx img {
    display: block;
    max-width: 100%;
    height: auto
}


.scection_head {
    border-bottom: 3px dashed #ddd;
    margin-bottom: 10px;
}


.scection_head h2 {
    font-size: 48px;
    margin: 0;
    padding: 0;
    color: #dddddd;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
}

.scection_head a {
    font-style: italic;
    color: #bbbbbb;
    float: right;
    margin-top: 20px;
}

.scection_head a:hover {
    color: #D9251C;
}

.subpage_header {
    padding: 0px;
    margin: 60px 0px 15px 0;
}

.subpage_header h2 {
    font-size: 52px;
    margin: 0;
    padding: 0;
    color: #dddddd;
    font-weight: 900;
    border-bottom: 3px dashed #ddd;
    text-transform: uppercase;
}



.subpage_header h3 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    position: relative;
    font-weight: normal;
    text-transform: uppercase;
    color: #F7F2EB;
}

@media (max-width: 991px) {
    .subpage_header {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .subpage_header h2 {
        font-size: 40px;
    }

    .subpage_header h3 {
        font-size: 16px;
    }

    .scection_head h2 {
        font-size: 40px;
    }

    .scection_head a {
        margin-top: 0px;
        width: 60px;
        font-size: 13px;
        line-height: 1em;
        text-align: right;
        position: relative;
        bottom: 0px;
    }

}

@media (max-width: 599px) {
    .section_head {
        border-bottom: none;

    }

    .scection_head h2 {
        font-size: 36px;
    }

}

@media (max-width: 479px) {
    .subpage_header {
        padding: 15px;
    }

    .subpage_header h2 {
        font-size: 32px;
    }

    .subpage_header h3 {
        font-size: 16px;
    }

    .scection_head h2 {
        font-size: 30px;
    }

    .scection_head a {
        width: 50px;
        font-size: 12px;
        bottom: 5px;
    }


}








/*** INDEX ***/

.owl-ix_emission {
    padding-right: 60px;
    padding-left: 60px;
    position: relative;
    margin-bottom: 60px;
    clear: both;
    float: none;
}


.owl-ix_emission .item {
    background: #eeeeee;
    display: block;
    position: relative;
}

.owl-ix_emission .item.activ {
    background: #d9251c;
    color: #fff;
}

.owl-ix_emission .item:before,
.owl-ix_emission .item:after {
    content: " ";
    display: table;
}

.owl-ix_emission .item:after {
    clear: both;
}

.owl-ix_emission .item figure {
    float: left;
    width: 27%;
    margin-right: 120px;
}

.owl-ix_emission .item figure img {
    display: block;
    max-width: 100%;
    height: auto;
}


.owl-ix_emission .item .time {
    position: absolute;
    left: 25%;
    top: 50%;
    color: #FFF;
    background: #D9251C;
    padding: 3px 10px;
    text-align: center;
    margin-top: -16px;
    font-size: 18px;
    font-weight: bold;
}


.owl-ix_emission .item.activ .time {
    color: #222;
    background: #fff;
}

.owl-ix_emission .item.activ .time::after {
    content: "TRWA!";
    background: #222;
    display: inline-block;
    position: absolute;
    z-index: 10;
    top: -50%;
    font-size: 10px;
    font-weight: 700;
    color: #FFF;
    margin-left: -26px;
    left: 50%;
    padding: 4px 10px;
    line-height: 1em;
}

.owl-ix_emission .item h4 {
    font-size: 18px;
    font-weight: 900;
    margin: 25px 0 0 0;
    padding: 0 10px 0 0;
    text-transform: uppercase;
}

.owl-ix_emission .item p {
    line-height: 1.1em;
    margin: 0px;
    padding: 0px;
}



.owl-ix_emission .owl-nav .owl-prev,
.owl-ix_emission .owl-nav .owl-next {
    display: inline-block;
    line-height: 32px;
    color: #fff;
    width: 45px;
    text-align: center;
    margin: 0 3px;
    padding: 0px;
    font-size: 32px;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #222;
    position: absolute;
    top: 0px;
    bottom: 0px;
}

.owl-ix_emission .owl-nav .owl-prev {
    left: 0px;
}

.owl-ix_emission .owl-nav .owl-next {
    right: 0px;
}

.owl-ix_emission .owl-nav .owl-prev .fa,
.owl-ix_emission .owl-nav .owl-next .fa {
    margin-top: -14px;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 45px;
    left: 0px;
}

.owl-ix_emission .owl-nav .owl-prev:hover,
.owl-ix_emission .owl-nav .owl-next:hover {
    background: #D9251C;
}



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

    .owl-ix_emission .item h4 {
        font-size: 18px;
        font-weight: 900;
        margin: 20px 10px 0 0;
        padding: 0px;
        line-height: 1.2em;
    }


    .owl-ix_emission .item .time {
        font-size: 14px;
        position: absolute;
        left: 70px;
        line-height: 1.2em;
    }

    .owl-ix_emission .item.activ .time::after {
        top: 90%;
    }

    .owl-ix_emission .item figure {
        width: 35%;
        margin-right: 30px;
        margin-top: -12px;
    }

    .owl-ix_emission .item p {
        font-size: 14px;
    }


}

@media (min-width: 768px) and (max-width: 991px) {

    .owl-ix_emission .item h4 {
        margin: 35px 0 0;
    }

}


@media (max-width: 600px) {

    .owl-ix_emission .owl-nav .owl-prev,
    .owl-ix_emission .owl-nav .owl-next {
        font-size: 24px;
        width: 30px;
    }

    .owl-ix_emission .owl-nav .owl-prev .fa,
    .owl-ix_emission .owl-nav .owl-next .fa {
        margin-top: -8px;
        width: 30px;
    }

    .owl-ix_emission {
        padding-left: 40px;
        padding-right: 40px;
    }


    .owl-ix_emission .item {
        height: 100px;
    }

    .owl-ix_emission .item figure {
        margin-right: 0;
        width: auto;
    }

    .owl-ix_emission .item figure img {
        display: block;
        height: 100px;
        max-width: 100%;
    }

    .owl-ix_emission .item h4 {
        padding: 0 0 0 165px;
        font-size: 17px;
    }


    .owl-ix_emission .item p {
        padding: 0 0 0 165px;
        font-size: 15px;
    }


    .owl-ix_emission .item .time {
        top: 5px;
        right: auto;
        bottom: auto;
        left: 0px;
        position: relative;
        font-size: 16px;
    }

    .owl-ix_emission .item.activ .time::after {
        left: auto;
        top: 4px;
        margin-left: 0px;
    }



}


@media (max-width: 479px) {


    .owl-ix_emission .item figure {
        display: none;
    }

    .owl-ix_emission .item h4,
    .owl-ix_emission .item p {
        padding: 0px 15px;
        text-align: center;
    }

    .owl-ix_emission .item p {
        font-size: 14px;
    }


    .owl-ix_emission .item .time {
        font-size: 14px;
    }

}











.ix_broadcasts_list:before,
.ix_broadcasts_list:after {
    content: " ";
    display: table;
}

.ix_broadcasts_list:after {
    clear: both;
}



.podcast {
    position: relative;
    margin-bottom: 80px;
}


.podcast:before,
.podcast:after {
    content: " ";
    display: table;
}

.podcast:after {
    clear: both;
}


.podcast figure img {
    display: block;
    max-width: 100%;
    height: auto;
}

.podcast header {
    background: #222;
    color: #FFF;
    position: relative;
}

.podcast header h3 {
    color: #FFF;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3em;
    text-transform: uppercase;
    padding: 0 20px 0 0;
    margin: 0px;
}


.podcast .leadtx {
    text-align: justify;
    line-height: 1.2em;
}

.podcast .redactor {
    display: inline-block;
    background: none;
    color: #222;
    margin: 0px;
    padding: 0px;
}


.podcast .br_title {
    font-size: 22px;
    font-weight: 700;
    color: #FFF;
    background: #D9251C;
    padding: 15px 0;
    position: relative;
}

.podcast .br_title .series {
    color: #222;
    background: #EEE;
    padding: 0px 10px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
}

.podcast .guest {
    color: #FFF;
    background: #222;
    padding: 0px 10px;
    display: inline-block;
    font-size: 14px;
}


.podcast .guest2 {
    color: #FFF;

    background: #222;
    padding: 0px 10px;
    display: inline-block;
    text-transform: uppercase;
}

.podcast .emission {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin: 0px;
    padding: 0px;
}




.emission_box {
    font-size: 18px;
    font-weight: bold;
}


.podcast .btn-audio-video {
    margin-left: 20px;
    /*z-index: 10;*/
    display: block;
    width: 280px;
}

/*.play_video {
	border: medium none;
	cursor: pointer;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	background: rgba(0, 0, 0, 0) url("../img/jplayer.png") no-repeat scroll 0 -260px;
	height: 40px;
	width: 40px;
	margin-right: 10px;  
}

.play_video:hover {
	background: rgba(0, 0, 0, 0) url("../img/jplayer.png") no-repeat scroll -40px -260px; 
}
*/

.play_video {
    border: medium none;
    cursor: pointer;
    display: block;
    float: left;
    overflow: hidden;
    height: 40px;
    width: 40px;
    margin-right: 10px;
}


.play_video,
.play_video:focus {
    border-color: #D9251C;
    color: #fff;
    border-radius: 0px;
    height: 40px;
    width: 40px;
    background: #D9251C;
    font-size: 24px;
    padding: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-align: center;
    line-height: 40px;
}

.play_video:hover {
    border-color: #222;
    color: #fff;
    background: #222;
}





.podcast .jp-audio {
    float: left;
}


.podcast .video {
    position: absolute;
    z-index: 11;
    left: 0px;
    top: 0px;
    background: #222222;
    right: 0px;
    bottom: 0px;
    margin-right: 15px;
    margin-left: 15px;
    display: none;
}






@media (min-width: 768px) {

    .podcast {
        min-height: 1px;
        position: relative;
        float: left;
        width: 50%;
        margin-bottom: 80px;
    }


    .podcast:nth-child(odd) {
        padding-left: 20px;
    }

    .podcast:nth-child(even) {
        padding-right: 20px;
    }

    .podcast figure {
        float: left;
        height: auto;
        width: 45%;
        margin-bottom: 45px;
    }


    .podcast header {
        width: 55%;
        float: right;
        display: table-cell;
        margin-top: 20px;
    }

    .podcast header::after {
        content: '';
        background: #222;
        position: absolute;
        width: 20px;
        left: -20px;
        top: 0px;
        bottom: 0px;
    }

    .podcast header h3 {
        height: 100px;
        vertical-align: middle;
        display: table-cell;
    }



    .podcast .leadtx {
        width: 285px;
        position: absolute;
        top: 155px;
        right: 20px;
    }

    .podcast:nth-child(odd) .leadtx {
        right: 0px
    }

    .podcast .redactor {
        position: absolute;
        top: 125px;
        right: 0px;
    }

    .podcast:nth-child(even) .redactor {
        right: 20px;
    }


    .podcast .br_title {
        position: absolute;
        width: 245px;
        left: 5px;
        top: 240px;
        text-align: center;
        display: block;
    }

    .podcast:nth-child(even) .br_title {
        left: -15px;
    }

    .podcast .br_title .series {
        position: absolute;
        top: -15px;
        left: 30px;
    }

    .podcast .guest,
    .podcast .guest2 {
        position: absolute;
        right: 305px;
        top: 290px;
    }

    .podcast:nth-child(even) .guest,
    .podcast:nth-child(even) .guest2 {
        right: 320px;
    }



    .podcast .emission {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .podcast .emission span {
        color: #999;
    }

    .podcast .emission .fa {
        color: #999;
        margin-left: 5px;
    }

    .podcast:nth-child(even) .emission {
        right: 20px;
    }

    .podcast .emission_box {
        position: absolute;
        left: 285px;
        bottom: 10px;
    }

    .podcast:nth-child(even) .emission_box {
        left: 265px;
    }


    .podcast .btn-audio-video {
        position: absolute;
        left: 265px;
        bottom: 0px;
    }

    .podcast:nth-child(even) .btn-audio-video {
        left: 245px;
    }


}


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

    .podcast {
        margin-bottom: 60px;
    }

    .podcast figure {
        margin-top: 45px;
        margin-bottom: 0px;

    }

    .podcast header h3 {
        font-size: 16px;
        line-height: 1.2em;
    }

    .podcast .br_title {
        top: 235px;
        width: 200px;
    }

    .podcast .br_title {
        font-size: 18px;
        padding: 15px 0;
    }

    .podcast .guest,
    .podcast .guest2 {
        top: 285px;
        /*width: 205px;*/
        right: 245px;
        font-size: 13px;
        padding: 0 10px;

        line-height: 20px;
    }


    .podcast .leadtx {
        width: 230px;
        font-size: 15px;
        top: 150px;
    }

    .podcast .series {
        top: 220px;
    }

    .podcast .btn-audio-video {

        position: relative;
        left: 200px;
        clear: both;
        float: none;
        width: 100%;
        display: block;
        bottom: -5px;
    }

    .podcast:nth-child(even) .btn-audio-video {
        left: 200px;
    }


    .podcast .emission_box {
        position: relative;
        left: auto;
        clear: both;
        float: right;
        width: 230px;
        display: block;
        height: 40px;
        margin-top: 15px;
    }


    .podcast:nth-child(even) .emission_box {
        left: auto;
    }
}


@media (min-width: 768px) and (max-width: 991px) {


    .podcast {
        min-height: 1px;
        position: relative;
        float: none;
        width: 100%;
        margin-bottom: 80px;
    }


    .podcast:nth-child(odd) {
        padding-left: 0px;
    }

    .podcast:nth-child(even) {
        padding-right: 0px;
    }

    .podcast figure {
        width: 35%;
    }


    .podcast header {
        width: 65%;
    }

    .podcast .leadtx {
        right: 0px;
        top: 170px;
        width: 60%;
    }

    .podcast .redactor {
        right: 0px !important;
    }

    .podcast .emission {
        right: 0px !important;
    }

    .podcast .br_title {
        left: -15px !important;
        width: 35%;
        top: 240px;
    }

    .podcast .series {
        left: 30px !important;
    }


    .podcast .guest,
    .podcast .guest2 {
        right: 465px !important;
        top: 288px;
    }

    .podcast .btn-audio-video {
        bottom: 0;
        left: 270px !important;
    }


    .podcast .emission_box {
        left: 285px !important;
    }


}



@media (max-width: 767px) {


    .podcast {
        text-align: center;
        margin: 0 auto 60px auto;
        max-width: 480px;
    }

    .podcast header {
        width: auto;
        position: relative;
        top: 15px;
    }

    .podcast header h3 {
        font-size: 17px;
        padding: 30px 15px;
        text-align: center;

    }

    .podcast .br_title {
        position: relative;
        width: auto;
        margin-right: 30px;
        margin-left: 30px;
        font-size: 18px;
        text-align: center;
        z-index: 3;
        padding: 5px 0;
        display: block;
    }

    .podcast figure {
        position: relative;
        top: -15px;
    }



    .podcast .br_title .series {
        position: absolute;
        bottom: -15px;
        right: 15px;
    }

    .podcast .redactor,
    .podcast .guest,
    .podcast emission {
        display: block;
        background: none;
        color: #222;
        font-size: 16px;
        clear: both;
        float: none;
    }

    .podcast .redactor small,
    .podcast .redactor strong {
        display: inline-block !important;
        float: none !important;
    }

    .podcast .redactor small {
        text-transform: none !important;
        font-style: normal !important;
    }


    .podcast .leadtx {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .podcast .btn-audio-video {
        margin-left: 0px;
    }

}







/* PAGINATION */

/*.stronicowanie {
	display: block;
	clear: both;
	float: none;
	margin-top: 15px;
	padding: 0 15px;
}*/

/*pagination js*/
.holder {
    margin: 15px 0 40px 0;
    text-align: center;
}

.holder a {
    font-size: 14px;
    cursor: pointer;
    color: #222;
    border: 1px solid #CCC;
    padding: 5px 10px;
    margin: 0 2px 0 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.holder a:hover {
    background-color: #D9251C;
    border: 1px solid #D9251C;
    color: #fff;
    text-decoration: none;
}

.holder a.jp-current,
a.jp-current:hover {
    background-color: #D9251C !important;
    border: 1px solid #D9251C !important;
    color: #fff;
}

.holder a.jp-disabled,
a.jp-disabled:hover {
    color: #ccc;
}

.holder a.jp-current,
a.jp-current:hover,
.holder a.jp-disabled,
a.jp-disabled:hover {
    cursor: default;
    background: none;
}

.holder span {
    margin: 0 5px;
}

.jp-first,
.jp-previous,
.jp-next,
.jp-last {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 18px;
    text-rendering: auto;
}






.ix_announcement .item {
    display: block;
    max-width: 100%;
    height: auto;
}



.ix_announcement .owl-dots {
    margin: 0 auto;
    position: relative;
    top: 5px;
    text-align: center;
}


.ix_announcement .owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 1px solid #222;
    background: #222;
    margin-right: 5px;
    display: inline-block;
}

.ix_announcement .owl-dot.active {
    background: #FF0000;
    border: 1px solid #FF0000;
}







/*** LUDZIE RADIA ***/


.redactor_list .item {
    margin-bottom: 15px;
    display: block;
}

.redactor_list a h3 {
    color: #FFF;
    background: #222;
    text-align: center;
    padding: 15px 0;
    margin: 0px 15px;
    position: relative;
    top: -15px;
    font-size: 18px;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


.redactor_list a:hover h3 {
    color: #FFF;
    background: #D9251C;
    margin: 0px 5px;
}

.redactor_list .small_box a h3 {
    margin: 0px 5px;
    padding: 10px 0;
    font-size: 16px;
}

.redactor_list a:hover h3 {
    margin: 0px 0px;
}


.redactor_list .small_box a h3 span {
    display: block;
}


.redactor_list .active {
    display: none;
}


.redactor_list a figure {
    overflow: hidden;
    position: relative;
}


.redactor_list a figure img {
    display: block;
    max-width: 100%;
    height: auto;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


.redactor_list a:hover figure img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

@media (max-width: 479px) {
    .small_box {
        width: 50% !important;
    }
}




.redactor_view {
    clear: both;
    float: none;
    margin-bottom: 90px;
}

.redactor_view:before,
.redactor_view:after {
    content: " ";
    display: table;
}

.redactor_view:after {
    clear: both;
}

.redactor_view figure {
    float: left;
    margin-right: 4%;
    height: auto;
    width: 30%;
    max-width: 480px;
}



.redactor_view .bio {}

.redactor_view .bio .info {
    text-align: justify;
    padding-left: 34%;
}


.redactor_view .bio h3 {
    font-size: 34px;
    color: #FFF;
    background: #D9251C;
    padding: 15px 0;
    margin-bottom: 30px;
}



.redactor_view .contact_box {
    margin: 0;
    padding: 15px;
    padding-left: 34%;
    min-height: 60px;
}

.redactor_view .contact_box li {
    display: inline-block;
    margin-right: 8px;
    list-style: none;
    font-size: 24px;
}

.redactor_view .contact_box li::last-child {
    margin-right: 0px;
}

@media (max-width: 1199px) {
    .redactor_list .item h3 {
        font-size: 16px;
    }

}

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

    .redactor_view figure {
        width: 40%;
    }

    .redactor_view .bio .info {
        text-align: justify;
        padding-left: 44%;
    }

    .redactor_view .contact_box {
        padding-left: 44%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .redactor_view figure {
        width: 40%;
    }

    .redactor_view .bio .info {
        text-align: justify;
        padding-left: 44%;
    }

    .redactor_view .contact_box {
        padding-left: 44%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {

    .redactor_view figure {
        width: 50%;
    }

    .redactor_view .bio .info {
        text-align: justify;
        padding-left: 0;
    }

    .redactor_view .contact_box {
        padding-left: 0;
    }
}

@media (max-width: 479px) {
    .redactor_view .bio {
        text-align: center;
    }

    .redactor_view figure {
        float: none;
        margin: 0 0 2px 0;
        height: auto;
        width: 100%;
        max-width: 480px;
    }

    .redactor_view .bio h3 {
        font-size: 24px;
        padding: 15px 0;
        margin-top: 0px;
    }

    .redactor_view .bio .info {
        text-align: center;
        padding: 0;
    }

    .redactor_view .contact_box {
        text-align: center;
        padding: 0;
    }
}


/*** AUDYCJE ***/

.broadcasts_list {
    margin-bottom: 30px;
}

.broadcasts_list a {
    display: block;
    margin-bottom: 30px;
    /*height: 300px;*/
}

.broadcasts_list a {
    display: block;
    margin-bottom: 30px;
}

.broadcasts_list a:before,
.broadcasts_list a:after {
    content: " ";
    display: table;
}

.broadcasts_list a:after {
    clear: both;
}

.broadcasts_list a figure {
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative;
}

.broadcasts_list a figure img {
    display: block;
    max-width: 100%;
    height: auto;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


.broadcasts_list a:hover figure img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}


.broadcasts_list a header {
    position: absolute;
    background: #222;
    top: 15px;
    right: 15px;
    margin: 0px;
    z-index: 2;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.broadcasts_list a:hover header {
    background: #D9251C;
}


.broadcasts_list a header h3 {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    height: 100px;
    width: 295px;
    font-size: 28px;
    line-height: 1.2em;
    font-weight: 700;
    color: #fff;
    padding: 0 10px;
    margin: 0px;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


.broadcasts_list a header .redactor {
    position: absolute;
    top: 90px;
    right: 15px;
}

.redactor {
    color: #fff;
    background: #D9251C;
    padding: 5px 15px;
    font-style: italic;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: block;
    line-height: 1.2em;
}

.broadcasts_list a:hover header .redactor {
    background: #222;
}

redactor:before,
redactor:after {
    content: " ";
    display: table;
}

redactor:after {
    clear: both;
}

.redactor small {
    display: block;
    float: left;
    margin-right: 5px;
}

.redactor strong {
    font-size: 14px;
    display: block;
    float: right;
}


.broadcasts_list a:hover header span {
    background: #D9251C;
}

.broadcasts_list a div {
    clear: both;
    float: none;
    padding-top: 15px;
    padding-bottom: 30px;
    text-align: justify;
    line-height: 1.4em;
}



@media (min-width: 992px) and (max-width: 1199px) {
    .broadcasts_list a header h3 {
        font-size: 24px;
        width: 250px;
    }

    .redactor small {
        display: none;
    }
}


@media (max-width: 991px) {
    .broadcasts_list a figure {
        float: none;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .broadcasts_list a header {
        margin: 0;
        position: relative;
        right: 0px;
        top: 0px;

    }

    .broadcasts_list a header {
        margin: 0 0 4px;
    }

    .broadcasts_list a header h3 {
        width: 480px;
        font-size: 24px;
    }

}

@media (max-width: 630px) {
    .broadcasts_list > div {
        width: 100% !important;

    }

    .broadcasts_list > div > a {
        max-width: 480px !important;
        margin-right: auto;
        margin-left: auto;
    }

}

@media (max-width: 479px) {
    .redactor small {
        display: none;
    }
}


.broadcast header {
    background: #222;
    position: relative;
    left: 30px;
    margin-top: 30px;
    margin-bottom: 45px;
}



.broadcast header h2 {
    color: #FFF;
    height: 100px;
    width: 480px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    margin: 0px;
    padding: 0px;
    font-size: 34px;
    font-weight: 700;
}

.broadcast .podcast_list h3 {
    border-bottom: 2px dashed #ddd;
    color: #dddddd;
    font-size: 32px;
    font-weight: 900;
    margin: 0 0 30px 0;
    padding: 0;
    text-transform: uppercase;
}

@media (min-width: 992px) {

    .broadcast header::after,
    .broadcast header::before {
        content: "";
        height: 100px;
        width: 30px;
        background: #222;
        z-index: 2;
        display: block;
        position: absolute;
        top: 0px;
    }

    .broadcast header::after {
        right: -30px;
    }

    .broadcast header::before {
        left: -30px;
    }

}

@media (max-width: 991px) {
    .broadcast header {
        left: 0px;
    }
}



.broadcast header .redactor {
    position: absolute;
    top: 90px;
    z-index: 3;
    left: -15px;
}




.broadcast .emission {
    margin: 15px 0px 30px;
    padding: 0px;
}

.broadcast .emission li {
    border-bottom: 1px dotted #CCC;
    list-style: none;
    padding: 5px 0;
}

.broadcast .emission li:first-child {
    border-top: 1px dotted #CCC;
}

.broadcast .emission li span:first-child {
    display: inline-block;
    width: 105px;
}


.broadcast figure {
    margin-bottom: 45px;
    position: relative;
}


.podcast_list {}

.podcast_list:before,
.podcast_list:after,
#podcast-list:before,
#podcast-list:after {
    content: " ";
    display: table;
}

#podcast-list:after,
.podcast_list:after {
    clear: both;
}

.podcast_list .item {
    margin-bottom: 30px;
    border-left: 4px solid #222;
    position: relative;
    padding-left: 30px;
}

.podcast_list .item:before,
.podcast_list .item:after {
    content: " ";
    display: table;
}

.podcast_list .item:after {
    clear: both;
}


.podcast_list .item h4 {
    font-size: 18px;
    font-weight: 700;
}

.podcast_list .item .emission {
    color: #999;
    font-size: 14px;
}

.podcast_list .item .emission .fa {
    margin-left: 5px;
}

.podcast_list .item .leadtx {
    padding: 15px 0;
    line-height: 1.2em;
}

.podcast_list .item .btn-audio-video {
    position: absolute;
    left: 30px;
    bottom: 0px;
    width: 260px;
}


.btn-text,
.btn-text:focus {
    border-color: #D9251C;
    color: #fff;
    border-radius: 0px;
    height: 40px;
    width: 40px;
    background: #D9251C;
    font-size: 24px;
    padding: 2px 2px;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-text:hover {
    border-color: #222;
    color: #fff;
    background: #222;
}




.podcast_list .item .btn-text {
    float: left;
    margin-right: 10px;
}

.podcast_list .item .jp-audio {
    float: left;
}


@media (min-width: 1200px) {
    .podcast_list .item {
        height: 240px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .podcast_list .item {
        height: 240px;
    }

}



@media (max-width: 991px) {
    .podcast_list .item .btn-audio-video {
        position: relative;
        left: 0px;
        bottom: 0px;
        width: 260px;
    }

}








/*** RAMÓWKA ***/
.owl-emission {
    padding-right: 60px;
    padding-left: 60px;
    position: relative;
    margin-bottom: 60px;
}


.owl-emission .item {
    padding: 15px;
}

.owl-emission .item h3 {
    text-transform: uppercase;
    text-align: center;
    font-size: 26px;
    font-weight: 900;
    border-bottom: 1px solid #222;
}

.owl-emission .item a {
    display: block;
    background: #eee;
    margin-bottom: 10px;
    position: relative;
    padding-left: 60px;
    line-height: 1.2em;
    padding-top: 10px;
    padding-bottom: 10px;
}


.owl-emission .item a.link_off {
    cursor: default;
}

.owl-emission .item a:before,
.owl-emission .item a:after {
    content: " ";
    display: table;
}

.owl-emission .item a:after {
    clear: both;
}

.owl-emission .item a.activ {
    background: #D9251C;
    color: #FFF;
}

.owl-emission .item a.activ:hover,
.owl-emission .item a:hover {
    background: #222;
    color: #FFF;
}

.owl-emission .item a.link_off.activ:hover,
.owl-emission .item a.link_off:hover {
    background: #eee;
    color: #222;
}

.owl-emission a h4 {
    font-size: 18px;
    font-weight: 900;
    margin: 0;
    padding: 0px;
    text-transform: uppercase;
}


.owl-emission a .time {
    position: absolute;
    left: -15px;
    top: 50%;
    color: #FFF;
    background: #222;
    padding: 3px 10px;
    text-align: center;
    margin-top: -13px;
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.owl-emission a:hover .time,
.owl-emission a.activ:hover .time {
    color: #FFF;
    background: #D9251C;
}

.owl-emission a.link_off:hover .time,
.owl-emission a.link_off.activ:hover .time {
    color: #FFF;
    background: #222;
}


.owl-emission a.activ .time {
    color: #222;
    background: #eee;
    margin-top: -3px;
}

.owl-emission a.activ .time::after {
    content: "TRWA!";
    background: #222;
    display: inline-block;
    position: absolute;
    z-index: 10;
    top: -18px;
    font-size: 10px;
    font-weight: 700;
    color: #FFF;
    left: 0;
    padding: 4px 10px;
    line-height: 1em;
}


.owl-emission .owl-nav .owl-prev,
.owl-emission .owl-nav .owl-next {
    display: inline-block;
    line-height: 32px;
    color: #fff;
    width: 45px;
    text-align: center;
    margin: 0 3px;
    padding: 0px;
    font-size: 32px;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #222;
    position: absolute;
    top: 18px;
    height: 45px;
}

.owl-emission .owl-nav .owl-prev {
    left: 0px;
}

.owl-emission .owl-nav .owl-next {
    right: 0px;
}

.owl-emission .owl-nav .owl-prev .fa,
.owl-emission .owl-nav .owl-next .fa {
    margin-top: -14px;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 45px;
    left: 0px;
}

.owl-emission .owl-nav .owl-prev:hover,
.owl-emission .owl-nav .owl-next:hover {
    background: #D9251C;
}




/*** KONTAKT ***/


.contact_details p {
    border-bottom: 1px dotted #ddd;
    padding: 10px 5px 10px 36px;
    margin: 0px;
    position: relative;
}

.contact_details address {
    margin: 0px;
    padding: 0px;
}




.contact_details p::after {
    content: '';
    display: inline-block;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-synthesis: weight style;
    text-rendering: auto;
    font: normal 24px/1 FontAwesome;
    color: #ddd;
    position: absolute;
    left: 0px;
    top: 10px;
}

.contact_details p.address::after {
    content: '';
    left: 3px;
}

.contact_details p.phone::after {
    content: '';
    font-size: 28px;
    left: 4px;
}

.contact_details p.fax::after {
    content: '';
}

.contact_details p.mail::after {
    content: '';
    font-size: 20px;
}

.contact_details p.working_hours::after {
    content: '';
}

.contact_details p.registers::after {
    content: '';
    font-size: 20px;
    top: 10px;
}


.contact_details p.company {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-left: 0px;
    border: none;
}

.contact_details p.company strong {
    font-size: 36px;
}

.contact_details p.registers span {
    margin-right: 10px;
    display: inline-block;
}


.contact_details .supplementary {
    padding-top: 40px;
}

.contact_details .supplementary div {
    padding-left: 195px;
    position: relative;
    margin-top: 35px;
}


.contact_details .supplementary div h3 {
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: right;
    width: 170px;
    margin: 0px;
    padding: 0px;
}







.contact_social {
    margin: 45px 0;
    padding: 0px;
    text-align: center;
    position: relative;
}

.contact_social::after {
    content: "";
    display: block;
    background: #ddd;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
}

.contact_social:before,
.contact_social:after {
    content: " ";
    display: table;
}

.contact_social:after {
    clear: both;
}

.contact_social li {
    padding: 15px 0;
    list-style: none;
    display: inline-block;
    margin: 0px;
}

.contact_social li a {
    font-size: 28px;
    position: relative;
    z-index: 5;
    padding-right: 7px;
    padding-left: 7px;
    background: #FFF;
}

.contact_social li a:hover {
    color: #FF4E00;
}


#map {
    height: 370px;
    width: 100%;
    border: 6px solid #eee;
}



#formularz {
    margin-top: 60px;
}


#formularz label {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 2px;
}

#formularz .form-group {
    margin-bottom: 5px;
}

#formularz #send {
    margin-top: 12px;
    border-radius: 0px;
}



#formularz .req:after {
    content: '*';
    color: #F60;
    font-weight: bold;
    position: relative;
    left: 5px;
}

#formularz .form-control {
    background-color: #fff;
    background-image: none;
    border: 3px solid #8BA4B0;
    border-radius: 0px;
    box-shadow: none;
    color: #555;

}


.has-error .form-control {
    border-color: #a94442 !important;

}








@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 992px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 479px) {}






#footer {
    padding: 20px 0;
    font-size: 14px;
    background: #222;
}

#footer,
#footer .container {
    color: #CCCCCC;
}

#footer a {
    color: #CCCCCC;
}

#footer .copyright {
    float: left;
    text-align: left;
}

#footer .copyright {
    float: left;
    text-align: left;
    line-height: 1em;
}

#footer .created {
    float: right;
    text-align: right;
}

#footer .created a {
    opacity: 0.4;
}

#footer .created a:hover {
    opacity: 1;
}

#footer .created img {
    position: relative;
    top: -7px;
}

@media (max-width: 767px) {

    #footer .created,
    #footer .copyright {
        text-align: center;
        display: block;
        clear: both;
        float: none;
    }

    #footer .created {
        margin-top: 5px;
    }
}


/**** browse ****/

#browse {
    display: none;
}

.lt-ie9 #browse {
    background-color: #fff;
    text-align: center;
    border: 0px;
    margin: 0px;
    width: 100%;
    z-index: 3000;
    display: block;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.lt-ie9 #qLtempOverlay {
    display: none;
}

#browse img {
    height: 170px;
    width: auto;
}

#browse div {
    height: 460px;
    width: 600px;
    margin-top: -300px;
    margin-left: -230px;
    left: 50%;
    top: 50%;
    position: absolute;
    font-size: 18px;
}

#browse ul {
    padding: 0px;
    display: block;
    clear: both;
    float: none;
    width: 400px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

#browse ul li {
    margin: 30px 10px 10px 10px;
    padding: 0px;
    display: block;
    list-style-type: none;
    position: relative;
    float: left;
}

#browse a {
    background: url(../img/browse.png) no-repeat left top;
    display: block;
    width: 60px;
    text-align: center;
    font-size: 14px;
    color: #000;
    height: 90px;
    padding-top: 70px;
    vertical-align: top;
}

#browse a.chrome {
    bbackground: url(../img/browse.png) no-repeat 0 top;
}

#browse a.firefox {
    background: url(../img/browse.png) no-repeat -60px top;
}

#browse a.opera {
    background: url(../img/browse.png) no-repeat -120px top;
}

#browse a.safari {
    background: url(../img/browse.png) no-repeat -180px top;
}

#browse a.ie {
    background: url(../img/browse.png) no-repeat -240px top;
}

#browse a:hover {
    color: #C00;
}

/***** cookieinfo ******/

#cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
    position: fixed;
    font-size: 12px;
    left: 10px;
    bottom: 10px;
    z-index: 1000;
    text-align: center;
    color: #fff;
    background-color: #111;
    min-height: 30px;
    margin-right: 10px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 43px;
    line-height: normal;
}

#cookieinfo a.closeinfo {
    display: inline-block;
    margin: 0;
    position: absolute;
    left: 3px;
    top: 3px;
}

#cookieinfo a.closeinfo span {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: none;
    background-color: #D9251C;
    clear: both;
    float: none;
    padding: 0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    width: 30px;
    line-height: 30px;
}

#cookieinfo a.closeinfo:hover {
    background-color: #B2A64F;
    color: #D9251C;
}











/** socialmedia_box ***/
/*
#socialmedia_box {
    position: fixed;
    top: 200px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    z-index: 10;
overflow: hidden;
}
@media (max-width: 767px) {
    #socialmedia_box {
        display: none;
    }
}
#socialmedia_box li {
    list-style-type: none;
}
#socialmedia_box li a {
    display: inline-block;
    width: 60px;
    height: 40px;
    text-align: center;
    color: rgba(255,
    255,
    255,
    1.00);
    line-height: 40px;
    font-size: 26px;
    padding-left: 20px;
    position: relative;
    left: -20px;
}
#socialmedia_box li a:hover {
    left: 0px
}
#socialmedia_box li a.google {
    background-color: #CE4D39;
}
#socialmedia_box li a.facebook {
    background-color: #305891;
}
#socialmedia_box li a.twitter {
    background-color: #2CA8D2;
}
#socialmedia_box li a.instagram {
    background-color: #125688;
}
#socialmedia_box li a.youtube {
    background-color: #FF0004;
}
#socialmedia_box li a.pinterest {
    background-color: #C82828;
}
*/
















.jp-audio *:focus,
.jp-audio-stream *:focus,
.jp-video *:focus {
    outline: none;
}

.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {
    border: 0;
}

.jp-audio,
.jp-audio-stream,
.jp-video {
    font-size: 16px;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.6;
    color: #666;
}


.jp-video {
    color: #535353;
    background-color: #eee;
}

.jp-audio {
    width: 190px;
}

.jp-audio-stream {
    width: 165px;
    height: 95px;
}

.jp-video-270p {
    width: 480px;
}

.jp-video-360p {
    width: 640px;
}

.jp-video-full {
    /* Rules for IE6 (full-screen) */
    width: 480px;
    height: 270px;
    /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
    position: static !important;
    position: relative;
}


/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
.jp-video-full div div {
    z-index: 1000;
}

.jp-video-full .jp-jplayer {
    top: 0;
    left: 0;
    position: fixed !important;
    position: relative;
    /* Rules for IE6 (full-screen) */
    overflow: hidden;
}

.jp-video-full .jp-gui {
    position: fixed !important;
    position: static;
    /* Rules for IE6 (full-screen) */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    /* 1 layer above the others. */
}

.jp-video-full .jp-interface {
    position: absolute !important;
    position: relative;
    /* Rules for IE6 (full-screen) */
    bottom: 0;
    left: 0;
}

.jp-interface {
    position: relative;
    width: 100%;
}

.jp-audio .jp-interface {
    height: 40px;
}

.jp-audio-stream .jp-interface {
    height: 60px;
    color: #FFF;
    background: #D9251C;
    /*	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;  */
}

.jp-video .jp-interface {
    background: rgba(255, 255, 255, 0.1);
}


/* @group CONTROLS */
.jp-controls-holder {
    clear: both;
    width: 460px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    top: -8px;
}

.jp-interface .jp-controls {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.jp-audio .jp-controls {
    width: 40px;
    padding: 0
}

.jp-audio-stream .jp-controls {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
}

.jp-video .jp-type-single .jp-controls {
    width: 78px;
    margin-left: 200px;
}

.jp-video .jp-type-playlist .jp-controls {
    width: 134px;
    margin-left: 172px;
}

.jp-video .jp-controls {
    float: left;
}

.jp-controls button {
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
}

.jp-play {
    width: 40px;
    height: 40px;
}


.jp-play {
    background: url(../img/jplayer.png) no-repeat 0 -140px;
}

.jp-play:hover {
    background: url(../img/jplayer.png) no-repeat 0 -180px;
}

.jp-play:focus {
    background: url(../img/jplayer.png) no-repeat 0 -140px;
}

/*.jp-play:focus {background: url(../img/jplayer.png) no-repeat 0 -180px;	}*/

.jp-audio-stream .jp-play {
    background: url(../img/jplayer.png) no-repeat 0 -60px;
    border-radius: 50%;
}

.jp-audio-stream .jp-play:focus {
    background: url(../img/jplayer.png) no-repeat 0 -60px;
}

/*.jp-audio-stream .jp-play:focus {background: url(../img/jplayer.png) no-repeat 0 -100px;}*/


.jp-state-playing .jp-play {
    background: url(../img/jplayer.png) no-repeat -40px -140px;
}

.jp-state-playing .jp-play:focus {
    background: url(../img/jplayer.png) no-repeat -40px -140px;
}

/*.jp-state-playing .jp-play:focus {background: url(../img/jplayer.png) no-repeat -40px -180px;}*/


.jp-audio-stream.jp-state-playing .jp-play {
    background: url(../img/jplayer.png) no-repeat -40px -60px;
}

.jp-audio-stream.jp-state-playing .jp-play:focus {
    background: url(../img/jplayer.png) no-repeat -40px -60px;
}

/*.jp-audio-stream .jp-state-playing .jp-play:focus {background: url(../img/jplayer.png) no-repeat -40px -100px;}*/


.jp-video .jp-play {
    border-radius: 50%;
}




.jp-stop,
.jp-previous,
.jp-next {
    display: none;
}

/* @end */

/* @group progress bar */

.jp-progress {
    overflow: hidden;
    background-color: #ddd;
}

.jp-audio .jp-progress {
    position: absolute;
    bottom: 0px;
    height: 5px;
}

.jp-audio .jp-type-single .jp-progress {
    right: 0px;
    width: 135px;
}

.jp-audio .jp-type-playlist .jp-progress {
    left: 166px;
    width: 130px;
}

.jp-video .jp-progress {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 10px;
}

.jp-seek-bar {
    background: #E7E7E7;
    width: 0px;
    height: 100%;
    cursor: pointer;
}

.jp-video .jp-seek-bar {
    background: #cccccc;
}



.jp-play-bar {
    background: #d9251c;
    width: 0px;
    height: 100%;
}


.jp-seeking-bg {
    background: url("../img/jplayer.seeking.gif");
}

/* @end */



/* @group volume controls */
.jp-state-no-volume .jp-volume-controls {
    display: none;
}

.jp-volume-controls {
    position: absolute;
    top: 0px;
    left: 50px;
    width: 95px;
}

.jp-audio-stream .jp-volume-controls {
    position: absolute;
    left: 35px;
    top: 65px;
}

.jp-video .jp-volume-controls {
    left: 0px;
    top: 20px;
}

.jp-video-full .jp-volume-controls {
    top: 10px;
}


.jp-volume-controls button {
    display: block;
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
}

.jp-mute,
.jp-volume-max {
    width: 20px;
    height: 20px;
}

.jp-volume-max {
    left: 74px;
}

.jp-mute {
    background: url("../img/jplayer.png") 0 -20px no-repeat;
}

.jp-mute:focus {
    background: url("../img/jplayer.png") 0 0 no-repeat;
}

.jp-state-muted .jp-mute {
    background: url("../img/jplayer.png") -20px -20px no-repeat;
}

.jp-state-muted .jp-mute:focus {
    background: url("../img/jplayer.png") -20px 0px no-repeat;
}

.jp-volume-max {
    background: url("../img/jplayer.png") -40px -20px no-repeat;
}

.jp-volume-max:focus {
    background: url("../img/jplayer.png") -40px 0px no-repeat;
}

.jp-audio-stream .jp-mute {
    background: url("../img/jplayer.png") 0 0px no-repeat;
}

.jp-audio-stream .jp-mute:focus {
    background: url("../img/jplayer.png") 0 0 no-repeat;
}

.jp-audio-stream .jp-state-muted .jp-mute {
    background: url("../img/jplayer.png") -20px -0px no-repeat;
}

.jp-audio-stream .jp-state-muted .jp-mute:focus {
    background: url("../img/jplayer.png") -20px -0px no-repeat;
}

.jp-audio-stream .jp-volume-max {
    background: url("../img/jplayer.png") -40px -0px no-repeat;
}

.jp-audio-stream .jp-volume-max:focus {
    background: url("../img/jplayer.png") -40px -0px no-repeat;
}

/*
.jp-video .jp-mute {background: url("../img/jplayer.png") 0 0px no-repeat; }
.jp-video .jp-mute:focus {background: url("../img/jplayer.png") 0 0 no-repeat; }
.jp-video .jp-state-muted .jp-mute {background: url("../img/jplayer.png") -20px -0px no-repeat; }
.jp-video .jp-state-muted .jp-mute:focus {background: url("../img/jplayer.png") -20px -0px no-repeat; }
.jp-video .jp-volume-max {background: url("../img/jplayer.png") -40px -0px no-repeat; }
.jp-video .jp-volume-max:focus {background: url("../img/jplayer.png") -40px -0px no-repeat; }

*/


.jp-volume-bar {
    position: absolute;
    overflow: hidden;
    /*background: url("../img/jplayer.blue.monday.jpg") 0 -250px repeat-x;*/
    top: 7px;
    left: 22px;
    width: 46px;
    height: 6px;
    cursor: pointer;
    background: #e7e7e7;
}


.jp-volume-bar-value {
    width: 0px;
    height: 6px;
    background: #535353;
}



.jp-audio-stream .jp-volume-bar-value,
.jp-video .jp-volume-bar-value {
    background: #D9251C;
}


/* @end */


/* @group current time and duration */
.jp-audio .jp-time-holder {
    position: absolute;
    top: 17px;
}

.jp-audio .jp-type-single .jp-time-holder {
    right: 0px;
    width: 135px;
}

.jp-audio .jp-type-playlist .jp-time-holder {
    left: 166px;
    width: 130px;
}

.jp-current-time,
.jp-duration {
    width: 60px;
    font-size: 12px;
    color: #CCC;
}

.jp-current-time {
    float: left;
    display: inline;
    cursor: default;
}

.jp-duration {
    float: right;
    display: inline;
    text-align: right;
    cursor: pointer;
}

.jp-video .jp-current-time {
    margin-left: 10px;
}

.jp-video .jp-duration {
    margin-right: 10px;
}

/* @end */



.jp-video-play {
    width: 100%;
    overflow: hidden;
    /* Important for nested negative margins to work in modern browsers */
    cursor: pointer;
    background-color: transparent;
    /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}

.jp-video-270p .jp-video-play {
    margin-top: -270px;
    height: 270px;
}

.jp-video-360p .jp-video-play {
    margin-top: -360px;
    height: 360px;
}

.jp-video-full .jp-video-play {
    height: 100%;
}

.jp-video-play-icon {
    position: relative;
    display: block;
    width: 70px;
    height: 100px;
    margin-left: -35px;
    margin-top: -50px;
    left: 50%;
    top: 50%;
    background: url("../img/jplayer.video.play.png") 0 0 no-repeat;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
}

.jp-video-play-icon:focus {
    background: url("../img/jplayer.video.play.png") 0 -100px no-repeat;
}

.jp-jplayer audio,
.jp-jplayer {
    width: 0px;
    height: 0px;
}

.jp-jplayer {
    background-color: #000000;
}

/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
.jp-toggles {
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}

.jp-audio .jp-type-single .jp-toggles {
    width: 25px;
}

.jp-audio .jp-type-playlist .jp-toggles {
    width: 55px;
    margin: 0;
    position: absolute;
    left: 325px;
    top: 50px;
}

.jp-video .jp-toggles {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: 0;
    width: 20px;
}

.jp-video-full .jp-toggles {
    bottom: 13px;
    right: 80px;
}




.jp-toggles button {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    line-height: 100%;
    /* need this for IE6 */
    border: none;
    cursor: pointer;
}

.jp-full-screen {
    background: url("../img/jplayer.png") -40px -240px no-repeat;
}

.jp-full-screen:focus {
    background: url("../img/jplayer.png") -40px -220px no-repeat;
}

.jp-state-full-screen .jp-full-screen {
    background: url("../img/jplayer.png") -40px -240px no-repeat;
}

.jp-state-full-screen .jp-full-screen:focus {
    background: url("../img/jplayer.png") -40px -220px no-repeat;
}


/* @end */

/* @group NO SOLUTION error feedback */
.jp-no-solution {
    padding: 5px;
    font-size: .8em;
    background-color: #eee;
    border: 2px solid #009be3;
    color: #000;
    display: none;
}

.jp-no-solution a {
    color: #000;
}

.jp-no-solution span {
    font-size: 1em;
    display: block;
    text-align: center;
    font-weight: bold;
}

/* @end */


.jp-audio-stream .jp-info {
    font-size: 17px;
    color: #FFF;
    height: 40px;
    width: 90px;
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 1.2em;
    text-transform: uppercase;
}


jp-audio-stream .jp-info strong {
    font-size: 19px;
}



.jp-audio-stream .jp-volume-controls,
.jp-audio .jp-progress,
.jp-audio .jp-volume-controls,
.jp-audio .jp-time-holder {
    opacity: 0;
    -webkit-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.jp-audio-stream.jp-state-playing .jp-volume-controls,
.jp-audio.jp-state-playing .jp-progress,
.jp-audio.jp-state-playing .jp-volume-controls,
.jp-audio.jp-state-playing .jp-time-holder {

    opacity: 1;
}





.modal-content {
    background-clip: border-box;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    /*min-height: 100%;*/
    /*padding: 100px 0;*/
    /*text-align: center;*/
}

.modal-content .modal-header {
    color: #FFF;
    background: #222222;
    border: none;
    position: relative;
    padding: 0px;
}

.modal-content .modal-header h4 {
    font-size: 18px;
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    height: 56px;
    width: 600px;
    margin: 0px;
    padding: 0px 80px 0px 15px;
    line-height: 1em;
}

.modal-content .modal-header button.close {
    color: #FFF;
    background: #D9251C;
    display: block;
    position: absolute;
    top: 2px;
    right: 0px;
    font-size: 36px;
    line-height: 56px;
    text-align: center;
    height: 56px;
    width: 56px;
    opacity: 1;
    text-shadow: none;
}




.ad {
    text-align: center;
    margin-top: 30px;
}

.ad a {
    display: inline-block;
}

.ad img {
    display: block;
    max-width: 100%;
    height: auto;
}




/** socialmedia_box ***/

#socialmedia_box {
    position: absolute;
    top: 200px;
    right: 0px;
    padding: 0px;
    margin: 0px;
    z-index: 10;
	overflow: hidden;
	
}

@media (max-width: 767px) {
    #socialmedia_box {
        display: none;
    }
}

#socialmedia_box li {
    list-style-type: none;
}

#socialmedia_box li a {
    display: inline-block;
    width: 60px;
    height: 40px;
    text-align: center;
    color: rgba(255, 255, 255, 1.00);
    line-height: 40px;
    font-size: 26px;
    padding-right: 20px;
    position: relative;
    right: -20px;
}

#socialmedia_box li a:hover {
    left: 0px
}

#socialmedia_box li a.google {
    background-color: #CE4D39;
}

#socialmedia_box li a.facebook {
    background-color: #305891;
}

#socialmedia_box li a.twitter {
    background-color: #2CA8D2;
}

#socialmedia_box li a.instagram {
    background-color: #125688;
}

#socialmedia_box li a.youtube {
    background-color: #FF0004;
}

#socialmedia_box li a.pinterest {
    background-color: #C82828;
}

#socialmedia_box li a.wordpress {
    background-color: #00ad09;
}


/*
  
 //socialmedia_box

#socialmedia_box {
    position: fixed;
    top: 200px;
    right: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 10;

    @include media("<md") {
        display: none;
    }

    li {
        list-style-type: none;
        position: relative;

        a {
            display: inline-block;
            width: 60px;
            height: 40px;
            text-align: center;
            color: rgba(255, 255, 255, 1.00);
            background-color: #ccc;
            line-height: 40px;
            font-size: 26px;
            padding-right: 20px;
            position: relative;
            right: -20px;
            text-decoration: none;
            @include transition(all $duration ease-in-out);

            &:hover {
                right: 0px
            }

            &.snapchat {
                background-color: #ffa800;
            }

            &.facebook {
                background-color: #305891;
            }

            &.twitter {
                background-color: #2CA8D2;
            }

            &.instagram {
                background-color: #125688;
                background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
                background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
                background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
                background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
                background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
            }

            &.youtube {
                background-color: #FF0004;
            }

            &.pinterest {
                background-color: #C82828;
            }

            &.flickr {
                background-color: #FF0084;
            }

            &.vimeo {
                background-color: #1AB7EA;
            }

            &.linkedin {
                background-color: #000000;
            }

            &.wordpress {
                background-color: #F3F3F1;
            }


        }


    }
} 
  
*/



#fitweird {
    z-index: 9000;
}