@import url('https://fonts.googleapis.com/css?family=Fira+Sans|Roboto&subset=cyrillic&display=swap');


body {
  background-color: #f2f2f2;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  color: #000;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
 
  margin-top: 0px;
}
 
h1, h2, h3, h4, h5, h6{
font-family: 'Fira Sans', sans-serif;
font-weight: 300;
color: #333;
}
 
p {
  margin-bottom: 25px;
  text-align: left;
}
 
.centered {
  text-align: center;
}
 
a{
  color: #f85c37;
}
 
a:hover, a:focus {
  color: #7b7b7b;
  text-decoration: none;
  outline: 0;
}
 
hr {
  display: block;
  border: 0px;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
 
.navbar {
  font-weight: normal;
  font-size: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
}
 
.navbar-inverse {
  background: rgba(45, 45, 45, 0.9);
  border-color: #2d2d2d;
}
 
.navbar-inverse .navbar-nav > .active > a{
  background-color: rgba(51, 122, 183, 0.9);
}

.navbar-inverse .navbar-brand {
  color: #fff;
  font-weight: bolder;
  font-size: 20px;
  letter-spacing: 1px;
}

.navbar-brand {
  color: #999;
  font-weight: bolder;
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;	
  background: url(../images/bg.png) no-repeat top;
}
 
#headerwrap {
  background: url(.../img/1.jpg) no-repeat top;
  margin-top: -10px;
  padding-top: 20px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 500px;
  width: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 
#headerwrap h1 {
  margin-top: 100px;
  color: white;
  font-size: 70px;
  font-weight: 300;
  letter-spacing: 3px;
}
 
#headerwrap h2 {
  color: white;
  font-size: 35px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#carousel {
  font-weight: normal;	
}

.carousel-inner > .item > img {
    margin: 0 auto;
}

#carousel h3 {
  color: white;
  font-size: 40px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 2px 2px 3px black;
  border-left: 30px solid #337ab7;	
  margin-left:-50px;
  padding-left: 20px;
}
#carousel p {
  color: white;
  font-size: 25px;
  text-shadow: 2px 2px 2px black;
  text-align: left;
}

.carousel-caption {
text-align:left;

}
.carousel-back {
background: rgba(45, 45, 45, 0.5);
display:block; 
width:100%; 
height:auto; 
padding:5px 15px 5px 75px; 
margin:-15px; 
}

#carousel a {
  color: white;
  font-size: 40px;
}
#carousel a:hover {
  color: #FFFF80;
}

.w {
 padding-top: 0px;
}

.w h4{
  font-size: 40px;

}
.w h5{
  font-size: 25px;
}
.w p{
  text-align: justify;
}
.w i, .wb i{
  color: #bdbdbd;
  font-size: 30px;
  padding:20px;
}
.w i:hover, .wb i:hover{
  color: #38788a;
}

#dg{
  background: #e0e0e0;
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center;
}
#dg h4{
  font-size: 40px;
}
.tilt{
-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.tilt:hover{
-webkit-transform:rotate(-10deg);
   -moz-transform:rotate(-10deg);
   -o-transform:rotate(-10deg);
  -ms-transform:rotate(-10deg);
      transform:rotate(-10deg);
}
.wb {
  padding-top: 35px;
  margin-bottom: 0;
}
.wb h4{
  font-size: 35px;
}
#lg{
  background: #ebebeb;
  padding-top: 70px;
  padding-bottom: 85px;
  text-align: center;
}
#lg h4{
  font-size: 40px;

}
#r{
  background: #38788a;
  padding-top: 70px;
  padding-bottom: 70px;
}

#r h4{
  
  color: white;
  font-size: 45px;

}
#r p{
  color: white;
text-align:center;
}
#r a{
  color: white;
}
#f{
  background: #2d2d2d;
  padding-top: 20px;
  padding-bottom: 20px;

}
#cprt{
  background: #1d1d1d;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #f0f0f0;
}

#top{
  background: rgba(255, 255, 255, 0.9);
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  margin:0px;
  color:#337ab7;
}
#top i{
  font-size: 14px;
  padding:10px;
  margin:0px;	
}

#top a{
color:#337ab7;
}

#f i{
  color: #bdbdbd;
  font-size: 30px;
  padding:7px;
  margin:0px;	
}
#f i:hover{
  color: #38788a;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    outline: 0;
}

