@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('style.css');
@import url('icons.css');
@import url('vision.css');
@import url('3rd_party/jquery.bxslider.css');
@import url('3rd_party/fancyzoom.css');



/********structure***************/
header {display: block; position:relative; }
nav{display: block; position:relative;}
.main {padding-top:25px; padding-bottom:25px;}
.main section {margin-bottom:40px;}
footer{padding: 15px 0px; margin-top:45px; }



/*********styles*************/
.head-line {padding:5px 0px;}
.head-line a{color: #000; font-weight: 300; font-size: .9em;}
.head-line h3 {margin: 0px!important; padding: 0px!important;}
header{padding: 0; background-color:#376092; display: block; position:relative; color: #fff;}
header .logo-title{z-index:10;font-size:1.5em; font-weight: 300; text-align:center; line-height: 1.1;color: #fff;display: table-cell; vertical-align: middle; width:100%; height:134px; margin:0px auto; position: relative;}
header .logo-title a{color: #fff;}
header a:hover{text-decoration: none;}
header .head-left {padding-top: 1.2em; padding-bottom: .2em;}
header .head-center {display: table;}
header .head-right {padding-top:0.4em;}


nav {background: #376092;}
nav .nav {font-size: 1.2em; font-family: "Roboto Condensed", Arial, 'Helvetica Neue', sans-serif;}
nav .nav>li>a{color:#ffffff; text-transform: uppercase; border-radius: 0px;padding: .7em 3px; font-size: .85em;}
nav .nav>li > a:focus, nav .nav>li > a:hover{background:#0074c6;}
nav .nav .open > a, nav .nav .open > a:focus, nav .nav .open > a:hover{background:#0074c6;}
nav .nav .open .dropdown-menu{background:#0074c6; border-radius: 0px; margin-top: 0px;border-top:0px; min-width: 250px;}
nav .nav .open .dropdown-menu > li > a{color:#fff; white-space: normal; border-bottom: solid #036BB5 1px; padding-top:7px; padding-bottom:7px;}
nav .nav .open .dropdown-menu li:hover a{background:#0061a6;}

nav .icons {padding-top:18px; padding-bottom:17px;}
nav .icons a{display: inline-block; margin: 0px 3px;color:#ABB5C9; text-transform:uppercase; line-height: .8;}
nav .search {padding-top:8px; padding-bottom:8px;}
nav .search .dropdown-menu{max-width:150%; overflow: hidden}

.main .content {font-size: 1em; text-align: justify; border: solid #D6D6D6 2px; padding: 1em 2em;}
.partners {margin-bottom:15px;}
.partners a{display:inline-block; position:relative; margin-bottom:12px;}

.main .content .carousel-caption {display:block; background-color:#e4e6ea; width:100%; position: relative; left:0px; right:0px; bottom:0px; margin-top:20px; padding:10px 10px 20px; min-height: 90px;}
.main .content .carousel-caption .material {text-align:left;padding:0px 37px; color:#2d2e2f; text-shadow: none;}
.main .content .carousel-caption .material .material-date{color:#2d2e2f; font-size:.9em;}
.main .content .carousel-caption .material a{color:#2d2e2f;}
.main .content .carousel-caption .carousel-control {width:auto;}
.main .content .carousel-caption .carousel-control .glyphicon{margin-left:0px;margin-right:0px; color:#2d2e2f; font-size:16px;margin-top:-10px;}
.main .content .carousel .carousel-indicators {position:relative; margin:0px;left:0px; bottom:0px; width:100%; text-align:left;}
.main .content .carousel .carousel-indicators li {
    background-color: transparent;
    border: solid #d4d5d8 2px;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    margin: 0px 10px 0px 0px;
    text-indent: 0px;
    width: 93px;
    height: auto;
}
.main .content .carousel .carousel-indicators li.active{border-color:#2c4579}

.main .right .carousel-caption {display:block; width:100%; position: relative; left:0px; right:0px; bottom:0px; margin-top:20px; padding:10px 0px 20px; background: transparent;}
.main .right .carousel-caption .material {text-align:left;padding:0px 0px; color:#2d2e2f; text-shadow: none;}
.main .right .carousel-caption .material .material-date{color:#2d2e2f; font-size:12px;}
.main .right .carousel-caption .material a{color:#2d2e2f;}
.main .right .carousel .carousel-control {width:auto; opacity:0.7}
.main .right .carousel .carousel-control:hover{opacity:1}
.main .right .carousel .carousel-control .glyphicon{margin-left:5px;margin-right:5px; padding:7px; width:auto; height:auto; color:#2b3249; font-size:16px;top: 90px; background-color: #cecece; }
.main .right .carousel-caption .material .material-link{font-weight:bold; line-height:1.1;}

.main .inner-nav{font-weight:bold; }
.main .inner-nav .list-group-item{border: 0px;}
.main .inner-nav .list-group-item .badge {background: transparent; color: #ffffff; font-weight:bold;right:0px; top:50%; position:absolute; margin-top:-10px;}

.breadcrumb{ background-color: transparent; padding:0px;}
.breadcrumb > li > a{color:#a7a7a7; font-size: 11px; display: inline;}
.breadcrumb > li + li::before {
    content: "> ";
    padding: 0px 5px;
    color: #a7a7a7;
}

.media-library {}
.nav-tabs {border-bottom: solid #0074C6 4px;}
.nav-tabs > li > a {background: #2C4579; color: #ffffff; text-transform:uppercase; border-color:#2C4579}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background: #0074C6; color: #ffffff; border-color:#0074C6}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{background: #0074C6; color: #ffffff; border-color:#0074C6}

.foot-links-wrap{display:block; position:relative; margin-top:40px;}
.foot-links-wrap .foot-links a {display: block; background:#f0f0f0; height:100px; max-height:100px; text-transform:uppercase;color:#2c4579; position:relative;padding:15px 1% 25px; border:solid #DDDDDD 1px; width:23%; float:left; margin: 0px 1% 20px; text-align:left; font-size:12px;}
.foot-links-wrap .foot-links a img{color:#2d2e2f;line-height: 1;}
.foot-links-wrap .foot-links a span{color:#2d2e2f; font-weight: bold;}
.foot-links-wrap .foot-links a:hover{text-decoration:none;}
.foot-links-wrap .foot-links a:after{content: '\A' attr(href);position:absolute; bottom:15px; left:4%;}

footer{ font-size:.85em;margin-bottom: 3em;}
footer .row > div{padding-top:15px;padding-bottom:15px;}
footer .container > .row {border-bottom:solid #A0A09F 3px;border-top:solid #A0A09F 3px;}
.scrollup {display:none; position:fixed; right:15px; top:3249%;}
.scrolldown {position:fixed; left:15px; top:3249%;}

/***********materials************************/
.all-materials{text-transform:uppercase; font-size: .8em;}
.all-materials:hover{text-decoration:none; border-bottom:dotted #434343 1px;}
.all-materials.rss{color: #1D5472; border-bottom: none;}
.list-materials .material{border-bottom: solid #e7e7e7 1px; margin-bottom:20px; padding-bottom:20px;}
.list-materials .phone {margin-bottom:15px;}
.list-materials .phone div{border: 1px solid #c3c3c3;border-right:0px;}
.list-materials .phone div:first-child{border-radius:3px 0px 0px 3px; background: #F6F6F6}
.list-materials .phone div:last-child{border-radius:0px 3px 3px 0px;border-right: 1px solid #c3c3c3;}
.list-materials .material.priority {background: #FAEBCC; padding-top:10px; padding-bottom:10px;}
.list-materials .material .material-date{color:#474849; font-size: .8em; font-weight: normal;}
.list-materials .material-title{text-transform:uppercase;}
.list-materials .material-link {margin: 5px auto; text-align: left;}
.list-materials .material-link a{color:#474849; }
.list-materials .material .material-type{color:#2c4579;}


#carousel-main {display: block; position: relative;}
#carousel-main img {width: 100%;margin: 0px auto;}
#carousel-main > div {position: absolute; top:0px;}
#carousel-main > div:first-child {position: relative; z-index: 10;}
.gallery-main {margin-top:2px;position: relative;}

.photos {text-align: center}

.photos > a{border: none; max-width:none!important; height:142px!important;display: inline-block; position: relative;width:224px; overflow: hidden; float: none; margin: 0px 4px 4px 0px;}
.photos > a img {height: auto; max-width: none; max-height: none; min-width: 224px; min-height: 142px;}
.photos > a .image-info{width:100%; bottom:0px; opacity: 0.6; left: 0px; display: block; font-size:1em; text-decoration: none; background: #EBF0F4; padding: 5px; position: absolute;}
.blueimp-gallery > .download{position: absolute;   top: 20px;    right: 65px;     display: block; }

.play-gallery::before{display: block; position: absolute; content: "►"; left: 50%; top:50%;margin-top:-25px; margin-left: -25px; font-weight: bold; font-size: 4em; width: 50px; height: 50px;line-height: 1; z-index:100 ; color:#fff;}
.play-gallery.big-preview {width: 512px; height: 384px!important;}

.linkpic-right{right:-75px;position: absolute; top:5px;}
.linkpic-left{margin-left:-75px;position: absolute; top:5px;}

.linkpics {display: table; width: 100%; position: relative;}
.linkPicsCarousel {display: table-cell; vertical-align: middle; position: relative; text-align: center; height: 252px; width:100%;}
.linkPicsCarousel > img {display: inline-block;}
.linkPicsCarousel .item {text-align: center; }
.linkPicsCarousel .item img {margin: 0px auto;}

/***********media********************/
@media (max-width: 768px){
	header .logo-title{padding-left:0px;padding-right:0px;}
}
@media (max-width: 767px){
    nav .dropdown-menu {position: relative; width:100%; margin-bottom: 1em;}
}
@media (max-width: 1200px){
	.foot-links-wrap .foot-links a {width:48%;}
}
@media (min-width: 1200px){
	nav .nav>li>a{padding: .7em 10px;}
}

@media (min-width: 1200px){
    nav .nav>li{white-space: nowrap;}
}

@media print {
    header,  nav, footer, aside, .breadcrumbs, .head-line {display:none;}
    a{border:0;text-decoration:none;}
    a img{border:0}
    .btn {display:none}
    form {display:none}
}

table > tr > td > div {max-width: 100%;}