@import url(https://fonts.googleapis.com/css?family=Catamaran:200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Cuprum:300,400,600,700);
@font-face{font-family:'Bragga';src:url("/fonts/Bragga.ttf") format("truetype");font-weight:normal;font-style:normal;}
body {
	font-family: 'Catamaran', sans-serif;
}
.page-content {
    margin-top: 40px;
}

h5 {
    font-size: 18px;
    color: #666666;
}
.margin_10 {
    margin: 10px;
}
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 400px;
    margin-bottom: 50px;
}

.item:nth-child(1) {
    background-image: url(/images/slide/1.gif);
    background-repeat: no-repeat;
    background-size: cover;
}

.item:nth-child(2) {
    background-image: url(/images/slide/2.gif);
    background-repeat: no-repeat;
    background-size: cover;
}

.item:nth-child(3) {
    background-image: url(/images/slide/3.gif);
    background-repeat: no-repeat;
    background-size: cover;
    
}

p {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}

.call-to-action-widget {
    padding: 30px;
    margin-top: 30px;
    text-align: center;
}

.fb-bg {
background-color: #3B5998;
}
.tw-bg {
background-color: #55ACEE;
}
.gplus-bg {
background-color: #DD4B39;
}

footer.page-footer a {
line-height: 25px;
}

footer.page-footer a {
color: #fff;
font-size: 15px;
}
 .panel-heading {
     background: #34b5e4;
 }
 
 .pag {
 background: #34b5e4 none repeat scroll 0% 0%;
 color: #FAFAFA;
 margin-top: -1px;
 font-size: 10px;
 text-shadow: 0px 1px #41A1FF;
 padding: 8px;
 border-radius: 3px;

     
 }
 .pag a {
     color: #FAFAFA;
 }
.alert-close {
   display: none;
     }
 


.message{
background:#F0FFFF;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
-o-border-radius:4px;
padding:5px;
font-size:12px;
font-style:italic;
color:#444;
margin-top:2px;
margin-top:2px;
margin-left:5px;
margin-left:5px;
}
.notify-right{
background:url('design/images/notify-right.png')no-repeat right bottom;
height:8px;
margin-left:5px;
margin-left:5px;
}
.notify-left{
background:url('design/images/notify-left.png')no-repeat left bottom;
height:8px;
margin-left:5px;
margin-left:5px;
}
.name-left{
text-align:left;
margin-bottom:3px;
padding-left:5px;
}
.name-right{
text-align:right;
margin-bottom:3px;
padding-right:5px;
}
h1 {
 font-weight: normal;
 font-size: 10px; 
 font-family: arial ;
}  
a {
  font-size: 14px;
  }
.counter_op {
    opacity: 0.5;
}
.counter_op:hover {
    opacity: 0.9;
}
.sess_form_ok {
    font-family: Arial;    
    width:250px;    
    padding:20px;    
    border-radius: .25rem;  
    background:rgba(51, 51, 51, 0.82);    
    position:absolute;    
    left:50%;    
    margin-right:50px;    
    top:60%;    
    z-index:99999;    
    color: #FFF;
    opacity: 0.6;
}

.sess_form_err {
    font-family: Arial;    
    width:250px;    
    padding:20px;    
    border-radius: .25rem;  
    background:rgba(51, 51, 51, 0.82);    
    position:absolute;    
    left:50%;    
    margin-right:50px;    
    top:60%;    
    z-index:99999;    
    color: #FFF;
    opacity: 0.6;
}

.mess_form_ok {
    font-family: Arial;    
    width:auto;    
    padding:10px;    
    border-radius: .25rem;  
    background:rgba(51, 51, 51, 0.82);    
    position:fixed;    
    right:5px;    
    margin-right:20px;    
    top:15px;    
    z-index:99999;    
    color: #FFF;
    opacity: 0.6;
}
.mess_form_ok:hover {
    font-family: Arial;    
    width:auto;    
    padding:10px;    
    border-radius: .25rem;  
    background:rgba(51, 51, 51, 0.82);    
    position:fixed;    
    right:5px;    
    margin-right:20px;    
    top:15px;    
    z-index:99999;    
    color: #FFF;
    opacity: 0.6;
}

