/*!
* "Интернет-Столица", "Internet-Stolica" (http://www.inkapi.com, http://www.interstol.ru)
* Copyright 2009-2017 © Piskunov Mikhail Mikhailovich
* Licensed (http://www.ru.inkapi.com/legal/license.html)
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,cyrillic);
body{
background: #EFD3FF;
font-family: 'Open Sans', sans-serif;
}
.topmenu{
margin-top:25px;
}
.navbar-toggle {
background-color: rgb(255, 151, 110);
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #FF751A;
}
.navbar-default {
background: transparent;
border: 0px;
}
.nav>li>a>img {
height: 100px;
}
.icons li a{
height:140px;
}
.navbar-toggle {
position: relative;
float: left;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: rgb(248, 152, 97);
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
margin-left: 80px;
}
#carousel-right img {
padding:0;
border: 0px;
box-shadow: none;
border-radius:10px;
}
.right_c.carousel .item {
  -webkit-transition: 0.7s ease-in-out opacity;
  -moz-transition: 0.7s ease-in-out opacity;
  -o-transition: 0.7s ease-in-out opacity;
  transition: 0.7s ease-in-out opacity;
  left: 0 !important;
}
.right_c.carousel .next.left,
.right_c.carousel .prev.right {
opacity: 1;
z-index: 1;
}
.right_c.carousel .active.left,
.right_c.carousel .active.right {
opacity: 0;
z-index: 2;
}
.right_c.carousel .carousel-control {
z-index: 1000;
outline:none;
}
.white{
margin-top:25px;
background:#fff;
border-radius: 5px;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background:#AC42FF;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background:#5803B3;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #FFF;
}
a {
color: #681B94;
text-decoration: underline;
}
a:hover {
color: #3F075F;
}
.nav-justified > li > a {
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 0;
font-weight: 200;
color: #fff;
text-align: center;
  background: -webkit-linear-gradient(top, #A300FF, #5C268F);
  background: -moz-linear-gradient(top, #A300FF, #5C268F);
  background: -o-linear-gradient(top, #A300FF, #5C268F);
  background: -ms-linear-gradient(top, #A300FF, #5C268F);
  background: linear-gradient(to top, #A300FF, #5C268F);
}
.nav-justified li ul {
display:none;
z-index:1000;
margin:0;
padding:0;
list-style:none;
margin-left: 1px;
width: calc(100% - 1px);
position:absolute;
background: rgba(43, 0, 155, 0.6);
}
.nav-justified li ul li a{
text-decoration: none;
color:#fff;
width:100%;
display:block;
padding-left:7px;
padding-top:7px;
padding-bottom:7px;
}
.nav-justified li ul li a:hover{
text-decoration:none;
background: rgba(84, 0, 150, 0.6);
}
.nav-justified a.active{
background: -webkit-linear-gradient(top, #8F00FF, #4E0477);
}
.nav-justified li ul li{
border-bottom: 1px solid #7E43E7;
}

.nav-justified li:hover ul{
display:block;
}

.bottom-m{
margin-top:20px;
width:100%;

}
.bottom-m .nav-justified {
margin-top:0px;
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
background-color: #ddd;
background-image: none;
-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
text-decoration: none;
}
.nav-justified > li:first-child > a {
border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
border-bottom: 0;
border-radius: 0 0 5px 5px;
}
@media (min-width: 768px) {
.nav-justified {

}
.nav-justified > li > a {
border-right: 1px solid #AC42FF;
border-left: 1px solid #5803B3;
}
.nav-justified > li:first-child > a {
border-left: 0;
border-radius: 5px 0 0 5px;
}
.nav-justified > li:last-child > a {
border-right: 0;
border-radius: 0 5px 5px 0;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
/* Remove the padding we set earlier */
.masthead,
.marketing,
.footer {
padding-right: 0;
padding-left: 0;
  }
}
.nav-justified li:first-child ul{
width: calc(100% - 5px);
margin-left:5px;
}
.nav-justified li:last-child ul {
width: calc(100% - 5px);
}
@media only screen and (min-width: 240px) and (max-width: 768px),
only screen and (min-device-width: 240px) and (max-device-width: 768px) {
.nav-justified li:first-child ul{
width: 100%;
margin-left:0px;
}
.nav-justified li:last-child ul {
margin-right:0px;
width: 100%;
}
.nav-justified li ul{
display:block;
position:relative;
width:100%;
margin-left:0px;
}
}
.top{
margin-top:0px;
}
.logo{
text-align:center;
}
.logo div{
width:200px;
height:91px;
margin:auto;
}
.slide img{
margin:auto;
margin-top:10px;
margin-bottom:10px;
width:490px;
height:303px;
border-radius:10px;
border: 2px solid rgba(65, 13, 114, 0.6);
box-shadow: 3px 3px 6px rgba(100,100,100,0.6);
}
.slide{
background-size:cover;
text-align:center;
}
.carousel-control.right {
background:none;
color: #FF5200;
}
.carousel-control.left {
background:none;
color: #FF5200;
}
.carousel-control {
width:2%;
opacity:1;
}
.opisanie{
color: #440270;
padding-left:35px;
text-align:left;
max-width:490px;
padding-top: 70px;
line-height:30px;
}
.carousel-indicators .active {
background-color: #56BB56;
}
.carousel-indicators li {
border: 1px solid #56BB56;
}
.carousel-indicators {
bottom: 5px;
}
.icons.nav-justified > li > a {
text-decoration: none;
font-weight:400;
color: #440270;
background: #FFF;
font-size: 14px;
}
.icons.nav-justified > li > a {
text-decoration: none;
border-right: 0;
border-left: 0;
}
.icons.nav-justified > li > a:hover {
text-decoration: none;
 background: linear-gradient(to top, #dfdfdf 0%, #fff 100%);
}
.icons{
margin-top:25px;
vertical-align: middle;
overflow: hidden;
}
.well label{
font-weight: 200;
}
.gray{
width:100%;
background:url('/jpg/bg.jpg')0 10%;
background-size:cover;
}
.contend img{

margin-right: 5px;
margin-left: 5px;
margin-bottom: 5px;
margin-top: 5px;
}
.gallery IMG{
max-width: 212px;
}
.contend h1, h2, h3, h4, h5{
color: #440270;
margin-top:15px;
}
.contend h1{
text-align: center;
}
.right_block{
padding-top: 15px;
}
#manu-cat{
margin:auto;
top:0px;
position:fixed;
z-index:1000;
}
#manu-cat .nav-justified{
margin-top:0;
}
.item{
font-size:17px;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
h1,h2{
margin-top: 15px;
margin-bottom: 15px;
}
h4, .h4, h5, .h5, h6, .h6 {
margin-top:15px;
margin-bottom:15px;
}
h4, .h4 {
line-height: 18px;
}
hr {
margin-top: 0px;
}

.conrend th,td{
padding:5px;
text-align:left;
font-weight:normal;
vertical-align:middle;
}

span.right img{
border:0px;
width: 22px;
box-shadow: none;
height: 32px;
position: absolute;
top: 43%;
z-index: 5;
display: inline-block;
}
span.left img{
border:0px;
width: 22px;
box-shadow: none;
height: 32px;
position: absolute;
top: 43%;
z-index: 5;
display: inline-block;
}
