html { font-size:62.5%; -webkit-tap-highlight-color:rgba(0,0,0,0); }
html, body, form { padding:0; margin:0; }
body { min-width:960px; color:#444; font-size:14px; font-family:Arial,sans-serif; position:relative; background:#fff; }

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/*
white => fff
light text => eeece0
default text => 444
blue => 004960
*/
pre { color:#000; }

input[type="search"], input[type="number"] { -moz-appearance:textfield; -webkit-appearance:none; }

nav ul { list-style:none; }
nav ul, nav ul li { padding:0; margin:0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left:10px; padding-right:10px; }



@font-face
{ font-family:DINPro;
  font-style:normal;
  font-weight:400;
  src:url(images/fonts/dinpro.eot);
  src:url(images/fonts/dinpro.eot?#iefix) format('embedded-opentype'), url(images/fonts/dinpro.woff) format('woff'), url(images/fonts/dinpro.ttf) format('truetype');
}

@font-face
{ font-family:DINProLight;
  font-style:normal;
  font-weight:400;
  src:url(images/fonts/dinpro-light.eot);
  src:url(images/fonts/dinpro-light.eot?#iefix) format('embedded-opentype'), url(images/fonts/dinpro-light.woff) format('woff'), url(images/fonts/dinpro-light.ttf) format('truetype');
}


.calc-text-width { white-space:nowrap; }
.noSelect { -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; user-select:none; }

/* form */
label { font-weight:normal; }
.control-label { padding:0; }

.form-horizontal, .form-vertical { margin-top:20px; }
.form-horizontal .form-group { margin-left:-10px; margin-right:-10px; }
.form-horizontal .control-label { text-align:left; }

@media only screen and (max-width:767px)
{ .form-horizontal .control-label { margin-bottom:5px; }
}

.form-control, .date-control, .date-control[readonly] { height:32px; color:#000; font:14px Arial; padding:5px 10px; border-color:#dddac6; border-radius:0; box-shadow:none; background-color:#fff; }
.form-control:focus, .date-control:focus, .date-control[readonly]:focus { border-color:#004960; box-shadow:none; }
.form-control.smaller[data-fix-fontsize] { font-size:12px; }

.form-control.input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height:24px; font-size:12px; padding:3px 8px; border-radius:0; }
.input-group-sm.input-group-captcha > .input-group-addon { padding:0 8px; }

.input-group-addon { padding:2px 10px; border-color:#004960; border-radius:0; background:#004960; }
.form-control + .input-group-addon { border-left:none; border-radius:0; }
.form-control + .input-group-btn .btn { border-radius:0; }

.noresize { resize:none; }
.v-resize { min-width:100%; max-width:100%; min-height:75px; }

.help-block { color:#999; }
.help-block:empty { display:none; }

.date-control, .date-control[readonly] { text-align:center; }
/* end form */



/* buttons */
.btn { max-width:100%; height:32px; font-size:14px; font-family:DINPro; font-weight:bold; text-transform:uppercase; padding:5px 18px; position:relative; border-radius:0; }
.btn:focus { outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
.btn:hover, .btn:focus { color:#fff; text-decoration:none; }
.btn:active, .btn.active { outline:0; background-image:none; -webkit-box-shadow:none; box-shadow:none; }

.btn-default { color:#eeece0; border-color:#004960; background:#004960; }
.btn-default:hover { color:#fff; border-color:#015068; background:#015068; }
.btn-default:focus, .btn-default:active { color:#fff; border-color:#003f53; background:#003f53; }

.btn-default.disabled, .btn-default[disabled] { color:#444; border-color:#dddac6; background:#dddac6; }
.btn-default.disabled:after, .btn-default.disabled:before, .btn-default[disabled]:after, .btn-default[disabled]:before { opacity:.6; }

.btn-success { color:#444; border-color:#eeece0; background:#eeece0; }
.btn-success:hover { color:#444; border-color:#dddac6; background:#dddac6; }
.btn-success:focus, .btn-success:active { color:#444; border-color:#dddac6; background:#dddac6; }

.btn-success.disabled, .btn-success[disabled] { color:#444; border-color:#f1f1f1; background:#f1f1f1; }
.btn-success.disabled:after, .btn-success.disabled:before, .btn-success[disabled]:after, .btn-default[disabled]:before { opacity:.6; }

.btn-link { color:#444; font-weight:normal; text-decoration:underline; }
.btn-link:hover { color:#444; text-decoration:none; }
.btn-link:focus, .btn-link:active { color:#444; }

.btn-icon { width:32px; padding:0 !important; border-color:#004960; background:#004960; overflow:hidden; }
.btn-icon:hover { border-color:#015068; background:#015068; }
.btn-icon:focus, .btn-default:active { border-color:#003f53; background:#003f53; }
.btn-icon.btn-sm { width:24px; }
.btn-icon.btn-lg { width:44px; }
.btn-icon.btn-sm.icon-arrow:after { margin:4px 0 0 6px; }


.btn-xs { height:18px; font-size:10px; line-height:16px; padding:0 4px; }
.btn-sm { height:24px; font-size:12px; padding:2px 12px; }
.btn-lg { height:44px; font-size:16px; line-height:22px; padding:10px 24px; }


.btn-readmore { text-decoration:underline; padding-right:10px; position:relative; display:inline-block; }
.btn-readmore:hover { text-decoration:none; }
.btn-readmore:after { content:'»'; position:absolute; right:0; }
/* end buttons */
/* icons */
.icon-a:after, .icon-b:before, .btn-icon:after { content:''; font-size:0; position:relative; background:url(images/sprite.png) no-repeat; display:inline-block; }
.icon-b:before { margin-right:15px; margin-left:-10px; }
.btn-icon:after { display:block; }

.icon-refresh:after { width:22px; height:20px; margin:5px 0 0 4px; background-position:-40px -72px; }
.icon-refresh:hover:after, .icon-refresh:active:after, .icon-refresh:focus:after { background-position:-40px -96px; }

.btn-sm.icon-arrow:after { width:12px; height:15px; background-position:-16px -96px; }
/* end icons */

/* breadcrumb */
.breadcrumb-wrap { padding:7px 0; }
.home .breadcrumbs-wrap { display:none; }

.breadcrumb, .breadcrumb ul { list-style:none; padding:0; margin:0; }
.breadcrumb { width:100%; border-radius:0; background:none; }
.breadcrumb ul, .breadcrumb li { display:inline-block; }
.breadcrumb li { height:19px; vertical-align:baseline; }
.breadcrumb [itemprop="child"] li { vertical-align:top; }
.breadcrumb a + ul li:before, .breadcrumb li + li:before { padding:0 5px; }

.breadcrumb a { text-decoration:underline; }
.breadcrumb a:hover { text-decoration:none; }

.breadcrumb li { height:auto; }
.breadcrumb, .breadcrumb a, .breadcrumb a:hover { color:#a7a7a7; font-size:12px; font-family:DINProLight; }
.breadcrumb .active { color:#444; }
.breadcrumb a + ul li:before, .breadcrumb li + li:before { content:"»\00a0"; color:#a7a7a7; }

@media only screen and (max-width:991px)
{ .breadcrumb-wrap { display:none; }
}

/* end breadcrumb */


/* pagination */
.pagination-wrap { float:right!important; }

.pagination { margin:0; float:right; border-radius:0; }
.pagination:before { color:#999; font:12px DINPro; content:attr(data-label); float:left; margin:8px 10px 0 0; }
@media only screen and (max-width:1200px)
{ .pagination:before { display:none; }
}

.pagination > li > a, .pagination > li > span { min-width:32px; height:32px; color:#444; font:bold 14px DINPro; text-align:center; padding:5px 10px; margin:0 4px 4px 0; position:relative; border-radius:0 !important; border-color:#eeece0; background-color:#eeece0; }
.pagination > li > a:hover { color:#444; border-color:#dddac6; background:#dddac6; }
.pagination > li > a:focus, .pagination > li > a:active, .pagination > li > a.active, .pagination > li > span.active { border-color:#dddac6; background:#dddac6; }
.pagination > li > a.active, .pagination > li > span.active {  }

.pagination > li.disabled > a, .pagination > li.disabled > span, .pagination > li.disabled > a:hover, .pagination > li.disabled > span:hover { color:#444; border-color:#dddac6; background:#dddac6; }


/* end pagination */

/* button calendar above navbar */
.img-calendar-1 { display: block; }
.img-calendar-2 { display: none; }
/* end button calendar above navbar*/
/* navbar and nav */
.navbar { border:none; }
.navbar, .nav-pills > li > a { border-radius:0; }

.navbar-collapse { clear:both; }

.navbar-toggle { border-radius:0; border-color:transparent; cursor:pointer; }
.navbar-toggle .icon-bar { height:3px; border-radius:0; }

.navbar-toggle .icon-bar { height:3px; border-radius:0; background:#b7390f; }
.navbar-toggle:hover { background:#b7390f; }
.navbar-toggle:hover .icon-bar { background:#fff; }
/* end nav */


/* panel elements */
.dropdown-menu { border-radius:0; }

.btn-group .btn.dropdown-toggle { min-width:70px; height:32px; color:#000; font:15px/20px PTSans; text-align:left; padding:6px 35px 4px 12px; text-transform:none; border:1px solid #ccc; box-shadow:none; border-radius:4px; background:#999; }
.btn-group .btn.dropdown-toggle:hover, .btn-group .btn.dropdown-toggle:focus { color:#000; }
.btn-group .btn.dropdown-toggle:after { width:10px; height:5px; content:''; position:absolute; right:10px; top:14px; background:url(images/sprite.png) no-repeat -200px 0; display:block; }

.btn-group.open .btn.dropdown-toggle { border-color:#fff; }
.btn-group.open .btn.dropdown-toggle:after { background-position:-200px -8px; }

.dropdown-menu { box-shadow:none; border-color:#fff; border-radius:4px; background:#999; }

.btn-group .btn.dropdown-toggle + .dropdown-menu { min-width:70px; text-align:left; box-shadow:none; border-color:#fff; border-radius:4px; background:#999; }
.btn-group .btn.dropdown-toggle + .dropdown-menu a { color:#000; font:15px PTSans; text-overflow:ellipsis; white-space:nowrap; padding:3px 12px; overflow:hidden; }
.btn-group .btn.dropdown-toggle + .dropdown-menu a:hover { color:#fff; background:#444; }

.form-group .btn-group.dropdown-control { display:block; }
.form-group .btn-group.dropdown-control .btn.dropdown-toggle { float:none; display:block; }
.form-group .btn-group.dropdown-control .btn.dropdown-toggle + .dropdown-menu { width:100%; }


.panel-element-wrap .btn-group { margin:0 5px; }
.panel-element-wrap .btn-group .btn.dropdown-toggle + .dropdown-menu { min-width:100%; }


.iop-wrap { float:left; }
.view-wrap { text-align:right; }

.iop-wrap:before, .iop-wrap:after, .sort-wrap:before, .view-wrap:before { color:#ccc; font:12px MyriadProSemibold; position:relative; top:3px; display:inline-block; }

.view-wrap:before { display:none; }

.iop-wrap:before { content:attr(data-before); }
.iop-wrap:after { content:attr(data-after); }
.sort-wrap:before, .view-wrap:before { content:attr(data-label); }

@media only screen and (max-width:1200px)
{ .iop-wrap:before, .iop-wrap:after { display:none; }
  .iop-wrap .btn-group { margin:0; }
}

.top-panel { margin:10px 0 0; }
.bottom-panel { margin:20px -10px; }
.top-panel:after, .bottom-panel:after { content:''; display:table; clear:both; }

.sort-wrap, .view-wrap { margin-bottom:2px; display:inline-block; }
.view-wrap { margin-left:20px; }
.view-wrap .btn-group .btn + .btn { margin-left:10px; }

@media only screen and (max-width:767px)
{ .view-wrap { display:none; }
  
  .sort-wrap { display:block; }
  .sort-wrap:before { display:none; }
  .sort-wrap .btn-group { margin:4px 0; display:block; }
  .sort-wrap .btn { float:none; display:block; }
}

@media only screen and (max-width:479px)
{ 
}

.sort-wrap .dropdown-menu { float:left; left:auto; right:0; }
/* end panel elements */


.container { width:100%; min-width:960px; max-width:960px; margin:0 auto; padding:0 10px; position:relative; }
.row { margin-left:-10px; margin-right:-10px; }




.main-header .topbar-blue { height:114px; background:#004960; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDQ5NjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMTUwNjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiMwMTUwNjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-linear-gradient(top,#004960 58%,#015068 58%); background:linear-gradient(to bottom,#004960 58%,#015068 58%); }
.main-header .topbar-grey { padding:20px 0; background:#eeece0; }

.main-header .logo { width:114px; height:114px; padding:7px; border-radius:57px; background:#004960; display:block; overflow:hidden; }

.main-header .company-name-wrap { height:66px; color:#fff; font:13px/1 DINProLight; padding:7px 0; }
.main-header .company-name { font:bold 16px/20px DINPro; text-transform:uppercase; margin-top:2px; }

.main-header .phones-wrap { height:66px; padding:5px 0 0 40px; background:#dddac6; }
.main-header .phones-wrap .name { font:12px DINPro; }
.main-header .phones { color:#004960; font:bold 16px/20px DINPro; position:relative; }
.main-header .phones:before { width:14px; height:18px; content:''; position:absolute; left:-28px; top:5px; background:url(images/sprite.png) no-repeat -24px 0; display:block; }
.main-header .phones .item { margin:0; }
.main-header .phones .code:before { content:'('; }
.main-header .phones .code:after { content:')'; }

.main-header .search { height:48px; padding:12px 0 0 40px; position:relative; background:#dddac6; }
.main-header .search:before { width:16px; height:16px; content:''; position:absolute; left:12px; top:16px; background:url(images/sprite.png) no-repeat 0 0; display:block; }
.main-header .search .form-control { width:150px; height:24px; border-color:#f0edd7; background:#f0edd7; }
.main-header .search .form-control:focus { border-color:#004960; }

.main-navbar { min-height:0; margin:0 -10px; }
.main-navbar .nav > li > a { color:#eeece0; font:bold 15px/20px DINPro; white-space:nowrap; padding:14px 8px; text-transform:uppercase; }
.main-navbar .nav > li > a:hover, .main-navbar .nav > li > a:focus { color:#fff; text-decoration:underline; background:none; }
.main-navbar .nav > li.active > a, .main-navbar .nav > li.open > a { color:#fff; background:#004960; }
.main-navbar .navbar-nav > li > .dropdown-menu { border-radius:0; border-color:#004960; background:#004960; }
.main-navbar .dropdown-menu > li > a { color:#eeece0; font:bold 12px DINPro; text-transform:uppercase; padding:3px 10px; }
.main-navbar .dropdown-menu > li > a:hover, .main-navbar .dropdown-menu > li > a:focus, .main-navbar .dropdown-menu > li.active > a { color:#fff; background:#015068; }

.secondary-navbar { min-height:0; margin:0; }
.secondary-navbar .nav { height:44px; table-layout:fixed; display:table; }
.secondary-navbar .nav > li { width:20%; }
.secondary-navbar .nav > li > a { height:44px; color:#004960; font:bold 13px/16px DINPro; text-align:left; padding:0 5px 0 50px; text-transform:uppercase; position:relative; }
.secondary-navbar .nav > li > a:hover, .secondary-navbar .nav > li > a:focus { background:none; }
.secondary-navbar .nav > li > a:hover .name, .secondary-navbar .nav > li > a:focus .name { text-decoration:underline; }
.secondary-navbar .nav > li.active > a { background:none; }
.secondary-navbar .nav > li.active > a:hover { color:#004960; }
.secondary-navbar .nav > li > a .name { position:relative; display:block; }
.secondary-navbar .nav > li > a .description { font:12px/1 DINProLight; text-transform:none; position:absolute; bottom:0; display:block; }

.secondary-navbar .nav > li > a:before { width:44px; height:44px; content:''; position:absolute; margin-left:-50px; top:0; background:#dddac6; display:block; }
.secondary-navbar .nav > li > a:after { width:24px; height:24px; content:''; position:absolute; margin-left:-40px; top:10px; background:url(images/sprite.png) no-repeat; display:block; }
.secondary-navbar .nav > li:nth-child(1) > a:after { background-position:0 -24px; }
.secondary-navbar .nav > li:nth-child(2) > a:after { background-position:-24px -24px; }
.secondary-navbar .nav > li:nth-child(3) > a:after { background-position:-48px -24px; }
.secondary-navbar .nav > li:nth-child(4) > a:after { background-position:-72px -24px; }
.secondary-navbar .nav > li:nth-child(5) > a:after { background-position:-96px -24px; }
.secondary-navbar .nav > li.active > a:before, .secondary-navbar .nav > li > a:hover:before { background:#004960; }
.secondary-navbar .nav > li.active:nth-child(1) > a:after, .secondary-navbar .nav > li:nth-child(1) > a:hover:after { background-position:0 -48px; }
.secondary-navbar .nav > li.active:nth-child(2) > a:after, .secondary-navbar .nav > li:nth-child(2) > a:hover:after { background-position:-24px -48px; }
.secondary-navbar .nav > li.active:nth-child(3) > a:after, .secondary-navbar .nav > li:nth-child(3) > a:hover:after { background-position:-48px -48px; }
.secondary-navbar .nav > li.active:nth-child(4) > a:after, .secondary-navbar .nav > li:nth-child(4) > a:hover:after { background-position:-72px -48px; }
.secondary-navbar .nav > li.active:nth-child(5) > a:after, .secondary-navbar .nav > li:nth-child(5) > a:hover:after { background-position:-96px -48px; }


.lang-navbar { min-height:0; margin-top:6px; }
.lang-navbar > li > a { width:32px; height:32px; color:#444; font:13px/20px DINProLight; text-align:center; padding:6px; text-transform:uppercase; }
.lang-navbar > li > a:hover, .lang-navbar .nav > li > a:focus { text-decoration:underline; background:none; }
.lang-navbar > li.active > a { color:#004960; font-weight:bold; }




.main-footer { position:relative; }

@media only screen and (min-width:768px)
{ .main-footer.fixed { width:100%; position:fixed; left:0; right:0; bottom:0; }
}

.main-footer { color:#fff; font:12px DINProLight; padding:55px 0; background:#555; }

.copyright { text-transform:uppercase; }

.wedes-copyright { text-align:right; }
.wedes-copyright a { width:126px; height:30px; line-height:30px; text-indent:200%; background:url(images/wedes.png) no-repeat 0 0; display:inline-block; overflow:hidden; }
.wedes-copyright a:hover { background-position:0 -30px; }





.main { padding:20px 0; }
.column { padding:0 10px; float:left; position:relative; }

.left-aside {  }
.main-content {  }
.right-aside {  }


h1, .h1, h2, .h2, h3, .h3 { color:#004960; font-family:DINPro; font-weight:bold; text-transform:uppercase; }
h1, .h1 { font-size:20px; }
h2, .h2 { font-size:16px; }
h3, .h3 { font-size:14px; }

.page-header { padding:0; margin:30px 0 10px; border:none; }
.page-header h1, .page-header .h1 { margin:0; }

.block-header { margin-bottom:15px; }
.block-header h2, .block-header .h2, .block-header h3, .block-header .h3, .block-header h4, .block-header .h4 { color:#444; font:20px/1 DINProLight; text-transform:uppercase; margin:0; }


a, a:hover, a:focus { color:#444; }

p a { text-decoration:underline; }
p a:hover, p a:focus { text-decoration:none; }

/*only for home ?!*/
.h1-sm { font-size:16px; text-transform:none; }


.seo { color:#222; padding:20px 0; }
.seo h1 { color:#222; margin-top:0; }
.seo p { font-size:14px; }
.seo a { color:#222; }

@media only screen and (max-width:767px)
{ .seo { display:none; }
}


.left-aside .banner, .right-aside .banner { text-align:center; margin:20px 0; }

@media only screen and (max-width:767px)
{ .left-aside .banner, .right-aside .banner { display:none; }
}


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border:1px solid #fff; background:#dddac6; }
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color:#fff; }
.table-sm > thead > tr > th, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > tbody > tr > td, .table-sm > tfoot > tr > td { font-size:12px; }

.table-bs > thead > tr > th, .table-bs > tbody > tr > th, .table-bs > tfoot > tr > th, .table-bs > thead > tr > td, .table-bs > tbody > tr > td, .table-bs > tfoot > tr > td { border:1px solid #ddd; border-width:1px 0; background:#fbf9f1; }
.table-bs > thead > tr > th { border-bottom-width:2px; }

.list-default { padding:0 0 0 35px; margin:15px 0 20px; }
.list-default > li { margin:0; padding:2px 0; position:relative; }

hr { margin:10px 0; border-color:#dddac6; }





.text-item { margin-top:10px; }
.text-item time { color:#004960; font:bold 14px DINPro; margin-bottom:10px; display:block; }

.text-item .thumbnail { padding:0; border:none; border-radius:0; background:none; display:inline-block; }
.text-item .thumbnail-left { float:left; margin:0 20px 10px 0; }
.text-item .thumbnail-right { float:right; margin:0 0 10px 20px; }

.text-item .thumbnail img { border-radius:0; }

.text-item .btn-back-wrap, .text-item + .btn-back-wrap, .text-item ~ .btn-back-wrap { margin:10px 0 0; }

@media only screen and (max-width:767px)
{ .text-item .thumbnail-left, .text-item .thumbnail-right { width:100%; margin-right:0; margin-left:0; float:none!important; }
}

.article-item h1, .article-item .h1 { margin-top:0; }


.text-column-2 { -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:20px; -webkit-column-gap:20px; column-gap:20px; }
.text-column-3 { -moz-column-count:3; -webkit-column-count:3; column-count:3; -moz-column-gap:20px; -webkit-column-gap:20px; column-gap:20px; }

@media only screen and (max-width:767px)
{ .text-column-2, .text-column-3 { -moz-column-count:1; -webkit-column-count:1; column-count:1; }
}


.member-item .main-col { position:relative; background:#fbf9f1; }
.member-item .main-col .thumbnail { margin:0; }
.member-item .main-col .item-header { padding:15px 25px; margin-left:220px; }
.member-item .main-col .item-name { font-size:25px; margin:0; }
.member-item .main-col .role-and-degree { position:absolute; bottom:15px; }
.member-item .main-col .role { font-weight:bold; text-transform:uppercase; }

.member-dl dt { width:220px; color:#004960; font:bold 14px DINPro; text-transform:uppercase; text-align:right; margin-bottom:15px; float:left; clear:both; }
.member-dl dd { width:455px; margin-bottom:15px; float:right; }


.text-items.s2 { }
.text-items.s2 .item { height:190px; margin-bottom:10px; position:relative; background:#fbf9f1; }
.text-items.s2 .item:hover { background:#eeece0; }
.text-items.s2 .thumbnail-col { width:300px; float:left; }
.text-items.s2 .thumbnail { padding:0; margin:0; border:none; border-radius:0; }
.text-items.s2 .main-col { width:400px; padding:15px; float:left; }
.text-items.s2 .name-wrap { width:300px; font:bold 16px/20px DINPro; text-transform:uppercase; position:absolute; bottom:0; left:0; background:#004960; background:rgba(0,73,96,.5); }
.text-items.s2 .name-wrap a { width:300px; color:#fff; padding:8px 15px; display:inline-block; }
.text-items.s2 time { color:#004960; font:bold 14px DINPro; margin-top:48px; display:block; }
.text-items.s2 .description { height:100px; overflow:hidden; }

.text-items.s2 .item:nth-child(even) .thumbnail-col { float:right; }
.text-items.s2 .item:nth-child(even) .name-wrap { left:auto; right:0; }

.text-items.s2.no-photo .item { height:auto; }
.text-items.s2.no-photo .thumbnail-col { display:none; }
.text-items.s2.no-photo .main-col { width:100%; }
.text-items.s2.no-photo .name-wrap { width:100%; position:static; margin-bottom:10px; background:none; }
.text-items.s2.no-photo .name-wrap a { width:auto; color:#004960; padding:0; }
.text-items.s2.no-photo .description { height:60px; }

.text-items.s2.no-photo .btn-wrap { margin:10px -15px -15px 0; float:right; }



.text-items-wrap.s5 { padding:20px 0; background:#eeece0; }
.text-items-wrap header { font:20px/1 DINProLight; text-transform:uppercase; margin:20px 0 15px; }
.text-items.s5 .item { height:290px; padding:10px 20px; border:1px solid #dddac6; border-top-color:#004960; }
.text-items.s5 .item .name-wrap { height:23px; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.text-items.s5 .item .name-wrap a { color:#004960; font:bold 20px/1 DINPro; text-transform:uppercase; }
.text-items.s5 .item .description { height:221px; line-height:17px; }
.text-items.s5 .btn-wrap { float:right; margin-right:-20px; }


.member-items.s2 .item { height:385px; margin-bottom:30px; }
.member-items.s2 .item .thumbnail { height:265px; padding:0; margin:0; border:none; border-radius:0; }
.member-items.s2 .item .thumbnail img { margin:0 auto; }
.member-items.s2 .item .name-wrap { height:48px; color:#004960; font:bold 20px/24px DINPro; text-transform:uppercase; margin:10px 0 8px; overflow:hidden; }
/*
.member-items.s2 .item .role { height:17px; font-weight:bold; line-height:17px; text-transform:uppercase; margin-bottom:2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.member-items.s2 .item .degree { height:34px; line-height:17px; overflow:hidden; }
*/
.member-items.s2 .item .role { height:53px; line-height:17px; overflow:hidden; }
.member-items.s2 .item .degree { display: none; }

.member-items.s2 .text-item { margin-bottom:30px; }

.partner-items.s2 { margin:40px 0 20px; }
.partner-items.s2 .item { height:265px; margin-bottom:30px; }
.partner-items.s2 .item .thumbnail { width:100%; height:220px; padding:0; margin:0; border:1px solid #dddac6; border-bottom:3px solid #004960; border-radius:0; display:table; }
.partner-items.s2 .item .thumbnail a { text-align:center; vertical-align:middle; display:table-cell; }
.partner-items.s2 .item .thumbnail img { margin:0 auto; }
.partner-items.s2 .item .name-wrap { height:34px; font:bold 14px/17px DINPro; text-transform:uppercase; margin-top:7px; overflow:hidden; }


.direction-items .name-wrap a { text-decoration:underline; }
.direction-items .name-wrap a:hover { text-decoration:none; }


.publication-items.s2 .item { height:225px; margin-bottom:20px; position:relative; background:#eeece0; }
.publication-items.s2 .thumbnail-col { width:150px; float:left; }
.publication-items.s2 .thumbnail { margin:0; padding:0; border:none; border-radius:0; }
.publication-items.s2 .main-col { width:530px; float:right; }
.publication-items.s2 .name { color:#004960; font:bold 16px/20px DINPro; text-transform:uppercase; }
.publication-items.s2 .year { color:#004960; font:bold 14px/20px DINPro; text-transform:uppercase; }
.publication-items.s2 .year:before { color:#444; content:attr(aria-label) ': '; margin-right:10px; }
.publication-items.s2 .description { margin-top:10px; }
.publication-items.s2 .btn-wrap { position:absolute; bottom:20px; }
.publication-items.s2 .btn-wrap .input-group-addon { color:#004960; font:bold 14px DINPro; text-transform:uppercase; border-color:#dddca6; background:#dddac6; }


.aside-menu { margin-bottom:80px; }
.aside-menu > ul { list-style:none; padding:0; margin:0; }
.aside-menu a { font:13px/17px DINPro; }
.aside-menu li { line-height:17px; }
.aside-menu > ul > li { padding-top:10px; }
.aside-menu > ul > li > a { color:#004960; font-weight:bold; text-transform:uppercase; }
.aside-menu > ul > li > a:hover, .aside-menu > ul > li.active > a { text-decoration:underline; -moz-text-decoration-style:dashed; -webkit-text-decoration-style:dashed; text-decoration-style:dashed; }
.aside-menu > ul > li > ul { list-style:disc; padding:0 0 0 15px; margin:5px 0; }
.aside-menu > ul > li > ul > li { padding-top:5px; }
.aside-menu > ul > li > ul > li > a { color:#444; }
.aside-menu > ul > li > ul > li.active > a { color:#004960; font-weight:bold; }

.aside-menu > ul > li > ul > li > ul { list-style:none; padding:0; margin:5px 0 0 -15px; }
.aside-menu > ul > li > ul > li > ul > li > a { color:#444; padding:4px 20px; display:block; }
.aside-menu > ul > li > ul > li > ul > li > a:hover, .aside-menu > ul > li > ul > li > ul > li.active > a { text-decoration:none; background:#dddac6; }

.aside-menu li > ul { display:none; }
.aside-menu li.active > ul { display:block; }



.gmap-wrap { margin:2px 0 0; }
.gmap { width:100%; height:400px; border:none; border-radius:3px; }

@media only screen and (max-width:767px)
{ .gmap { height:300px; }
}



.gallery-items.s1 { }
.gallery-items.s1 .thumbnail-col { height:165px; }
.gallery-items.s1 .thumbnail-col a  { width:100%; height:100%; table-layout:fixed; display:table; }
.gallery-items.s1 .thumbnail { vertical-align:middle; padding:0; margin:0 auto; border:none; border-radius:0; background:none; display:table-cell; }
.gallery-items.s1 .name-wrap { height:33px; color:#004960; font:bold 14px/16px DINPro; text-transform:uppercase; margin-top:5px; overflow:hidden; }
.gallery-items.s1 .name-wrap a { color:#004960; }


.gallery-items.s2 .item { margin-bottom:20px; position:relative; }
.gallery-items.s2 .video:before { width:40px; height:40px; content:''; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; background:url(images/sprite.png) no-repeat -64px -72px; display:block; cursor:pointer; opacity:.8; }
.gallery-items.s2 .video:hover:before { opacity:1; }
.gallery-items.s2 .thumb img { cursor:pointer; }


.gallery-items.s3 .item { margin-bottom:20px; }
.gallery-items.s3 .thumb { width:220px; height:330px; }
.gallery-items.s3 .thumb img { cursor:pointer; }
.gallery-items.s3 .name { height:36px; line-height:18px; margin-top:5px; overflow:hidden; }


.institute-items .item { padding:10px; margin-bottom:20px; background:#eeece0; }
.institute-items .thumbnail { height:245px; float:none; margin:0; }
.institute-items .name-wrap { height:40px; font:18px/20px DINPro; margin:7px 0 10px; }
.institute-items .description { color:#004960; font:14px DINPro; text-transform:uppercase; }
.institute-items .description p { margin:0; }


.sitemap { margin-top:20px; }
.sitemap ul { list-style:none; margin:0; padding-left:25px; }
.sitemap ul li { padding:5px 0 5px 15px; margin:0; position:relative; list-style:none; }
.sitemap ul li:before { content:'•'; color:#336675; font-weight:bold; position:absolute; left:0; top:5px; }


.media-wrap { margin:15px 0; }


.sn { list-style:none; margin:0; padding:0; position:relative; display:inline-block; }
.sn:before { content:attr(aria-label); white-space:nowrap; }
.sn:after { content:''; clear:both; display:table; }
.sn li { float:left; }
.sn a { display:block; cursor:pointer; outline:none; }

.sn-follow-us { width:178px; height:46px; margin:-15px 0 0 130px; border:1px solid #eeece0; }
.sn-follow-us:before { text-transform:uppercase; position:absolute; margin:14px 0 0 -130px; display:block; }
.sn-follow-us li { width:44px; height:44px; }
.sn-follow-us li a { width:44px; height:44px; background:url(images/sn-follow-us.png) no-repeat; }
.sn-follow-us li a:hover { background-color:#004960; }
.sn-follow-us li a.gp { background-position:0 0; }
.sn-follow-us li a.od { background-position:-45px 0; }
.sn-follow-us li a.vk { background-position:-90px 0; }
.sn-follow-us li a.fb { background-position:-135px 0; }



.docs-list { width:100%; list-style:none; padding:0; margin:0; border-collapse:collapse; border-spacing:0; border:1px solid #fff; display:table; }
.docs-list li { list-style:none; margin:0; display:table-row; }
.docs-list li + li > div { border-top:1px solid #ddd; }
.docs-list li > div { padding:10px 12px; vertical-align:middle; display:table-cell; }
.docs-list li:hover > div { background:#f9f9f9; }
.docs-list li > div:nth-child(2) { width:100%; }
.docs-list li p { line-height:13px; padding:2px 0; margin:0; }

.docs-list li > .ico { width:27px; vertical-align:top; padding-right:0; }
.docs-list li > .ico:before { width:27px; height:32px; content:''; font-size:0; margin-top:4px; background:url(images/files-32x32.png) no-repeat -2px 0; display:inline-block; }
.docs-list li.txt > .ico:before { background-position:-34px 0; }
.docs-list li.doc > .ico:before, .docs.list li.docx > .ico:before { background-position:-66px 0; }
.docs-list li.xls > .ico:before, .docs.list li.xlsx > .ico:before { background-position:-98px 0; }
.docs-list li.pds > .ico:before { background-position:-130px 0; }
.docs-list li.rar > .ico:before { background-position:-162px 0; }
.docs-list li.zip > .ico:before { background-position:-194px 0; }
.docs-list li.7z > .ico:before { background-position:-226px 0; }
.docs-list li.htm > .ico:before { background-position:-258px 0; }
.docs-list li.jpg > .ico:before, .docs.list li.jpeg > .ico:before { background-position:-290px 0; }

@media only screen and (max-width:991px)
{ .docs-list li > div:first-child, .docs-list li > div:last-child { padding-left:0; padding-right:0; }
  .docs-list .btn { padding:4px 10px; }
}



.popover { padding:0; border-radius:4px; }
.popover-content { color:#000; padding:5px; }


.form-feedback .btn-wrap { text-align:right; margin-top:25px; }


/**/
.s1[role="marquee"] .btn-arrow, .s3[role="marquee"] .btn-arrow { width:44px; height:44px; position:absolute; bottom:0; z-index:3; background:#004960; cursor:pointer; }
.s1[role="marquee"] .btn-arrow:hover, .s3[role="marquee"] .btn-arrow:hover { background:#015068; }
.s1[role="marquee"] .btn-arrow.icon-next, .s3[role="marquee"] .btn-arrow.icon-next { margin-left:47px; }
.s1[role="marquee"] .btn-arrow:before, .s3[role="marquee"] .btn-arrow:before { width:12px; height:15px; content:''; margin:15px 0 0 16px; background:url(images/sprite.png) no-repeat; display:block; }
.s1[role="marquee"] .btn-arrow.icon-prev:before, .s3[role="marquee"] .btn-arrow.icon-prev:before { background-position:0 -72px; }
.s1[role="marquee"] .btn-arrow.icon-next:before, .s3[role="marquee"] .btn-arrow.icon-next:before { margin-left:17px; background-position:-16px -72px; }
.s1[role="marquee"] .btn-arrow.icon-prev:hover:before, .s3[role="marquee"] .btn-arrow.icon-prev:hover:before { background-position:0 -96px; }
.s1[role="marquee"] .btn-arrow.icon-next:hover:before, .s3[role="marquee"] .btn-arrow.icon-next:hover:before { background-position:-16px -96px; }

.s1[role="marquee"] .indicator, .s3[role="marquee"] .indicator { color:#004960; font:bold 14px DINPro; position:absolute; bottom:14px; }


.s2[role="marquee"] .btn-arrow:before, .s4[role="marquee"] .btn-arrow:before { width:24px; height:32px; content:''; background:url(images/sprite.png) no-repeat; display:block; }
.s4[role="marquee"] .btn-arrow.icon-prev:before { background-position:0 -120px; }
.s4[role="marquee"] .btn-arrow.icon-next:before { margin-left:17px; background-position:-24px -120px; }
.s2[role="marquee"] .btn-arrow.icon-prev:hover:before, .s4[role="marquee"] .btn-arrow.icon-prev:hover:before { background-position:0 -152px; }
.s2[role="marquee"] .btn-arrow.icon-next:hover:before, .s4[role="marquee"] .btn-arrow.icon-next:hover:before { background-position:-24px -152px; }

/*home slider*/
.s1-wrap { padding-bottom:20px; border-bottom:1px solid #dddac6; background:#eeece0; }
.s1[role="marquee"] { width:700px; height:350px; position:relative; }
.s1[role="marquee"] > .box { width:400px; height:350px; position:relative; float:left; overflow:hidden; }
.s1[role="marquee"] > .box > ul { position:absolute; margin:0; left:0; top:0; }
.s1[role="marquee"] > .box > ul > li { width:400px; height:350px; float:left; position:relative; }
.s1[role="marquee"] > .box > ul > li .thumb { display:block; }

.s1[role="marquee"] .btn-arrow { left:400px; }

.s1[role="marquee"] .indicator { margin-left:515px; }

.s1-wrap .list-institutes-wrap { width:240px; height:350px; background:#dddac6 url(images/slider-s1-institutes-logo-bg.png) no-repeat 0 18px; }
.s1-wrap .list-institutes { height:306px; padding:20px 10px 0 20px; margin:0; }
.s1-wrap .list-institutes li { line-height:18px; }
.s1-wrap .list-institutes li + li { margin-top:20px; }
.s1-wrap .list-institutes a { color:#004960; font:bold 13px DINPro; -moz-text-decoration-style:dashed; -webkit-text-decoration-style:dashed; text-decoration-style:dashed; text-transform:uppercase; }
.s1-wrap .all-institutes { height:44px; color:#eeece0; font:bold 16px DINPro; text-transform:uppercase; position:relative; padding:10px 20px; background:#004960; }
.s1-wrap .all-institutes:after { width:5px; height:3px; content:''; position:absolute; right:25px; top:21px; background:url(images/sprite.png) no-repeat -32px -72px; display:block; }

.s1-wrap .description-col { width:300px; height:350px; float:right; background:#fbf9f1; }
.s1-wrap .institutes-umo { height:70px; color:#fbf9f1; font:bold 18px DINPro; text-transform:uppercase; padding:21px 20px 21px 80px; position:relative; background:#004960; }
.s1-wrap .institutes-umo:before { width:32px; height:24px; content:''; position:absolute; left:24px; top:24px; background:url(images/sprite.png) no-repeat -40px 0; display:block; }
.s1-wrap .description-col .description { font:20px/24px DINPro; padding:20px 25px; }
.s1-wrap .description-col .description .link { color:#004960; font-size:14px; text-transform:uppercase; text-decoration:none; }
.s1-wrap .description-col .description .link:hover { text-decoration:underline; }
.s1-wrap .description-col .btn-wrap { position:absolute; bottom:12px; right:12px; }


/*slider for 1 album*/
.s2[role="marquee"] { width:700px; height:147px; padding:15px 0; position:relative; background:#eeece0; }
.s2[role="marquee"] > .box { width:636px; height:117px; position:relative; margin-left:32px; overflow:hidden; }
.s2[role="marquee"] > .box > ul { position:absolute; margin:0; left:0; top:0; }
.s2[role="marquee"] > .box > ul > li { width:160px; height:117px; float:left; position:relative; }
.s2[role="marquee"] > .box > ul > li .thumb { display:block; }
.s2[role="marquee"] > .box > ul > li img { cursor:pointer; }

.s2[role="marquee"] .btn-arrow { width:32px; height:117px; position:absolute; top:15px; z-index:3; cursor:pointer; }
.s2[role="marquee"] .btn-arrow.icon-prev { left:0; }
.s2[role="marquee"] .btn-arrow.icon-next { right:0; }
.s2[role="marquee"] .btn-arrow:before { margin:43px 0 0 3px; }
.s2[role="marquee"] .btn-arrow.icon-prev:before { background-position:-48px -120px; }
.s2[role="marquee"] .btn-arrow.icon-next:before { margin-left:5px; background-position:-72px -120px; }

/*aside slider*/
.s3[role="marquee"] { width:220px; height:630px; position:relative; background:#fbf9f1; }
.s3[role="marquee"] > .box { width:220px; height:500px; position:relative; overflow:hidden; }
.s3[role="marquee"] > .box > ul { position:absolute; margin:0; left:0; top:0; }
.s3[role="marquee"] > .box > ul > li { width:220px; height:500px; float:left; position:relative; }
.s3[role="marquee"] > .box > ul > li .thumb { display:block; }
.s3[role="marquee"] > .box > ul > li .description { font:18px/20px DINPro; padding:15px 10px; }
.s3[role="marquee"] > .box > ul > li .description .link { color:#004960; font-size:14px; text-transform:uppercase; text-decoration:none; }
.s3[role="marquee"] > .box > ul > li .description .link:hover { text-decoration:underline; }

.s3[role="marquee"] header { height:70px; color:#fbf9f1; font:bold 18px DINPro; text-transform:uppercase; padding:21px 10px 21px 60px; position:relative; background:#555; }
.s3[role="marquee"] header:before { width:32px; height:24px; content:''; position:absolute; left:14px; top:24px; background:url(images/sprite.png) no-repeat -40px 0; display:block; }

.s3[role="marquee"] .indicator { margin-left:105px; }

.s3[role="marquee"] > .btn-wrap { position:absolute; bottom:15px; right:5px; }


/*slider*/
.s4-wrap { background:#dddac6; }
.s4[role="marquee"] { width:939px; height:290px; margin:0 -1px; position:relative; }
.s4[role="marquee"] > .box { width:942px; height:290px; position:relative; overflow:hidden; }
.s4[role="marquee"] > .box > ul { position:absolute; margin:0; left:0; top:0; }
.s4[role="marquee"] > .box > ul > li { width:314px; height:290px; float:left; position:relative; }
.s4[role="marquee"] > .box > ul > li:nth-child(3n+2) { background-color:#fbf9f1; }

.s4[role="marquee"] .item { padding:10px 20px; }
.s4[role="marquee"] .item .mod-name { height:50px; color:#004960; font:25px/1 DINProLight; text-transform:uppercase; margin:20px 0 15px; }
.s4[role="marquee"] .item .name-wrap { height:34px; color:#004960; font:bold 14px/17px DINPro; margin-bottom:10px; overflow:hidden; }
.s4[role="marquee"] .item .description { height:80px; overflow:hidden; }
.s4[role="marquee"] .item .btn-wrap { margin-top:20px; padding:4px 0; border-top:1px solid #004960; }
.s4[role="marquee"] .item .btn-wrap .btn { padding-left:0; padding-right:0; }

.s4[role="marquee"] .item-gallery.item-gallery-1 { background:url(images/slider-s4-gallery-bg/1.jpg) no-repeat; }
.s4[role="marquee"] .item-gallery.item-gallery-2 { background:url(images/slider-s4-gallery-bg/2.jpg) no-repeat; }
.s4[role="marquee"] .item-gallery.item-gallery-3 { background:url(images/slider-s4-gallery-bg/3.jpg) no-repeat; }

.s4[role="marquee"] .item-gallery .mod-name, .s4[role="marquee"] .item-gallery .description { color:#eeece0; }
.s4[role="marquee"] .item-gallery .btn-wrap { margin-top:64px; border-color:#eeece0; }
.s4[role="marquee"] .item-gallery .btn-wrap .btn { color:#eeece0; }

.s4[role="marquee"] .btn-arrow { width:44px; height:44px; position:absolute; top:122px; z-index:3; cursor:pointer; }
.s4[role="marquee"] .btn-arrow.icon-prev { left:-44px; }
.s4[role="marquee"] .btn-arrow.icon-next { right:-44px; }
.s4[role="marquee"] .btn-arrow:before { margin:7px 0 0 10px; }





.datepicker { color:#000; }
.datepicker:before { border-bottom-color:#fff !important; }
.datepicker:after { border-bottom:6px solid #999; }


.modal-backdrop, .modal-backdrop.fade.in { background:#000; }
.modal { width:600px; margin-left:-300px; border:1px solid #999; border:1px solid rgba(0,0,0,0.2); border-radius:0; background:#fff; }

.modal-header { border-color:#c6c6c6; }
.modal-header:after { content:' '; clear:both; display:table; }
.modal-header .close { color:#242424; opacity:.65; }
.modal-header .close:hover { opacity:1; }
.modal-header .modal-title { color:#004960; font:bold 16px/1 DINPro; text-transform:uppercase; }

.modal-body .btn-wrap { text-align:right; }
.modal-body .btn-wrap.form-group { margin-bottom:0; }

.modal-footer { border:none; }




.blueimp-gallery { background:#000; background:rgba(0,0,0,.7); }
.blueimp-gallery-carousel { padding-bottom:100%; }

@media only screen and (orientation:landscape)
{ .blueimp-gallery-carousel { padding-bottom:56.25%; }
}



/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  /*border-bottom: 6px solid #ffffff;*/
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {

  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}



/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Boostrap 3 patch for for bootstrap-modal. Include BEFORE bootstrap-modal.css!
 */

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right:0; }
.modal { left:50%; bottom:auto; right:auto; padding:0; -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5); box-shadow:0 3px 9px rgba(0,0,0,.5); background-clip:padding-box; opacity:.5; }
.modal.container { max-width:none; }



.modal-open { overflow:hidden; }


.modal-open.page-overflow .page-container, .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .modal-scrollable { overflow-y:scroll; }

@media (max-width: 979px)
{ .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom  { overflow-y:visible; }
}

.modal-scrollable { position:fixed; top:0; bottom:0; left:0; right:0; overflow:auto; }
.modal { outline:none; position:absolute; margin-top:0; top:50%; overflow:visible; }

.modal.fade
{ top: -100%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;	
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
}

.modal.fade.in { top:50%; }
.modal-body { max-height:none; overflow:visible; }
.modal.modal-absolute { position:absolute; z-index:950; }
.modal .loading-mask { position:absolute; top:0; bottom:0; left:0; right:0; background:#fff; border-radius:4px; }
.modal-backdrop.modal-absolute { position:absolute; z-index:940; }
.modal-backdrop, .modal-backdrop.fade.in { opacity:.7; filter:alpha(opacity=70); }

.modal.container { width:940px; margin-left:-470px; }



.modal-overflow.modal { top:1%; }
.modal-overflow.modal.fade { top:-100%; }
.modal-overflow.modal.fade.in { top:1%; }
.modal-overflow .modal-body { overflow:auto; -webkit-overflow-scrolling:touch; }


@media (min-width: 1200px)
{ .modal.container { width:1170px; margin-left:-585px; }
}

@media (max-width: 979px)
{ .modal, .modal.container, .modal.modal-overflow { top:1%; right:1%; left:1%; bottom:auto; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; }
  .modal.fade.in, .modal.container.fade.in, .modal.modal-overflow.fade.in { top: 1%; bottom: auto; }
  .modal-body, .modal-overflow .modal-body { position: static; margin: 0; height: auto !important; max-height: none !important; overflow: visible !important; }
  .modal-footer, .modal-overflow .modal-footer { position: static; }
}

.loading-spinner { position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px; }

/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden*/

.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}




/*
 * blueimp Gallery CSS 2.11.1
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content { position:absolute; top:0; right:0; bottom:0; left:0; -moz-backface-visibility:hidden; }
.blueimp-gallery > .slides > .slide > .slide-content { margin:auto; width:auto; height:auto; max-width:100%; max-height:100%; opacity:1; }
.blueimp-gallery {
  position: fixed;
  z-index: 999999;
  overflow: hidden;
  opacity: 0;
  display: none;
  direction: ltr;
  -ms-touch-action: none;
  touch-action: none;
}
.blueimp-gallery-carousel {
  position: relative;
  z-index: auto;
  margin: 1em auto;
  /* Set the carousel width/height ratio to 16/9: */
  /*padding-bottom: 56.25%;*/
  /*padding-bottom:100%;*/
  background:none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.blueimp-gallery-display {
  display: block;
  opacity: 1;
}
.blueimp-gallery > .slides {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.blueimp-gallery-carousel > .slides {
  position: absolute;
}
.blueimp-gallery > .slides > .slide {
  position: relative;
  float: left;
  height: 100%;
  text-align: center;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
     -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
      -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
       -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
          transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
  -webkit-transition: opacity 0.5s linear;
     -moz-transition: opacity 0.5s linear;
      -ms-transition: opacity 0.5s linear;
       -o-transition: opacity 0.5s linear;
          transition: opacity 0.5s linear;
}
.blueimp-gallery > .slides > .slide-loading {
  background: url(images/blueimp/loading.gif) center no-repeat;
  background-size: 64px 64px;
}
.blueimp-gallery > .slides > .slide-loading > .slide-content {
  opacity: 0;
}
.blueimp-gallery > .slides > .slide-error {
  background: url(images/blueimp/error.png) center no-repeat;
}
.blueimp-gallery > .slides > .slide-error > .slide-content {
  display: none;
}
.blueimp-gallery > .prev,
.blueimp-gallery > .next {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -23px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 2px #000;
  text-align: center;
  background: #222;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  border: 3px solid #fff;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  opacity: 0.5;
  cursor: pointer;
  display: none;
}
.blueimp-gallery > .next {
  left: auto;
  right: 15px;
}
.blueimp-gallery > .close,
.blueimp-gallery > .title {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0 40px 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  opacity: 0.8;
  display: none;
}
.blueimp-gallery > .close {
  padding: 15px;
  right: 15px;
  left: auto;
  margin: -15px;
  font-size: 30px;
  text-decoration: none;
  cursor: pointer;
}
.blueimp-gallery > .play-pause {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 15px;
  height: 15px;
  background: url(images/blueimp/play-pause.png) 0 0 no-repeat;
  cursor: pointer;
  opacity: 0.5;
  display: none;
}
.blueimp-gallery-playing > .play-pause {
  background-position: -15px 0;
}
.blueimp-gallery > .prev:hover,
.blueimp-gallery > .next:hover,
.blueimp-gallery > .close:hover,
.blueimp-gallery > .title:hover,
.blueimp-gallery > .play-pause:hover {
  color: #fff;
  opacity: 1;
}
.blueimp-gallery-controls > .prev,
.blueimp-gallery-controls > .next,
.blueimp-gallery-controls > .close,
.blueimp-gallery-controls > .title,
.blueimp-gallery-controls > .play-pause {
  display: block;
  /* Fix z-index issues (controls behind slide element) on Android: */
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
       -o-transform: translateZ(0);
          transform: translateZ(0);
}
.blueimp-gallery-single > .prev,
.blueimp-gallery-left > .prev,
.blueimp-gallery-single > .next,
.blueimp-gallery-right > .next,
.blueimp-gallery-single > .play-pause {
  display: none;
}
.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .prev,
.blueimp-gallery > .next,
.blueimp-gallery > .close,
.blueimp-gallery > .play-pause {
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide-error {
  background-image: url(images/blueimp/error.svg);
}
body:last-child .blueimp-gallery > .play-pause {
  width: 20px;
  height: 20px;
  background-size: 40px 20px;
  background-image: url(images/blueimp/play-pause.svg);
}
body:last-child .blueimp-gallery-playing > .play-pause {
  background-position: -20px 0;
}

/* IE7 fixes */
*+html .blueimp-gallery > .slides > .slide {
  min-height: 300px;
}
*+html .blueimp-gallery > .slides > .slide > .slide-content {
  position: relative;
}


/*
 * blueimp Gallery Indicator CSS 1.1.0
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.blueimp-gallery > .indicator {
  position: absolute;
  top: auto;
  right: 15px;
  bottom: 15px;
  left: 15px;
  margin: 0 40px;
  padding: 0;
  list-style: none;
  text-align: center;
  line-height: 10px;
  display: none;
}
.blueimp-gallery > .indicator > li {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 6px 3px 0 3px;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  border: 1px solid transparent;
  background: #ccc;
  background: rgba(255, 255, 255, 0.25) center no-repeat;
  border-radius: 5px;
  box-shadow: 0 0 2px #000;
  opacity: 0.5;
  cursor: pointer;
}
.blueimp-gallery > .indicator > li:hover,
.blueimp-gallery > .indicator > .active {
  background-color: #fff;
  border-color: #fff;
  opacity: 1;
}
.blueimp-gallery-controls > .indicator {
  display: block;
  /* Fix z-index issues (controls behind slide element) on Android: */
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
       -o-transform: translateZ(0);
          transform: translateZ(0);
}
.blueimp-gallery-single > .indicator {
  display: none;
}
.blueimp-gallery > .indicator {
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* IE7 fixes */
*+html .blueimp-gallery > .indicator > li {
  display: inline;
}


/*
 * blueimp Gallery Video Factory CSS 1.3.0
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.blueimp-gallery > .slides > .slide > .video-content > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  /* Prevent artifacts in Mozilla Firefox: */
  -moz-backface-visibility: hidden;
}
.blueimp-gallery > .slides > .slide > .video-content > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blueimp-gallery > .slides > .slide > .video-content > iframe {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.blueimp-gallery > .slides > .slide > .video-playing > iframe {
  top: 0;
}
.blueimp-gallery > .slides > .slide > .video-content > a {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: -64px auto 0;
  width: 128px;
  height: 128px;
  background: url(images/blueimp/video-play.png) center no-repeat;
  opacity: 0.8;
  cursor: pointer;
}
.blueimp-gallery > .slides > .slide > .video-content > a:hover {
  opacity: 1;
}
.blueimp-gallery > .slides > .slide > .video-playing > a,
.blueimp-gallery > .slides > .slide > .video-playing > img {
  display: none;
}
.blueimp-gallery > .slides > .slide > .video-content > video {
  display: none;
}
.blueimp-gallery > .slides > .slide > .video-playing > video {
  display: block;
}
.blueimp-gallery > .slides > .slide > .video-loading > a {
  background: url(images/blueimp/loading.gif) center no-repeat;
  background-size: 64px 64px;
}

/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide > .video-content:not(.video-loading) > a {
  background-image: url(images/blueimp/video-play.svg);
}

/* IE7 fixes */
*+html .blueimp-gallery > .slides > .slide > .video-content {
  height: 100%;
}
*+html .blueimp-gallery > .slides > .slide > .video-content > a {
  left: 50%;
  margin-left: -64px;
}

/**************************************Мої кнопки************************/

a.button1 {
text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    font-family: 'DINPRO';
    background: url(images/content/nashi_vydanya/visnyk_PO/new/new2/strel1.jpg) -3px 2px no-repeat;
    padding: 5px 12px 5px 40px;
    display: flex;

}
a.button1:hover{
cursor:pointer;
box-shadow: -1px -1px 3px #007b74;
    border-radius: 2px;
}

/*********************button 2-4************/
a.button2:hover, 
a.button3:hover, 
a.button4:hover,
a.button5:hover {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  cursor:pointer;
}

a.button2:focus, a.button2:active,
a.button3:focus, a.button3:active,
a.button4:focus, a.button4:active{
  -webkit-transform: scale(1.25, 1.25);
  transform: scale(1.25, 1.25);
  transition: .4s;
}

/*********************button 2************/

a.button2, a.button2:before {
  display: inline-block;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  padding: 8px 15px;
  border-radius: 4px;
  border: solid rgb(4,88,192);
  border-width: 3px 10px;
  outline: none;
  opacity: 1;
  transition: .6s, opacity 0s 9999999s, visibility 0s 9999999s;
} 
a.button2 {
  position: relative;
  padding: calc(8px + 3px - 1px) calc(15px + 10px - 1px);
  border: 1px solid rgb(0 18 26);
  background: #fff linear-gradient(rgb(138 187 197), rgb(0 25 37) 60%, rgb(0 79 104));
  box-shadow: 0 10px 18px rgb(0 0 0 / 50%);
}



/*********************button 3************/


a.button3,a.button3:before {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: #012f3f;
    text-decoration: none;
    padding: 8px 15px;
    border-radius: 4px;
    border: 1px solid rgb(101 133 142);
    background: #fff linear-gradient(rgb(217 229 234), rgb(179 197 205) 60%, rgb(101 111 117));
    box-shadow: 0 10px 18px rgb(0 0 0 / 50%);
    outline: none;
    opacity: 1;
    transition: .6s, opacity 0s 9999999s, visibility 0s 9999999s;
}

a.button3.f14,a.button3.f14:before {
       font-size: 14px; 
}

/*******************button 4***************/


a.button4, a.button4:before {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-style: italic;
    color: #012f3f;
    text-decoration: none;
    padding: 4px 10px;
    margin: 4px;
    border-radius: 4px;
    border:4px solid rgb(95 131 138);
    background: #fff linear-gradient(rgb(147 172 183), rgb(242 245 247) 60%, rgb(158 158 158));
    box-shadow: 0 4px 6px rgb(0 0 0 / 50%);
    outline: none;
    opacity: 1;
    transition: .6s, opacity 0s 9999999s, visibility 0s 9999999s;
}

/*******************button 5***************/


a.button5, a.button5:before {
    min-width:330px;
    position: relative;
    display: inline-block;
    color: #012f3f;
    text-decoration: none;
    padding: 4px 10px;
    margin: 4px;
    border-radius: 4px;
    border:4px solid rgb(95 131 138);
    background: #fff linear-gradient(rgb(147 172 183), rgb(242 245 247) 60%, rgb(158 158 158));
    box-shadow: 0 4px 6px rgb(0 0 0 / 50%);
    outline: none;
    opacity: 1;
    transition: .6s, opacity 0s 9999999s, visibility 0s 9999999s;
}

/*******************button 9***************/

a.button9 {
  position: relative;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 1px 2px;
  outline: none;
  border-radius: 3px / 100%;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
a.button9:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
   top: 1px;
}
a.button9:active {
  top: 2px;
}
a.button9.dark{
  background-image:linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), #00496075 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
}