.navig {
 	padding: 15px;
	color: #333;
	background: rgb(245,245,245);
	border-bottom: 3px solid rgb(112,128,144);
	font-size: 16px;
	margin: 8px;
	text-align: center;
    border-radius: 10px;
}

.page_ots {
 	padding: 5px;
	color: #FFF;
	background:  rgba(0, 0, 0, 0.18);
	border: 1px solid rgb(112,128,144);
	font-size: 17px;
	margin: 5px;
	text-align: center;
    border-radius: 5px;
}
.page_ots2 {
 	padding: 5px;
	background:  rgba(0, 0, 0, 0.18);
	border-bottom: 5px solid rgb(112,128,144);
	font-size: 16px;
	margin: 2px;
	margin-bottom: 5px;
    border-radius: 15px;
    height: auto;
}

.navigaciy {
 	padding: 5px;
	background:  rgba(0, 0, 0, 0.18);
	border-bottom: 3px solid rgb(112,128,144);
	font-size: 14px;
	margin: 2px;
	margin-bottom: 5px;
    border-radius: 15px;
    width:100%;
    height: auto;
    text-align:center;
}

.cvet1 {
 	padding: 5px;
	background:  rgba(0, 0, 0, 0.18);
}
 labels {
    width: 21px;
    height: 21px;

    position: relative;
   }
   input[type="radio"] + span {
    position: absolute;
    left: 35px; top: 20px;
    width: 25px;
    height: 25px;
    background: #0275d8;
    cursor: pointer;
    border-radius: 5px;
   }
   input[type="radio"]:checked + span {
    background-position: 0 -7px; 
   }
 .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
   #inicon {
    cursor: pointer;
   }
  .container .checkmark:after {
    left: 5px;
    top: -5px;
    width: 24px;
    height: 22px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.container input:checked ~ .checkmark:after {

    display: block;

}


  .container_grafik {
    width: 99%;
    height: 100%;
	border-bottom: 2px solid #00ec1859;
	margin: 5px;
    border-radius: 10px;    
}

.bold {
    font-weight:bold;
}

.l_comp {
    color:red;
    font-size:20px;
    cursor: pointer;
}
.l_comp:hover {
    color:blue;
}

.alertm_overlay {    width:100%;    height:100%;    position:fixed;    left:0px;    top:0px;    z-index:99998;    background:rgba(51, 51, 51, 0.82);   display:none;}
.alertm_all {font-family: Arial;    width:396px;    padding:29px 43px;    border-radius: .25rem;  background:#fff;    position:fixed;    left:50%;    margin-left:-241px;    top:50%;    z-index:99999;    }
.alertm_all a {    -webkit-transition: all .2s ease-in-out;    -o-transition: all .2s ease-in-out;    transition: all .2s ease-in-out;    text-decoration: none;    color: #0275d8;}
.alertm_all a:hover {    color: #222;}
.alertm_h1 {    color: #0275d8;    font-size: 19px;    margin-bottom: 15px;}
.alertm_text {    font-size: 16px;    line-height: 23px;}
.alertm_wrapper { }
.alertm_but {    display: inline-block;    font-weight: 400;    line-height: 1.25;    text-align: center;    white-space: nowrap;    vertical-align: middle;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border: 1px solid transparent;    padding: .5rem 2rem;    font-size: 1rem;    border-radius: .25rem;    -webkit-transition: all .2s ease-in-out;    -o-transition: all .2s ease-in-out;    transition: all .2s ease-in-out;    color: #fff;    background-color: #0275d8;    border-color: #0275d8;    display: block;    margin-top: 25px;    cursor: pointer;}
.alertm_but:hover {    color: #fff;    background-color: #025aa5;    border-color: #01549b;}
a.alertm_close {    color: red;    text-decoration: none;    position: absolute;    right: 7px;    top: 0px;    font-size: 25px;}


@media (max-width: 300px) { 
.bloks_none_link {
display: none;  
}
}
@media (max-width: 1000px) { 
.bloks_none_news {
display: none;  
}
}
@media (min-width: 600px) { 
.bloks_none_icons {
display: none;  
}
}
.vk_foto {
    background: #444;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);   
    border: 1px solid blue;
    text-align:center;
    padding-top: 9px;
    border-radius: 100%;
}

#b_none {
display: none;  
}