@import url('//fonts.googleapis.com/css?family=Comfortaa');
* { margin:0;  }
body { font-size: 14px; font-family: 'Comfortaa'; background-color: #f1f5f8; }
a { color:#0d2625; }
a:hover { color:#060a0a; }

/* comfortaa-regular - latin */
@font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/comfortaa-v29-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/comfortaa-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/comfortaa-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/comfortaa-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/comfortaa-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/comfortaa-v29-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
}



/***** BANER *****/
.baner { background-color: #067ab5; padding: 0 60px; }
.baner .container { background-image: url("../images/back-baner.png"); background-repeat: no-repeat; background-position: center; }
.baner .logo img { width: 200px; float: left; padding: 30px 40px; }
.baner .logo p { color: #fff; font-weight: bold; padding: 60px 0 0 0; font-family: Calibri; font-weight: bold; font-size: 28px;
line-height: 25px; letter-spacing: 1px; text-shadow: 2px 2px #0972a3;  }
.baner .logo p span { font-size: 20px; }
.baner .sotset { background-image: url("../images/bild.png"); background-repeat: no-repeat; background-position: right; text-align: right;
    padding: 10px 0; float: left; color: #fff; }
.baner .sotset a { font-size: 8px; color: #fff; font-weight: bold; text-transform: uppercase; text-shadow: 2px 2px #0972a3; padding: 2px;  }
.baner .sotset img { width: 30px; padding: 3px;  }

.baner .sotset .search input {
    font-size: 11px;
    padding: 5px 10px 5px 10px;
    background-image: url(../images/search.png);
    background-position: right;
    background-repeat: no-repeat;
    border: 1px solid #075276;
    width: 200px;
    background-color: #fafafa;
    color: #989797;
    border-radius: 6px;
    margin-top: 10px;
    -webkit-box-shadow: 0px 0px 37px -4px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 37px -4px rgba(255,255,255,1);
    box-shadow: 0px 0px 37px -4px rgba(255,255,255,1);
}


/***** TopMenu *****/
.topmenu { background-color: #0971a2; height: 50px; color: #fff; padding: 10px 0; }
#gruemenu.grue_180 > ul { margin-top: -5px; padding: 0; }
#gruemenu.grue_180 > ul > li > a { padding: 15px 10px;}
#gruemenu.grue_180 ul ul li:first-child > a { font-size: 13px; }

#gruemenu > ul > li > a { padding: 10px 15px 21px 15px; }


/***** Main *****/
.main { height: 500px; margin: 0; }
.main .container { padding: 0; }
.main .container .carousel-caption { padding: 0; width: 100%; color: #fff; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5); }
.main .container .carousel-caption a, .main .container .carousel-caption a  { color: #fff; text-decoration: none; }
.main .container .carousel-caption h1 { text-align: left; padding: 30px 50px 25px 55px; font-size: 17px; font-weight: bold; }
.main .container .carousel-caption p { text-align: right; padding: 0 55px 0 0; font-size: 12px; font-weight: bold; margin-top: -10px; color: #cdd2d9; }
.main .container .carousel-indicators { justify-content: left; margin: 0 50px 20px 50px; border-top: 1px #6c777e solid; }

/***** President *****/
.content .p { margin: 0; padding: 0 0 0 15px;}
.president { margin: 0; padding: 0; background-color: #c1dfef;  }
.president img { padding: 0 0 10px 0; }
.president a, .president a:hover { text-decoration: none; }
.president p { padding: 10px 15px 15px 15px; margin: 0; text-align: center; font-size: 13px; font-weight: bold; }
.president .link { text-align: right; border-top: 1px #72accb solid; padding: 4px 2px 7px 0; margin: 0 15px; }
.president .link a { color: #2c373e; font-weight: bold; font-size: 12px;}
.president .link a i { color: #1d4f69; font-size: 12px; }


/***** NEWS *****/
.e { padding-left: 0; }
.news { margin: 20px 0 0 0; padding: 0 0 0 0; }
.news h3 { font-size: 16px; font-weight: bold; color: #004091; text-transform: uppercase; border-bottom: 1px #f0f0f0 solid; padding: 0 0 10px 20px; margin: 0 0 -10px 0; }
.news ul { margin: 0; padding: 0; }
.news ul li:first-child { float: left; width: 50%; list-style: none; min-height: 600px; padding: 10px 10px 0 0; color: #333131; font-weight: bold; text-align: left; }
.news ul li:first-child img { width: 100%; margin-bottom: 10px; }
.news ul li:first-child a { font-size: 14px; font-weight: bold; color: #0068b8; text-align: left; }
.news ul li:first-child a:hover { text-decoration: none; color: #09355d; }
.news ul li:first-child .date { color: #716e6c; font-size: 12px; padding: 20px 0 5px 0; margin-bottom: 15px;}

.news ul li { float: right; width: 50%; list-style: none; padding: 10px 10px 10px 10px; line-height: 20px; }
.news ul li a { font-size: 14px; font-weight: normal; color: #0068b8; text-align: left; }
.news ul li a:hover { text-decoration: none; color: #09355d; }
.news ul li .date { color: #716e6c; font-size: 12px; padding: 10px 0 5px 0; border-bottom: 1px #ededed solid;}

.news .archive { width: 100%; text-align: right;  margin-top: 20px; }
.news .archive a { color: #1c397d; font-size: 10px; font-weight: bold; border-bottom: 1px #1c397d solid; padding: 3px 0; }

.elon { background-color: #cbb8b8; min-height: 300px; }


/***** CONTENT *****/
.content { background: #fff; padding: 20px 20px 20px 20px; margin: 0; text-align: justify; }
.content .col-lg-6 { padding: 0; }

.content .aso { padding: 15px 25px 0 15px; border: 1px #f00 solid; }
.content .into a img, .content .aso a img { width: 100%; border: 1px #f00 solid; }
.content .into { padding: 15px 15px 0 25px; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
.image-box { position: relative; margin: auto; overflow: hidden; width: 100%; }
.image-box img { max-width: 100%; transition: all 0.3s; display: block; width: 100%; height: auto; transform: scale(1); }
.image-box:hover img { transform: scale(1.1); }





#Content_s { margin-top:-20px; padding:10px 0 25px 0; border:1px #c3c3c3 solid; background-color:#FFF;}
.content h1, .h1, h2, .h2, h3, .h3 {  margin-top: 5px; }
.content .likes-block_left { line-height: 24px; height: 24px; text-align: left; padding:30px 20px 50px 20px; text-align: right; }
.content  h2 { margin-bottom: 10px; font-weight:bold; font-size: 25px; border-bottom: 1px #011716 solid; width: 100%;  padding-bottom: 10px;   margin-bottom: 30px; }
.item-page { font-size: 14px; color: #555; line-height: 25px; width: 100%; padding: 20px 30px; }
.item-page ul,.item-page li{padding-left: 20px; margin-left: 35px;}{ font-size: 16px; color: #555; line-height: 25px; }
.item-page p { text-align: justify; }
.item-page img { padding:3px; margin-right:20px; text-align: justify; border: 1px #dbdbdb dotted; }
.item-page .box img { width:250px; float:left; padding:0 7px 5px 0;}
.item-page #article-index{}
.item-page #article-index ul{margin-left: 15px;  padding: 0;}
.item-page #article-index ul li{padding-left:0;}
.item-page #article-index ul a{color: #0a6eb4;}
.pagenavcounter{text-align: center; font-size: 12px; padding: 8px 0; color: #ccc;}

.item-page table { margin: 40px 20px 30px 0; padding: 0 30px; width: 100%; border-radius: 100px; }
.item-page table th { background-color: #ebebf9; color: #0388cc; padding: 8px 15px; }
.item-page table tr:nth-child(odd) { background-color: #f6f8f9; }
.item-page table tr:hover { background-color: #f4f5f6; }
.item-page table tr td { padding: 6px 15px; font-size: 13px; }
.item-page table tr td img { padding: 3px; border-bottom-right-radius: 50px;  }
.item-page table tr td a { color: #0388cc; font-weight: lighter; }
.item-page table tr td a:hover { color: #093d58; font-weight: lighter; }

.accordion { padding: 20px 0; }
.item-page .card-header { padding: 7px 20px 5px 20px; background-color: #229ede; color: #fff;  }
.item-page .card-header h5 { color: #fff; }
.btn-link, .btn-link:hover { color: #fff; font-size: 14px; font-weight: bold; text-align: left; text-decoration: none; }
.card-body { font-size: 13px; }

.catIndex a { color:#003432; font-size:17px; font-weight:bold;}
.catIndex .borderImg{float:left; margin-right:10px;display:table;padding:2px; }
.catIndex .borderImg img { width: 200px; border: 1px #dedede solid; padding: 3px; }
.componentheading h1, .componentheading h2, .componentheading h3{ font-size:25px; border-bottom:2px #003432 solid; width:60%; padding-bottom:5px; color: #003432; margin: 20px;}

.pagination { margin-top:20px; padding-top:5px;}
.pagination p{margin:0; padding:0; padding-left:4px; font-size:12px; font-weight:bold; }
.pagination ul{list-style:none; margin:0; padding:4px;  border:0;  font-size:12px; }
.pagination ul li{ display:inline-block; margin: 0; padding: 0 2px;}
.pagination ul li a{display:block; border: 1px solid #ccc; padding: 3px 15px;  }
.pagination ul li a:hover{text-decoration: none; background: #f2f2f2;}

.items-more{ margin-top:30px; background:#f2f2f2; border-top-color:3px #F00 solid; padding:10px; color:#3c3c3c;}
.items-more ol{ list-style:square; padding-left:25px; margin:5px;}

.info {font-size: 11px;margin:2px; margin-top: 5px;}
.articleInfo { line-height: 23px; color:grey; background: #F5F5F5; font-size: 11px; border-top: 1px solid #F0F0F0;  margin-bottom: 30px; padding: 0 15px; }

#hits {background: url(../images/hits.png) no-repeat center left; padding-left:20px}
#edate { background: url(../images/calendar_icon.png) no-repeat center left; padding-left: 20px; margin-right: 20px }
#section {float: right}
#section a { font-size: 12px; font-weight: 700; color: #ccc; text-transform: uppercase }
.borderImg { width:1px; border:0;}

.articleInfo { background: #f7f7f8; border: 1px #efefef solid; padding: 5px 0 5px 10px; min-height: 40px; border-radius: 3px;}
.b-share { margin-top: -20px; }


/***** PARTNER *****/
.partner { padding: 50px 0 20px 0; background-color: #07638e; }
.partner .title { border-top: 1px #f7fcfe solid;  }
.partner .t { background-color: #07638e;  color: #f6f6f6; text-transform: uppercase; font-weight: bold; width: 20%; margin: 0 auto; margin-top: -30px; text-align: center;  }
.partner ul { padding: 0; margin: 20px 0; }
.partner ul li { padding: 0; margin: 0; list-style: none; float: left; width: 20%; padding: 20px;   }
.partner ul li img { width: 100%; border-radius: 6px; }

/***** CHORABINIHO *****/
.chorabini { margin: 0; padding: 0; }
.chorabini .container { margin: 0; padding: 0; }

/***** COVID *****/
.d { margin: 0; padding: 15px; }
.covid { margin: 0 -15px 0 0; padding: 0; background-color: #f3f1f1; padding: 10px 10px 10px 10px; }
.covid h3 { font-size: 14px; color: #44403f; border-bottom: 3px #2247a9 solid; padding: 10px 20px 10px 0; font-weight: bold; text-transform: uppercase; }
.covid .fr { position: relative; text-align: center; color: white;  position: relative; margin: auto; overflow: hidden;  }
.covid .fr img { max-width: 100%; transition: all 0.5s; display: block; width: 100%; height: auto; transform: scale(1); }
.covid .fr:hover img { transform: scale(1.1); transition: all 0.5s; }

.covid .fr .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; width: 85%;
    background-color: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); padding: 15px 10px; border: 1px #666666 solid; }
.covid .fr .centered a, .covid .fr .centered a:hover { color: #fff; text-decoration: none; text-transform: uppercase; }


/***** AKSHO *****/
.aksho { margin: 0; padding: 0; background-color: #f3f1f1; padding: 10px 10px 10px 10px; }
.aksho p { padding: 0; margin-bottom: 0; }
.aksho h3 { font-size: 14px; color: #44403f; border-bottom: 3px #2247a9 solid; padding: 10px 20px 10px 0; font-weight: bold; text-transform: uppercase; }

/***** NAVORHO *****/
.navor { margin: 0 0 0 -15px; padding: 0; background-color: #f3f1f1; padding: 10px 10px 10px 10px; }
.navor h3 { font-size: 14px; color: #44403f; border-bottom: 3px #2247a9 solid; padding: 10px 20px 10px 0; font-weight: bold; text-transform: uppercase; }
.navor p { padding: 0; margin: -10px 0 0 0; }


/***** FOOTER *****/
.footer { padding: 20px 0 0 0; background: rgba(0,63,94,1);
    background: -moz-linear-gradient(top, rgba(0,63,94,1) 0%, rgba(5,90,132,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,63,94,1)), color-stop(100%, rgba(5,90,132,1)));
    background: -webkit-linear-gradient(top, rgba(0,63,94,1) 0%, rgba(5,90,132,1) 100%);
    background: -o-linear-gradient(top, rgba(0,63,94,1) 0%, rgba(5,90,132,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,63,94,1) 0%, rgba(5,90,132,1) 100%);
    background: linear-gradient(to bottom, rgba(0,63,94,1) 0%, rgba(5,90,132,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f5e', endColorstr='#055a84', GradientType=0 );}

.footer .name { color: #fff; font-size: 14px; line-height: 15px; text-transform: uppercase;  margin-bottom: 10px; padding: 10px 0; }
.footer .name span { font-size: 10px; }
.footer .con, .footer .con i { color: #fff; font-size: 14px; }
.footer .con a { color: #fff; }
.footer .con p i { margin: 10px 3px; font-size: 18px; padding: 3px; color: #f8f8f8; border: 1px dotted #ccc; border-radius: 4px; }
.footer .copyright { color: #fff; line-height: 15px; border-top: 1px #2690c1 dotted; padding: 10px 0; }
.footer .copy { color: #fff; text-align: right; font-size: 12px; color: #dff2fb; padding: 10px; }
.footer .copy a { color: #fff; }
.footer .copy img { margin: 15px 10px; }
.footer .name span { font-size: 10px; color: #fefefe; }




/********************* Media screen*********************/

@media (max-width: 1148px) and  (min-width: 1010px){

}

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

}


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

}

@media (max-width: 767px) {
    .baner { padding: 0; }
    .baner .logo img { padding: 40px 15px 0 0; width: 100px; }
    .baner .sotset { padding: 0; }
    .president { margin: 20px 0 20px 0; padding: 0;}
    .content .p { padding: 0; }
    .news ul li:first-child { width: 100%; min-height: auto; margin-bottom: 20px; }
    .news ul li { width: 100%; min-height: auto; padding: 10px 0 15px 0; }
    .partner ul li { width: 33%; padding: 20px 5px; }
    .partner .t { width: 45%; }
    .footer .copy { text-align: center; font-size: 11px;}
    .footer .copyright { font-size: 12px; padding: 10px 20px;}

    .articleInfo { background: #f7f7f8; border: 1px #efefef solid; padding: 5px 0 5px 10px; min-height: 40px; border-radius: 3px;}
    .b-share { margin-top: -20px; }

    #gruemenu.grue_180 ul li > a { text-transform: none; }

    .topmenu { height: 1px; margin-top: -20px; }



}

@media (max-width: 480px) {
    .baner { padding: 0; }
    .baner .logo img { padding: 30px 15px 20px 0; width: 100px; }
    .baner .sotset { padding: 0; }
    .president { margin: 20px 0 20px 0; padding: 0;}
    .content .p { padding: 0; }
    .news ul li:first-child { width: 100%; min-height: auto; margin-bottom: 20px; }
    .news ul li { width: 100%; min-height: auto; padding: 10px 0 15px 0; }
    .partner ul li { width: 33%; padding: 20px 5px; }
    .partner .t { width: 45%; }
    .footer .copy { text-align: center; font-size: 11px;}
    .footer .copyright { font-size: 12px; padding: 10px 20px;}

    .navor { margin: 0; }
    .covid { margin: 0; }
    .content .col-12 { padding: 15px 0; }
    .news h3 { padding: 0 0 10px 0; }

    .item-page img { width: 100%; padding: 10px 0; }
    .item-page { padding: 20px 15px; }

    .articleInfo { background: #f7f7f8; border: 1px #efefef solid; padding: 5px 0 5px 10px; min-height: 40px; border-radius: 3px;}
    .b-share { margin-top: -20px; }

    .topmenu { height: 1px; margin-top: -20px; }

    .baner .logo p { font-size: 22px; padding: 40px 0 0 0; }
    .baner .logo p span { font-size: 16px; }

}

@media (max-width: 361px) {
    .baner { padding: 0; }
    .baner .logo img { padding: 40px 15px 20px 0; width: 100px; }
    .baner .sotset { padding: 0; }
    .president { margin: 20px 0 20px 0; padding: 0;}
    .content .p { padding: 0; }
    .news ul li:first-child { width: 100%; min-height: auto; margin-bottom: 20px; }
    .news ul li { width: 100%; min-height: auto; padding: 10px 0 15px 0; }
    .partner ul li { width: 33%; padding: 20px 5px; }
    .partner .t { width: 45%; }
    .footer .copy { text-align: center; font-size: 11px;}
    .footer .copyright { font-size: 12px; padding: 10px 20px;}

    .navor { margin: 0; }
    .covid { margin: 0; }
    .content .col-12 { padding: 15px 0; }
    .news h3 { padding: 0 0 10px 0; }

    .articleInfo { background: #f7f7f8; border: 1px #efefef solid; padding: 5px 0 5px 10px; min-height: 40px; border-radius: 3px;}
    .b-share { margin-top: -20px; }

    .topmenu { height: 1px; margin-top: -20px; }

}



#gruemenu.grue_174, #gruemenu.grue_174 ul, #gruemenu.grue_174 ul li, #gruemenu.grue_174 ul > li > a { padding: 10px 6px; }
#gruemenu.grue_174 { margin: -10px -10px 0 -10px; padding: 0; }