body{
    background: url(../images/bg.png);
}

.no-margin{
    margin: 0 !important;
}
.no-padding{
    padding: 0 !important;
}

.white{
    color: white !important;
}
.red{
    color: red !important;
}

.error{
    color: red;
}                      

.label{
    background-color: #2f88d6;
    color: white !important;
}
.label:after{
    border-top-color: #2f88d6;
}

.kultura-i-sport{
    background-color: #FA824F !important;
    color: white !important;
}
.kultura-i-sport:after{
    border-top-color:  #FA824F !important;
}
.wazne{
    background-color: #DC3030 !important;
    color: white !important;
}
.wazne:after{
    border-top-color:  #DC3030 !important;    
}
.z-powiatu{
    background-color: #294052 !important;
    color: white !important;
}
.z-powiatu:after{
    border-top-color:  #294052 !important;    
}
.z-regionu{
    background-color: #5FB435 !important;
    color: white !important;
}
.z-regionu:after{
    border-top-color: #5FB435 !important;    
}


.licznik {
    margin: 2px 0 0;
    line-height: 17px;
    height: 17px;
    float: right;
    border-radius: 2px;
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    background: #1d5687;
    padding: 0 8px;
}

/*
 *
 * Przyciski
 *
 */



input[type="button"], input[type="submit"], .button{
    background-color:#2ea1f2;
    border:0;
    border-radius:4px;
    box-shadow:inset 0 -4px 0 0 #0e82d3;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-family:"Roboto",Arial,sans-serif;
    font-size:14px;
    font-weight:500;
    line-height:normal;
    margin:10px;
    padding:12px 20px 14px;
    text-align:center;
    -webkit-transition:background-color .2s linear;
    -moz-transition:background-color .2s linear;
    -o-transition:background-color .2s linear;
    transition:background-color .2s linear;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

input[type="button"].fullwidth,input[type="submit"].fullwidth,.button.fullwidth{
    width:100%
}

input[type="button"]:hover,input[type="submit"]:hover,.button:hover{
    color:#fff
}

input[type="button"].blue,input[type="submit"].blue,.button.blue{
    background-color:#2ea1f2;
    box-shadow:inset 0 -4px 0 0 #0e82d3
}

input[type="button"].green,input[type="submit"].green,.button.green{
    background-color:#54db8c; 
    box-shadow:inset 0 -4px 0 0 #25c266 
}

input[type="button"].red,input[type="submit"].red,.button.red{
    background-color:#f65543;
    box-shadow:inset 0 -4px 0 0 #e13522
}

input[type="button"].smoke,input[type="submit"].smoke,.button.smoke{
    background-color:#ccd7dd;
    box-shadow:inset 0 -4px 0 0 #b3c4ce
}

input[type="button"].yellow,input[type="submit"].yellow,.button.yellow{
    background-color:#eec52b;
    box-shadow:inset 0 -4px 0 0 #dcb00a
}

input[type="button"].black,input[type="submit"].black,.button.black{
    background-color:#2a2a2a;
    box-shadow:inset 0 -4px 0 0 #000
}

input[type="button"].blue:hover,input[type="submit"].blue:hover,.button.blue:hover{
    background-color:#0e82d3;
    box-shadow:inset 0 -4px 0 0 #026eba
}

input[type="button"].green:hover,input[type="submit"].green:hover,.button.green:hover{
    background-color:#25c266; 
    box-shadow:inset 0 -4px 0 0 #16b257 
}
input[type="button"].red:hover,input[type="submit"].red:hover,.button.red:hover{
    background-color:#e13522;
    box-shadow:inset 0 -4px 0 0 #cf200c
}

input[type="button"].smoke:hover,input[type="submit"].smoke:hover,.button.smoke:hover{
    background-color:#b3c4ce;
    box-shadow:inset 0 -4px 0 0 #a3b5bf
}

input[type="button"].yellow:hover,input[type="submit"].yellow:hover,.button.yellow:hover{
    background-color:#dcb00a;
    box-shadow:inset 0 -4px 0 0 #cea302
}

input[type="button"].black:hover,input[type="submit"].black:hover,.button.black:hover{
    background-color:#000;
    box-shadow:inset 0 -4px 0 0 #000
}

input[type="button"].blue:active,input[type="submit"].blue:active,.button.blue:active,input[type="button"].blue.active,input[type="submit"].blue.active,.button.blue.active{
    background-color:#0e82d3;box-shadow:inset 0 3px 0 0 #026eba
}

input[type="button"].green:active,input[type="submit"].green:active,.button.green:active,input[type="button"].green.active,input[type="submit"].green.active,.button.green.active{
    background-color:#25c266;box-shadow:inset 0 3px 0 0 #16b257
}

input[type="button"].red:active,input[type="submit"].red:active,.button.red:active,input[type="button"].red.active,input[type="submit"].red.active,.button.red.active{background-color:#e13522;box-shadow:inset 0 3px 0 0 #cf200c}

input[type="button"].smoke:active,input[type="submit"].smoke:active,.button.smoke:active,input[type="button"].smoke.active,input[type="submit"].smoke.active,.button.smoke.active{background-color:#b3c4ce;box-shadow:inset 0 3px 0 0 #a3b5bf}

input[type="button"].yellow:active,input[type="submit"].yellow:active,.button.yellow:active,input[type="button"].yellow.active,input[type="submit"].yellow.active,.button.yellow.active{background-color:#dcb00a;box-shadow:inset 0 3px 0 0 #cea302}

input[type="button"].black:active,input[type="submit"].black:active,.button.black:active,input[type="button"].black.active,input[type="submit"].black.active,.button.black.active{background-color:#000;box-shadow:inset 0 -4px 0 0 #000}

input[type="button"]:disabled,input[type="submit"]:disabled{background-color:#ededed;box-shadow:inset 0 -4px 0 0 #dedede;color:#d3d7d9;cursor:default}

input[type="button"].large,input[type="submit"].large,.large{font-size:16px;padding:18px 40px 20px}


/*
 * 
 * Back To Top
 * 
 */
#backtotop {
    position: fixed;
    right:0px;
    display:none;
    bottom: 20px;
    margin: 0 20px 0 0;
}

#backtotop a {
    text-decoration:none;
    border:0 none;
    display:block;
    width:45px;
    height:45px;
    background: url(../images/back_to_top_btn.png) no-repeat 50% 50%;
    background-color: #2f88d6;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;


}

#backtotop a:hover {
    background-color: #1d5687;
}

/*
 * 
 * COOKIE
 * 
 */

.cookie-alert { position: fixed;bottom: 0px;width: 100%;background: #222222; z-index: 100; border-top: 10px solid #1d1d1d;

                filter:alpha(opacity=85);
                -moz-opacity:0.85;
                filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
                -khtml-opacity: 0.85; 
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);  
                opacity: 0.85;
}
.cookie-alert .wrapper { max-width: 1200px; margin: 0 auto; color:#fff; padding: 5px 0px; font-size: 11px;}

/******************/
/** LISTA FAKTUR **/
/******************/

.invoiceList{
    list-style: none; 
    margin: 0; 
    padding: 0;    
}
.invoiceList li{
    list-style: none; width: 100%; float: left; padding: 6px; line-height: 32px; 
}


/*
 * 
 * BADGE
 * 
 */
.mybadge { 
    line-height: 17px; 
    height: 17px; 
    float: right; 

    border-radius: 2px; 
    font-size: 11px; 
    font-weight: bold; 
    color: #fff; 
    background: #294052; 
    padding: 0px 8px 0px 8px; 
    opacity: 1;

    text-align: center;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.mybadge:hover{
    background-color: #0083ff;

}

/*
 * 
 * PRZYCISK METRO
 * 
 */

.btn-btype{
    display: block;
    height: auto;
    padding: 6px 15px;

    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 3px solid #1d5687;

    color: white;
    background-color: #294052;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;

    border-radius: 0;
    margin-left: 2px;

    font-size: 14px;

}
.btn-btype:hover{

    font-size: 14px;
    color: white;
    background-color: #1d5687;
}

.btn-frame{
    display: block;
    height: auto;
    padding: 6px 15px;

    border-left: 0;
    border-right: 0;
    border-top: 0;
    border: 1px solid;    

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;

    border-radius: 0;
    margin-left: 2px;

    font-size: 14px;

}
.btn-btype:hover{

    font-size: 14px;
    color: white;

}



/* 
 *
 * TESTIMONIAL
 *
 */
.testimonial .text{
    padding: 20px 25px;
    background-color: #f7f7f7; /*Change colour here and in .arrow-down*/
    font: italic 13px/22px 'Open sans';
    color: #53646d;

    position: relative;
    text-align: justify;

    z-index: 2;
}

.testimonial .text:before, .testimonial .text:after {
    z-index: 1;
    font-family: Georgia, serif; 
    content: "\201C";     
    position: absolute;     
    font-size: 80px;     
    line-height: 1;     
    color: #e6e6e6;     
    font-style: normal; 
}

.testimonial .text:before {
    top: 0; 
    left: 10px; 
} 
.testimonial .text:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em; 
} 
.testimonial .rate{
    background: url(../images/star.gif) repeat;

    height: 20px;
    width: 100px;

    float: right;

    margin-top: 4px;
}
.testimonial .rate div{
    background: url(../images/star.gif) 0 -20px;

    height: 20px;

    float: left;
}
.testimonial .rate .active1 {
    width: 20px;
}
.testimonial .rate .active2 {
    width: 40px;
}
.testimonial .rate .active3 {
    width: 60px;
}
.testimonial .rate .active4 {
    width: 80px;
}
.testimonial .rate .active5 {
    width: 100px;
}

.testimonial .author-wrapper {
    width: 100%;
    margin-bottom: 20px;
    float: left;
}

.testimonial .arrow {
    float: left;
    margin-left: 25px;
    width: 0; 
    height: 0; 
    border-top: 30px solid #f7f7f7; /*Change colour here to match .testimonial*/
    border-left: 30px solid transparent;
    border-right: 0px solid transparent; /*Make this 30px to create a triangle*/
}

.testimonial .testimonial-name {
    float: left;
    margin: 0 8px;
    color: #0088ee;
    padding-top: 5px;
    font-weight: bold 15px;
}

.testimonial .testimonial-name span {
    color: #53646d;
    font-weight: normal;
}

.tab_menu{

}
.tab_menu ul{
    list-style: none;

    margin: 0;
    padding: 0;

    height: 36px;

    border-bottom: 3px solid #2f88d6;
}
.tab_menu li{
    background: #666666;

    margin-top: 2px;

    float: left;
    display: block;

    height: 32px;
    line-height: 32px;

    padding: 0 12px;
    margin-right: 2px;
}
.tab_menu li a{
    color: white;
    font-weight: normal;
}
.tab_menu li.activ{
    background: #2f88d6 !important;

    margin-top: 0;

    height: 36px;
    line-height: 36px;
}
.tab_menu li:hover{
    background: #1d5687;
}
.tab_menu span{
    background-color: #2f88d6;

    border-radius: 4px;

    padding: 0 4px;
    margin-left: 10px;
}
.tab_menu li.activ span{
    background: #1d5687;

}





.comment{
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;

    background: #333;

    padding: 3px 10px;

    margin: 0 0 4px 0;
}
.comment:hover{
    margin-left: -6px ;
    margin-right: -6px;


}
.comment .title{
    color: #2f88d6;
    font-size: 20px;
}
.comment .date{
    font-size: 10px;
    float: left;

    margin-top: -5px;

    color: #888;
}
.comment p{
    line-height: 20px;
    margin-bottom: 0;
}
.comment ul{
    float: right;
    list-style: none;

    margin: 0 -10px -3px;
    padding: 0;
}
.comment li{
    height: 30px;

    width: 40px;

    line-height: 30px;
    text-align: center;

    color: white;
}
.comment li a{
    color: white;
}
.comment li.minus{
    background: #1d5687;
}
.comment li.plus{
    background: green;
}
.comment li.show{
    background: #428BC3;

}

/*
 * 
 * Bloki promocji
 * 
 */

.promotion{

    background-color: #f5f5f5;

    padding: 10px;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;

}

.promotion:hover{
    background-color: #0083ff;

    color: white;
}

.promotion input, .promotion input[type="checkbox"]{
    float: left;

    margin: 8px 10px 0 5px;
}
.promotion label{
    float: left;
    font-weight: 300;
}
.promotion label p{
    margin: 0;
}

.goToLocation{
    margin: 6px 0 0; 
    line-height: 30px;
}
.goToLocation div{
    line-height: 32px;
}
.goToLocation button{
    margin: 0 6px;
}
.goToLocation input{
    margin: 0 6px; 
    width: 200px;
}






.material_type{

}
.material_type ul{
    list-style: none;

    margin: 0;
    padding: 0;

    height: 36px;

}
.material_type li{
    background: #666666;

    float: left;
    display: block;

    height: auto;
    line-height: 32px;

    padding: 6px 12px;
    margin-right: 2px;

    color: white;
    font-weight: normal;

    text-align: center;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;

    margin-bottom: 2px;
}
.material_type li.activ{
    background: #2f88d6 !important;

}
.material_type li:hover{
    background: #1d5687;
}

.file_uploader {
    background-color: #5A5655;
    border: 1px solid #5A5655;
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 13px Verdana,Arial,Helvetica,sans-serif;
    margin: 10px 0;
    outline-style: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;    


    position: relative;
}

.file_uploader:hover{
    background-color: #428BC3;
    border: 1px solid #428BC3
}

.file_uploader input{
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;

    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;

    position: absolute;
}

.editornav {
    height: 30px;
    margin-bottom: -2px;
    padding: 5px 0 0 5px;
}
.editornav li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EEEEEE;
    border-color: #CCCCCC #CCCCCC -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-width: 1px 1px medium;
    display: block;
    float: left;
    opacity: 0.5;
    text-align: center;
}
.editornav li a {
    display: block;
    padding: 10px;
    width: 100px;
}
.editornav li.current {
    background-color: white;
    opacity: 1;
}







.imagelist { list-style: none; margin: 0; padding: 0; width: 100%;}
.imagelist li { 
    float: left; padding: 5px; margin: 0 15px 15px 0; background: #fff; border: 1px solid #ddd; -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; border-radius: 2px; display: block;
}

.imagelist li.holder{ width: 207px; height: 178px;  }
.imagelist li:hover { border-color: #ccc; }
.imagelist li div { width: 195px; height: 150px; overflow: hidden;}
.imagelist li img { display: block; margin-bottom: 10px; width: 1900px; }
.imagelist li span { display: block; text-align: right;}
.imagelist li span a { vertical-align: middle; }
.imagelist li span a.name { font-weight: bold; float: left; color: #999; width: 148px; height: 16px; overflow: hidden; text-align: left }
.imagelist li span a.name:hover { color: #333; text-decoration: none; }
.imagelist li span a.show, .imagelist li span a.dele, .imagelist li span a.edit, .imagelist li span a.down { 
    float: right; font-size: 13px;
    display: inline-block; width: 16px; height: 16px; cursor: pointer; opacity: 0.5;
    color: #676767;
}
.imagelist li span a.show:hover, .imagelist li span a.dele:hover, .imagelist li span a.edit:hover, .imagelist li span a.down:hover { opacity: 1; text-decoration: none;}



#preloader {
    width: 100% !important;
    height: 2px !important;
    z-index: 666999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    opacity: 1;
    position: absolute;

}
#preloader #percentage{
    height: 40px;
    width: 100px;
    position: absolute;

    top: 50%;
    left: 50%;

    text-align: center;
    margin-left: -50px;

    display: none;
}

#preloader #bar{
    background-color: #294052;
    height: 2px;
    width: 0px;
}

#preloader #bar_sector{
    width: 100%;
    height: 2px;
    top: 0;
    position: absolute;
    background: transparent;
    margin: 0 auto;

    left: 0;
    right: 0;
}

#menu_block{
    color: #333;
    margin-bottom: 15px;

    position: relative;
}