.dropdown-menu > .active > a:hover {
    color: #38788a;
}

.dropdown-menu > li > a:hover {
    color: #38788a;
    background-color: #fff;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

div.post {text-align:left; padding:7px;margin-bottom: 7px; clear:both;}
div.post a {color: #38788a;}
div.post a:hover {color: #ed1c24;}
div.post:nth-child(even) {
background-color: #D0DAD3;
}

div.post {margin-top: 10px !important;}
div.post-title H2 {margin-top: 10px !important;}
div.post-date {margin-bottom: 7px;}
.wp-caption-text {
  font-size: 11px;
  margin-bottom:0px;
}
img.size-full, img.size-large {
max-width: 100%;
height: auto;
}
img.size-large {
padding-bottom: 15px;
}
a.spoiler:after {
    content: " [-]";
}

a.spoiler.collapsed:after {
    content: " [+]";
}

a.spoiler {
    color: #fff !important;	
}

div.post td, div.post th {padding:10px;vertical-align:top}

H3.ptitle {color: white;letter-spacing: 2px;text-shadow: 2px 2px 2px black;text-align:center;}
.fullwidth {
width:100% !important;	
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #337ab7; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 7px 12px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

.pdesc{
text-align:center;
	color:white;	
  text-shadow: 2px 2px 2px black;    
}

#content H1 {
text-align:left;
}

ul.dropdown-menu li > ul.dropdown-menu{
left: 100%;
top: 0;
}

ul.dropdown-menu li:hover > ul.dropdown-menu, ul.dropdown-menu li:focus > ul.dropdown-menu{
display: block
}

.col-lg-12 div.post-title H2 {
border-left: 30px solid #337ab7;
margin-left: -50px;
padding-left: 20px;
}
#content.col-lg-12 div.post-title H2 {
border-left: 0px;
margin-left: 0px;
padding-left: 0px;
}
.progdate {
background-image: linear-gradient(58deg,#21d382,#ffde00);
}
.prog {
box-shadow: 0 0 10px rgba(0,0,0,0.5); padding: 10px;	
}
.progzal {
font-size: 11px; color: #303030;	
}
.progtitle {
font-size: 24px; color: #000;	
}
.progautor {
font-size: 12px; color: #f85c37;	
}
.progdesc {
font-size: 11px; color: #606060;	
}
.vidjetxt {
font-size: 20px;
padding-top: 15px;
}
.vidjesmalltxt {
font-size: 18px
}

div.textwidget H1, div.textwidget H2, div.textwidget H3 {
color: #135a87;
}

img.attachment-thumbnail {
max-width: 100%;
height: auto !important;
}

.cf7-db-table {
width: 100%;		
}

.cf7-db-table td, .cf7-db-table th{
font-size: 14px !important;	
padding: 5px;
}

.previous-entries img{float: left; margin: 0 10px 5px 0;}
.next-entries img{float: left; margin: 0 10px 5px 0;}
.next-entries, .previous-entries {
font-size: 18px;
vertical-align: middle;}

.newstable, .newstbl {
width:100%;
overflow-x:hidden;
}
.newstable th, .newstable td, .newstbl th, .newstbl td {
border-collapse:collapse;
border: 1px solid #707070;	
padding: 7px;
}
.newstable th, .newstbl th {
  font-weight: bolder;
}
.newstable tr:nth-child(even), .newstbl tr:nth-child(even) {
background-color: #D0DAD3;
}

.icon-bar1 {
  position: fixed;
  top: 40%;
right:0px;	
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
z-index:20;	
}

/* Style the icon bar links */
.icon-bar1 a {
  display: block;
  text-align: center;
  padding: 8px 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 16px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.inst {
  background: #55ACEE;
  color: white;
}

.ok {
  background: #f58220;
  color: white;
}

.vk {
  background: #4a76a8;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
.panel {
  background: transparent;	
box-shadow: 0 0px 0px rgba(0, 0, 0, .05);	
}
#tab-title-description.description_tab.active, #tab-title-additional_information.active {
  background: #f2f2f2;
  border-bottom-color: #f2f2f2;
}

.btn-default {
  background: transparent !important;
}

.wpcf7-list-item {
    display: block;
    text-align: left;
}

.gallery {
overflow-x:hidden;
}
.btn-primary {color: white !important;}