/* Minification failed. Returning unminified contents.
(3551,17): run-time error CSS1039: Token not allowed after unary operator: '-first-color-dark'
 */
/* ##################### reset css ######################################*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font:inherit;
  vertical-align:baseline;
}

body {
  background-color: #fff;
  line-height: 1.4;
  font-family: 'Noto Sans', sans-serif !important;  
  color:  #57585a;
  overflow-x: hidden;	
}

html,body {
   min-height: 100%;
}

.contrast, .fonts 
{
    cursor: pointer;
}


dl,ol,p,ul{ line-height:1.6 !important; list-style-position: inside !important; }
	
em { font-style: italic; }
.float-r { float: right !important; }
.float-l { float: left !important; }

.bold { font-weight: bold;  }
.underline { text-decoration: underline; }

.h2_c_h
{
    color: #1A1A1A; 
    background-color: #fff;
}

.foot_bg 
{
    background-color: #f1f1f1;
}

textarea:focus, input:focus, select:focus, button:focus, blockquote:focus, li:focus, ul:focus {
    outline: none;
}

/* ##################################################################   content    ################################################################### */
h1, h2, h3 { color: #1A1A1A; }
h2 {  font-weight: bold; }
h3 {  font-weight: bold; }
a { color: #A91717; }
a:hover, a:focus { color: #D34747; }

.disabled-link {
   pointer-events: none;
   cursor: default;
}

blockquote {
  /*background: #f5f5f5;*/
  border-left: 5px solid #ccc;
  margin: 1.5em 3px 1.5em 10px;
  padding: 0.5em 2px 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-style: italic;
  font-family: Georgia, serif;
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;  
}


strong { font-weight: 700; }

.loading-mask  
{
    width: 100%; 
    height: 100%; 
    position: fixed;
    top: 0;
    left: 0;     
    background-color: rgba(255, 255, 255, 0.86);
    display: none;    
    z-index: 9999;
}

.loading-mask div  
{
    width:100%; 
    height:100%; 
    text-align: center;
    /*
    background-image: url('/Content/img/loader.svg'); 
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: 60px 60px;
    */
}

.loading-mask .svg-container 
{
    display: table-cell;
    vertical-align: middle;
}

/* ---------------------------------------------------- loading mask animation -------------------------*/

#big_red_sun, #small_yellow_sun 
{
  opacity:0.2;
}
#big_red_sun {
    
   -webkit-animation: logoAnimation1 2s ease-out 75ms;
    -moz-animation: logoAnimation1 2s ease-out 75ms;
    animation: logoAnimation1 2s ease-out 75ms;
  animation-fill-mode: forwards;
      -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
 
   
    
}

#small_yellow_sun {
    
   -webkit-animation: logoAnimation2 2s ease-out 75ms;
    -moz-animation: logoAnimation2 2s ease-out 75ms;
    animation: logoAnimation2 2s ease-out 75ms;
  animation-fill-mode: forwards;
      -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
 
   
    
}
@keyframes logoAnimation1 {
    from {transform: none;}
    
  
  0% {
		
	}
	50% {
		
transform: rotate(170deg) scale(1.9);
      
	}
	100% {

    
	}
}

@keyframes logoAnimation2 {
    from {transform: none;}
    
  
  0% {
		
	}
	50% {
		
transform: rotate(170deg) scale(2.3);
      
	}
	100% {

    
	}
}

/* ---*/

#back-top {
	position: fixed;
    cursor: pointer;
    z-index: 9999;        
    right: 20px;
    bottom: 20px;
    display: none;
}

#back-top img {width: 45px; }

.ci-phone { width: 125px; }

.ci-dot:before
{ 
    content: ".";
    display: inline-block;
    line-height: 0;
    color: #8a8a8a;
    margin-top: -10px;
    position: relative;
    top: -2px;
    float: right;    
    margin-right: 40px;
}



.ci-mail, .ci-logon, .ci-logoff, .ci-shopping-cart, .ci-torso
{    
    display: block;
	float: right;
	color: #57585a;
	font-size: 13px;
}

.top-menu2:hover, .ci-logon:hover, .ci-torso:hover { text-decoration: underline; }


.ci-shopping-cart { margin-right:30px; }

.ci-logon:before, .ci-logoff:before, .ci-white-praca:before, .ci-apply-for-job:before, .ci-mail:before, .ci-clipboard:before, .ci-torso:before
{
    content: "";
    display: block;
    background-image: url(/Content/img/sprite.png);
    float: left;
    margin: 1px 0px 0px 0px;
}

.ci-logon:before
{    
    /*background-position: -57px -116px;*/
    background-position: -83px -117px;
    width: 15px;
    height: 15px;
    margin-right: 3px;     
}

.ci-logoff:before
{   
    background-position: -99px -116px;
    width: 15px;
    height: 17px;
    margin-right: 3px;     
}

.ci-torso
{    
    color: #707070;   
    /*font-weight: bold;*/
    /*margin-right: 10px;*/
    position: relative;
    margin-top: 28px;
}
.ci-torso:before
{    
    position: absolute;
    top: -28px;
    left: calc(50% - 12px);
    background-image: url(/Content/img/konto-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 27px; 
}

.ci-mail:before
{    
    background-position: 0px -41px;
    width: 29px;
    height: 20px;
    margin-right: 3px;     
}
.ci-white-praca:before
{    
    background-position: -36px -332px;
    width: 37px;
    height: 26px;    
    top: -5px;
    position: relative;
}

.ci-apply-for-job
{
    background-color: #a91717;
    padding: 5px 15px 7px 8px;
    color: #fff;
    display: block;
    width: 161px;
    margin: 0 auto;
    margin-top:25px;
}
.ci-apply-for-job:before
{    
    background-position: 0px -332px;
    width: 34px;
    height: 30px;
    top: -6px;
    position: relative;

}

.ci-clipboard:before
{    
    /*background-position: -173px 0px;*/
    background-position: -115px -116px;
    width: 16px;
    height: 17px;
    top: 0;
    position: relative;
    margin-right: 4px;
}



 /*.ci-social-youtube, .ci-social-instagram, .ci-social-twitter, .ci-social-facebook */
.ci-social-youtube:before, .ci-social-instagram:before, .ci-social-twitter:before, .ci-social-facebook:before 
{
    content: " ";
    display: inline-block;
    background-image: url(/Content/img/sprite.png);    
}
/*
.ci-social-facebook:before 
{
    background-position: -87px -59px;
    width: 30px;
    height: 28px;    
}
.ci-social-twitter:before{
    background-position: -158px -59px;
    width: 30px;
    height: 28px;  
}
.ci-social-instagram:before{
    background-position: -124px -59px;
    width: 30px;
    height: 28px;  
} 
.ci-social-youtube:before {
    background-position: -196px -59px;
    width: 30px;
    height: 28px;
}
*/


.ci-social-facebook:before 
{
    background-position: -87px -88px;
    width: 30px;
    height: 28px;    
}
.ci-social-twitter:before{
    background-position: -158px -88px;
    width: 30px;
    height: 28px;  
}
.ci-social-instagram:before{
    background-position: -124px -88px;
    width: 30px;
    height: 28px;  
} 
.ci-social-youtube:before {
    background-position: -196px -88px;
    width: 30px;
    height: 28px;
}


.ci-social-facebook:hover::before 
{
    background-position: -87px -59px;
    width: 30px;
    height: 28px;    
}
.ci-social-twitter:hover::before{
    background-position: -158px -59px;
    width: 30px;
    height: 28px;  
}
.ci-social-instagram:hover::before{
    background-position: -124px -59px;
    width: 30px;
    height: 28px;  
} 
.ci-social-youtube:hover::before {
    background-position: -196px -59px;
    width: 30px;
    height: 28px;
}

._c_t
{
    position: relative;
    background: #e9e9e9;
    height: 75px;
}

._c_t::before
{
    content: "";
    position: absolute;
    background: #e9e9e9;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 100vw;
    height: 100%;
}

/*._c_t::after
{
    content: "";
    position: absolute;
    background: #e9e9e9;
    right: calc(1px - 100vw);
    top: 0;
    width: 100vw;
    height: 100%;
}*/


#top-bar .row:first-child {
	/*background-color: #e9e9e9;*/	
}

#header 
{
    margin-bottom: 7px;    
    margin-top: 10px;
}

#header .vCenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    float:none;	
}

#header .vBottom {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    float:none;	
}

.tooltip {
    background-color: rgba(169, 23, 24, 0.82);
}

.tooltip.top::before  { 
    border-color: #A91718 transparent transparent;
}

.tooltip.right::before {
    border-color: transparent #A91718 transparent transparent;
}