#menu_block select{
    width: 100%;
    height: 30px;
}

#menu_block form{
    position: absolute;

    top: 3px;
    right: 20px;

    width: 200px;
}
#menu_block input{
    border-radius: 10px;
}
#menu_block button{
    top: 5px;
    right: 5px;

    height: 25px;
    line-height: 10px;
    border: none;

    position: absolute;
}





#top{
    min-height: 40px;
    width: 100%;

    background: #000000;
}
#top .login ul{
    margin: 0;
    padding: 0;
    list-style: none;

    background: url('../images/top_border.png') top left no-repeat;

    float: right;
}

#top .login ul li{
    margin: 0;
    padding: 0;

    float: left;

    background: url('../images/top_border.png') top right no-repeat;

    padding: 11px 15px;
}

#top .login ul li:hover{
    background-color: #1d5687;
}

#top .login a{
    color: white;
}

.clock{ 
    float:left; 
    color:#fff; 

    margin-right: 10px; 
    height: 25px; 
    padding: 0px 10px 0px 30px; 
    margin-top: 8px; 
    margin-bottom: 4px;
    //background: #1d5687;

    webkit-radius: 2px;
    -moz-radius: 2px;
    -o-radius: 2px;
    border-radius: 2px; 
    position:relative; 
    font-size:13px;
}
.clock div, .clock ul{
    margin-top: 3px;
    float:left;
}
.clock div{  
    margin-right: 5px;

    font-weight: 300;
}
.clock ul{ 
    margin: 3px 0 0;
    padding: 0;
}
.clock ul li{ float:left; list-style:none;}
.clock i{ 
    width: 25px; 
    height: 25px; 
    line-height: 25px; 

    text-align: center; 
    position: absolute; 

  //  background: #123655; 

    left: 0px; 
    webkit-radius: 2px 0px 0px 2px;
    -moz-radius: 2px 0px 0px 2px;
    -o-radius: 2px 0px 0px 2px;
    border-radius: 2px 0px 0px 2px;
}

