html { height:100%;}
body { height: 100%; margin: 0; padding: 0; background:#d0d0d0; font-family: pt_sans_narrowregular, pt_sansregular, Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #777; }
/*@font-face { font-family: FUTURA; src: url("Futura.eot"), url("Futura.ttf") format('truetype');}*/
a, a:hover { font-size: 14px; font-weight: normal; color:#528c00; text-decoration:none; display:block; }


div { z-index:1;}
a:hover { color:#fff;   }
h1, h2, h3, h4 { font-family: franm, Tahoma, Arial; padding:0; margin:0; font-size:22px; padding:0 0 6px 0; margin:0 0 10px 0; font-weight:normal; /*text-align:center; color:#fff; */}
h2, h3, h4 { margin:0;}
img { border:0; }
p { margin:0; padding:10px 0; }
img, div, ul, li { /*behavior: url("js/iepngfix.htc");*/ margin:0; padding:0; list-style:none; }
/*table { border:0; }*/
form { border:none; }
.form-control:focus {-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(88, 135, 0, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(88, 135, 0, .6);  border-color: #4f7703;}
#overStage { background:#000; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; display:none; position:absolute; z-index:900; top:0; left:0; width:100%; height:100%; }
.btn-primary { background: linear-gradient(to bottom, #7ab617, #4e7808); border:none; text-transform: uppercase; font-size: 20px; font-family: franm, pt_sansregular, arial;}

.container { position: relative;}

.lower, .lower a { text-transform: lowercase !important;}
.upper, .upper a { text-transform: uppercase !important;}
.tonorm, .tonorm a { text-transform: none !important;}
.pad20 { padding: 20px 30px;}
.clear { clear:both; font-size:1px; padding:0 !important; margin:0 !important; height: 0; overflow: hidden; }

.header-bgr { background:#0a72e0 /*#1180f1 url(../img/banner1-bgr.png) repeat-x center top;*/; z-index:0;}
.header { z-index:1000; position:relative;}
.header .brand { z-index:1000; }
.header .brand a { position: relative;}
.header .brand .shadow { position: absolute; top: 0; width: 20px; height: 96px;}
.header .brand.logo .shadow { background: url(../img/shadow-menu-left.png) left bottom no-repeat; right: -20px;}
.header .brand.online .shadow { background: url(../img/shadow-menu-right.png) right bottom no-repeat; left: -20px;}
.header .brand, .menus { min-width:130px; padding:0; margin:0; float:left;}
.header .online { float:right;}
.navbar { min-height:32px; margin-bottom:0; border:0;}
.navbar a { font-family:pt_sans_narrowbold, pt_sans_narrowregular, franm;}
.navbar-collapse { border:none;}

.topnav {  background:#64a919; box-shadow: 0px -6px 12px #4c7b17 inset; min-height:32px;}
.topnav .nav { width:100%;}
.topnav .navbar { border:none; background:none; }
.topnav .navbar-nav { margin: 0;}
.topnav .navbar-nav > li > a { color:#333; font-size:15px; line-height:32px; text-transform:uppercase; background:url(../img/bgr-top-menu-border.png) top right no-repeat; padding:0 13px; color:#fff;  }
.topnav .navbar-nav > li > a i { }
.topnav .navbar-nav > li:last-child > a { background:none;}
.topnav .navbar-nav > li > a:hover { color:#000;  background:#fff;}
.topnav .navbar-nav > li.active > a { background:url(../img/bgr-top-menu-active.png) repeat-x bottom center;}
.topnav .search { float:right;}
.topnav .search input { float:left; width:150px; font-size:14px; line-height:25px; padding:0 5px; max-height:25px; background:#d6efba; margin:0; margin-top:3px; }
.topnav .search input:focus {-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.075), 0 0 8px rgba(255, 255, 255, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, .6);  border: none;}
.topnav .search button { float:right; background:none; border:none;}
.topnav .search button i { line-height:30px; font-size:14px; color:#fff; margin:0 5px;}
.topnav .search button:hover i { color:#c0e19b; }
.topnav .glyphicon { padding-right: 3px;}

.navbar-icons { float:right; max-height:32px; min-height:32px; margin-right:15px; height:inherit; display:none;}
.navbar-icons a {  display:inline-block;*display:inline;*zoom:1;vertical-align:top; line-height:32px;  }
.navbar-icons i { font-size:20px; color:#fff; color:#daf2c1;}
.navbar-icons a:hover i, .navbar-icons a:focus i { text-decoration:none; color:#fff;}
.navbar-icons i.icon-th-large { font-size:17px;}
.navbar-icons i.icon-doc-inv { font-size:17px;}
.navbar-icons i.icon-login { font-size:19px;}
.navbar-icons i.icon-search-2 { font-size:18px;}

.mainnav { min-height:64px;}
.mainnav, .mainnav .navbar-header, .mainnav .navbar-main { background:url(../img/main-menu-bgr.png) center top repeat-x #f6f6f6;}
/*.mainnav .navbar { background: url(../img/shadow-menu-right.png) right bottom no-repeat;}*/
.mainnav .navbar { background: none;}
.mainnav .navbar-header { border-radius: 0 0 10px 0;}
/*.mainnav .navbar-header > div { background: url(../img/shadow-menu-left.png) left bottom no-repeat;}*/
.mainnav .navbar-main { background:#fff;}
.mainnav button span { font-size:24px; text-transform:uppercase;}
.navbar-default .navbar-toggle { line-height:20px;  }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus  { background:#fff; box-shadow: 0px -2px 10px #fff; border-color:white;}
.mainnav .nav { width:100%;}
.mainnav .nav > li { }
.mainnav .nav > li > a { color:#666; font-size:17px; text-transform:uppercase;  min-height:64px; white-space:normal; text-align:center; max-width:139px; min-width:64px; display:table; padding:0 1px 0 0; font-family:pt_sans_narrowbold;  background:url(../img/bgr-main-menu-border.png) top right no-repeat; }
.mainnav .nav > li > a > span { display:table-cell; vertical-align:middle; height:64px;   padding:0 12px; }
/*.mainnav .nav > li:first-child { background: url(../img/shadow-menu-left.png) left bottom no-repeat; }*/
.mainnav .nav > li:last-child a { background:none;}
.mainnav .navbar-nav > li > a:hover span { background:#fff; box-shadow: 0 0px 10px #fff;}
.mainnav .navbar-nav > li > a.active span { background:#fff; box-shadow: 0 0px 10px #fff;}
.mainnav .navbar-nav .dropdown-menu { border-top:none}
.mainnav .navbar-nav .dropdown-menu a { font-size:16px; text-transform:uppercase;}
.mainnav .navbar-default .navbar-nav>.open>a span, .mainnav .navbar-default .navbar-nav>.open>a:focus span, .mainnav .navbar-default  .navbar-nav>.open>a:hover span { background:#fff;}
.navbar-collapse { padding:0;}
.th-menu { float:left; width:60px; padding:0 10px 0 0; margin-left:-10px;}

.navbar-toggle { float: none; margin-right: 0;}

@media screen and (min-width: 1200px) {
.container { width:1200px; margin:0 auto; padding:0;}
.menus { width:100%; max-width:940px;}
.header > div { padding:0;}
.navbar { border-radius:0; margin-bottom: 0px;}
.brand { max-width:130px; }
.dropdown-menu { left:-1px; padding:5px;}
.dropdown-menu li a:hover { background:#eaeaea;}
}
@media (max-width: 1200px) {
.menus > div { margin-left:130px;}
.menus { width:100%;}
.brand { position:absolute;}
.topnav li.search { display:none;}
/*.header .online { display:none;}*/
.header .online { right: 15px;}
.mainnav .nav > li > a { max-width:90px; font-size:15px; line-height: 16px;}
.mainnav .nav > li > a > span { padding:0 10px;}
.mainnav { border-radius:0 0 8px 0;}
.mainnav .navbar { background:none;}
}
@media (max-width: 992px) { 
/*.navbar-icons { display:block; line-height: 32px;}
.navbar-icons i { line-height: 32px;}
.topnav .navbar { display:none;}*/
.header .brand, .header .brand img { width:100px; min-width: 100px;}
.header .brand .shadow { width:15px;}
.header .brand.logo .shadow { right: -15px;}
.header .brand.online .shadow { left: -15px;}
.header .online { right: 15px;}
.menus > div { margin-left:100px;}
.topnav .navbar-nav > li > a { font-size: 13px; padding: 0 8px;}
.mainnav .nav > li > a { max-width:50px; font-size:13px; line-height: 15px;}
.mainnav .nav > li > a > span { padding:0 5px;}
}
@media (max-width: 768px) { 
.menus > div { margin-left:0; }
.menus > div.topnav { }
.header .brand .shadow { width:20px; height: 82px;}
.header .brand.logo .shadow { right: -20px;}
.header .brand.online .shadow { left: -20px;}
.topnav .navbar-nav  li a { text-align: center; font-size: 14px; border-top: 1px solid #9dd263; border-bottom: 1px solid #477416;}
.mainnav { min-height:inherit; border-radius: 0 0 15px 0; background:none; }
.mainnav .navbar-header { border-radius: 0 0 10px 10px;}
.mainnav .navbar-header > div { min-height:50px; margin:0 100px; text-align: center;}
.mainnav .navbar-collapse { background:#eee ; border-radius:80px 80px 15px 15px;}
.mainnav .nav { margin-left:0; border-radius: 0 0 15px 0;}
.mainnav .nav > li:first-child { background:none;}
.mainnav .nav > li:first-child > a { background:none;}
.mainnav .nav > li > a, .mainnav .nav > li > a span { display:block; width:auto; max-width:none; height:auto;}
.mainnav .nav > li > a { padding:0 15px; margin:0; min-height:inherit; background: url(../img/shadow-title1.png) top center no-repeat;}
.mainnav .navbar-default .navbar-nav>.open>a span,
.mainnav .navbar-default .navbar-nav>.open>a:focus span,
.mainnav .navbar-default .navbar-nav>.open>a:hover span,
.mainnav .navbar-nav > li > a:hover span,
.mainnav .navbar-nav > li > a.active span {    background: #fff linear-gradient(to bottom, #eee, #fff); box-shadow: none; }
.mainnav .nav > li > a span, .navbar-nav .open .dropdown-menu>li>a { padding:8px; font-size:18px; line-height: 18px; }
.mainnav .nav > li:last-child > a > span { background: url(../img/shadow-title1.png) top center no-repeat;}
.mainnav .open .dropdown-menu { margin:0 15px; background:#999 ;  text-align:center; padding: 0; box-shadow: inset 0px 3px 5px #777;}
.mainnav .open .dropdown-menu a { font-size:20px; color:#fff !important; background: url(../img/shadow-title1.png) top center no-repeat;}
.mainnav .open .dropdown-menu .divider { margin: 0;}
.mainnav .navbar-nav>.open>a, .mainnav .navbar-nav>.open>a:focus, .mainnav .navbar-nav>.open>a:hover { background:none;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background: #fff;}
.topnav .open .dropdown-menu { background: #eee; padding: 0; }
.navbar-nav .open .dropdown-menu li a { background: url(../img/shadow-title1.png) top center no-repeat; border: none;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border: none;}
#navbar-main { display: block;}
}

#Parallax { width:100%; height:529px; overflow: hidden; position: relative; background:#0869d5 url(banner1-bgr.png) repeat-x center top; padding:0; z-index:1; background:transparent;  }
#Parallax > div { position: absolute; text-align:center; z-index:0 !important; }
#Parallax > div img {z-index:0; }
#Parallax > div.layer1 { bottom:37px; }
#Parallax > div.layer2 { bottom:0;  }
#Parallax > div.layer3 { width:1520px; bottom:-3px;}
.banner { display:none;}
@media (max-width: 992px) { 
#Parallax, .slider { display:none !important;}
.banner { display:block;}
}

.slider { width:100%; height:669px; overflow: hidden; position: absolute; top:0;  padding:0; z-index:1; background:transparent; /*background:#0a72e0;*/}
.slider > div { visibility:hidden; font-family:pt_sans_narrowbold; font-size:50px; color:#fff;  position: absolute; text-align:center; z-index:0 !important;}
.slider > div img {z-index:0; }
.banner { display:none;}
@media (max-width: 992px) { 
.slider { display:none;}
.banner { display:block;}
}

/*.footer .icon-down-open { display:inline-block;*display:inline;*zoom:1;vertical-align: top; padding:5px 15px; margin-right:15px; float:right;}*/
.footer .box > div { margin-bottom:15px; min-height:450px;}
.footer .box1 { background:url(../img/box-bgr1.png) repeat-x center top; margin-top:-30px;}
.footer .box2 { background:url(../img/box-bgr2.png) repeat-x center top; margin-top:-45px;}
.footer .box3 { background:url(../img/box-bgr3.png) repeat-x center top; margin-top:-30px;}
.footer .box4 { background:url(../img/box-bgr4.png) repeat-x center top; margin-top:-15px;}
.footer .box1 > div { background:url(../img/box-shadow-left.png) top right no-repeat;}
.footer .box3 > div { background:url(../img/box-shadow-right.png) top left no-repeat;}
.footer .box4 > div { background:url(../img/box-shadow-right.png) top left no-repeat;}
.footer .box > div > ul { background:url(../img/shadow-title1.png) top center no-repeat;}
.footer, .footer a { color:#333;}
.footer h3:before { float:none; clear:both;}
.footer h3 { text-align:center; line-height:60px; color:#2c7800; text-transform:uppercase; font-size:24px; margin:0; padding:0;}
.footer h4 { line-height:45px; margin:0; padding:0; font-size:20px;}
.footer h4, .footer a.btn.collapsed { background:url(../img/shadow-title2.png) center top no-repeat; color:#353535; text-transform:uppercase;  }
.footer ul { padding:0 24px;}
.footer ul > li { background:url(../img/dots.png) left bottom repeat-x;}
.footer ul > li:first-child  { border:none;}
.footer ul > li a { text-align:center; font-size:15px; display:block; padding:10px 0; border-radius:4px; background:none; line-height:20px; }
.footer ul > li a:hover { background:url(../img/bgr-box-over.png) center bottom no-repeat;}
.footer ul > li .btn { white-space:inherit; border:none; font-family:pt_sans_narrowbold; font-size:18px;}
.footer ul > li .btn i { float:right; margin:3px 0 0;}
.footer ul > li .btn:hover, .footer ul > li .btn:focus {background:url(../img/bgr-box-over.png) center bottom no-repeat; color:#000;}
.footer ul > li a img.box-gallery { display:inline-block; padding:5px 5px 10px; background:url(../img/shadow-pic1.png) center bottom no-repeat;}
.footer ul ul { background:rgba(0,0,0,.05)}
.footer ul ul a { font-size:17px; color:#555; }
.footer ul ul a:hover { background:url(../img/bgr-box-over-sub.png) center top no-repeat;}
.footer ul.school a { text-transform:uppercase;}
.footer ul.ref, .page-body ul.ref { padding:0 12px;}
.footer ul.ref li, .page-body ul.ref li { background:none;}
.footer ul.ref li a, .page-body ul.ref li {padding:0; font-size:16px; line-height:15px; text-align:left;}
.footer ul.ref li a p:first-child, .page-body ul.ref li p:first-child { padding:15px 12px;}
.footer ul.ref li a p:last-child, .page-body ul.ref li p:last-child { padding:10px 25px; font-family:pt_sans_narrowbold; color:#083e79; font-size:17px;}
.footer ul.ref li:nth-child(odd) p:first-child, .page-body ul.ref li p:first-child { background:url(../img/ref-left-white.png) left bottom no-repeat; }
.footer ul.ref li:nth-child(even) p:first-child { background:url(../img/ref-right-white.png) right bottom no-repeat;}
.footer ul.ref li:nth-child(odd) p:last-child { background:url(../img/ref-left.png) left top no-repeat; text-align:right;}
.footer ul.ref li:nth-child(even) p:last-child { background:url(../img/ref-right.png) right top no-repeat; }
.page-body ul.ref li p:first-child { padding:30px;}
.page-body ul.ref li p:last-child { text-align: left; background:url(../img/ref-left-body.png) left top no-repeat;}
.page-body ul.ref li p:last-child a { color:#083e79; font-size:17px; padding:20px 40px; }

.footer ul.news, .page-body ul.news { padding:0 24px;}
.footer ul.news a, .page-body ul.news a, .footer ul.news li.selected { font-size:15px; line-height:15px; text-align:left; padding:15px 0;}
.footer ul.news li.selected { background:url(../img/bgr-box-over.png) center bottom no-repeat; font-size: 16px; font-weight: bold; color: #528c00; }
.page-body ul.news a { font-size: 18px;}
.footer ul.news .news-list, .page-body ul.news .news-list { float:left; width:60%;}
.footer ul.news .release, .page-body ul.news .release  { float:left; width:60px; position:relative; margin:8px 16px 8px 0; }
.page-body ul.news .release { margin:8px 26px 8px 0;}
.footer ul.news .release > div, .page-body ul.news .release > div { display:inline-block;}
.footer ul.news .date, .page-body ul.news .date {color:rgba(43,116,0,.5); font-size:36px; display:inline-block; padding:0 4px 0 0; font-family:pt_sans_narrowbold;}
.page-body ul.news .date { font-size: 42px;}
.footer ul.news .month, .footer .news .year, .page-body ul.news .month, .page-body ul.news .year { color:#7a7a7a; font-size:13px; text-transform:uppercase; float:none; line-height:13px; position:absolute;}
.footer ul.news .month, .page-body ul.news .month { top:-7px;}
.footer ul.news .year, .page-body ul.news .year { bottom:-7px;}
.page-body ul.news li { padding: 10px 6px; background: url(../img/dots.png) left bottom repeat-x, linear-gradient( -45deg, #fff, #f0f0f0, #fff );  }
.page-body ul.news li:hover { background: url(../img/dots.png) left bottom repeat-x, linear-gradient( -45deg, #fff, #e0e0e0, #fff ); }
.page-body ul.news li:hover a { color: #000;}
.page-body ul.news h4 { color: #777; text-align: left;}

.footer ul.contacts li { padding:5px 0; display:table; }
.footer ul.contacts li p { display:table-cell; text-transform:uppercase;}
.footer ul.contacts i { font-size:30px; color:rgba(43,116,0,.5); display:block; position:relative; top:15px; margin:0 15px 0 0;}
.footer ul.contacts p.tel, .footer ul.contacts p.tel a { font-size:21px; font-family:pt_sans_narrowbold}
.footer ul.contacts .map { padding:0 0 24px 0; background: url(../img/shadow-pic2.png) bottom center no-repeat; display:block;}
.footer ul.contacts #map-canvas { width: 100%; height: 160px; }
.footer ul.contacts #map-canvas.page-map { width: 100%; height: 260px; }
.footer ul li.more { background:none;}
.footer ul li.more a { text-align:right; background:url(../img/more.png) right top no-repeat; margin:5px 0; line-height:40px; padding:0 16px; font-family:pt_sans_captionbold;}
.footer ul li.more a:hover, .footer ul li.more a:focus { color:#083e79; text-decoration:underline;}
ul.box-list { padding: 10px 20px;}
ul.box-list > li a, ul.box-list > li.selected { text-transform: uppercase; border-bottom: 1px solid #aaa; font-size: 18px; }
ul.box-list > li.selected { text-align: center; padding: 10px 0; color: #528c00; font-weight: bold; letter-spacing: 4px;}
@media (min-width: 1200px) {
.footer .row { padding:0px 20px 20px; } 
}
@media (min-width: 992px) { 
.footer .row > div {  padding:0;}
.footer.index { margin-top:530px;}
}
@media (max-width: 992px) { 
	.footer .box1 > div, .footer .box3 > div, .footer .box4 > div { background:none;}
	.footer.inside.right { padding-right: 0;}
	.page .row { margin-right: 0;}
}
@media (max-width: 768px) { 
.footer .row { margin:0;}
.footer .box { margin-top:0;}
.footer .box1 { margin-top:15px;}
.footer .box > div { min-height:inherit;}
.footer .box1 > div { background:none;}
.footer .box3 > div { background:none;}
.footer .box4 > div { background:none;}
.footer ul { padding:0 16px !important; }
.footer ul.box-list {  padding:16px !important;}
}

.links { background:#757575;}
.links .container { background:url(../img/bgr-bottom.png) center top repeat-x; position:relative; top:-25px; min-height:50px; text-align:center;}
.links .container p.copyright { color:#d0d0d0;  }
.links .row { padding: 20px;}
.links h3 { background: url(../img/dots-white.png) left bottom repeat-x; text-transform: uppercase; color: #fff; }
.links a { color: #ddd; font-size: 18px; padding: 5px 0;}
.links a:hover { background:rgba(0,0,0,.1); box-shadow: inset 0px 3px 3px #6e6e6e;}

.footer.inside .box { margin-top:1px;}
.footer.right .box > div { background:none;}
.page { margin-bottom:15px;}
.page-main { padding-right:0;}
.page-left { background:url(../img/page-left.png) top right no-repeat; padding:28px 0 0; min-height: 670px; }
.page-left img.img-responsive { display:none;}
.page-left img.big { margin-left:-50px;}
.page-right { }
.page-right-decor { background:url(../img/boxes-top-right.png) center center no-repeat; max-height:28px; height:28px;}
@media (max-width: 1200px) {
.page-main { margin-top: 35px;}
.page-right-decor { margin-top: 20px;}
}
@media (max-width: 992px) {
.page-left { display: none;}
.page-right-decor { background: none;}
}
@media (max-width: 768px) {
.page-main { margin-top: 50px;}
}
.page-body { background:#fff; padding:0; margin-top:-22px; border-radius:4px 4px 0 0; min-height:680px; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 14px;  }
.page-body .page-nav, .page-body .page-title { background: #f4f4f4 url(../img/page-header.png) center bottom no-repeat; border-radius:4px 4px 0 0;}
.page-body .page-nav:after { clear:both; }
.page-body h2.contentTitle { float:left; color:#2c7800; text-transform:uppercase; padding:0 10px 0 20px; line-height:48px; /*max-width: 400px;*/ font-size: 21px;}
/*.page-body h2 { float:left; color:#2c7800; text-transform:uppercase; padding:0 10px 0 20px; line-height:48px; max-width: 400px; font-size: 21px;}*/
.page-body h2.page-title, .page-body h2.page-title { float: none; text-align: left; max-width: 100%;}
.page-body h2.page-title a {line-height:48px; font-size: 21px; float: none; display: inline-block;}
.page-body h2.page-title a:hover { color: #333;}
.page-body h2.page-title span { color: #ccc; font-size: 22px; font-weight: normal;}
.page-body .nav-tabs {  font-family:pt_sansbold, Arial; text-transform:uppercase; padding:4px 0 0;  float:right;}
.page-body .nav-tabs a { color:#333; padding: 10px; font-size: 16px; font-family: pt_sans_narrowbold, pt_sans_narrowregular, franm;}
.page-body .nav-tabs a:hover { color:#fff; background:#6ea617 ;}
.page-body .free-text { margin-top: 20px;}
.page-body .free-text p { font-size: 15px; }
.page-body .free-text img { max-width: 300px; float: left; margin:0 20px 10px 0;}

.teachers { padding-top: 15px; font-family: pt_sans_narrowregular, pt_sansregular, Arial;}
.teachers .col-md-6 { }
.teachers .left { float: left;}
/*.teachers img { float: left; max-width: 350px; padding-right: 15px;}*/
.teachers .pic { text-align: right;}
.teachers img  { float: right;}
.teachers h5 { font-size: 26px; color: #222; padding: 0; margin: 0; }
.teachers h6 { font-size: 18px; background: url(../img/more2.png) left top no-repeat #fbfbfb; padding: 5px 10px;}
.teachers h6 i { font-size: 10px; margin: -6px 4px 0 0; display: inline-block; vertical-align: middle;}
.teachers table { width: 100%;}
.teachers td { background: url(../img/dots.png) left bottom repeat-x; padding: 5px;}
.teachers td:first-child { text-align: left; color: #999; background: url(../img/dots.png) left bottom repeat-x, linear-gradient(160deg, #fff, #f0f0f0);}
.teachers td:last-child { text-align: right; color: #333; background: url(../img/dots.png) left bottom repeat-x, url(../img/teacher-ar.png) left center no-repeat;}

.rooms img { padding: 15px; width: 100%;}
.rooms h3 { font-size: 20px; color: #555; font-weight: normal; }
/*.room-list .box1 { margin-top: -30px;  background:none;}
.room-list .thumbs {   background: url(../img/box-bgr1.png) repeat-x center top;    }*/
.room-list .box1 { background: linear-gradient(to bottom, #fff, #dadada);   }
.room-list .thumbs img { max-width: 115px;}
.room-list .thumbs li { float: left;}
.room-list ul { padding: 5px 0px 5px 16px;}
.room-list a { margin-right: 10px;}
.room-list { }
.room-list .thumbs { overflow:hidden; position:relative; min-height:580px;}
.room-list ul { position:absolute; transition: top 0.3s; top:0;}
.room-list .ar { height:24px; background:url(../img/ar-list.png) no-repeat; display:block; cursor:pointer; position: relative;}
.room-list .ar.up { background-position:center 0; /*margin-top: -10px;*/ top: -15px;}
.room-list .ar.dn { background-position:center -24px; bottom: -15px;}
.room-list .ar.up:hover, .room-list .ar.up:active { background-position:center -48px;}
.room-list .ar.dn:hover, .room-list .ar.dn:active { background-position:center -72px;}
.room-list .ar.up.disabled:hover, .room-list .ar.up.disabled:active { background-position:center 0px;}
.room-list .ar.dn.disabled:hover, .room-list .ar.dn.disabled:active { background-position:center -24px;}
.room-list .ar.disabled { opacity: 0.3; cursor:default;}
.room-list li a { opacity:0.6;  transition: opacity 0.3s, transform 0.3s; display:block; }
.room-list li a:hover, .prod .list li a:active, .prod .list li.active a { opacity:1; transform: scale(1.1,1.1); background: none !important;  }
@media (min-width: 992px) {
.room-list { display:block;}
}

@media (max-width: 992px) {
.teachers img { margin-bottom: 15px; float: left;}
.page-left img.img-responsive { display:block;}
.page-left img.big { display:none;}
}

.tab-content { padding: 0 30px;}
.tab-content .tab-pane { margin-top: 15px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background-color: #69ac0b;}
.nav-pills>li>a:hover { color: #333;}

textarea.contacts { min-height: 200px;}
.page-body .tab-content table { border-spacing: 10px; border-collapse: separate; }
.page-body .tab-content a:hover { color: initial; text-decoration: underline; }
.galListTitle{ position: absolute; line-height: inherit; background-color: rgba(255, 255, 255, 0.6); width: 100%; padding: 0 !important; margin-left: -15px; }

/* PAGINATION */
.list-view .summary { margin: 10px 0 !important; }
.list-view .pager { margin: 15px 0 !important; font-size: 12px; }
.yiiPager li { background: none !important; padding: 0 !important; font-size: 12px !important; margin:0 2px !important;  }
ul.yiiPager a:link, ul.yiiPager a:visited { border: solid 1px #8dc336 !important; font-weight: bold; color: #0e509e; padding: 1px 6px; text-decoration: none; color: #2c7800 !important; font-size: 12px !important }
ul.yiiPager .selected a { background: #2c7800 !important; color: #fff !important; }
.pager li>a, .pager li>span { border-radius: 0 !important; }
.at-style-responsive .at-share-btn { padding: 5px !important; }
.at-style-responsive .at-share-btn:hover { text-decoration: none !important; }
.at4-follow-24 .at-follow-btn:hover { display: inline-block; }
.page-body a { display: inline-block; }