@font-face {
    font-family: '388_probelcregular';
    src: url('../fonts/388_probelcregular.eot');
    src: url('../fonts/388_probelcregular.eot') format('embedded-opentype'),
         url('../fonts/388_probelcregular.woff2') format('woff2'),
         url('../fonts/388_probelcregular.woff') format('woff'),
         url('../fonts/388_probelcregular.ttf') format('truetype'),
         url('../fonts/388_probelcregular.svg#388_probelcregular') format('svg');
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic);
body {
font-family: '388_probelcregular';
margin: 0px;
padding: 0px;
}
html {
margin: 0px;
padding: 0px;
}
.topline {
width: 100%;
height: 10px;
background-color: #e89460;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}
.header {
width: 1000px;
margin: 8px auto;
}
.header .logo {
float: left;
width: 200px;
}
.header .logo img {
width: 200px;
}
.header .menu {
float: left;
width: 780px;
margin: 15px 0 0 20px;
}
.topmenu {
height: 35px;
}
.topmenu ul {
margin: 0;
padding: 0;
}
.topmenu ul li {
float: left;
text-align: center;
height: 20px;
font-size: 20px;
text-transform: uppercase;
padding: 0px 20px 0 18px;
background-image: url(/images/design/li-bkgr-menu.jpg);
background-repeat: no-repeat;
background-position: 100% 50%;
}
.topmenu ul li:nth-child(7) {
background-image:none;
}
.topmenu ul li:nth-child(8) {
background-image:none;
clear: left;
}
.topmenu ul li a {
text-decoration: none;
color: #000002;
}
.topmenu ul li a:hover {
color: #3586bc;
}
.midmenu {
text-transform: uppercase;
}
.midmenu table {
width: 100%;
}
.midmenu table td:nth-child(1) img {
width: 15px;
}
.midmenu table td:nth-child(1) {
width: 19px;
}
.midmenu table td:nth-child(2) {
font-size: 14px;
padding-top: 5px;
color: #5b6b8d;
}
.midmenu table td:nth-child(3) {
width: 160px;
}
.midmenu table td:nth-child(4) img {
width: 15px;
}
.midmenu table td:nth-child(4) {
width: 19px;
}
.midmenu table td:nth-child(5) {
color: #626061;
font-size: 18px;
padding-top: 5px;
width: 100px;
}
.midmenu table td:nth-child(6) img {
width: 15px;
}
.midmenu table td:nth-child(6) {
width: 19px;
font-size: 18px;
}
.midmenu table td:nth-child(7) {
font-size: 18px;
padding-top: 2px;
color: #626061;
width: 130px;
}
.midmenu table td:nth-child(7) span {
color: #c67847;
}
.midmenu table td:nth-child(8) {
width: 1px;
}
.icon-social {
float: left;
margin-left: 3px;
}
.icon-social img {
height: 20px;
}
.icon-social img:hover {
-moz-transition: all 0.2s; 
-webkit-transition: all 0.2s;  
-ms-transition: all 0.2s;  
-o-transition: all 0.2s;  
transition: all 0.2s; 
opacity:0.5;
filter:alpha(opacity=50);
}
.login {
cursor: pointer;
}
/* slider */
.slider {
width: 100%;
height: 583px;
background-image: url(/images/design/bkgr-main-slider.jpg);
background-position: top center;
background-repeat: no-repeat;
}
.slider .img {
margin: 0 auto;
width: 1012px;
}
.slider .img img {
width: 1012px;
height: 583px;
}
.topseparate {
width: 100%;
background-color: #e89460;
}
.topseparate .title {
margin: 0 auto;
width: 1000px;
padding: 12px;
color: #FFF;
font-size: 30px;
text-transform: uppercase;
}
.botseparate {
height: 10px;
background-color: #7b7d94;
}
.service {
background-color: #efedf0;
}
.service-icons {
width: 1000px;
margin: 0 auto;
}
.service-icon {
width: 150px;
float: left;
margin: 20px;
height: 215px;
}
.service-icon img {
width: 150px;
}
.service-icon .title {
text-align: center;
margin-top: 15px;
text-transform: uppercase;
font-size: 20px;
}
.service-icon:nth-child(odd) .title a {
color: #454f72;
text-decoration: none;
}
.service-icon:nth-child(even) .title a {
color: #d57e49;
text-decoration: none;
}
.service-icon:nth-child(odd) .title a:hover {
color: #d57e49;
text-decoration: none;
}
.service-icon:nth-child(even) .title a:hover {
color: #454f72;
text-decoration: none;
}
.service-icon:nth-child(6){
margin-left: 210px;
}
.feed-back {
width: 100%;
background-color: #f1c27c;
}
.feed-back-center {
width: 1000px;
margin: 0 auto;
padding: 25px 0;
}
.feed-back-center table td img {
height: 60px;
padding: 0 8px;
}
.feed-back-center table td {
color: #454f72;
font-size: 32px;
}
.separate .botseparate.new {
background-color: #f4e185;
}
.separate2 {
width: 100%;
background-color: #f4df84;
}
.separate2 .topseparate2 {
width: 1000px;
margin: 0 auto;
}
.separate2 .botseparate2 {
width: 100%;
background-color: #d47e4b;
height: 10px;
}
.topseparate2 .title {
float: left;
font-size: 38px;
width: 480px;
padding: 10px;
text-transform: uppercase;
}
.topseparate2 .title:nth-child(1) {
color: #424f71;
}
.topseparate2 .title:nth-child(2) {
color: #d47e4b;
}
/* news */
.all .news {
width: 100%;
height: 414px;
background-image: url(/images/design/bkgr-news-main.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.news-center {
margin: 0 auto;
width: 1000px;
}
.newsitem {
float: left;
width: 300px;
height: 380px;
margin: 15px;
background-color: #FFF;
}
.newsitem .newsitemimage {
width: 300px;
height: 202px;
overflow: hidden;
}
.newsitemimage .free {
border-bottom: 1px solid #425d94;
width: 300px;
}
.newsitemtext {
position: relative;
}
.newsitemtext .title {
margin-top: 20px;
text-align: center;
font-size: 24px;
color: #c67642;
}
.newsitemtext .text {
padding: 15px;
color: #535253;
height: 100px;
}
.newsitemtext .readmore {
position: absolute;
right: 25px;
bottom: 25px;
font-size: 20px;
}
.newsitemtext .readmore a {
text-decoration: none;
color: #374467;
}
/* schedule-team-main */
.main-st {
margin: 0 auto;
width: 1000px;
}
.main-schedule, .main-team {
float: left;
width: 465px;
height: 385px;
}
.main-schedule {
color: #FFF;
background-color: #3586bc;
padding: 20px 10px 15px 25px;
font-size: 30px;
position: relative;
}
.scheduleday {
font-size: 34px;
padding-bottom: 15px;
}
.mainActiveBlShTime {
width: 60px;
}
.mainActiveBlShBord:nth-child(odd) .mainActiveBlShProg {
color: #fbe280;
}
.mainActiveBlShBord:nth-child(even) .mainActiveBlShProg {
color: #ffc379;
}
.mainActiveBlShBord {
padding: 5px 0;
}
.main-team .main-pictTeam {
float: left;
position: relative;
z-index: 2;
overflow: hidden;
width: 140px;
height: 170px;
margin-left: 5px;
}
.main-team {
background-color: #f9d277;
margin-left: 15px;
position: relative;
padding: 20px 0px 15px 15px;
}
.main-team .main-pictTeam img {
height: 145px;
position: absolute;
z-index: 1;
left: -25%;
}
.bkgrmainteam {
background-image: url(/images/design/main-team.png);
background-size: 145px 145px;
position: absolute;
background-repeat: no-repeat;
top: 0;
z-index: 10;
width: 145px;
height: 145px;
}
.main-team-name {
top:145px;
position: absolute;
width: 149px;
text-align: center;
color: #3d4d73;
}
.allteam {
position: absolute;
bottom: 10px;
right: 30px;
padding: 7px 15px;
background-color: #3787bd;
font-size: 24px;
border-radius: 4px;
}
.allschedule {
position: absolute;
bottom: 10px;
right: 30px;
padding: 7px 15px;
background-color: #ec7e45;
font-size: 24px;
border-radius: 4px;
}
a .allteam, a .allschedule {
color: #FFF;
}
/* card */
.topseparate3 {
width: 100%;
background-color: #425d94;
}
.topseparate3 .title {
margin: 0 auto;
width: 1000px;
padding: 12px;
color: #FFF;
font-size: 30px;
text-transform: uppercase;
}
.card {
width: 100%;
background-color: #efedf0;
padding: 20px 0;
}
.card-move {
width: 950px;
margin:  0 auto;
}
.item-page .serv {
width: 245px;
height: 240px;
float: left;
padding-top: 20px;
}
.serv-img {
margin: 0 auto;
width: 150px;
}
a .serv-img img {
width: 150px;
}
.serv-title {
width: 150px;
margin: 15px auto;
font-size: 18px;
text-align: center;
text-transform: uppercase;
}
a .serv .serv-title {
    color: #454f72;
    text-decoration: none;
}
a .serv:hover .serv-title {
    color: #d57e49;
    text-decoration: none;
}
a .serv:hover .serv-img {
-moz-transition: all 0.2s; 
-webkit-transition: all 0.2s;  
-ms-transition: all 0.2s;  
-o-transition: all 0.2s;  
transition: all 0.2s; 
opacity:0.5;
filter:alpha(opacity=50);
}
#validEmail{
    margin-top: 4px;
    margin-left: 9px;
    position: absolute;
    width: 16px;
    height: 16px;
}
/* footer */
.footer {
width: 100%;
background-color: #d47e4b;
}
.separate-footer {
background-color: #f4e081;
height: 10px;
width: 100%;
}
.footer-center {
margin: 0 auto;
width: 1000px;
}
.footer-center .footer-table {
width: 100%;
}
.footer-table .left {
width: 450px;
}
.center .icon-social img {
height: 30px;
}
.footer-contact {
color: #FFF;
text-transform: uppercase;
font-size: 24px;
}
.footer-contact span {
color: #404f70;
}
.footer-contact .phone {
width: 30px;
}
.footer-contact .phone img, .footer-contact .geo img{
width: 25px;
padding: 5px 0;
}
.footer-table .right {
color: #FFF;
font-size: 28px;
text-transform: uppercase;
text-align: right;
}
.footer-table .right span {
text-transform: none;
color: #424f71;
font-size: 22px;
}
/* login popup */
.loginGlose {
position: absolute;
top: 2px;
right: 2px;
background-color: #194b8c;
padding: 3px 6px;
border-radius: 10px;
color: #FFF;
cursor: pointer;
width: 70px;
text-align: center;
font-size: 13px;
}
.loginpopup {
position: absolute;
display: none;
width: 400px;
height: 330px;
top: 180px;
left: 50%;
margin-left: -200px;
background-color: #FFF;
z-index: 99999;
border-radius: 10px;
border: 3px solid #ef7900;
}
.inputbox {
font-size: 12px;
margin-top: 5px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #e2d9d6;
padding-left: 10px;
padding-right: 10px;
width: 250px;
height: 38px;
color: #6f5d5e;
}
.loginpopupForm {
margin: 30px auto;
width: 250px;
}
.logout {
width: 230px;
margin: 50px auto;
text-align: center;
}
.logoutLink {
margin-bottom: 10px;
}
.loginpopupForm .button {
padding: 4px 15px;
background-color: #194b8c;
font-size: 24px;
border-radius: 4px;
color: #FFF;
margin-left: 70px;
border:none;
}
.feedbackOpen {
cursor: pointer;
}
.feedbackPopup {
position: fixed;
top: 100px;
display: none;
z-index: 21;
width: 400px;
height: 390px;
left: 50%;
margin-left: -200px;
background-color: #FFF;
border-radius: 10px;
border: 3px solid #ef7900;
background-image: url(/images/design/logo.png);
background-size: 200px auto;
background-repeat: no-repeat;
background-position: center top;
}
.feedbackCartPopup  {
position: fixed;
top: 100px;
display: none;
z-index: 21;
width: 400px;
height: 300px;
left: 50%;
margin-left: -200px;
background-color: #FFF;
border-radius: 10px;
border: 3px solid #ef7900;
background-image: url(/images/design/logo.png);
background-size: 200px auto;
background-repeat: no-repeat;
background-position: center top;
}
.feedbackPopup iframe {
margin: 60px 15px;
}
.feedbackCartPopup iframe {
margin: 60px 15px;
}
.glosefeed, .glosecart {
position: absolute;
top: 2px;
right: 2px;
background-color: #194b8c;
padding: 3px 6px;
border-radius: 10px;
color: #FFF;
cursor: pointer;
width: 70px;
text-align: center;
font-size: 14px;
}
.cardOpen {
cursor: pointer;
}
.cll {
clear: left;
}
.clr {
clear: right;
}
.clb {
clear: both;
}