#header {}
#header .logo{
    margin: 30px 0;
    min-height: 43px;
}

#menu_block {}
#menu_block li.active, #menu_block li.active:hover {
    background: #2f88d6 !important;

}
#menu_block li ul a{
    color: black
}
#menu_block .main_nav{
    background: #294052;

}

#menu_block .main_nav .home{

    border: 0;    
}
#menu_block .main_nav .home a{
    padding-left: 15px;  
    padding-right: 15px;  
    border: 0;
}
#menu_block .main_nav .home i{
    font-size: 24px;
}

#menu_block .main_nav{
    list-style: none;
    margin: 0;
    padding: 0;



    position: relative;
}
#menu_block .main_nav li:hover{
    background: #1d5687;
}
#menu_block .main_nav li{

    padding: 18px 0;

    height: 62px;

    float: left;


    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;

}
#menu_block .main_nav li a{


    padding: 5px 26px 6px 25px;

    border-left: 1px solid #1d5687;



}

#menu_block .main_nav img{
    margin: -5px 0 0;
    width: 23px;
    height: 22px;
}

#menu_block .main_nav li a{
    color: white;
    text-transform: uppercase;

    font-size: 15px;
    font-weight: bold;
}

#menu_block .main_nav li.active ul{
    min-height: 30px;
    height: auto;              
    display: block;
}

