div.titok-social-blok{max-width:200px;}
div.titok-contact-blok{max-width:calc(100% - 200px);}
div.titok-lang-blok{max-width:200px;}

    @media screen and (min-width:400px)
    {
        div.titok-social-blok{max-width:100%;}
        div.titok-contact-blok{max-width:100%;}
        div.titok-lang-blok{max-width:100%;}
        
    }
    @media screen and (min-width:576px)
    {
        div.titok-social-blok{max-width:100%;}
        div.titok-contact-blok{max-width:100%;}
        div.titok-lang-blok{max-width:100%;}
        
    }
    @media screen and (min-width:768px)
    {
        div.titok-social-blok{max-width:100%}
        div.titok-contact-blok{max-width:calc(100% - 200px);}
        div.titok-lang-blok{max-width:100%;}
    }
    @media screen and (min-width:992px)
    {
        div.titok-social-blok{max-width:calc(100% - 700px);}
        div.titok-contact-blok{max-width:calc(100% - 200px);}
        div.titok-lang-blok{max-width:calc(100% - 700px);}
    }
    @media screen and (min-width:1200px)
    {
       div.titok-social-blok{max-width:calc(100% - 850px);}
        div.titok-contact-blok{max-width:calc(100% - 200px);}
        div.titok-lang-blok{max-width:calc(100% - 850px);}
    }


.footer_line {
  margin: 10px 5px 5px 5px;

}

