@import url('https://fonts.googleapis.com/css?family=Cabin:400,400i,500,500i');
* { margin:0;  }
body { font-family: Arial, Helvetica, sans-serif; background-color: #e8e7e7; }
a { color:#044c6e; }
a:hover { color:#104660; }

/** Baner **/
.Baner { margin: 0; padding: 0; }
.Baner .container { background-color: #04608c; }
.Baner .name { margin: 0; text-align: right; margin-top: 5px;}
.Baner .name img { padding: 15px 0;}
.Baner .langbar { padding: 0; margin: 0;}
.Baner .langbar .lang { text-align: right; }
.Baner .langbar .lang img { margin: 15px 5px; box-shadow: 1px 1px 1px #1084ba;}
.Baner .langbar .lang img:hover { box-shadow: 1px 1px 1px #054d6f;}

.Baner .langbar .search { border: 0px #fff solid; text-align: right; margin-top: 15%;}
.Baner .langbar .search input { padding:3px 30px 3px 5px; background-image:url(../images/search.png); background-position: right; background-repeat:no-repeat; border: 1px solid #cccccc; width:150px; }


/** slider **/
.carousel-inner { height: 220px; }
.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; overflow:hidden; }
.item.active img { transition: transform 8000ms linear 0s; transform: scale(1.09, 1.09); }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  }
    .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.mapmob { margin: 20px 0;}
.Topmenu { border:0; position: static; z-index: -9999; }
.Topmenu .container { padding: 0; box-shadow: 4px 0 15px 2px rgba(50, 50, 50, 0.25), -4px 0 15px 2px rgba(50, 50, 50, 0.25);}

.Topmenu .col-sm-12 {  }
.Topmenu .navbar-inverse  { border: 0; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#054d6f), to(#054d6f));
    background: -webkit-linear-gradient(top, #054d6f, #054d6f); background: -moz-linear-gradient(top, #054d6f, #054d6f); sbackground: -ms-linear-gradient(top, #054d6f, #054d6f);
    background: -o-linear-gradient(top, #054d6f, #054d6f);     border-radius: 0;
    box-shadow: 8px 0 20px 4px rgba(50, 50, 50, 0.25), -8px 0 20px 4px rgba(50, 50, 50, 0.25);
}
.logo { margin-bottom: -60px; margin-top: 50px; z-index: 99; margin-left: -20px}
.logo img { width: 80%; }


.Topmenu .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background-color:#0888c2; color:#FFF; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav , .navbar-inverse .navbar-nav > .active  {  font-weight:bold; font-size: 13px; }
.navbar-inverse .navbar-nav > li > a { color:#FFF; font-size:14px; font-weight: 200; padding: 14px 8px; }


.navbar-inverse .navbar-nav > li > a:hover { color:#FFF; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#023c57), to(#023c57)); }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-image: -ms-linear-gradient(top, #0888c2 10%, #0888c2 100%); }
.navbar-inverse .navbar-nav > li > .dropdown-menu { background-color: #0888c2; }
.navbar-inverse .navbar-nav > li > .dropdown-menu {}


/** Conetnt **/
#Content_s { background-color: #fff; margin-top: -20px; }
#Content_s .row { margin: 0; }
#Content_s .content { padding: 0 10px; }
#Content_s .content .container { box-shadow: 4px 0 15px 2px rgba(50, 50, 50, 0.55), -4px 0 15px 2px rgba(50, 50, 50, 0.55); }

.slider { margin-top: -20px; }
#Content_s .content .item-page { padding: 0;  }
#Content_s .content .item-page li { text-align: left; }
#Content_s .content .item-page h2 { font-size: 20px; font-weight: bold; padding: 20px 0 10px 10px; margin: 20px 0 10px 10px; text-align: left; font-size: 22px; font-weight: bold; display: block; color: #04608c; }
#Content_s .content .item-page h1 { font-size: 20px; font-weight: bold; padding: 20px 0 10px 10px; margin: 10px 0 10px 10px; text-align: left; font-size: 22px; font-weight: bold; display: block; color: #04608c; }

#Content_s .content .item-page p { font-size: 16px; text-align: justify; }
#Content_s .content .item-page p img { border: 1px #e2e2e2 solid; padding: 2px; margin-right: 5px; margin-top: 5px;}

#Content_s .sidebar { padding: 0 15px; margin: 40px 0 0 0; }
#Content_s .sidebar .l {  background-color: rgba(255, 255, 255, 0.9); border-top: 8px #035b85 solid; -webkit-box-shadow: 0px 0px 24px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 24px -7px rgba(0,0,0,0.75); box-shadow: 0px 0px 24px -7px rgba(0,0,0,0.75); }

.content .search { margin: 20px 0; padding-top: 20px; }
.content .search .result-title a { font-weight: bold; font-size: 13px;}
.content .search .result-category { font-size: 1px;}
.content .search .result-text { font-weight: 100; font-size: 12px;}
.content .search .result-created { text-align: right; font-size: 10px; color: #ccc;}
.content .search .highlight { font-weight: bold; color: #f00; background-color: transparent;}
.content .articleInfo { line-height: 23px; color:grey; background: #F5F5F5; font-size: 11px; border-top: 1px solid #F0F0F0;  margin-bottom: 30px; padding: 0 15px; }

.langmob .search { padding: 0; margin-left: 10px;}
.langmob a { font-size: 10px; font-weight: bold; }


.sidebar h3 { font-size: 16px; font-weight: normal; text-transform: uppercase; display: block; margin-bottom: 10px; color: #fff; background-color: #035b85; padding: 6px 10px 6px 20px; width: 95%; }
.sidebar ul { padding: 0; margin: 0; width: 95%; }
.sidebar ul li { background-color: #e9e9e9; border-bottom: 1px #d5d5d5 solid; list-style: none; padding: 5px 20px 5px 10px;  -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms;-ms-transition: all 500ms; transition: all 500ms;  }
.sidebar ul li a { font-weight: 200; color: #515151}
.sidebar ul li:hover { padding: 5px 10px 5px 20px;  -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms;-ms-transition: all 500ms; transition: all 500ms;  }

.prez { padding: 10px; }
.prez img { margin-right: 10px; }
.prez a { color: #035b85; font-size: 13px; text-align: justify; text-decoration: none; }


/** News **/

.content h3 { border-bottom: 2px solid #04608c; margin: 10px 0; font-size: 15px; margin-top: 10px; padding-bottom: 5px; }
.content h3 span { background-color: #04608c; color: #fff; padding: 5px 20px 6px 15px; border-top-right-radius: 10px; margin-top: -4px; text-transform: uppercase; }

.content th { text-align: center; }
.content td { padding: 5px 15px; }
.content td a { color: #04608c; font-size: 16px; }
.content th { font-size: 14px; }

#news { margin-bottom: -5px; padding: 0;  }
#news ul {  list-style: none; padding: 0; }
#news ul li { background-image: url("../images/what_we_do.jpg"); background-position: 0 5px; display: inline-block; width: 50%; background-repeat: no-repeat; margin: 10px 0 5px 0; padding-left: 20px; margin-bottom:2px; border-bottom: 1px #ccc dotted; }
#news ul li span { color: #999; font-size:11px; font-style: italic; text-decoration:none; }
#news ul li a { text-decoration:none; font-size: 14px; }
#news ul li a:hover { color: #035b85; }



/** maslihatho **/
#news1 { margin-top: -15px; }
#news1 ul {  list-style: none; padding: 0 0 20px 0; }
#news1 ul li { background-image: url("../images/what_we_do.jpg"); background-position: 0 5px; background-repeat: no-repeat; margin: 5px 0 5px 0; padding-left: 20px; margin-bottom:2px; border-bottom: 1px #ccc dotted; }
#news1 ul li span { color: #999; font-size:11px; font-style: italic; text-decoration:none; }
#news1 ul li a { text-decoration:none; }


/** muzoyada **/
.muzoyada { margin: 0; padding: 0; }
.muzoyada .col-sm-4 h4 { min-height: 40px; text-transform: uppercase; background-color: #1071a0; font-size: 13px;  margin: 2px 3px ; padding: 4px 10px; color:#fff; font-weight: bold; }
.muzoyada .col-sm-4 img { width: 97%; border: 1px #e6e8e9 solid; margin: -2px 4px 5px 4px; padding: 3px;}

/** rais **/
.rais { background-color: #f2f6f8; color: #000; width: 100%; padding: 10px; margin-top: 20px; box-shadow: 1px 1px 3px 1px #ccc;  }
.rais a:hover { text-decoration: none; }
.rais p { font-size: 13px; text-align: justify; line-height: 17px;}
.rais span { text-align: right; font-weight: bold; text-align: right; font-size: 13px; line-height: 16px; color: #1e1e1e; }


/** partner **/
.part { margin-top: 30px; border-top: 1px #c8c8c8 dotted; padding-top: 5px; margin-bottom: -15px; }
.part .item { padding: 5px;}
.part .item img {  width: 100%; padding: 10px; }
.owl-buttons { visibility: hidden; }
.owl-pagination { margin-top: -20px;}




.catIndex a { color:#0286d0; font-size:17px; font-weight:bold;}
.catIndex .borderImg{float:left;border:1px solid #e1e1e1;margin-right:10px;display:table;padding:2px}
.componentheading h1,.componentheading h2,.componentheading h3{ font-size:25px; border-bottom:2px #0286D0 solid; width:300px; padding-bottom:5px; margin-bottom:10px;}
.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; height:30px; border:0;  font-size:12px; }
.pagination ul li{ display:inline-block; margin:0 5px;}
.pagination ul li a{display:block; }



/**  reklama **/
.reklama { margin: 5px 0 -20px 0; padding: 0 10px; }
.reklama img { margin: 0; width: 100%; border: 1px #dddddd solid; padding: 3px; }

/**  Footer **/
.footer { padding: 0; margin: 0; height: 120px; }
.footer .container { background-color: #04608c; background-image: url("../images/footback.png"); }
.footer .whitelogo { padding: 20px 10px 30px 10px; color: #fff; font-size: 14px; }
.footer .whitelogo a { color: #fff; font-weight: bold; text-decoration: underline; }
.footer .whitelogo img { width: 90%;}
.footer .text { color: #949494; font-size: 13px; padding: 20px 30px; text-align: right; }
.footer .text .bottom_menu ul { margin-bottom:13px; }
.footer .text .bottom_menu ul li{  display: inline-block; color:#fff; margin-right:39px; }
.footer .text .bottom_menu ul li:last-child { margin-right:0; }
.footer .text .bottom_menu ul li a { color:#fff; text-decoration:none; font-size: 15px;}
.footer .text .bottom_menu ul li a:hover { color:#cccccc; text-decoration:none; }


/********************* 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) {
    .footer .text .bottom_menu ul li a { color:#fff; text-decoration:none; font-size: 13px;}
    .footer .text { padding: 10px; margin: 0; text-align: center;}
    .Baner {  }
    .navbar-inverse .navbar-nav > li > a { text-transform: none; font-size: 10px; }
    .sidebar { margin-top: 80px;}
    .Baner .name { text-align: left; }
    #news ul li { width: 100%; }
}

@media (max-width: 767px) {
    .footer .whitelogo img { width: 90%; text-align: center; }
    .footer .text .bottom_menu ul li a { color:#fff; text-decoration:none; font-size: 15px;}
    .footer .text { padding: 10px; margin: 0; text-align: center;}
    .footer .text .bottom_menu ul li{ margin: 0; padding: 5px;  }

    .maqolaho ul li { width: 100%; display: inline-block; min-height: 300px; }
    .maqolaho ul li .cont { height: auto; }
    #Content_s .content .item-page p img { width: 100%; padding: 10px 20px;}
    .sidebar { margin-top: 80px;}
    .Baner .name { text-align: left; }
    #news ul li { width: 100%; }
}

@media (max-width: 480px) {
    .footer .text .bottom_menu ul li a { color:#fff; text-decoration:none; font-size: 12px;}
    .footer .text { padding: 10px; margin: 0; text-align: center;}
    .footer .text .bottom_menu ul li{ margin: 0; padding: 5px;  }

    .maqolaho ul li { width: 100%; display: inline-block; min-height: 300px; }
    .maqolaho ul li .cont { height: auto; }
    #Content_s .content .item-page p img { width: 100%; padding: 10px 20px;}
    .sidebar { margin-top: 80px;}
    .Baner .name { text-align: left; }
    #news ul li { width: 100%; }
    .carousel-inner { height: 100px; }
}

@media (max-width: 361px) {
    .footer .text .bottom_menu ul li a { color:#fff; text-decoration:none; font-size: 10px;}
    .footer .text { padding: 10px; margin: 0; text-align: center;}
    .footer .text .bottom_menu ul li{ margin: 0; padding: 5px;  }

    .maqolaho ul li { width: 100%; display: inline-block; min-height: 300px; }
    .maqolaho ul li .cont { height: auto; }
    #Content_s .content .item-page p img { width: 100%; padding: 10px 20px;}
    .sidebar { margin-top: 20px;}
    .Baner .name { text-align: left; }
    #news ul li { width: 100%; }
    .carousel-inner { height: 90px; }
}