#menu_block .second_nav  {
    margin-top: -6px;

    background: #2f88d6;

    width: 100%;

    min-height: 35px;

    position: relative;
}
#menu_block .second_nav  ul{

    display: none;


    min-height: 35px;

    list-style: none;

    margin: 0;
    padding: 0;

    background: #2f88d6;

    position: absolute;


}

#menu_block .second_nav li:hover{
    background-color: #1d5687;
}
#menu_block .second_nav li{
    display: block;

    float: left;

    color: white;

    height: 35px;
    padding: 8px 23px;

    background: url('../images/top_border.png') top right no-repeat;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

#menu_block .second_nav ul a{
    font-size: 13px;

    padding: 0;
    border: none;

    color: white;
}

#menu_block .second_nav ul.active{
    display: block;
}
#menu_block .second_nav ul{
    display: none;
}


.article-comments { background: #2f88d6; font-size: 12px; line-height: 20px; color: #fff; display: block; position: absolute; top: 10px; right: 15px;
                    -webkit-box-shadow: inset -1px 0 1px rgba(0,0,0,0.2); 
                    box-shadow: inset -1px 0 1px rgba(0,0,0,0.2); }
.article-comments > span { display: block; position: relative; padding: 2px 7px; }
.article-comments > span:before { content:''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid #2f88d6; border-top: 7px solid transparent; border-bottom: 7px solid transparent; position: absolute; top: 5px; left: -14px; }
.article-comments i { margin-right: 3px; }
.article-comments:hover { color: #fff!important; padding-right: 4px; }


.article-big-line{
    margin-bottom: 32px;

    clear: both;

    min-height: 131px;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.article-big-line .img{
    width: 100%;
    height: 125px;

    overflow: hidden;

    display: block;
}
.article-big-line .info{
    background: #2f88d6;
    padding: 6px 0;
    margin-bottom: 12px;

    color: white;
}
.article-big-line .info i{
    font-size: 14px;
    margin-right: 6px;
}
.article-big-line .info div{
    text-align: center;
    font-size: 14px;
}

.article-big-line .title{
    font-weight: bold;
    color: #294052;

    padding-top: 0;
    margin-top: 0;
}
.article-big-line .title a{
    color: #294052;
}

.article-big-line .title span{
    font-size: 11px;
    color: #676767;
    font-weight: normal;
}

.article-big-line .categorys{
    list-style: none;
    margin: 0;
    padding: 0;
}
.article-big-line .categorys li{
    color: #333;
    float: left;
    padding-right: 6px;

    color: #1d5687;


}

.article-big-line .label{
    font-weight: 300;
}
.article-big-line p{
    color: #333;

    text-align: justify;

    line-height: 1.5em;
}

@media screen and (max-width: 758px) {

    .article-big-line {
        margin-bottom: 25px;

    }
    .article-big-line .title a{

    }

    .article-big-line .img img{
        width: 100% !important;
        height: auto !important;

        margin-top: -25% !important;

    }

    .article-big-line .img {
        width: 100% !important;
        height: auto !important;

        max-height: 200px !important;

        margin-bottom: 12px;
    }

    .article-big-line{
        clear: both;
    }

}


.article-mid-line{
    margin-bottom: 10px;

    clear: both;

    min-height: 70px;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;


}

.article-mid-line .img{
    width: 90px;
    height: 60px;

    display: block;

    overflow: hidden;
}
.article-mid-line .title{
    font-weight: bold;

    margin-top: 0px;;

    margin-bottom: 6px;

    font-size: 13px;
}
.article-mid-line .title a{
    color: #294052;

    font-weight: 300;

    line-height: 1.6em;
}

.article-mid-line .title span{
    font-size: 11px;
    color: #676767;
    font-weight: normal;
    margin-top: 3px;
}

.article-mid-line .categorys{
    list-style: none;
    margin: 0;
    padding: 0;
}

.article-mid-line .categorys i{
    color: #2f88d6;
    margin-top: -2px;
    margin-right: 2px;
}
.article-mid-line .categorys li{
    color: #333;
    float: left;
    padding-right: 6px;
    margin-right: 12px;

    color: #cbcbcb;

    font-size: 11px;

    font-weight: 300;
}

.article-mid-line p{
    color: #333;

    text-align: justify;

    line-height: 1.5em;
}
.article-mini-line{
    margin-bottom: 10px;

    clear: both;

    min-height: 70px;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;


}

.article-mini-line .img{
    width: 60px;
    height: 60px;

    display: block;

    overflow: hidden;
}
.article-mini-line .title{
    font-weight: bold;

    margin-top: 0px;

    margin-bottom: 10px;

    font-size: 13px;

    text-align: justify;
}
.article-mini-line .title a{
    color: #294052;

    font-weight: 300;
}

.article-mini-line .title span{
    font-size: 11px;
    color: #676767;
    font-weight: normal;
    margin-top: 3px;
}

.article-mini-line .categorys{
    list-style: none;
    margin: 0;
    padding: 0;
}

.article-mini-line .categorys i{
    color: #2f88d6;
    margin-top: -2px;
    margin-right: 2px;
}
.article-mini-line .categorys li{
    color: #333;
    float: left;
    padding-right: 6px;
    margin-right: 12px;

    color: #cbcbcb;

    font-size: 11px;

    font-weight: 300;
}

.article-mini-line p{
    color: #333;

    text-align: justify;

    line-height: 1.5em;
}



.article-block{
    margin-bottom: 10px;

    clear: both;

    width: 260px;
    height: 195px;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;

    position: relative;

    overflow: hidden;

    display: block;

    margin: 0 auto 10px;

    border: 1px solid #f5f5f5;
    background: #fcfcfc;
}

.article-block img{
    width: 100%;
    margin: 0 auto;
}
.article-block h4{
    margin: 0;

    background: rgba(73, 65, 88, 0.6);

    bottom: 0px;
    left: 0;
    right: 0;


    position: absolute;
    color: white;

    padding: 10px;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;

}
.article-block:hover{
    border-color: #2f88d6;
}
.article-block:hover h4{
    background: #2f88d6;
}

.article{
    font-size: 14px;
    line-height: 2em;

    margin-top: 12px;

    color: #294052;

    text-align: justify;

    font-weight: 300;
}
.article h1{
    color: #294052;
}
.article .main_img{
    width: 33%;

    border: 1px solid #aaa;
    padding: 6px;
    margin: 0 12px 12px 0;
    height:auto;


    float: left;
}
.article .main_img img{
    max-width: 100%;
    clear: both;
}

.article .user-pic {
    width: 110px;
    height: 110px;
    margin: 20px auto 1em;
    padding: 5px;
    overflow: hidden;
    background: url('assets/images/line-light.png');
    border-radius: 70px;

    border: 5px solid #f0f0f0;
}

.article .user-pic img {
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 70px;

    margin-left: -5px;
}

.article .user-name {
    margin: 0 auto;
    float: none;

    text-align: center;

    font-size: 16px;
}
.article .info{
    list-style: none;
    margin: 24px auto 0;    
    padding: 12px 0 0;

    border-top: 1px solid #e4e4e4;

}
.article .info-2{

    margin-top: 14px;
    font-size: 12px;
    border-top: 1px dashed #EBEBEB;
    padding: 10px 0;
    border-bottom: 1px dashed #EBEBEB;
    color: #999;
    clear: both;

}
.article .info-2 span{
    margin-right: 20px;
}
.article .info li{
    width: 100%;
    color: #7e7e7e;

    font-size: 12px;


    line-height: 36px;
}
.article .info li i{
    font-size: 16px;

    margin-right: 6px;
}

.article .share{
    margin: 24px auto 0;    
    padding: 12px 0 0;

    border-top: 1px solid #e4e4e4;

}
.article .other_img{
    margin: 12px 0;
}

.article-menu, .article-menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.article-menu li{
    line-height: 25px;
}

.article-menu a{
    width: 100%;
    display: block;

    font-size: 14px;
    font-weight: 300;
}

.article-menu ul{
    padding-left: 24px;
}


.big-line-title{
    background: #2f88d6;

    padding: 12px;

    font-size: 16px;

    margin-bottom: 20px;
    margin-top: 0;

    color: white;
}
.big-line-title a{
    color: white;
}
.big-line-title:after{
    float: left;
    content: " ";

    width: 0;
    height: 0;
    border-top: 10px solid #2f88d6;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    margin-top: 6px;

    position: absolute;

    display: block;
}

.big-line-title-2{

    padding: 12px 0 9px;

    font-size: 16px;

    margin-bottom: 20px;
    margin-top: 0;

    color: #333;;

    border-bottom: 3px solid #7b7b7b;
}
.big-line-title-2 a{

}

.big-line-title-3{
    background: #2f88d6;

    padding: 12px;

    font-size: 16px;

    margin-bottom: 20px;
    margin-top: 0;

    color: white;
}
.big-line-title-3 a{
    color: white;
}

.big-line-title-3 .nav-tabs{
    border-bottom: 0;

    margin: -3px -7px 0 0;
}
.big-line-title-3 .nav-tabs li a{
    padding: 4px 10px;
}
.big-line-title-3 .nav-tabs li.active a{
    background-color: white !important;
    border-color: white !important;

    color: #555 !important;
}
.big-line-title-3 .nav-tabs li a:hover{
    background-color: #1d5687;
    border-color: #1d5687;

    color: white;
}
.big-line-title-3 .nav-tabs i{
    width: 15px;
    text-align: center;
}




.mid-line-title{
    background: #2f88d6;

    padding: 12px;

    font-size: 16px;

    margin-bottom: 12px;

    color: white;
}
.mid-line-title a{
    color: white;
}
.mid-line-title:after{
    float: left;
    content: " ";

    width: 0;
    height: 0;
    border-top: 10px solid #2f88d6;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    margin-top: 6px;

    position: absolute;

    display: block;
}
.mid-line-title .nav-tabs{
    border-bottom: 0;

    margin: -3px -7px 0 0;
}
.mid-line-title .nav-tabs li a{
    padding: 4px 10px;
}
.mid-line-title .nav-tabs li.active a{
    background-color: white !important;
    border-color: white !important;

    color: #555 !important;
}
.mid-line-title .nav-tabs li a:hover{
    background-color: #1d5687;
    border-color: #1d5687;

    color: white;
}
.mid-line-title .nav-tabs i{
    width: 15px;
    text-align: center;
}

.mid-line-title-2{
    padding: 12px 0 9px;

    font-size: 16px;

    margin-bottom: 12px;
    margin-top: 0;

    border-bottom: 3px solid #7b7b7b;
}
.mid-line-title-2 .nav-tabs{
    border-bottom: 0;

    margin: -7px -7px 0 0;
}
.mid-line-title-2 .nav-tabs li a{
    padding: 6px 10px;
}
.mid-line-title-2 .nav-tabs li.active a{
    background-color: white !important;
    border-color: white;
    border-left-color: #7b7b7b;
    border-right-color: #7b7b7b;
    border-top-color: #7b7b7b;

    color: #555 !important;
}
.mid-line-title-2 .nav-tabs li a:hover{
    background-color: #1d5687;
    border-color: #1d5687;

    color: white;
}
.mid-line-title-2 .nav-tabs i{
    width: 15px;
    text-align: center;
}





.comment-2{

}
.comment-2 .user img{    
    width: 80px;
    height: 80px;
}

.comment-2 .body:before {
    content: '';
    display: inline-block;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
    border-bottom: 10px solid white;

    background: #eee;

    position: absolute;
    top: 8px;
    left: 95px;
}
.comment-2 .body {

    padding: 10px;
    min-height: 60px;
    border: 1px solid #eee;
    border-left: 2px solid #eee;
    background-color:  #FAFAFA;

}

.comment-2 .body p {
    margin-bottom: 0;
    line-height: 20px;
    font-size: 12px;
}

.commenter {
    position: relative;

    width: 80px;
    height: 70px; 

    display: block;

    overflow: hidden;
}


.commenter::after {
    content: '';
    display: inline-block;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
    border-bottom: 10px solid white;

    background: #eee;

    position: absolute;
    top: 8px;
    right: -10px;
}

.comment-2 .name {
    font-weight: 400;
    float: left;
    margin-top: 0;
    margin-bottom: 4px;

    font-size: 16px;
}
.comment-2 .name a{
    color: rgb(85, 85, 85);
}
.comment-2 .name a:hover{
    color: #2f88d6;
}

.comment-2 .info {
    float: right;
    font-size: 11px;
    font-style: italic;

    margin: -6px 0 0 8px !important;
    padding: 0 !important;
    border: none;
}
.comment-2 .info a{
    color: #444;
}
.comment-2 .info a:hover{
    color: #2f88d6;
}



.comment-min .avatar-block{
    float: left;
    margin-right: 10px;
    height: 44px;
    width: 44px;
    background: #FFFFFF;	

    position: relative;
    z-index: 2;
    overflow: hidden;

    border: 2px solid #E1E1E1;

    border-radius: 50px;

}

.comment-min .avatar{


}

.comment-min .comment-right{
    float: left;
    width: 100%;
    padding-left:  50px;
    margin-bottom: 20px;

    margin-top: -54px;
}
.comment-min .title{
    font-size: 14px;
    line-height: 1.1;
    margin: 10px 0 0;

    font-weight: 600;
}
.comment-min .title a{
    color: #303030;
}

.comment-min .comment-text{
    color: #999999;
    font-size: 13px;
    margin: 2px 0;
}

.comment-min .comment-author h6{
    font-weight: 400;
    font-size: 12px;

    margin: 0;
}




.newsletter-box{
    background: url('../images/contact-form.png') top left repeat-x;

    border: 1px solid #eee;

    padding: 3px 9px 12px;
}
.newsletter-box h2{
    margin-bottom: 6px;
}

.category_block{

}

.category_block li { 
    list-style:none; 
    margin-left:0px; 
}

.category_block li a { 
    color:#171717; 
    width: 100%; 
    display: block; 
    clear:right; 
    line-height:29px;  
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;

    font-weight: 300;

}

.category_block li a.active, 
.category_block li a:hover { 
    color:#fff; 
    background: #2f88d6; 
    text-decoration:none; 
    width: 100%;
    padding-left: 6px !important; 
    padding-right: 6px !important; 
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);
}

.category_block li a.active span, 
.category_block a:hover span { 
    color:#0083ff; 
    background:#FFF; 
    opacity: 1
}

.category_block li a span { 
    margin-right: 0px; 
    margin-top: 6px; 
    line-height: 17px; 
    height: 17px; 
    float: right; 
    border-radius: 2px; 
    font-size: 11px; 
    font-weight: bold; 
    color: #fff; 
    background: #c0c0c0; 
    padding: 0px 8px 0px 8px; 

}


.category_block h2{
    font-size: 1.4em;

    border-bottom: 1px solid #eee; 
    padding-bottom: 6px;
    margin-bottom: 12px;
}

.category_block ul{
    list-style: none;    
    padding: 0;
    margin: 0;
}

.category_block li{
    padding: 0;
    margin: 0;
}

.category_block a{
    color: #0088df;
}

.category_block span{
    color: #767676;
}


.chzn-container, .chzn-drop, .chzn-search input{
    width: 100% !important;
}

.table-price{}
.table-price .special{
    background: #0088df !important; 
    color: white
}
.table-number{}
.table-number .special{
    background: #0088df !important; 
    color: white;
    width: 40%;
}

#NewsletterForm{
    position: relative;
    width: 100%;
}
#NewsletterForm .input-group-btn {
    top: 0;
    z-index: 2;
    right: 30px;
    position: absolute;

}