#sp-top-bar {
  padding: 8px 0;
  font-size: 0.875rem;
}
#sp-top-bar .sp-module {
  display: inline-block;
  margin: 0 0 0 1.25rem;
}
div.titok-header-form
{
    max-width: 100%;
position:relative;

min-height:1px;
padding-right:15px;
padding-left:15px
}
/* social */
ul.social-icons {
  list-style: none;
  padding: 0;
  margin: -5px;
  display: inline-block;
  max-width: 600px;
}
ul.social-icons > li {
  display: inline-block;
  margin: 5px 7px;
}

    .breadcrumb_t
    {
        
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding:.35rem 1rem;
        margin-bottom:1rem;
        list-style:none;
        background-color:#f0f8ff;
        border-radius:.25rem;
        font-size: 0.7em;
    }

    .breadcrumb_t-item+.breadcrumb_t-item{padding-left:.5rem}
    .breadcrumb_t-item+.breadcrumb_t-item::before
    {
        display:inline-block;
        padding-right:.5rem;
        color:#6c757d;content:"/";
    }
    .breadcrumb_t-item+.breadcrumb_t-item:hover::before{text-decoration:underline}
    .breadcrumb_t-item+.breadcrumb_t-item:hover::before{text-decoration:none}
    .breadcrumb_t-item.active{color:#6c757d}
    @media screen and (min-width:400px){.breadcrumb_t{display:none;}}
    @media screen and (min-width:576px){.breadcrumb_t{display:none;}}
    @media screen and (min-width:768px){.breadcrumb_t{display:block;}}
    @media screen and (min-width:992px){.breadcrumb_t{display:block;}}
    @media screen and (min-width:1200px){.breadcrumb_t{display:block;}}
    
.articles-title
    {
        font-family: 'Segoe UI', Arial, Helvetica, sans-serif; 
        padding-bottom: 10px; 
        font-size: 25px; 
        color: #003333; 
        font-style: normal; 
        font-variant-ligatures: normal; 
        font-variant-caps: normal; 
        letter-spacing: normal; 
        orphans: 2;  
        text-indent: 0px; 
        text-transform: none; 
        white-space: normal; 
        widows: 2; 
        word-spacing: 0px; 
        -webkit-text-stroke-width: 0px;  
        text-decoration-thickness: initial; 
        text-decoration-style: initial; 
        text-decoration-color: initial;   
    }   
.articles-text
{
    text-align: justify;  
    font-style: normal; 
    font-weight: normal; 
    color: #000000; 
    font-family: arial, helvetica, clean, sans-serif; 
    font-size: 16px;
}

    @media screen and (min-width:400px)
        {
            .articles-title{font-size:18px;}
            .articles-text{font-size:14px;}
        }
    @media screen and (min-width:576px)
        {
            .articles-title{font-size:20px;}
            .articles-text{font-size:15px;}
        }
    @media screen and (min-width:768px)
        {
            .articles-title{font-size:22px;}
            .articles-text{font-size:15px;}
        }
    @media screen and (min-width:992px)
        {
            .articles-title{font-size:23px;}
            .articles-text{font-size:16px;}
        }
    @media screen and (min-width:1200px)
        {
            .articles-title{font-size:25px;}
            .articles-text{font-size: 16px;}
        }
        
.beads {
list-style: none;
background: #FBFBFB;
margin: 0;
padding-left: 40px;
margin-bottom:4px;
border-bottom: 1px solid #D4D7D6;
}
.beads li {

font-family: 'Montserrat', sans-serif;
line-height: 40px;
border-bottom: 1px solid #D4D7D6;
position: relative;
cursor: pointer;
}
.beads a {
text-decoration: none;
color: #464643;
display: block;
line-height: 40px;
position: relative;
}

.beads li:last-child {border-bottom: none;}
.beads li:before, 
.beads li:after {
content:"";
position: absolute;
border-radius: 50%;
}
.beads li:before {
top: calc(50% - 5px);
background: #E0926E;
left: -22px;
width: 10px;
height: 10px;
transition: 0.5s linear;
}

.beads li:hover:before {background: #FFCE08;}


.footer_menu {
    padding:0;
    list-style: none;
}
.footer_menu  li{
    padding:1px;
}
.footer_menu  li:before {
    padding-right:10px;
    font-weight: bold;
    color: #77AEDB;
    content: "\27A2";
    transition-duration: 1s;
}
.footer_menu  li:hover:before {
    color: #337AB7;
    content: "\27A3";
}

    @media (min-width:400px)
        {
            .footer_menu{font-size:10px;}
        }
    @media (min-width:576px)
        {
            .footer_menu{font-size:13px;}
        }
    @media (min-width:768px)
        {
            .footer_menu{font-size:14px;}
        }
    @media (min-width:992px)
        {
            .footer_menu{font-size:15px;}
            .offcanvas-menu, #offcanvas-toggler {display:none;}
        }
    @media (min-width:1200px)
        {
            .footer_menu{font-size: 16px;}
            .offcanvas-menu, #offcanvas-toggler {display:none;}
        }
    @media (min-width:1600px)
        {
            .footer_menu{font-size: 16px;}
            .offcanvas-menu, #offcanvas-toggler {display:none;}
        }



.cont_menu {
    padding:0;
    list-style: none;
}
.cont_menu  li{padding:1px;}
.cont_menu  li:before {
    padding-right:10px;
    font-weight: bold;
    color: #eae7e7;
    transition-duration: 1s;
}


    @media screen and (min-width:400px)
        {
            .cont_menu{font-size:10px;}
        }
    @media screen and (min-width:576px)
        {
            .cont_menu{font-size:13px;}
        }
    @media screen and (min-width:768px)
        {
            .cont_menu{font-size:14px;}
        }
    @media screen and (min-width:992px)
        {
            .cont_menu{font-size:15px;}
        }
    @media screen and (min-width:1200px)
        {
            .cont_menu{font-size: 16px;}
        }


.ts_images
{
  max-width:400px;  
  display:block;
}
    @media screen and (min-width:400px){.ts_images{display:none;}}
    @media screen and (min-width:576px){.ts_images{display:none;}}
    @media screen and (min-width:768px){.ts_images{display:block;max-width:100px; }}
    @media screen and (min-width:992px){.ts_images{display:block;max-width:400px; }}
    @media screen and (min-width:1200px){.ts_images{display:block;max-width:400px; }}
    
.lang-active-my{
  border: 1px solid rgba(50, 50, 50, 50);
}
.lang-menu-my{
    padding:10px;
    width:auto;
max-width: 100px;
max-height: 100px;alignment-adjust: central;
}
.articles-container{height: 100px;width: 100px;}
.articles-block
{
    height: 100px;
    width: 100px;
    border: 1px solid gray;
    float: left;
    margin-right: 30px;
}

.pc-pagination
{
    width: 100%;
    text-align: center;
}
.pc-pagination > ul{}
.pc-pagination > ul > li:before { content: "" !important; }
.pc-pagination > ul > li 
{
background-image: none!important;
color: #909090;
cursor: default;
display: inline-block;
margin: 0;
font-size: 16px;
}
.pc-pagination > ul > li > a, .pc-pagination > ul > li > span 
{
    border:0px solid #e5e5e5;
display: block;

font-weight: 400;
height: 22px;
line-height: 24px;
margin: 0 10px 0 0;
min-width: 20px;
padding: 0px 10px;
text-align: center; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
background-image: linear-gradient(top, #f9f9f9, #eaeaea);   
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea');
}
.pc-pagination > ul > li > a
{
    color: #807E7E;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: linear-gradient(top, #f9f9f9, #eaeaea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea')

} 
.pc-pagination > ul > li > span 
{  
      box-shadow: rgba(0, 0, 0, 0.75) 0 0 0 0 inset;
      border-color: #505050;
      color: #f2f2f2;
      text-shadow: black 0 1px 0;
      background-color: #676767;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5c5c5c));
      background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: -moz-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: -ms-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: -o-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: linear-gradient(top, #5f5f5f, #5c5c5c);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5f5f', EndColorStr='#5c5c5c'); 
}
.pc-pagination > ul > li > span:focus, .pc-pagination > ul > li > span:hover
{
   
}
.pc-pagination > ul > li > a:hover, .pc-pagination > ul > li > a:focus 
{
    color: #cdcdcd;
    border-color: #61788a;
    background-color: #4d6374;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#566f82), to(#3e505e));
    background-image: -webkit-linear-gradient(top, #566f82, #3e505e);
    background-image: -moz-linear-gradient(top, #566f82, #3e505e);
    background-image: -ms-linear-gradient(top, #566f82, #3e505e);
    background-image: -o-linear-gradient(top, #566f82, #3e505e);
    background-image: linear-gradient(top, #566f82, #3e505e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#566f82', EndColorStr='#3e505e');
}




.my_left { text-align: left; }
.my_right { text-align: right; }
.my_center { text-align: center; }
.my_col_width{width: 100px;}
.my_col_100{width: 100px;border: 4px double black;}