.tooltip.left::before { 
    border-color: transparent transparent transparent #A91718;
}
.lang-link { padding: 0px 5px; display: block; }
.wp_language .lang-link { margin-bottom: 10px; }
.lang-link:hover { opacity: 0.3; }
.lang-link > a { display: block; color: #707070}

.lang-link > a > span:before
{
    background-image: url(/Content/img/sprite.png);
    
    width: 19px;
    height: 14px;
    display: inline-block;
    position: relative;
    content: ' ';
    }	
    
.lang-link:nth-child(1) > a > span:before {	background-position: 0px -667px; margin-bottom: -2px; }
.lang-link:nth-child(2) > a > span:before {	background-position: -20px -667px; margin-bottom: -2px; }
.lang-link:nth-child(3) > a > span:before {	background-position: -40px -667px; margin-bottom: -2px; }
.lang-link:nth-child(4) > a > span:before {	background-position: -60px -667px; margin-bottom: -2px; }
/*.lang-link:nth-child(4) { padding-right: 0; }*/
/* ##########################################  login   #############################################*/

.login-box {
	height: 220px;
    padding: 20px;
    position: absolute;
    right: 0;
    z-index: 1000;
    display: none;
    margin-top: 24px;
    background: #949599;
    /*border: 5px solid #424345;*/
}

.login-box input 
{
    width: 240px;
}

.login-box a:hover { text-decoration: underline;}

.login-box:before {
    bottom: 100%;
    left: 87%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #949599;
    border-width: 12px;
    margin-left: -5px;
}

/* ##########################################  article   #############################################*/

.content 
{
    padding: 4px 0px 10px 0px;
    color: inherit;
}
        

        
.content table tr th, .content table tr td {
    padding: 0.3625rem 0.125rem;
}
        
.content h1, #comments h1, #recommended h1
{   
    /*margin-top: -3px;*/
    font-weight: bold;
    }
.error, .hidden-item { display:none; }
#newsletter_form .error { display:block; margin-left: 0px; color: #FF5722;}
label[for="email"]  
{
    position:relative;     
    top: -8px;
}


label[for="agreement1"], label[for="agreement2"]  
{
    position:relative;     
    top: -14px;
    left: 17px;
}


#comments { margin-top: 20px; margin-bottom: 10px; }        
#comments_form 
{
    display: none;  
    margin-top:20px;
}

#comments .separator { background-color: #E6E6E6; margin: 10px 0px 10px 0px; }
.comment_confirm { display:none; width: 100%; margin-bottom: 20px; }
 

.comment-nick {font-weight: bold;}
	
        

.social-icons > a { opacity: 0.8; }
.article-title, .return-from-article 
{
    float: left;
}
        
.rec-article-date
{
    margin-top: 5px;    
    width: 95px;
    display: table-cell;
    vertical-align: bottom;
}        

.rec-article-title { height: 68px; vertical-align: bottom; width: 100%; }
/* tytuł artykułu*/
.rec-article-title > div:first-child p { color: #5F5F5F; font-weight: bold; }

.rec-article-title a 
{ 
    color: #1A1A1A; 
}
.rec-article-title a:hover { text-decoration: underline; }
.rec-article-date > p { text-align: right; padding-left: 5px; } 

.box-news     
{
    margin-top: 15px;
    border-top:1px dotted #E3E3E3;
}
.box-news-content
{ 
    line-height: 1.4 !important;
}

a .box-news-content, a .news-short-desc { color: initial;}
a:hover .box-news-content, a:hover .news-short-desc { color: #babdca;}


/*
.box-news-header { background-color: #F9F9F9; }

#articles-category .columns:nth-child(odd) .box-news-header{ border-right: 5px solid #fff; }
#articles-category .box-news-header{  border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
  */                                                                    
.rec-article-date:after 
{
    content: "";
    display: block;
    background-image: url(/Content/img/sprite.png);
    background-position: -36px 0px;
    width: 14px;
    height: 16px;    
    float:right;
    margin: 2px 0px 0 0px;
}
        
.content hr
{
    width: 100%;
}
        
.resize-font
{    
    font-weight: bold;
    cursor: pointer;
    padding-right: 3px;
}        

.resize-font:hover { color: #D34747; }
        
.article-body {    
    margin-bottom: 20px;        
    float: left;
    width: 100%;    
    text-align: justify;
}

.article-body p 
{
    margin-bottom: 10px;	
}

.article-body a
{
    font-weight: bold;    
}


.article-body-img 
{    
    margin-right: 15px;       
    float: left; 
}
        
.tags 
{
    padding-top: 2px;
}

.btn-1 {	
	    text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
	    border-radius: 4px 4px 4px 4px;
	    background-color: #F8F8F8;
	    padding-top: 0.3rem;
        padding-right: .9rem;
        padding-bottom: 0.3rem;
        padding-left: .9rem;
        color: #A29F9F;
        webkit-box-shadow: #868686 1px 1px 1px;
        -moz-box-shadow: #868686 1px 1px 1px;
        box-shadow: #868686 1px 1px 1px;
        margin: 0;
        border: 0;
        outline: 0;
        position: relative;
    }
    
    .btn-1:hover 	
    {
        box-shadow: #868686 1px 1px 1px;
	    top: 1px;
    }
    
    .btn-1:focus { color: #cfcfcf; }

    .article-pap-header {
        font-weight: bold;
        color: #6C6C6C;
    }
    
    .match  
    {
        color: #A91717;
        font-weight: bold;
        background-color: #FCD61B;
        text-decoration: underline;
    }
    
    .news-list .columns:last-child:not(:first-child) {
        float: left;
    }
    
    .page-numbers.current {
        text-decoration: none;
        background: #D34747;
        background-color: #D34747;        
        color: #ffffff;
    }
    
    .page-numbers {
        border: 1px solid #e4e4e4;
        padding: 3px 5px;
    }
    
    a.page-numbers:hover {
        color: #fff;
        background-color: #D34747;        
    }
    
    @media only screen and (max-width: 40em)  
    {
       .resize-font
        {    
            margin-right: 11px;
        }    
    
    }
    
/* ##########################################  article categories list   #############################################*/

    .category-link 
    {        
        white-space: nowrap;
    }
    
    tbody tr:nth-child(even) {
        background-color: transparent;
    }
    
    .category-link h2 { display:inline-block; }
    
    .categories-list tr 
    {
        background-color:transparent !important;	
    }
    .categories-list tbody 
    {
        border: 0;
    }
    
/* ##########################################  top menu   #############################################*/
#top-bar 
{    
    /*background: #e9e9e9;*/
    margin: 0px auto;
    width: 100%;
    /*z-index: 100;    */
}


#top-bar .columns 
{
    padding-left:8px;
    padding-right:8px;        
}

.top-bar li a{ 
    white-space: nowrap;
    text-transform: uppercase;
    
}

.top-bar a {
	color: #707070 !important;
}

.top-bar a:hover, .top-bar a:active {
	/*color: #cbcbcb;*/
	text-decoration: underline;
	/*font-weight: bold;*/
}

.top-bar .top-bar-left ul {
    background-color: #a91717 !important;
}

.top-bar .top-bar-left ul ul {
    background-color: rgba(169, 23, 23, 0.89) !important;
}

.top-bar-left ul .is-dropdown-submenu-item:hover { background-color: rgba(169, 66, 66, 0.52); }


.top-bar .top-bar-left > ul {
    background-color: transparent !important;
}

.is-dropdown-submenu { z-index: 2; }
.title-bar {
    background-color: transparent;	
}

.menu-icon 
{
    padding: 0;
    margin: 0px 8px 0px 4px;
    background-color: transparent;	
    vertical-align: middle;
    position: relative;
    width: 20px;
    height: 16px;
}

.menu-icon:hover, .menu-icon:focus {
	background-color: transparent;	
	border: 0;
	outline: 0;
}

.menu-icon:hover::after {
    background: #fff;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
}
.menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
}

.dropdown.menu.vertical > li.opens-right > a::after 
{	
    border-color: transparent transparent transparent #fff;
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after  
{ 
    border-color: #FFFFFF transparent transparent;
    top: 18px;
    right: 8px;
}

.dropdown.menu .submenu { border: 0; }

.menu-home > a 
{
    padding: 0 !important;	
}

.menu-home > a span:before 
{
    content: ' ';
    background-image: url(/Content/img/sprite.png);
    background-position: -15px 0px;
    width: 19px;
    height: 19px;    
    float: left;    
}

.menu-home > a span:after 
{
    content: '';        
    padding-right: 1rem;
    float: left;        
}
.title-bar 
{
    display:none;	
}

.input-search-button {
    width: 38px;
    float: left;
    height: 24px;
    margin: 0;
    padding: 0;
    top: 8px;
    position: relative;
    color: #fff;
    background-color: #851718;
    padding-left: 10px;
    padding-top: 4px;    
    /*box-shadow: inset 0px 0px 2px rgba(10,10,10,.3);    
    border-left-width: 0px;    */
    display: inline-block;
    padding-right: 10px;
}

.input-search-button:hover { background-color: #c34b4d; cursor: pointer;}


#input-search + label { display: none; }

#input-search + label.fixed  
{
    display: inline-block;         
    margin-left: -2px;
    box-shadow: none;
    width: 32px;
    right: 0;
    z-index: 9;
    position: absolute;
    background: transparent;
}

#input-search + label.fixed:before  
{
    content: "\f217";
    font-family: "foundation-icons";
    top: 10px;
    display: block;
    position: absolute;
    cursor: pointer;
    right: 45px;
    z-index: 9;
}


#input-search 
{    
    margin-top: 8px;
    margin-bottom: 0;
    /*height: 24px;*/
    float: left;
    border-right-width: 0px;
    box-shadow: none;
    display: inline-block;  
    border: 0;
    /*background-color: #851718 !important;*/
    color:#707070;
    padding: 3px 8px;
    /*-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;*/
    /*box-shadow: inset 0px 0px 2px rgba(10,10,10,.3);*/
}


.fix-search-bar { padding-right: 0 !important; }
.fix-search-bar:before 
{ 
    content: " ";
    position: absolute;
    width: 300%;
    height: 39px;
    left: -100%;
    box-shadow: 0 3px 2px -2px rgba(0,0,0,.2),0 -2px 1px -2px rgba(0,0,0,.2);
    filter: alpha(Opacity=99);
    opacity: .99;    
    background-color: #a91717;
    z-index: -1;
}



@media only screen {
    .top-bar  
    {        
        background-color: transparent !important;
        padding: 0;
        height: 2.375rem !important;        
    }
    
    #top-bar .top-bar-left > ul > li:not(:first-child):before {
        color: #c34444;
        content: ' ';
        float: left;
        margin: 9px 0px;
        background-color: #c1c1c1;
        width: 1px;
        height: 18px;
    }
    
    .top-menu2-container ul > li:not(:first-child):before {	 
        color: #c1c1c1;
        content: ' ';
        float: left;
        margin: 4px 9px;
        background-color: #c1c1c1;
        width: 1px;
        height: 13px;
    }
    
    .top-bar input {        
        margin-right: 0 !important;
    }
    
    .top-menu2-container
    {
        padding: 5px;
        border-bottom: 1px dotted #c1c1c1; 
    }
    
    .dotted_divider
    {
        padding-top: 10px;
        border-bottom: 1px dotted #c1c1c1; 
    }

    .top-menu2-container ul 
    {
       list-style-type: none;
       float: right;
    }
    
    .top-menu2-container li
    {
       display: inline-block;
       white-space: nowrap;
    }
    .top-menu2-container li a
    {
       color: #57585a;
    }
    
    
    
    .ci-phone, .ci-mail
    {
        position: relative;
        top: 2px;        
    }
    
    #input-search 
    {
        width: 170px;
    }

}

@media only screen and (max-width: 63.9375em)  
{
    .top-bar 
    {
        position:absolute !important;
        background-color:rgba(169, 23, 23, 0.83) !important;
        height: auto !important;
        z-index: 2;
    }    
    
    .top-bar-left > ul > li:not(:first-child):before 
	{
	    content: none !important;
	}
    
    .top-bar-left li:not(:first-child):before {
	    content: '';
	    color: #fff;
	    float: left;    
	    padding-top: 0.5rem;
    }    
    
    .menu>li>a 
    {    
        padding: .5rem 0.8rem;    
    }
    
    .ci-mail, .ci-logon, .ci-torso, .ci-logoff, .ci-logon
    {     
        top: 0;         
        /*margin-top: 8px;*/
        display: inline-block;
        /*width: 100%;*/
    }      
    /*
    .headerMenu  
    {
        margin: 30px auto;
        width: 171px;
        float: none;
    }
    .headerMenu a  
    {
        display: block;
        position: relative;
        clear: both;        
    }
*/
    .top-menu2, .ci-logoff, .ci-logon { margin-right: 0; }
    
    #input-search { padding-right: 25px; }
    .search-bar-container { margin-right: 5px; }
    
   
}

.ui-autocomplete-input.valid {
	/*background-color:  #851718 !important;*/
}

/* ########################################### slaider ################################################# */
    @media only screen
    { 
        .cm-slider
        {
            height: 320px;
            width: auto;
        }
        .cm-slider .cm-slides 
        {
            /*margin-right: 240px;*/
            padding-right: 0.9735rem;            
        }
        
        
        
    }    
    
    @media only screen and (max-width: 40em)  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
    {
        .cm-tabs
        {
            display:none;
        }
        
          .cm-slider
        {
            height: 320px;
            max-width: 640px;
        }
        
        .cm-slider .cm-slides {
            margin-right: auto;
        }       
        
    }
        
    /*@media only screen and (min-width: 40.063em) and (max-width: 64em){ */
    @media only screen and (min-width: 40.063em) and (max-width: 63.9375em){ /* min-width 641px max-width 1023px , medium screens */
        .cm-slider
        {
            position: relative;
            overflow-x: hidden;
            overflow-y: hidden;
            height: 240px;
            max-width: 1024px;

        }
    }
    
    .cm-slider
    {
        position: relative;
        overflow-x: hidden;
        overflow-y: hidden;
    }
    
    .cm-slider .cm-tabs     
    {
        position: absolute;
        top: 0;
        right: 0;
        /*width: 240px;*/
        
        height: 100%;        
    }
    
    .cm-slider .cm-inner-tabs
    {
        position: relative;        
        margin: 0;
        transition: all 1200ms ease-out;
        margin-right: -.9375rem;
    }
    
    .cm-slider .cm-slides 
    {        
        opacity: 1;
        overflow-x: hidden;
        overflow-y: hidden;
        position: relative;        
        height: 100%;
    }
    
    .cm-slider .cm-slide
    {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-align: center;
        visibility: hidden;        
    }
    
    .cm-slider .cm-slide:first-child
    {
        visibility: visible;
    }
    
    .cm-slider .cm-slide img
    {
        height:100%;
        width: 100%;
    }
    
    .cm-slider .cm-tab-indicator
    {
        position: absolute;
        top: 0;        
        right: 100%;
        background: url(/Content/img/indicator.png) right center no-repeat;
        width: 30px;
        height: 79px;
    }
    
    .cm-slider .cm-tab
    {
        height: 80px;
        padding: 0 12px !important;
        background-color:#57585a;
        position: relative;
        overflow: visible !important;
        border-bottom: 1px solid #404040;
        color: #A5A5A5;
    }
    
    .cm-slider .cm-tab a { color: #fff; }
    .cm-slider .cm-tab a:hover { color: #b1b1b1; }
    
    .cm-tab-active
    {
        background-color:#a91717 !important; /*7e9cb1*/
        color: #EAEAEA !important;
    }
    
    .cm-slider .dj-inner-tab 
    {
        display: table;    
        height: inherit;        
    }
    
    .cm-slider .dj-inner-tab span 
    {
        display: table-cell;
        vertical-align: middle;
        padding-right: 8px;
        line-height: 1.2;
    }
    
    .cm-slider .dj-inner-tab span:first-child
    {
        width: 60px;
    }
    
    .cm-slider .dj-inner-tab img
    {        
        border:3px solid white;
        width: 52px;
    }
    
    .cm-slider .cm-slide-title 
    {
        position: absolute;
        bottom: 0;
        z-index: 1;
        background-color: white;
        opacity: 0.8;        
        padding: 12pt;
        font-weight: bold;
        display: none;
    }
    
    .cm-slider .cm-slider-navigation
    {
        position: absolute;
        z-index: 1;                
        opacity: 0;
    }
    
    .cm-slider .cm-slider-navigation .cm-slider-navigation-in
    {
        position: relative;                        
    }
    
    .cm-slider-navigation-in img
    {
        background-color: White;
    }
    
    #slider
    {        
        margin-top: 14px;        
    }   
    
    @media only screen and (min-width: 40.063em) and (max-width: 75em){ /* min-width 641px max-width 1200px , medium screens */
        .cm-slider .cm-inner-tabs 
        {
            margin-left: -.9375rem;
        }                                                                        
    }
    
    @media only screen and (min-width: 75.063em) { /* min-width 1200px , medium screens */
        .cm-slider .cm-inner-tabs 
        {
            margin-left: -0.9375rem;
        }                                                                        
    }
    
    

/*################################ site path  #############################################################*/    
    
#sitePath 
{
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 10px;
    text-transform:uppercase;    
}

#sitePath a, #sitePath span
{
    color: #949599;
}

#sitePath a:hover { text-decoration: underline; }
                    
#sitePath ol { list-style: none; }
#sitePath ol li{ display: inline-block; }

.home:after  
{
    content: "";
    margin-right: 10px;
    }
.home:before 
{
    content: ' ';
    background-image: url(/Content/img/sprite.png);
    background-position: -50px 0px;
    width: 19px;
    height: 19px;
    float: left;    
}
/*
#sitePath span  
{
    display: inline-block;    
    vertical-align: middle;
    margin-top: -3px;
}

*/
/*################################ strona główna #############################################################*/

.section-name 
{    
    background-color: #a91717;
    padding: 5px 10px 5px 8px;
    top: -4px;
    position: relative;
}
.section-name a { color: #fff; }

.separator, .separator-bottom  {
	height:1px;
	width:100%;
	float: left;
}

.separator 
{
	background-color: #a91717;
}

.separator-bottom 
{
    background-color: #939598;
    /*margin-left: -0.9375rem;*/
}

#cameraIco:before 
{
    content: ' ';
    background-image: url(/Content/img/sprite.png);
    background-position: -199px 0;
    width: 24px;
    height: 29px;
    float: left;   
}

/* ############################################  karuzela produktów  ###########################################################*/

.customPrevBtn:before, .customNextBtn:before
{
    content: "";
    position: absolute;
    width: 37px;
    height: 100%;
    z-index: 2;            
	top: -23px;	
	opacity: 0.29;
}

.customPrevBtn:before { background: url(/Content/img/slider/prev.png) no-repeat center; left: 0; }
.customNextBtn:before { background: url(/Content/img/slider/next.png) no-repeat center; }
.customPrevBtn:hover::before, .customNextBtn:hover::before
{
    opacity: 0.6;
}


.customPrevBtn, .customNextBtn { cursor:pointer; } 

@media only screen and (max-width: 75em) { /* min-width 641px max-width 1024px , medium screens */
    .customNextBtn:before { right: 15px; } 
}

@media only screen and (min-width: 75.063em) { /* min-width 641px max-width 1024px , medium screens */
    .customNextBtn:before { right: 0px; } 
}

/* ############################################  news  ###########################################################*/

div.news img
{
    margin-right: 5px;
    float: left;
}
.right-part .news:not(:first-child)
{
	margin-top: 10px;	
}


.right-part .news table tbody 
{
    border: 0;	
}

.right-part .news td 
{ 
    margin:0; 
    padding: 0; 
    text-align:left;
    vertical-align: top;
    padding-bottom: 5px;
    padding-top: 5px;
}

.right-part .news td:first-child 
{ 
    width: 75px; 
}

.right-part .news tr 
{
    border-bottom: 1px solid #939598;	
}


.right-part .news table tbody tr:nth-child(even) {
    background-color: transparent;
}


div.news h3, div.news h2
{
    font-weight: bold;        
}
div.news h2
{
    width: 100%;
    clear: both;
}


div.news h3:hover, div.news h2:hover { text-decoration: underline; }

div.news a { display:block; }
div.news a:hover, :not(.news) a img:hover { opacity: 0.9; }

div.news .separator-bottom {
	/*margin-top: 5px;	*/
}

div.news-pap .separator-bottom, div.news-small .separator-bottom
{
    margin-bottom: 5px;
    }

.news-date
{
    position: absolute;
    bottom: 0;
    right: 0;
}
.news-date, .news-author, .news-first-date {
	color: #C3C3C3;
}

.news-pap-small .news-date, .news-small .news-date
{    
    display: block;
    text-align: right;
}

.news-short-desc 
{
    padding-top: 4px;
    text-align: justify;    
    float: left;
    line-height: 1.4 !important;
}

.news-pap-img, .news-img {
    width: 127px; 
    padding-right: 5px; 
    display: table-cell;
}

.news-pap-img img, .news-img img
{
    width:122px; 
    height: 62px;
}


.news-pap-title, .news-title 
{
    display: table-cell; 
    vertical-align: top;
    height: 67px; 
    position: relative;
}




 @media only screen and (min-width: 75.063em) { /* min--width 1200px  */
    .large-collapse-left1 > columns { padding-left: 0;     padding-right: 1.875rem; }
    #left_part { padding-left: 0; }
    .img_cars 
    {
        max-width: 400px; max-height: 300px;
    }

}
/* ############################################  news  ###########################################################*/

    
.news-agrolok-title { display:inline-block; margin-left:6px;  }
.news-agrolok-date { vertical-align: top; }

/* ############################################  newsletter && footer         ###########################################################*/

#newsletter, #categoryTopBar {
	background-color: #f1f1f1;
	margin-top: 10px;
}
#newsletter.columns, #footer.columns {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
}

#newsletter h2 
{
    padding: 5px 0px 9px 0px;    
    font-weight: bold;
}

#input-newsletter 
{
    float: left;
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 0;
    height: 30px;    
    box-shadow: none;
}

#newsletter1 h2
{
    content: "NEWSLETTER";
    padding-right: 5px;
    float: left;
}


.input-newsletter-button 
{
    margin-top: 4px;
    margin-bottom: 0;
    height: 30px;
    width: 69px;
    border: 0;     
}
.input-newsletter-button:hover 
{
    background-color: #a91717;
    color: #fff;
}

span .social 
{
    padding-left: 3px;
    padding-right: 3px;
}

#footer > div 
{
    margin-top:1rem;    
}

#footer a { color: initial; }
#footer p { margin-bottom: 0px; }
#footer a:hover { color: #C2C2C2; }
#footer .ci-phone, #footer .ci-mail {
	float: none;
}

#footer .link p { border-bottom:1px dotted #c1c1c1; }
#footer p.field-title { color: #c1c1c1;  }
#footer p.field-title span { color: initial; }

#footer
{
    font-size: 12px;
    color: #282828;
}
    
#footer a
{
    color: #282828;
}

#footer a:hover
{
    color: #d34747;
}
    
#footer .columns-submenu-footer p
{
    padding-bottom: 13px;
}

#footer .box-social-media img
{
    padding: 0 4px;
}

form[name=bottom-newsletter-form]
{
    margin-top: 10px;
}

#footer .link p
{
    border-bottom: 2px solid white;
}
/* ############################################  right part ###########################################################*/

/*@media only screen and (min-width: 40.063em) and (max-width: 64em) {  min-width 641px max-width 1024px , medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 63.9375em) { /* min-width 641px max-width 1024px , medium screens */
                                                                     
    .row .right-part {        
        margin-right: .9375rem !important;
        
    }
}

.right-part h2 { color: #1A1A1A;}
.right-part a > img:hover { opacity:0.9; }
.right-part a > h2:hover { text-decoration: underline; }

.right-part .row.small-collapse>.columns 
{
    padding-right: .9375rem;
}

.sticky_container {    
    -webkit-transition: top 2s linear 0s; /* Safari */
    transition: top 2s linear 0s;
}

/* ############################################  quotations  ###########################################################*/

.ci-arrow-up, .ci-arrow-down, .ci-arrow-down-gray {
    width: 0;
    height: 0;
    border-style: solid;
    display: inline-block;    
}

.ci-arrow-down-gray {
    border-width: 5px 5px 0px 5px;
    border-color: #ccc transparent transparent transparent;
    top: -2px;
    position: relative;
    cursor: pointer;
}



.ci-arrow-down { border-width: 9px 6px 0 6px; border-color: #a91717 transparent transparent transparent; }
.ci-arrow-up { border-width: 0 6px 9px 6px; border-color: transparent transparent #008000 transparent; }

#bigchartdiv, #mini_chartdiv {
	width	: 100%;
	height	: 500px;
	border-radius: 10px;
    padding: 10px;
    background-color:#fff;        
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
}	
#mini_chartdiv  
{
    padding: 0px 0px 0px 0px;     
} 



.quotation-title a { color: #000; }
.quotation-title a:hover { color: #CBCBCB; }
.quotation-field, .quotation-field-matif, .quotation-title  { height: 28px; }

.quotation-title 
{
    float: left; 
    clear: both;
    font-weight: bold;
}

.quotation-field {
    float: right; 
    width: 75px;
    
}

.quotation-field-matif{
    float: right; 
    width: 75px;
}

.quotation-header { font-weight: bold;  }
.quotations .red { color: Red; font-weight: bold; }
.quotations .green { color: Green; font-weight: bold; }
.quotations .grey { color: #ababab; }

.quotations .red, .quotations .green, .quotations .minus {
    margin-top: -19px;
    display: block;
    text-align: right;
    /*margin-right: 5px;*/
    margin-right: 25px;
}

.quotations .minus > .ci-dot:before
{
    margin-right: 0px;
}

.quotations .minus
{
    margin-top: -14px;
}

.quotattion-more
{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
    border: 1px solid #ECECEC;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0px 9px 11px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 9px 11px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 9px 11px -4px rgba(0,0,0,0.1);
    height: 32px;
    padding-top: 5px;
}

.quotattion-more:hover 
{
    background-color: #F6F6F6;	
    cursor: pointer;
}



 /*@media only screen and (min-width: 40.063em) and (max-width: 64em){  min-width 641px max-width 1024px , medium screens */
 @media only screen and (min-width: 40.063em) and (max-width:  63.9375em){ /* min-width 641px max-width 1023px , medium screens */

     .quotation-title
     {
        clear: both; 
        width:100%;        
     }
     .quotation-field-first      
     {
        clear: both;
     }
 }
 @media only screen 
 {
     .quotation-show-for-large 
     {         
	    display: none;
     }
}
 @media only screen and (min-width: 71.875em) { /*1150px */
 
 
     .quotation-show-for-large 
     {         
	    display: block;
     }
}
.tabs-title > a[aria-selected='true'] {
 
    /*border-radius: 10px 10px 0px 0px;*/
    border: 1px solid #e6e6e6;
    border-bottom-width: 0px;
    background-color: #F5F5F5;
    color: #000;
}
.is-active {
    margin-bottom: -1px;
    /*background-color: white;*/
}
ul.tabs {
    border: 0px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 10px;
}

.tabs-title>a {    
    padding: 0.8rem 1.5rem;
    color: #AFAFAF;
}
.tabs-title>a:hover
{
    /*border-radius: 10px 10px 0px 0px;*/
    background:#e6e6e6;
}



tbody td, tbody th {
    padding: .5rem .625rem .625rem;
    text-align: center;
}

#datepicker-1, #datepicker-2 
{
    max-width: 95px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    height: 30px;
}

#refresh_chart { height: 30px; }

/*################################################## accordion (zboża)#############################################*/
.grain_info { margin-top:15px; width: 100%; max-width: 650px; margin: 0 auto; clear:both; margin-top: 40px; float: left; }
               
.grain_info table {border-collapse: collapse; width: 100%;}
.grain_info table tr:first-child { background-color:#EFEFEF; font-weight: bold; }
.grain_info table tr:not(:first-child) { background-color:#F5F5F5; }

.grain_info table tr td { border: 1px solid white; padding: 10px;}
.grain_info table td:first-child { text-align: left; }
.grain_info h2 { margin-left: 3px; }
.grain_info table p { margin-bottom: 0px; }

.grain_info .accordion-title {color:initial; padding: 0.8rem 1rem; }
.grain_info .accordion-item { background-color: #D8D8D8; }

.show_grain_info { text-align:center; margin-bottom:5px; }

.show_grain_info_switchon:after { 
    content: "\276E";
}
.show_grain_info_switchoff:after 
{
    content: "\276F";
}


/*################################################## left menu #############################################*/


.left_menu_container ul 
{
    list-style: none;  
    position: relative;
    margin-left: 0;
}
/*
.left_menu_container ul li { font-size: 10pt; padding: 3px 0px 3px 0px; }    
.left_menu_container ul li:last-child { font-size: 10pt; padding: 3px 0px 0px 0px; }
.left_menu_container ul li:not(:last-child) { border-bottom: 1px solid #E8E8E8; }
.left_menu_container ul li:first-child { border-top: 1px solid #E8E8E8; }
.left_menu_container > ul > li { border-top: 0px !important; }
.left_menu_container  a {color: #57585A; }
.left_menu_container > ul >li > a { border: 0px; font-size: 14pt; text-transform: uppercase; font-weight: bold; }
.left_menu_container > ul > li > ul a:hover { color:#C5C5C5 !important; }
.left_menu_container > ul > li > ul a:parent  { background-color: #0D0DFD; }
.left_menu_container > ul > li > ul > li:nth-child(4) { border-bottom: 1px solid #E8E8E8; }
*/

.left_menu_container ul li { padding: 3px 0px 3px 0px; }    

/*.left_menu_container > ul > li:not(:last-child) { border-bottom: 1px solid #E8E8E8; }*/
.left_menu_container > ul > li > ul > li:first-child { border-top: 1px solid #E8E8E8; }
.left_menu_container > ul > li > ul > li { border-bottom: 1px solid #E8E8E8; }
.left_menu_container  a {color: #57585A; }
.left_menu_container > ul >li > a { border: 0px; text-transform: uppercase; font-weight: bold; }
.left_menu_container > ul > li > ul a:hover { color:#C5C5C5; }
.left_menu_container > ul > li > ul a:parent  { background-color: #0D0DFD; }
.left_menu_container > ul > li > ul > li:nth-child(4) { border-bottom: 1px solid #E8E8E8; }

.menu-item-active, .cat-title h1 { color: #A91717 !important; font-weight: bold; }
    
.left_menu_container .left_menu ul {
    display: none;
    z-index: 1;
    position: relative;
    margin: 0 0 0 17px;
    padding: 0 0 0 3px;
}

ul.left_menu ul li {    
    float: none;
    position: relative;
}

.uncollapsed:before, .collapsed:before
{

    position: absolute;
    left: 0;
    /*margin-left: -15px !important;*/
    margin-top: -6px;
    font-weight: bold;
    font-family: monospace;
    cursor: pointer;
    }

.uncollapsed:before { content: "+"; }
.collapsed:before { content: "-"; }

@media only screen and (max-width: 40em)
{
    .product-menu .accordion-content { border-bottom: 1px solid #e6e6e6; }
    .accordion.product-menu  { border: 1px solid #e6e6e6; }
}

@media only screen
{
    .product-menu .accordion-content { border: 0; border-bottom: 0px; }
    
    :last-child>.accordion-content:last-child {
        border-bottom: 0;
    }
    
    
    .accordion.product-menu { border: 0px; }
    .product-menu .accordion-item { background-color: #D8D8D8; }
    .product-menu .accordion-title {  color: initial;  padding: 0.8rem 1rem; }

}


/*################################################## product category #############################################*/

.branch-icon.grey 
{
    background-color: #f1f1f1; 
    height: 140px;
    position: relative;
}
.uprawa-item-1,.uprawa-item-2,.uprawa-item-3,.uprawa-item-4, .uprawa-item-5, 
.hodowla-item-1, .hodowla-item-2, .hodowla-item-3, .hodowla-item-4, .hodowla-item-5, .hodowla-item-6, .hodowla-item-7,
.hodowla-item-medium-1, .hodowla-item-medium-2, .hodowla-item-medium-3
{	
	background-image: url(/Content/img/sprite.png);    
    background-repeat: no-repeat;    
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;    
    margin-bottom: 57px;
}

.uprawa-item-1 {
    background-position: 0px -134px;
    width: 60px;
    height: 54px;
}
.uprawa-item-2 
{
    background-position: -60px -133px;
    width: 42px;
    height: 57px;
}
.uprawa-item-3 {
    background-position: -104px -132px;
    width: 58px;
    height: 57px;
}

.uprawa-item-4 {
    background-position: -163px -123px;
    width: 56px;
    height: 66px;
}

.uprawa-item-5 {
    background-position: -220px -123px;
    width: 66px;
    height: 66px;
}
    

.hodowla-item-1 {
    background-position: 0px -265px;
    width: 60px;
    height: 60px;
}
.hodowla-item-2 
{
    background-position: -64px -265px;
    width: 52px;
    height: 60px;
}
.hodowla-item-3 {
    background-position: -116px -265px;
    width: 49px;
    height: 63px;
}
.hodowla-item-4 {
    background-position: -166px -265px;
    width: 46px;
    height: 61px;
}

.hodowla-item-5 {
    background-position: -215px -265px;
    width: 52px;
    height: 61px;
}

.hodowla-item-6 {
    background-position: -269px -265px;
    width: 73px;
    height: 60px;
}

.hodowla-item-7 {
    background-position: -344px -265px;
    width: 63px;
    height: 60px;
}

.hodowla-item-medium-1 {
    top: calc(50% - 45px);
    background-position: -400px -238px;
    width: 110px;
    height: 90px;
}

.hodowla-item-medium-2{
    top: calc(50% - 45px);
    background-position: -516px -238px;
    width: 70px;
    height: 90px;
}

.hodowla-item-medium-3 {    
    top: calc(50% - 45px);
    background-position: -600px -238px;
    width: 80px;
    height: 90px;
}

.branch-item-header  
{
    background-color: #f1f1f1; 
    text-align: center;
    height: 55px;
}

.branch-icon 
{
    border: 1px solid #fff;
    border-bottom-width: 0px;    
}

.branch-icon h3 
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
    height: 30px;    
    line-height: 13px;
}

.branch-icon h3:before
{
    content: " ";
    width: 65%;
    height: 1px;
    background-color: #575656;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 10px;
}

.branch-icon.grey:hover {
	background-color: #f6f6f6 !important; 	
}


 
@media screen and (max-width: 63.9375em) {
/*@media screen and (max-width: 64em) {*/
    .branch-icon {
        margin-top:5px; 	
    }
}

.superlative-1, .superlative-2, .superlative-3, .superlative-4 
{
    background-image: url(/Content/img/sprite.png);    
    background-repeat: no-repeat;    
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 59px;
    height: 59px;
}

.superlative-icon { height: 165px;}
.superlative-4 { background-position: -170px -193px; width: 47px; height: 69px;}
.superlative-3 { background-position: -113px -193px; width: 56px; height: 69px; }
.superlative-2 { background-position: -51px -193px; width: 62px; height: 69px; }
.superlative-1 { background-position: 0px -193px; width: 51px; height: 69px; }

.superlative-content
{
    margin-top: 5px;
    color: #b1b2b2;
    text-align: center;
}

.superlative-content h3 { margin-bottom: 8px; margin-top: 15px; }

.recommended-articles > .tabs-title a { color: inherit; }
.recommended-articles > .tabs-title a[aria-selected='true']
 { background-color:#a91717; color: #fff; }

.tabs-content { border: 0; }

.category-filters ul {
	list-style-type: none;
}

.category-filters li {
    padding-left: 10px;
}

.category-filters [type=checkbox] {
    margin: 4px;
}

.category-filters .filter-name {
    padding-left: 10px;
    top: 0;
}

.category-filters > span {
    position: relative;
    top: -3px;    
}

.category-filters .item-filter
{
    cursor: pointer;
}

.category-filters .item-filter:hover 
{
    font-weight:bold;
}

.category-filters .filter-checked 
{
    color: #a91717;
    font-weight: bold;
    margin-left: 5px;
}

.category-filter {
	margin-top: 10px;
}

.apply-filters {
    background-color: #a91717;
    padding: 5px 15px 7px 8px;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    margin-top: 15px;
    cursor: pointer;
    width: 90px;
    text-align: center;
}

.reset-filters {
    background-color: #CCCACD;
    padding: 5px 15px 7px 8px;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    margin-top: 15px;
    cursor: pointer;
}
    
    


/*################################################## newsletter module #############################################*/
.newsletter-icon { position:relative; }
.newsletter-icon:before {
	content:" ";
	background-image: url(/Content/img/sprite.png);    
	background-repeat: no-repeat;
    background-position: -81px 0px;
    height: 54px;
    width: 59px;
    display: block;
    top: -21px;
    position: absolute;
}

.newsletter-header
{    
    padding-left: 70px;
    font-weight: bold;
    margin-top: 26px;
    position: relative;
    display: block;
}

.newsletter-email-field { margin-top:35px; margin-bottom: 5px; }
.newsletter-button
{
    background: #58595B; 
    display: block;
    width: 114px;
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top:11px;
}
.newsletter-button:hover { background: #7D7D7D; }
.newsletter-button:focus { background: #a91717; }
	

.field-validation-error 
{
    color: red;
    display: block;
    margin-top: -5px;
}

/*################################################## formularze #############################################*/


.editor-field input { width:300px; /*margin: 0 auto;*/ margin-bottom: 10px; }
.editor-label label { font-weight: bold; margin-bottom:3px; }
input[type="submit"]
 {
	background-color: #a91717;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    text-decoration: none;
    text-shadow: 0 1px 0 #854629;
    text-align: center;
    margin-left: 3px;
    border: 0;
    padding: 5px 9px;
}
input[type="submit"]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a91717), color-stop(1, #c91a1a));
	background:-moz-linear-gradient(top, #a91717 5%, #c91a1a 100%);
	background:-webkit-linear-gradient(top, #a91717 5%, #c91a1a 100%);
	background:-o-linear-gradient(top, #a91717 5%, #c91a1a 100%);
	background:-ms-linear-gradient(top, #a91717 5%, #c91a1a 100%);
	background:linear-gradient(to bottom, #a91717 5%, #c91a1a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a91717', endColorstr='#c91a1a',GradientType=0);
	background-color:#a91717;
}
input[type="submit"]:active {
	position:relative;
	top:1px;
}




/*################################################## Strona o nas  #############################################*/

.custom_accordion .accordion-title {
    color: initial;
    padding: 0.8rem 1rem;
}

.custom_accordion .accordion-item {
 /*   background-color: #fff;    */
}
.accordion-content, .accordion-item
{
    float:left;
    width:100%;
}


#uczciwosc, #rozwoj, #wolnosc, #wspolpraca, #szacunek, #srodek{
    position:absolute;
}


#uczciwosc {
      width: 140px;
      height: 140px;
      -webkit-border-radius: 70px;
      -moz-border-radius: 70px;
      border-radius: 70px;
      background: rgba(254, 240, 65, 0.93);
      left:60px;
      z-index:5;
      top:20px;
}

#uczciwosc:hover { background: rgba(254, 240, 65, 0.99); z-index:5;}

#rozwoj{
      width: 140px;
      height: 140px;
      -webkit-border-radius: 70px;
      -moz-border-radius: 70px;
      border-radius: 70px;
      background: rgba(29, 167, 220, 0.93);
      left:130px;
      top:55px;
      z-index:4;
}
#rozwoj:hover { background: rgba(29, 167, 220, 0.99); z-index:5;}

#wolnosc {
      width: 140px;
      height: 140px;
      -webkit-border-radius: 70px;
      -moz-border-radius: 70px;
      border-radius: 70px;
      background: rgba(250, 136, 57, 0.93);
      top:130px;
      left:115px;
      z-index:4;
}

#wolnosc:hover { background: rgba(250, 136, 57, 0.99); z-index:5;}

#wspolpraca{
      width: 140px;
      height: 140px;
      -webkit-border-radius: 70px;
      -moz-border-radius: 70px;
      border-radius: 70px;
      background: rgba(253, 151, 192, 0.93);
      left: 15px;
      top:130px;
      z-index:3;
}
#wspolpraca:hover { background: rgba(253, 151, 192, 0.99); z-index:5;} 

#szacunek{
      width: 140px;
      height: 140px;
      -webkit-border-radius: 70px;
      -moz-border-radius: 70px;
      border-radius: 70px;
      background: rgba(171, 208, 75, 0.93);
      z-index:4;
      top:55px;
}

#szacunek:hover { background: rgba(171, 208, 75, 0.99); z-index:5;}

#srodek {
      width: 140px;
      height: 140px;
      -webkit-border-radius: 70px;
      -moz-border-radius: 70px;
      border-radius: 70px;
      background: #fff;
      z-index:6;
      top:77px;
      left: 60px;
      background-image: url(/Content/img/logo_slonce.png);
      background-size: 120px 120px;
      background-position: center center;
      background-repeat: no-repeat;
}

#srodek:hover { background-color: #EEEEEE; border: 2px solid #fff;}


#uczciwosc span, #rozwoj span, #wolnosc span, #wspolpraca span, #szacunek span, #srodek span {
    display:block;
    position:relative;
    font-family:arial;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 1px 2px rgba(150, 150, 150, 1);
}



#uczciwosc span { text-align:center; top:30px; }
#rozwoj span { left:80px; top:60px; width: 60px;}
#wolnosc span { left:46px; top:90px; width: 70px;}
#wspolpraca span { left:20px; top:90px; }
#szacunek span { left:1px; top:65px; }
#srodek span { text-align:center ; top: 65px; color: #000;}


/*################################################## Oferty pracy  #############################################*/

.jobsOffer .topBar 
{    
    color: White;	
} 


.jobsOffer .section-parent
{
    margin-top: 35px;
}

.jobsOffer .section-content
{
    margin-top: 10px;
}


.jobsOffer .section-name, .jobsOffer .separator
{
    background-color: #676767;
}

.jobsOffer .job-title { margin-top: 20px; margin-bottom: 20px; }
.jobsOffer-item
{
	background-color: #f8f8f8;
    padding: 8px 13px;    
    margin-bottom: 15px;
}


.jobsOffer-item a  
{
    font-weight: bold; 
    display: block; 
    color: inherit;
}
.jobsOffer-item:hover { background-color: #f1f1f1; }



.editor-label, .editor-field { display: inline-block; float: left;}
.editor-label { clear: left; width:160px; }


/*################################################## Listing produktów  #############################################*/

.product-box 
{ 
    text-align: center;         
    margin-bottom: 20px;
    position: relative;
}

.product-box a { color: inherit;             }
.product-box a > div {
	border: 1px solid #E8E8E8;
    height: 100%;
	padding-left: .3750rem;
    padding-right: .3750rem;
    margin: 3px;
}

.product-box a > div:hover
{
    border: 1px solid #bbb;
}
    
.product-box-title {
	font-weight: bold;
	height: 45px;
}

.product-box-short-desc
{	
	height: 80px;
}

.product-box-prod-details:hover, .product-box-prod-details_de:hover { opacity: 0.9; }
.product-box-prod-details:focus, .product-box-prod-details:active , .product-box-prod-details:hover { background-position: 0px -404px !important; }


.product-box-clipboard, .product-box-prod-details, .product-box-prod-details_de
{
    background: url(/Content/img/sprite.png) no-repeat;    
    display: inline-block;
    width: 171px;
    height: 38px;	
}

.product-box-prod-details
{
    background-position: 0px -365px;
}

.product-box-prod-details_de 
{
    background-position: -174px -365px;
}

.product-box-prod-details_de:hover
{
    background-position: -174px -404px;
}


.product-box-clipboard
{    
    background-position: 0px -521px;
}

a.product-box-button:hover p { text-decoration: underline; }

.product-box-clipboard:hover { opacity: 0.9; }
.product-box-clipboard:focus, .product-box-clipboard:active , .product-box-clipboard:hover { background-position: 0px -560px !important; }

.product-box.columns:last-child:not(:first-child) {
    float: left;
}
 
 
 
@media only screen
{
    .products-list-filter { float: right; margin-right: 5px; }    
}

 
@media only screen and (max-width: 40em)
{
    .product-box { height: auto; }
    .products-list-filter 
    { 
        float: left;
        text-align: center;
        width: 100%;
        background-color: #fff;
    }
}
@media only screen and (min-width: 40.063em) and (max-width: 63.9375em){ /* min-width 641px max-width 1024px , medium screens */
/*@media only screen and (min-width: 40.063em) and (max-width: 64em){  min-width 641px max-width 1024px , medium screens */
 
     .product-box { height: 400px; }
}

/*@media only screen and (min-width: 64.063em) {  min-width 1025px, large screens */
@media only screen and (min-width: 64em) { /* min-width 1025px, large screens */
 
     .product-box { height: 380px; }
 }
 
 #categoryTopBar .cat-title { padding:5px 3px 5px 15px; }
 
 .sel-product-sort, .sel-product-limit {
    height: 30px;
    padding: 0px 22px 0px 10px;
    margin-bottom: 0px;
    margin-top: 6px;
    height: 25px;
    width: auto;
    /*background-position: 120%;*/
 }
 
 
 /*######################################## Karta produktu ##########################################*/
 
 .product-card-title h1 {
    font-weight: bold;
}

.product-card-desc
{
    margin-bottom: 10px !important;
    line-height: 1.6 !important;
    list-style-position: inside !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font: inherit !important;
}

.branch-icon-in-product 
{
    background-color: #f6e7e7; 
    height: 160px;
    position: relative;
    border-left: 15px solid white;
    border-right: 15px solid white;
    margin-bottom: 15px;
}

.branch-icon-in-product:hover
{
    cursor: pointer;
    background-color: #57585a;
}

.branch-icon-in-product.active
{
    background-color: #57585a;
}

.product-card-desc tbody th 
{
    background-color: #D8D8D8; 
    font-weight: bold !important;
}

.product-card-desc tr:nth-child(even) {background: #EFEFEF; }
.product-card-desc tr:nth-child(odd) {background: #F5F5F5; }

.product-card-order-box
{
    width: 100%;
    height: 250px;
    margin:0 auto;    
}

.product-card-order-box .get-order-by-assistan:before,.product-card-order-box .clipboard:before {
    content: "";
    display: block;
    background-image: url(/Content/img/sprite.png);        
    position: relative;    
}

.product-card-order-box .get-order-by-assistan:before {
	background-position: -67px -612px;
    width: 63px;
    height: 53px;
}

.product-card-order-box .clipboard:before {

    background-position: 0px -603px;
    width: 63px;
    height: 63px;
}

.product-card-order-box table td {
	vertical-align: middle;
	text-align: center;
}
.product-card-order-box table, .product-card-order-box td 
{
    border:1px solid #cacaca;
}

/*
.tabs-title > a[aria-selected='true'] { border: 0; }
.tabs-title>a:hover { background: #909090; }
*/
.product-card-small-img 
{
    display:inline-block;
    margin-right:10px;
    border: 1px solid #909090;        
}

.product-card-review 
{
    display: table;    	
}

.product-card-review-separator
{
    margin-bottom: 15px;
    margin-top: 15px;
    background-color: #e1e1e1;
}

.product-card-related-articles:not(:first-child)
{
    float: left !important;
    height:350px;
}

.product-card-related-articles h2{
   padding-left: 0 !important;
}

.product-card-section h2 
{
    margin-top: 10px;    
    padding: 10px;
}

.your-opinion a.active {
    background-position: 0 0;
}
.your-opinion a {
    background: url(../Content/img/opinions.png) no-repeat 0 -220px;
    width: 20px;
    height: 21px;
    float: left;
}

.opinion 
{
    border-bottom: 1px solid #ddd;
    padding:20px 0px 20px 0px;
    clear:both;
}
.opinion .dateAdded 
{
    width:140px;
    margin-top: -15px;
    display:block;    
}
.opinion .nick 
{
    display:inline-block;    
}

.opinion .opinionText 
{
    border-top:1px solid #ddd; 
}
.rated 
{    
    display:inline-block;
    background-image: url(../Content/img/opinions.png);
    background-repeat: no-repeat;    
    height:18px;                             
    width: 104px;
    margin-bottom: -2px;
 }
 
 .rated5 { background-position: 0px 0px; }
 .rated4_5 { background-position: 0px -22px; }  
 .rated4 { background-position: 0px -44px; }
 .rated3_5 { background-position: 0px -66px; }
 .rated3 { background-position: 0px -88px; }
 .rated2_5 { background-position: 0px -110px; }
 .rated2 { background-position: 0px -132px; }
 .rated1_5 { background-position: 0px -154px; }
 .rated1 { background-position: 0px -176px; }
 .rated05 { background-position: 0px -198px; }
 .rated00 { background-position: 0px -220px; }
 
 
 .sticky.is-stuck 
 {    
    width: 100%; 
 }
 

 
.sticky-mag1:before
{
    content: " ";
    position: absolute;
    width: 100%;
    height: 40px;    
    box-shadow: 0 3px 2px -2px rgba(0,0,0,.2),0 -2px 1px -2px rgba(0,0,0,.2);
    filter: alpha(Opacity=99);
    opacity: .99;
    height: 40px;
    background-color: #fff;
}
 
 
 .sticky-mag a { position: relative; }
 

@media only screen {
   
    .is-stuck .sticky-mag a.active:before 
     {
        content: " ";
        background-color: #a91717;
        position: absolute;
        width: 100%;
        height: 4px;
        left: 0;
        top: 33px;
    }
    
    .sticky.is-stuck:before, .sticky-mag:before
    {
        content: " ";
        position: absolute;
        width: 100%;
        height: 37px;
        left: 0;
        box-shadow: 0 3px 2px -2px rgba(0,0,0,.2),0 -2px 1px -2px rgba(0,0,0,.2);
        filter: alpha(Opacity=99);
        opacity: .99;     
        background-color: #fff;
    }
}

@media only screen and (max-width: 40em)  
{
    .product-card-tabs.menu>li>a
    {
        padding: .7rem 0.1rem;
    }
    
    .is-stuck .sticky-mag a.active:before 
    {
        height: 2px;
        top: 30px;
    }
    .sticky.is-stuck:before, .sticky-mag:before
    {      
        height: 32px;       
    }
    
    .product-card-new-opinion 
    {
        margin-bottom: 20px;    
    }
}


.product-card-section .section-header { background-color:#f1f1f1; }
section[id^="product-tab"] 
{
    float: left;
    width:  100%;
    }


/*######################################## cookies box  ##########################################*/
/*
.cookieBox {
    font-size: 10pt;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 6500 !important;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.95);
    padding: 15px 0;
    color: #333;
    border-top: 1px solid #ccc;
    -moz-box-shadow: #bbb 0 0 10px;
    -webkit-box-shadow: #bbb 0 0 10px;
    box-shadow: #bbb 0 0 10px;
    display: none;
}*/
.cookieBox .content{
    position: relative;
    top: calc(50vh - 200px);  
    max-width: 800px;
    text-align: left;    
    background: rgba(255,255,255,.95);
    padding: 15px 20px;
    color: #333;
    border-top: 1px solid #ccc;
    -moz-box-shadow: #bbb 0 0 10px;
    -webkit-box-shadow: #bbb 0 0 10px;
    box-shadow: #bbb 0 0 10px;    
    height: 400px;
    /*overflow: auto;*/
    margin: 0 auto;
}

.cookieBox 
{
    position: fixed;
    z-index: 6500!important;
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #00000017;
}

.cookieBox .close 
{   
    font-weight: 400;  
    text-decoration: none;
    width: 120px;
    margin-top: 10px;
}

.contact-form-button {
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: #FEFFFF 0px 1px 1px;
    -moz-box-shadow: #FEFFFF 0px 1px 1px;
    box-shadow: #FEFFFF 0px 1px 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: 0px 1px 0 rgba(255,255,255,1);
    font-weight: bold;
    color: #4A4A4A;
    background-color: #F7F5F6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
    background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
}


/*######################################## autocomplete  ##########################################*/

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url("/Content/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
    color: #222222;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}

.ui-menu a 
{
    padding-top: 5px;
    height:62px;    
    float: left;
    width: 100%;
}

.ui-menu img
{
    float: left;
}

.ui-widget-content .ui-menu-item {
    border-top: 1px solid #fff;    
    border-bottom: 1px solid #fff;
    float: left;
    clear: both;
    width: 100%;
}

.ui-widget-content .product-price
{
    display: block;
    text-align: right;
    font-style: italic;
    margin-right: 8px;
}

.ui-widget-content .product-name {
    margin-top: 5px;
    display: inherit;
}

.ui-widget-content .ui-state-focus {
    border-top: 1px solid #a91717;
    border-bottom: 1px solid #a91717;
    font-weight: normal;
    color: #212121;
}

.ui-state-focus a:before 
{
    background-color: rgba(169, 23, 23, 0.08);
    content: " ";
    display: block;
    width: 100%;
    height: 63px;
    position: absolute;
    margin-top: -5px;
    
    }



.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;    
    max-height: 60%;
    overflow-y: auto;    
    overflow-x: hidden;
    width:208px;    
}

.ui-autocomplete-loading { background-color: rgba(255, 235, 59, 0.29) !important; background:url('/Content/img/ajax-loader.gif') no-repeat right center; }


.ui-front {
    z-index: 100;
}


/*######################################## shopping cart pop up ##########################################*/

/*
.shopping-cart {
  position: relative;  
  text-align: left;
}
*/


.shopping-cart > span 
{  
  position:absolute;  
  max-width: 460px;
  color: #747476;
  background: #FFFFFF;
  border: 1px solid #cecece;  
  line-height: 30px;  
  display: none;  
  box-shadow: 2px 2px 9px #c0c0c0;
  padding: 10px;
}

.shopping-cart > span:before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 36px;  
    width: 0;
    height: 0;
    border-bottom: 10px solid #cecece;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
.shopping-cart > span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 38px;
  width: 0; height: 0;
  border-bottom: 8px solid #FFFFFF;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.shopping-cart-active {
  display: block !important;  
  top: 20px;  
  margin-left: 54px;
  z-index: 999;
  white-space: nowrap;  
}

.shopping-cart div { float:left ; text-align: left; }

.shopping-cart div img { margin-bottom: 3px; vertical-align: middle;}

.cart-img-product { width: 50px; }
.cart-info-product { line-height: 0.95; }

.cart-separator  
{
    margin:10px 0px; 
    height:1px; 
    border-bottom: 1px dotted #cecece; 
    width:100%;
}

.cart-submit 
{
    background-color: #a91717;
    display: block;
    width: 100%;
    text-align: center !important;
}


.shopping-cart .product-ammount * { float: left; }

.shopping-cart span[name^="incrase_"], .shopping-cart span[name^="decrase_"]    
{
    color: #a91717;
    display: block;    
    margin-top: 7px;
    cursor:pointer;
} 

.shopping-cart .product-unit 
{
    margin-top: 15px;
    width: 32px;
}

.shopping-cart .fi-x 
{
    display: block;
    color: #a91717;
    margin-top: 15px;
    margin-left: 11px;
    cursor: pointer;	
}



.ci-clipboard 
{
    background: rgba(255,255,255,0);
    /*-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;    */
}

.ci-clipboard:hover {
    background: rgba(255,255,255,0.05);
    /*
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);*/
    color: #fff;
}

.ci-clipboard:after {
    top: 4px;
    left: 0px;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    opacity: 0;
    content: "1";
    /*-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);*/
}
.ci-clipboard:after {
    pointer-events: none;
    position: absolute;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: -3px;
    left: -4px;
}


/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
}

.ci-clipboard-pulse-grow 
{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    
    
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}


.ci-clipboard-animated:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
    animation-fill-mode: forwards;
    border: 1px solid yellow;
    box-shadow: 0 0 0 2px rgba(255,255,255,1);
    z-index: 0;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 0 2px 2px #fff, 0 0 0 3px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 0 2px 2px #a91717, 0 0 0 3px rgba(255,255,255,0.5);
		-webkit-transform: scale(2.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 0 2px 2px #fff, 0 0 0 3px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 0 2px 2px #a91717, 0 0 0 3px rgba(255,255,255,0.5);
		-moz-transform: scale(2.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 0 2px 2px #fff, 0 0 0 5px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 0 2px 2px #a91717, 0 0 0 5px rgba(255,255,255,0.5);
		transform: scale(2.5);
		opacity: 0;
	}
}



.img_cars 
    { max-width: 90%;}
    
.cert_btn 
{
    border: solid 1px #7f7f7f;
    padding: 10px;
    font-size: 14px;
    color:#7f7f7f;
    font-weight: normal;
    clear: both;
    margin-bottom: 10px;
    display: inline-block;
    width: 360px;
}

.cert_btn:hover 
{
    background-color:#7f7f7f;
    color:#FFF;
}

.flex-row{
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.flex-row .columns{
   -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    min-width: 0;
}

.s_language
{
    float: right;
    position: relative;
    width: 80px;
    border-radius: 10px;
    padding: 4px 3px;
    box-shadow: 0 1px 5px rgba(0,0,0,.19), 0 5px 7px rgba(0,0,0,.23);
    font-size: 13px;
    margin-bottom: 0px;
}

.s_language_top
{
    margin-bottom: 10px;
}

#current_language
{
    cursor: pointer;
    display: flex;
}

.s_language:hover .wp_language
{
    display: block !important;
}

.wp_language
{
    display: none;
    position: absolute;
    z-index: 1000;
    background: white;
    border: 1px solid #e9e9e9;
    border-top: none;
    padding: 0 8px;
    padding-top: 8px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    top: 26px;
    left: 6px;
}

.visibility_hidden
{
    visibility: hidden;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
}

.ci-logoff
{
    margin-right: 8px;
}  

 @media only screen and (max-width: 1200px) 
 {
     .s_language,
     .ci-logon,
     .ci-logoff
     {
         margin-right: 8px;
     }  
     
     .headerMenu
     {
         margin-bottom: 5px;
     }      
     
     img[title="Agrolok"]
     {
         margin-left: 8px;
     }
 }
 
 /*START Custom input*/
.custom-input {
    width: 100%;
    background: transparent;
    color: black;
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 5px 0px;
    font-size: 16px;
}

    .custom-input:focus {
        outline: none;
    }

    .custom-input::placeholder {
        color: #989898;
    }

    /* Chrome, Safari, Edge, Opera */
    .custom-input::-webkit-outer-spin-button,
    .custom-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    /* Firefox */
    .custom-input[type=number] {
      -moz-appearance: textfield;
    }
    
    .empty-custom-input-field 
    {
        position: relative;
    }

    .empty-custom-input-field input{
        border: 1px solid #ff1521;
        background: #ffeced;
    }

    .empty-custom-input-field::before{
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        background-image: url("/Content/img/exclamation.png");
        background-size: cover;
        right: 24px;
        /*top: calc(50% - 10px);*/
         top: 14px;
    }

    .empty-custom-input-field input::placeholder {
        color: #ff1521;
    }    
    
    .bad-text-custom-input input{
        border: 1px solid #ff1521;
        background: #ffeced;;
    }   

.div-custom-input[data-custom-type="custom-input-search"]{
    position: relative;
    padding: 0px !important;
}

.div-custom-input[data-custom-type="custom-input-search"] input{
    margin: 0px;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #989898;
}

.div-custom-input[data-custom-type="custom-input-search"]:after{
    content: '';
    position: absolute;
    background-image: url(/Content/img/loupe.svg);
    width: 20px;
    height: 20px;
    background-size: cover;
    top: calc(50% - 10px);
    right: 25px;
    background-repeat: no-repeat;
}
/*END Custom input*/

/*START Custom green button, Custom button border green*/
.custom-button-red, .custom-button-border-red, .custom-button-only-text, .custom-button-only-text-grey{
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 5px;
}

.input-newsletter-button:disabled, .custom-button-red:disabled, .custom-button-red:disabled:hover, .custom-button-border-red:disabled, .custom-button-border-red:disabled:hover, .custom-button-only-text:disabled, .custom-button-only-text:disabled:hover .custom-button-only-text-grey:disabled, .custom-button-only-text-grey:disabled:hover{
    opacity: .65;
}
.custom-button-red {
    background-color: #a91717;
    color: white;
    border: none;
}

.custom-button-only-text{
    background-color: transparent;
    color: #989898;
    border: none;
}

.custom-button-only-text-grey{
    color: #989898;
    background-color: transparent;
    border: none;
}

.custom-button-red:hover, .custom-button-border-red:hover, .custom-button-only-text:hover, .custom-button-only-text-grey:hover{
    opacity: 0.9;    
}

.custom-button-red:hover {
    color: white;
    text-decoration: none;
}

.custom-button-only-text:hover{
    color: var(--first-color-dark);
    text-decoration: none;
}

.custom-button-border-red:hover{
    color: #a91717;
    text-decoration: none;
}

.custom-button-only-text-grey:hover{
    color: #989898;
    text-decoration: none;
}

.custom-button-border-red {
    background-color: white;
    color: #a91717;
    border: 1px solid #a91717;
}

    .custom-button-red:focus, .custom-button-border-red:focus, .custom-button-only-text:focus, .custom-button-only-text-grey:focus {
        outline: none;
    }
/*END Custom green button, Custom button border green*/

/*Custom radio
    Customize the label (the container)*/
.container-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    text-align: left;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0px;
}

    /*Hide the browser's default radio button*/
.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

    /*Create a custom radio button*/
.container-radio .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #FFFFFF;
    border: 2px solid #989898;
    border-radius: 50%;
}

    /*On mouse-over, add a grey background color*/
.container-radio:hover input ~ .checkmark {
    background-color: #ccc;
    border: none;
}

    /*When the radio button is checked, add a blue background*/
.container-radio input:checked ~ .checkmark {
    background-color: #a91717;
    border: none;
}

    /*Create the indicator (the dot/circle - hidden when not checked)*/
.container-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    border: none;
}

    /*Show the indicator (dot/circle) when checked*/
.container-radio input:checked ~ .checkmark:after {
    display: block;
}

    /*Style the indicator (dot/circle)*/
.container-radio .checkmark:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FFFFFF;
}
/*END Custom radio*/

/*Custom radio square
    Customize the label (the container)*/
.container-radio-square {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    text-align: left;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0px;
}

    /*Hide the browser's default radio button*/
.container-radio-square input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

    /*Create a custom radio button*/
.container-radio-square .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 1px solid #989898;
    border-radius: 3px;
}

    /*On mouse-over, add a grey background color*/
.container-radio-square:hover input ~ .checkmark {
    border: 1px solid #538f32;
}

    /*When the radio button is checked, add a blue background*/
.container-radio-square input:checked ~ .checkmark {
    background-color: #ffffff;
    border: 1px solid #538f32;
}

    /*Create the indicator (the dot/circle - hidden when not checked)*/
.container-radio-square .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    border: none;
}

    /*Show the indicator (dot/circle) when checked*/
.container-radio-square input:checked ~ .checkmark:after {
    display: block;
}

    /*Style the indicator (dot/circle)*/
.container-radio-square .checkmark:after {
    top: 1px;
    left: 6px;
    width: 6px;
    height: 13px;
    border: solid #538f32;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
/*END Custom radio square*/

.swal2-styled.swal2-confirm {
    background-color: #538f32;
}

.swal2-styled.swal2-confirm, .swal2-styled.swal2-deny, .swal2-styled.swal2-cancel{
    font-size: 14px;
}

.swal2-styled.swal2-confirm:focus{
    box-shadow: none !important;
}

.swal2-styled.swal2-confirm:hover{
    opacity: 0.8;
}

.swal2-input{
    font-size: 14px;
    text-align: center;
}

.swal2-input:focus{
    box-shadow: none;
}

.swal2-title{
    font-size: 16px;
}

.swal2-html-container{
    font-size: 14px;
};