#footer{
    background: #294052;

    margin-top: 50px;
}

#footer .before{
    padding: 25px 0;
    background: #eee;

}

#footer h2{
    color: #FFF;
    border-bottom: 2px solid #1d5687;    
    margin-left: 0;
    padding-bottom: 10px;


    line-height: 1.3em;
    padding: 0.5em 0;
    margin: 16px 0 0 -0.05em;
    font-style: normal;
    font-weight: bold;
    font-family: inherit;
    text-transform: uppercase;

    font-size: 15px;
}
#footer ul{
    margin: 0 0 12px 0;
    padding: 0;

}
#footer ul a{
    color: white;
}
#footer ul li{
    padding: 8px 0;
    border-bottom: 1px solid #25455f;    
}
#footer .bottom{
    background: #2f88d6;

    height: auto;
    padding: 10px 0;

    margin: 30px 0 0;
}
#footer .bottom a{
    color: white;
    text-decoration: underline;
}
#footer .bottom .btn{
    margin-top: -4px;
    text-decoration: none;
}
#footer p{
    margin: 0;
    padding-bottom: 10px;

    color: white;
}

.basic-menu, .basic-menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.basic-menu li{
    line-height: 25px;
}

.basic-menu a{
    width: 100%;
    display: block;

    font-size: 14px;
    font-weight: 300;
}

.basic-menu ul{
    padding-left: 24px;
}


#sticky_header{

    background-color: #294052;
    border-bottom: 3px solid #2f88d6;

    position: fixed;
    top: 0;
    left: 0;
    right: 0;

    z-index: 3;
    display: none;
}
#sticky_header .main_nav li{
    padding: 12px 0;
    height: 50px;
}

.message{
    margin-bottom: 20px;

}
.message_out{ }
.message_in{ }
.message_out .message_text{
    background: #b6e469; 
}
.message_in .message_text{
    background: #f4f4f4; 
}
.message_header{
    padding: 0 16px; 
    margin-bottom: 4px; 
    font-size: 11px;    
}
.message_header a{
    color: #404040;
}
.message_header div{
    color: #9d9d9d; 
    font-size: 11px; 
    margin-top: 3px;
}
.message_text{


    font-size: 13px; 
    line-height: 19px; 

    padding: 12px 18px; 
    border-radius: 5px
}
.message_footer{   
    padding: 0 16px; 
    margin-top: 2px; 
    color: #888; 
    font-size: 11px;
}

.message_footer span{
    color: #000;
}

.avatar .user-pic {
    width: 110px;
    height: 110px;
    margin: 20px auto 1em;
    padding: 5px;
    overflow: hidden;
    background: url('assets/images/line-light.png');
    border-radius: 70px;

    border: 5px solid #f0f0f0;

    float: left;
}

.avatar .user-pic img {
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 70px;

    margin-left: -5px;
}

.avatar .user-info{

    margin: 20px 0 0 20px;
    float: left;

}
.avatar h1{
    margin-bottom: 10px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.booklet_block{
    margin-bottom: 12px;
    height: 260px;
}
.booklet_block .img{
    width: 100%;
    text-align: center;

}
.booklet_block .img img{
    float: none !important;

}

.booklet_block h3{
    margin: 2px;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}