/*       Reset
--------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre, a, em, img, small, strike, strong, sub, sup, tt, b, u, i, dl, dt, dd, ol, ul, li, table, tbody, tfoot, thead, tr, th, td  { 
    margin: 0; padding: 0; border: 0; 
    font-size: 14px; font-weight: normal; font-style: normal; font-family: Arial; color: #151e2b; line-height: 22px; }

b, strong { font-weight: bold; }
i { font-style: italic; }

* { margin: 0; padding: 0; font-size: 14px; font-family: Arial; color: #151e2b; line-height: 22px; }

input, textarea, select, option { border: 1px solid #cccccc; }

ul, ul li { list-style: none; }

.img { border: none; } 

table { border-collapse: collapse; border: 0;  }	
table td { padding: 0; border: 0; vertical-align: top;  }

a:hover,
a:visited,
a:active,
a:link { text-decoration: none; }
a:hover { text-decoration: none; }


/*       General Settings
--------------------------------------*/

html { margin: 0; padding: 0; height: 100%; background: #fff; }
body {

    position: relative;

    margin: 0 auto; 
    padding: 0; 
    height: auto !important; height: 100%; 
    background: url('/design/images/bg2.jpg') no-repeat center top;

}
body.main { background: url('/design/images/bg.gif') no-repeat center top; } 

.r { border: 1px solid red; }
.b { border: 1px solid black; }
.box { border: 1px solid red; width: 100px; height: 100px;  }
.floatleft { float: left; }
.floatright { float: right; }

.clr { 
    height: 0px;
    overflow: hidden;
    clear: both;
    float: none;
    display: block;
}

a { color: #166dae; }
a:hover { text-decoration: none; }

.centercontent a:hover { text-decoration: none; }
.fourblocks a:hover { text-decoration: none; }


a.underline { text-decoration: underline; }
a.underline:hover { text-decoration: none; }
a.dotted { border-bottom: 1px dotted; }

/*            Structure
-----------------------------------*/

#container  {

    position: relative;
    z-index: 1000;

    width: 1200px;    
    min-height: 100%;  
    height: auto !important; height: 100%;   
    margin: 0 auto;  
    padding: 0;
}
#wrapper {
    float: left;
    width: 1200px;
}
#content { 
    padding: 0; 
    margin: 0; 
    margin-left: 290px;
}	
#navigation {

    position: relative;
    z-index: 1000;

    float: left;
    width: 250px;
    margin-left: -1200px;
}

#extra {
    float: left;
    width: 250px;
    margin-left: -250px;

}	


/*			h1-h6
-----------------------------------*/	


h1, h1 span {  font-size: 43px; font-family: 'Roboto Condensed', sans-serif; } 

h2, h2 span  {  font-size: 30px; font-family: 'Roboto Condensed', sans-serif; }  


h3 { font-size: 30px;  font-family: 'Roboto Condensed', sans-serif; color: #0d3355; }

h4 { font-size: 18px;  font-family: 'Roboto Condensed', sans-serif; color: #0d3355; }

h5 { font-size: 24px;  font-family: 'Roboto Condensed', sans-serif; color: #0d3355;  margin-bottom: 6px; }







/*         head
-----------------------------------*/


.mr15 { margin-right: 15px; }
.pl10 { padding-left: 10px; }

.h4 { height: 4px; }
.h8 { height: 8px; }
.h10 { height: 10px; }
.h11 { height: 11px; }
.h12 { height: 12px; }
.h15 { height: 15px; }
.h18 { height: 18px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h48 { height: 48px; }
.h60 { height: 60px; }
.h240 { height: 240px; }

.font14 { font-size: 14px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font30 { font-size: 30px; }

.pl15 { padding-left: 15px; }
.pr15 { padding-right: 15px; }

.pt10 { padding-top: 10px; }
.pt12 { padding-top: 12px; }
.pt15 { padding-top: 15px; }

.plr25 { padding-left: 25px; padding-right: 25px; }

.orange { color: #f98700; }
.grey { color: #787e86; }

.myrpro {  font-family: 'Roboto Condensed', sans-serif; }



#logo { width: 199px; height: 105px; display: block; background: url('/design/images/logo.png'); margin: 28px 0 0 24px; }

#phones { float: right; width: 306px; background: url('/design/images/phone.png') no-repeat left top; padding-left: 42px; padding-top: 12px; }

#phones .phone { float: left; line-height: 20px;  }
#phones .phone .code { float: left; color: #7e858f; font-size: 18px;  font-family: 'Roboto Condensed', sans-serif; margin-top: 1px;  }
#phones .phone .num { float: left; color: #151e2b; font-size: 24px;  font-family: 'Roboto Condensed', sans-serif;  }
#phones .days { color: #51555a; font-size: 12px;  }
#phones .ask { color: #fff; font-size: 12px;  border-bottom: 1px dotted #166dae; text-decoration: underline; background: #3db3ea;
               padding: 7px; cursor: pointer; }


/*           main menu
-------------------------------------*/	



#mainmenu { width: 560px; float: left; margin-top: 24px; line-height: 15px; }

#mainmenu ul li {
    float: left; width: 140px; margin-right: 10px;
    color: #3f434c; font-size: 15px;  font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; 
    height: 28px; /* background: url('/design/images/mainmenu-tick.gif') no-repeat left 9px; */ padding-left: 25px; padding-top: 10px;
}

#mainmenu ul li a.header_link {

    color: #3f434c;
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;

}

#mainmenu ul li a.header_link:hover {

    color: #f98700;

}

#mainmenu ul li span.bull {  color: #c2c5ca; }
#mainmenu ul li:hover span.bull {  color: #f98700; }
#mainmenu ul li:hover { cursor: pointer; }

#mainmenu ul li div.item-menu {  
    width: 625px; height: 386px;
    padding: 18px 25px 0; 
    position: absolute;  
    background: #fff; 
    border: 1px solid #ccc;
    display: none; 
    font-size: 14px; line-height: 20px; 
    top: 50px; margin-left: -40px;
}

#mainmenu ul li div.item-menu, #mainmenu ul li div.item-menu a { text-transform: none; }

#mainmenu ul li div.item-menu .shadow-killer { width: 165px; height: 10px; background: #fff; display: none; position: absolute;  margin-top: -24px; margin-left: -11px; }
#mainmenu ul li:hover div.item-menu .shadow-killer { display: block; }

#mainmenu ul li:hover { width: 140px; background: #fff; padding-top: 10px; box-shadow: 0 0 4px 1px #ccc; }
#mainmenu ul li.just-link:hover { box-shadow: none; background: transparent; } 


#mainmenu ul li div.item-menu a:hover { text-decoration: none; } 

#mainmenu ul li:hover div.item-menu {  width: 675px; height: 402px; position: absolute; top: 64px; margin-left: -40px; background: #fff; display: block; z-index:997; box-shadow: 0 0 4px 1px #ccc; 
}
/*
#mainmenu ul li { border: 1px solid red; } 
*/

#mainmenu ul li#ask:hover div.item-menu, #mainmenu ul li#learn:hover div.item-menu, #mainmenu ul li#fil:hover  div.item-menu { top: 101px; }  


#mainmenu ul li span { color: #999fa7; }
#mainmenu ul li:hover, #mainmenu ul li:hover span, #mainmenu ul li.active { color: #f98700; }

#mainmenu ul li#about div.item-menu { margin-left: -290px;  }
#mainmenu ul li#about div.item-menu .shadow-killer  {  margin-left: 239px; }

#mainmenu ul li#fil div.item-menu { margin-left: -250px;  }
#mainmenu ul li#fil div.item-menu .shadow-killer  {  margin-left: 199px; }

#mainmenu ul li#prog { margin-right: 0px; }
#mainmenu ul li#prog div.item-menu { margin-left: -290px;  }
#mainmenu ul li#prog div.item-menu .shadow-killer  {  margin-left: 239px; }

#mainmenu ul li#learn { width: 120px; margin-right: 20px; }
#mainmenu ul li#learn div.item-menu { margin-left: -290px;  }
#mainmenu ul li#learn div.item-menu .shadow-killer  {  margin-left: 239px; width: 144px; }

#mainmenu ul li#price { width: 90px; }
#mainmenu ul li#price div.item-menu { margin-left: -332px;  }
#mainmenu ul li#price div.item-menu .shadow-killer  {  margin-left: 281px; width: 115px; }

#mainmenu ul li#ask div.item-menu { margin-left: -290px;  }
#mainmenu ul li#ask div.item-menu .shadow-killer  {  margin-left: 239px; }


#mainmenu ul li div.item-menu.drop-menu {
    width: 278px;
    height: auto;
    margin-left: -26px !important;
}
#mainmenu ul li div.item-menu.drop-menu .shadow-killer {
    margin-left: -25px !important;
}
.drop-main {
    display: block;
    padding: 10px 0 20px;
}
.drop-main li {
    position: relative;
    padding-left: 18px;
    border-top: 1px solid #e0e2e3;
}
.drop-main li:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
.drop-main li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 19px;
    width: 4px;
    height: 4px;
    background: #F98700;
    border-radius: 100%;
}
.drop-main li > a {
    position: relative;
    display: block;
    color: #151e2b;
    padding: 10px 0;
}
.drop-main li > a:hover {
    color: #F98700;
}
.drop-main-child {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    width: 330px;
    padding-left: 28px;
}
.drop-main li.has-child {

}

.drop-main li.has-child:hover:before {
    content: '';
    position: absolute;
    left: -20px;
    right: -20px;
    top: 0;
    height: 100%;
    background: #3db3ea;
}
.drop-main li.has-child:hover:after {
    background: #ffffff;
}
.drop-main li.has-child:hover > a {
    color: #ffffff;
}
.drop-main li.has-child:hover > .drop-main-child {
    display: block;
}
.drop-main-child > ul {
    background: #ffffff;
    display: block;
    box-shadow: 0 0 4px 1px #CCC;
    padding: 8px 25px;
    border: 1px solid #CCC;
}
/* .item-menu block  */
.item-menu .floatleft { width: 475px; height: 220px; border-right: 1px solid #ccc; }
.item-menu .floatleft .left { float: left; width: 220px;  }
.item-menu .floatleft .left a { text-decoration: underline; }
.item-menu .floatright { width: 150px; float: right; padding-left: 16px; }
.item-menu .floatright ul.method { width: 100px; }
#mainmenu ul li .item-menu .floatright ul.method li { width: 100px; background: url('/design/images/orange-tick.gif') no-repeat left 19px; padding-left: 12px; height: 19px; }
.item-menu .floatright ul.method li a { text-decoration: underline; }
#mainmenu .item-menu .floatright ul.method li:hover {  box-shadow: 0 0 0 0 transparent; }
.item-menu .floatright ul.method li a:hover { text-decoration: none; }
/* .item-menu block  */





/*           breadcrumbs
-------------------------------------*/	

#breadcrumbs {
    color: #787e86;
    font-size: 12px;
    padding-bottom: 20px;
}

#breadcrumbs span { font-size: 12px; }
#breadcrumbs a { text-decoration: underline;  color: #787e86; font-size: 12px; }
#breadcrumbs a:hover {  text-decoration: none; }

/*           content main page
-------------------------------------*/	


.centercontent { width: 620px; float: left; padding: 0 40px 0 0; }
.rightsidebar { width: 250px; float: right; }

a.banner01 { 
    font-size: 14px;  font-family: 'Roboto Condensed', sans-serif; color: #151e2b; 
    display: block; padding: 26px 0 0 120px; width: 500px; height: 96px; background: url('/design/images/banner01.jpg')}
a.banner01 span { font-size: 24px;  font-family: 'Roboto Condensed', sans-serif; color: #151e2b; }

.specorderbg { font-size: 14px; width: 584px; height: 80px; background: url('/design/images/specorderbg.png') no-repeat; padding: 20px 18px 0; line-height: 22px; }
.specorderbg a {  color: #166dae;  font-size: 14px;  font-weight: bold; text-decoration: underline; }
.specorderbg a:hover { text-decoration: none; }

.specorder { font-size: 14px; width: 584px; padding: 20px 18px 20px; line-height: 22px; }
.specorder a {  color: #166dae;  font-size: 14px;  font-weight: bold; text-decoration: underline; }
.specorder a:hover { text-decoration: none; } 

.greyline { background: #e0e2e4; height: 1px; overflow: hidden; }
.greyline25 { background: #e0e2e4; height: 1px; overflow: hidden; margin: 25px 0; }


.btn-orange { float: left; text-align: center; color: #ffffff; background: url('/design/images/x-orange-link.gif') no-repeat 0px 0px; height: 25px; line-height: 14px; padding: 11px 15px 0; }
.btn-orange:hover { background: url('/design/images/x-orange-link.gif') no-repeat 0px -36px; }


.btn-blue01 { 
    display: block; padding: 5px 0 0 85px; line-height: 22px;
    font-size: 18px; color: #ffffff;  font-family: 'Roboto Condensed', sans-serif;
    width: 165px; height: 54px; background: url('/design/images/btn-blue01.gif') no-repeat 0 0; 
    margin-bottom: 6px;
}

.italic { color: #787e86; font-size: 12px; font-style: italic; }	

.btn-blue02 { 
    display: block; padding: 5px 0 0 85px; line-height: 22px;
    font-size: 18px; color: #ffffff;  font-family: 'Roboto Condensed', sans-serif;
    width: 165px; height: 54px; background: url('/design/images/btn-blue03.gif') no-repeat 0 0;
    margin: 12px 0 20px 0; 
}

.btn-blue03 {width:250px; height:39px; background:url(/design/images/btn-blue04.gif); display:block; margin:0 0 8px 0; cursor:pointer}
.btn-blue03 span { display:inline-block; font-size: 15px; color: #ffffff;  font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;  border-bottom:1px dotted #fff; margin:9px 0 0 79px; line-height:19px}
.btn-blue03:hover span { border-bottom:1px dotted #fff; border:0}

.fourblocks { margin: 20px 0 30px; height: 120px; }
.fourblocks div {  float: left; width: 225px; }
.fourblocks div b {  float: left; width: 32px; height: 27px; background: url('/design/images/blue-circle.gif') no-repeat 0 0; color: #fff; font-size: 22px; text-align: center; padding-top: 5px; line-height: 22px; font-weight: normal; }
.fourblocks div span { float: left; width: 186px; padding-left: 4px; font-size: 14px; line-height: 22px; }
.fourblocks div span a {  font-size: 14px; font-weight: bold; color: #166dae; text-decoration: underline; }
.fourblocks div span a:hover { text-decoration: none; }

.darkblue { color: #0d3355; font-size: 18px;  font-family: 'Roboto Condensed', sans-serif; }

.magnifier { float: left; height: 22px; background: url('/design/images/magnifier.gif') no-repeat right 6px; padding-right: 17px; margin-top: 6px; }
.magnifier a { border-bottom: 1px dotted #166dae;  }
.magnifier a:hover {  border: none; }

#bestcourse { margin-top: 16px; }
#bestcourse .floatleft { float: left; width: 490px; }
#bestcourse .floatright { float: right; width: 420px; }
#bestcourse .floatleft .item {  width: 490px; margin-top: 30px; }
#bestcourse .floatright .item {  width: 420px; margin-top: 30px; }
#bestcourse .floatleft .item img,  #bestcourse .floatright .item img { float: left; }
#bestcourse .floatleft .item .info { float: right; width: 320px; padding-right: 60px; }
#bestcourse .floatright .item .info  { float: right; width: 320px; }
#bestcourse .floatleft .item .info strong,  #bestcourse .floatright .item .info strong { display: block; margin-bottom: 15px; color: #0d3355; font-size: 24px;   font-family: 'Roboto Condensed', sans-serif; font-weight: normal; line-height: 30px; }
#bestcourse .floatleft .item .info a, #bestcourse .floatright .item .info a { text-decoration: underline; }

.video { background: url('/design/images/bag.gif') no-repeat right bottom; }

.feedback div { border-bottom: 1px solid #e0e2e4; font-size: 14px; line-height: 22px; padding: 16px 0;  }	
.feedback div span { color: #999fa7; }	
.feedback div span.a { text-decoration: underline; color: #166dae; cursor: pointer; }
.feedback div span.a:hover { text-decoration: none; }
.feedback span.a { font-size: 14px; text-decoration: underline; }



.elc { display: block; width: 200px; margin: 30px auto; }

#quote { background: url('/design/images/short-quote.gif') no-repeat;width: 250px; height: 345px; padding: 20px 0px 0; margin: 10px 0 0 0; }
#quote .italic { font-family: Times New Roman, Tahoma; font-size: 18px; font-style: italic; color: #151e2b;   }	
#quote img { float: left;  }	
#quote .author { float: left; padding-left: 10px; font-size: 12px; width: 115px; line-height: 16px; }	
#quote .author b { font-size: 14px; }
#quote a, #quote span { text-decoration: underline; font-size: 14px; cursor: pointer; color: #166dae; }	
#quote a:hover,#quote span:hover { text-decoration: none; }	

/*         left menu
-----------------------------------*/


#leftmenu { margin: 40px 0 40px 22px; }
#leftmenu ul li a { font-size: 14px; color: #151e2b; }
#leftmenu ul li { background: url('/design/images/arr-r.png') no-repeat 3px 6px; padding-left: 20px; display: block; margin-bottom: 10px;  }
#leftmenu ul li.down { background: url('/design/images/arr-d.png') no-repeat 0 9px; padding-left: 17px;   } 
#leftmenu ul li.down a { font-weight: bold; color:#f98700;  }	
#leftmenu ul li.down ul li { background: url('/design/images/mainmenu-tick.gif') no-repeat 0 9px; padding-left: 10px; margin-bottom: 5px; }
#leftmenu ul li.down ul li a { font-weight: normal; color: #151e2b; font-size: 12px; }
#leftmenu ul li.down ul li ul li { background: none; padding-left: 16px; }
#leftmenu ul li a:hover, #leftmenu ul li.down ul li a:hover { color:#f98700; }
#leftmenu ul li a.active { font-weight: bold;  color:#f98700; } 

#nav {font: bold 12px/25px arial, sans-serif;}
#nav ul {display:none;}
#nav, #nav ul {padding:0; margin:0; list-style:none;  }
#nav ul {padding-left:20px;	}
#nav li a {color:#000; text-indent:0; text-decoration:none; display:block; width:100%;}
#nav li {line-height:25px; cursor:pointer; width:100%;}
#nav li a:hover {color:#f98700;}
#nav li.has_ul {text-indent:20px; color:#000;  background: url('/design/images/arr-r.png') no-repeat 3px 6px; padding-left: 0; }
#nav li.has_ul:hover {color:#f98700;}
#nav li.clicked {color:#f98700; background: url('/design/images/arr-d.png') no-repeat 0 9px; font-weight: bold; }

#nav li ul li { background: url('/design/images/mainmenu-tick.gif') no-repeat 0 9px; padding-left: 10px; margin-bottom: 5px;  }
#nav li ul li a { color: #151e2b; font-size: 12px; }
#nav li ul li ul li {  background: none; padding-left: 16px; }


/*           content faq 
-------------------------------------*/	

#short-quote { background: url('/design/images/short-quote.gif') no-repeat;width: 200px; height: 119px; padding: 20px 25px 0; margin: 10px 0 0 0; }
#short-quote .italic { font-family: Times New Roman, Tahoma; font-size: 18px; font-style: italic; color: #151e2b;   }	

#short-quote a { text-decoration: underline; font-size: 14px; }
#short-quote a:hover { text-decoration: none; }

button.blue-dotted { float: left; color: #166dae; border-bottom: 1px dotted #166dae; background: transparent; border: none; }
.answer { float: none; clear: both; font-size: 14px; line-height: 22px; margin-top: 17px; }

.faq .greyline { float: none; clear: both; margin: 20px 0; }
.faq-grey-bg { width: 880px; height: 218px; background: url('/design/images/faq-grey-bg.gif') no-repeat; padding: 20px 15px 0; font-size: 14px; }

.faq-grey-bg a { text-decoration: underline; line-height: 24px; }
.faq-grey-bg a:hover { text-decoration: none; }

.faq .blue-dotted { border-bottom: 1px dotted #166dae; cursor: pointer; }

.faq p { padding-top: 13px; }

/*           content filial-map
-------------------------------------*/	

/*#metro-map { width: 789px; height: 815px; background: url('/design/images/metro-map.gif') no-repeat; padding-top: 26px; }*/
#metro-map { width: 789px; height: 815px; background: url('/design/images/metro-map.png') no-repeat; padding-top: 26px; }
#metro-map a { display: block; width: 13px; height: 13px; margin-top: 1px; position: absolute; }
#metro-map a span { display: none; }
#metro-map a:hover { width: 298px; height: 118px; background: url('/design/images/metro-st-r.png') no-repeat; }
#metro-map a:hover span { display: block; color: #fff; padding-top: 46px; padding-left: 34px; font-size: 14px; }
#metro-map a:hover span b { color: #fff; font-size: 18px; font-size: 18px; font-weight: normal; }
table.table { width: 910px; border-top: 1px solid #d6d8dd;  }
table.table th { background: #d6e3e9; text-align: left;  padding: 14px 12px; font-weight: bold; border: 1px solid #ffffff; line-height: 18px; vertical-align: top; }
table.table td { border: 1px solid #d6d8dd; padding: 14px 12px; vertical-align: top; }
table.table td a { font-size: 18px; text-decoration: underline; }	
table.table tr.even td { background: #f7f8f8; }


#metro-map a.metro01 { margin-left: 109px; }
#metro-map a.metro02 { margin-left: 448px; margin-top: 4px; }
#metro-map a.metro02:hover {  background: url('/design/images/metro-st-l.png') no-repeat; margin-left: 170px;  }

/*           content programs
-------------------------------------*/	


ol { margin-left: 20px; }
ol li { margin-top: 10px; }

#programs .program {  border-bottom: 1px solid #e1e2e6; padding: 28px 28px 28px 0; height: 120px; }
#programs .program a.book { float: left;  margin-right: 20px;  margin-right: 20px; }
#programs .program a.book img {  padding: 1px; border: 1px solid #e0e2e4; }
#programs .program div { float: left; width: 750px; }
#programs .program div stong { display: block; }
#programs .program div i { display: block; font-style: italic; margin: 5px 0; }
#programs .program a.font18, #programs .program div a { text-decoration: underline; }
#programs .program a.font18:hover, #programs .program div a:hover { text-decoration: none; }

/*           content 	teacher-list
-------------------------------------*/


#teacher-list { margin-bottom: 40px; }
#teacher-list .teacher { border-bottom: 1px solid #e1e2e6; padding: 20px 0; }
#teacher-list .teacher .miniphoto { float: left; width: 112px;  }
#teacher-list .teacher .miniphoto img {  padding: 1px; border: 1px solid #e0e2e4; }
#teacher-list .teacher .teacher-description { float: left; width: 798px; }
#teacher-list .teacher .teacher-description .ratio { float: left; background: url('/design/images/ratio-star.png') no-repeat left 2px; padding-left: 22px; margin-right: 20px; }
#teacher-list .teacher .teacher-description .location { float: left; background: url('/design/images/google-marker.png') no-repeat left 3px; padding-left: 18px; }
#teacher-list .teacher .teacher-description a.name { float: left; font-size: 18px; text-decoration: underline;  margin-bottom: 4px; }
#teacher-list .teacher .teacher-description a.name:hover { text-decoration: none;  }

/*           content sitemap
-------------------------------------*/

ul.sitemap { margin-bottom: 20px; }
ul.sitemap li a {  font-size: 18px; text-decoration: underline; }
ul.sitemap li a:hover { text-decoration: none; }
ul.sitemap li { margin-top: 5px; }
ul.sitemap li ul { margin-left: 30px;  }
ul.sitemap li ul li { margin-top: 0px; }
ul.sitemap li ul li a { font-size: 14px; }
ul.sitemap li ul li a:hover { text-decoration: none; }
ul.sitemap li ul li ul li a { font-size: 12px; }
ul.sitemap li ul li ul li a:hover { text-decoration: none; }


/*           content vacancies
-------------------------------------*/

.vacancies .greyline { float: none; clear: both; margin: 23px 0 18px; }

table.vacancy { margin: 20px 0 0; }
table.vacancy th { vertical-align: top; font-weight: bold; text-align: left; }
table.vacancy td { vertical-align: top; text-align: left; padding-bottom: 20px; }

.vacancies .blue-dotted { cursor: pointer; }


/*           content txt
-------------------------------------*/


img.border { padding: 1px; border: 1px solid #e0e2e4; }
img.floatright { margin-left: 10px; }
img.floatleft { margin-right: 10px; }

.notice { font-style: italic; border-left: 5px solid #f98700; padding: 4px 14px; margin: 20px 0; }

ul.list { margin: 20px 0; }
ul.list li { background: url('/design/images/list.gif') no-repeat 0 9px; padding-left: 14px; margin-top: 10px;  }


/*           content teaching-types
-------------------------------------*/


#teaching-types { margin-top: 0px; }
#teaching-types .floatleft { float: left; width: 470px; }
#teaching-types .floatright { float: right; width: 430px; }
#teaching-types .floatleft .item {  width: 470px; margin-bottom: 50px; height: 100px; }
#teaching-types .floatright .item {  width: 430px; margin-bottom: 50px;  height: 100px;  }
#teaching-types .floatleft .item img,  #teaching-types .floatright .item img { float: left; margin-right: 10px; }
#teaching-types .floatleft .item .info { float: right; width: 320px; padding-right: 40px; line-height: 22px;  }
#teaching-types .floatright .item .info  { float: right; width: 320px;  line-height: 22px; }
#teaching-types .floatleft .item .info strong,  #teaching-types .floatright .item .info strong { display: block; margin-bottom: 8px; color: #0d3355; font-size: 24px;   font-family: 'Roboto Condensed', sans-serif; font-weight: normal; line-height: 22px; }
#bestcourse .floatleft .item .info a, #bestcourse .floatright .item .info a { text-decoration: underline; }
#bestcourse .floatleft .item .info a:hover, #bestcourse .floatright .item .info a:hover { text-decoration: none; }

/*           content teacher-one
-------------------------------------*/


.someinfo { float: right; width: 300px; }
.someinfo .credo { width: 268px; height: 68px; padding: 4px 16px 0; background: url('/design/images/credo-bg.png') no-repeat; line-height: 15px; }
.someinfo .credo .credo-title { color: #fff; font-size: 12px; }
.someinfo .credo .eng { color: #fff; font-size: 20px; text-align: center; font-family: Times New Roman, Tahoma; font-style: italic; }
.someinfo .credo .rus { color: #fff; font-size: 14px; text-align: center; font-family: Times New Roman, Tahoma; font-style: italic; }

.someinfo .writer {  line-height: 16px; margin-top: 15px; width: 268px; height: 70px; padding: 6px 16px 0; background: url('/design/images/writer-bg.png') no-repeat; }

.someinfo .movie {  line-height: 16px; margin-top: 15px; width: 268px; height: 42px; padding: 6px 16px 0; background: url('/design/images/movie-bg.png') no-repeat; }

.someinfo .writer .title { margin-bottom: 8px; }
.someinfo .writer .title, .someinfo .writer .example, .someinfo .movie .title, .someinfo .movie .example { line-height: 16px; font-size: 12px; }

#profile { margin-top: 27px; }
#profile img { float: left; }
#profile .profile-info { float: right; width: 370px; margin-right: 25px; }
#profile .profile-info .date { background: url('/design/images/date-ico.png') no-repeat 0 3px; padding-left: 25px; margin-bottom: 4px;  }
#profile .profile-info .ratio { background: url('/design/images/ratio-star.png') no-repeat 0 3px;  padding-left: 25px;  margin-bottom: 4px; }
#profile .profile-info .location { background: url('/design/images/google-marker.png') no-repeat 3px 3px;  padding-left: 25px;  margin-bottom: 4px; }

#recalls .recall { margin-bottom: 30px; }

#recalls .recall .recall-title { width: 894px; height: 38px; padding: 8px 0 0 16px; margin-top: 17px; background: url('/design/images/recall-bg.png') no-repeat; }
#recalls .recall .recall-title span {  color: #787e86; margin-left: 20px; }

#recall-form { width: 431px; height: 590px; padding: 25px 30px; background: url('/design/images/recall-form_2.gif') no-repeat;  line-height: 16px;  }

#recall-form i { color: #787e86; line-height: 16px;  }

table.form th { vertical-align: top; text-align: left; padding-top: 6px; }

table.form td input {  border: 1px solid #bdc2ca;  padding: 0 10px;  }
table.form td textarea {  border: 1px solid #bdc2ca;  padding: 10px;  }
table.form td img.captcha { float: right; }

table.form td input.send-btn { float: left; text-align: center; color: #ffffff; background: url('/design/images/x-orange-link.gif')  no-repeat  0px 0px; height: 35px; line-height: 14px; padding: 0px 30px 0;  border: none;   }

table.form td input.send-btn:hover { background: url('/design/images/x-orange-link.gif') no-repeat 0px -36px; }


.yellow-bg { width: 878px; height: 59px; background: url('/design/images/yellow-bg.gif') no-repeat; padding: 14px 16px 0; }

.light-blue { background: #b1dff6; }


/*           content filial-one
-------------------------------------*/

.dark-yellow { color: #f98700; }
.d-red { color: #bb2a1c; }

/*           content price
-------------------------------------*/

.yellow-box { background: #fff799; padding: 10px 20px; margin: 20px 0; }

.pl15 { padding-left: 15px; }
.pr15 { padding-right: 15px; }

table.form i {  color: #787e86; }



/*           content teacher-form
-------------------------------------*/


table.form span.required {  color: #d83f3f; }
table.form input.required { border: 1px solid #d83f3f; }


/*           content teacher-form
-------------------------------------*/



/* modal window */
#modal_form {
    width: 457px; 
    height: 554px;  

    background: url('/design/images/popup-bg.png') no-repeat;

    position: absolute;

    /* отступаем сверху 45%, остальные 5% подвинет скрипт */
    left: 50%; /* половина экрана слева */
    margin-left: -240px;
    /*	top: 70px;
            
            margin-top: -350px;*/ /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
    display: none; /* в обычном состоянии окна не должно быть */
    opacity: 0; /* полностью прозрачно для анимирования */
    z-index: 5; /* окно должно быть наиболее большем слое */
    padding: 20px 10px;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form #modal_close {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: block;
}
/* Подложка */
#overlay {
    z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
    position: fixed; /* всегда перекрывает весь сайт */
    background-color: #fff; /* черная */
    opacity: 0; /* но немного прозрачна */
    width: 100%; 
    height: 100%; /* размером во весь экран */
    top: 0; 
    left: 0; /* сверху и слева 0, обязательные свойства! */
    cursor: pointer;
    display: none; /* в обычном состоянии её нет) */
}



/*          pager
-------------------------------------*/

.pager { margin: 50px auto; width: 480px; }

.pager a { float: left; margin: 0 10px; padding-top: 3px; }
.pager span { float: left; margin: 0 10px; color: #ffffff; background: url('/design/images/pager-bg.gif') no-repeat 0 0; width: 32px; height: 32px; padding: 3px 0; text-align: center;  }

.pager a.pre, .pager a.next { text-decoration: underline; }

/*          footer
-------------------------------------*/


#footerpanel {  
    clear: both;
    height: 210px;
    background: #ffffff;
} 
#footer { 
    width: 100%;
    margin: -187px auto 0;
    height: 187px;
    text-align: center;
    font-size: 14px;
    background: url('/design/images/footerbg.gif') repeat-x top;
}

#footercenter { width: 1200px; margin: 0 auto; }


#footertop .footerphones { float: left; line-height: 12px; color: #3f434c; font-size: 12px;  font-family: 'Roboto Condensed', sans-serif; text-align: left; padding-top: 34px; width: 290px; }

#footertop .footerphones span { color: #3f434c;  }

.footermenu { width: 520px; float: left; margin-top: 34px; line-height: 15px; }

.footermenu ul li { float: left; width: 148px; background: url('/design/images/mainmenu-tick.gif') no-repeat left 9px; padding-left: 12px; text-align: left; }

.footermenu ul li a { color: #3f434c; font-size: 15px;  font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; }
.footermenu ul li a span { color: #999fa7; }


.footermenu ul li a:hover, .footermenu ul li a:hover span, .footermenu ul li a.active { color: #f98700; }

#footertop .plate {

    position: relative;

    float: left;
    width: 320px;
    height: 95px;
    background: url('/design/images/plate.gif') no-repeat;
    padding: 18px 20px 0;
    text-align: left;
    margin-top: 12px;

}

#footertop .plate .italic {

    display: block;
    position: relative;

    height: 55px;
    overflow: hidden;

    font-family: Times New Roman, Tahoma;
    font-size: 18px;
    font-style: italic;
    color: #151e2b;

    margin-bottom: 13px;
}

#footertop .plate .italic:after {

    content: "";

    display: block;
    position: absolute;

    margin: auto;

    left: 0;
    right: 0;
    bottom: 0;
    height: 10px;

    background-repeat: repeat-x;

    background-image: -moz-linear-gradient(top, rgba(214, 227, 233, .0), #d6e3e9);
    background-image: -ms-linear-gradient(top, rgba(214, 227, 233, .0), #d6e3e9);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(214, 227, 233, .0)), color-stop(100%, #d6e3e9));
    background-image: -webkit-linear-gradient(top, rgba(214, 227, 233, .0), #d6e3e9);

    background-image: -o-linear-gradient(top, rgba(214, 227, 233, .0), #d6e3e9);

    background-image: linear-gradient(top, rgba(214, 227, 233, .0), #d6e3e9);

}



#footertop .plate .author { float: left; }
#footertop .plate a.translate { text-decoration: underline; float: right; }
#footertop .plate a.translate:hover { text-decoration: none; }

#footerbottom .counter { width: 290px; float: left; text-align: left; padding-top: 8px; }
#footerbottom .copyright { float: left; width: 870px; }
#footerbottom .copyright .copy { font-size: 12px; color: #3f434c; float: left;  padding-top: 20px; }
#footerbottom .copyright .license { font-size: 12px; color: #3f434c; float: right;  padding-top: 20px;  }
#footerbottom .license a { text-decoration: underline; }
#footerbottom .license a:hover { text-decoration: none; }


.news-list{


}
.news-list td{
    padding-bottom:30px;

}
.news-list .descript{
    padding-left:25px;
    padding-top:25px;

}
.outline56{
    border-bottom:1px solid #e0e2e4;
    height:20px;
}

.news-list td img{
    padding:8px;
    border:1px solid #CCD0D3;
    background:#fff;

}
.news-time{
    display:inline-block;
    padding:2px 5px;
    font-size:14px;
    border-radius:3px;
    background:#fff;
    border:1px solid #D6D6D6;
    color:#868686;
    margin-top:8px;
    margin-bottom:8px;
}



/*  Tests  */

.testing-levels {

    overflow: hidden;

}

.testing-levels button.send-btn span,
.questions button.send-btn span { 
    background: url('/design/images/btn-arr.png') no-repeat; 
    width: 16px; 
    float: right;
    margin-left: 20px; 
    height: 16px;  
    margin-top: -1px;
}

.testing-levels button.send-btn-noactive span,
.questions button.send-btn-noactive span { 
    background: url('/design/images/btn-arr-noactive.png') no-repeat; 
    width: 16px; 
    float: right;
    margin-left: 20px; 
    height: 16px;  
    margin-top: -1px;
} 	

button.send-btn-noactive {
    float: left; text-align: center; color: #bcbcbc; background: url('/design/images/btn-noactive.png') repeat-x;height: 35px; line-height: 14px; padding: 0px 30px 0;  border: none; 
}

button.send-btn { float: left; text-align: center; color: #ffffff; background: url('/design/images/x-orange-link.gif')  no-repeat  0px 0px; height: 35px; line-height: 14px; padding: 0px 30px 0;  border: none; border-bottom: 1px solid #d3d3d3;  }

button.send-btn:hover { background: url('/design/images/x-orange-link.gif') no-repeat 0px -36px; cursor: pointer; }



.r_button  {
    display: none;
}


.r_button + label {
    background: url('/design/images/nice-radio.png') no-repeat;
    cursor: pointer;
    padding-left: 20px; 
    padding-bottom: 5px; 
}

.r_button:checked + label {
    background-position: 0 -22px;
}


ul.blue-dots { margin: 0 0 0 3px; padding: 0; }
ul.blue-dots li { 
    padding: 0 0 0 18px;
    background: url('/design/images/blue-marker.png') no-repeat left 9px;
    font-size: 15px;
    color: #151f29;
    font-family: Arial; 
    height: 18px;
    margin: 10px 0 0 0;

}
.choose-level { margin-top: 38px; height: 42px; }
.choose-level span {
    float: left;
    font-family: 'Roboto Condensed', sans-serif;	
    font-size: 24px;
    color: #216c9a;
    padding-top: 10px;
}
.choose-level div {
    width: 460px;
    height: 30px;
    float: right;
    background: url('/design/images/about-hour.png') no-repeat 0 0;
    font-family: Arial;	
    font-size: 16px;
    color: #fff;
    padding: 12px 0 0 60px;
}
form.testing-levels {
    width: 910px;
    margin-top: 17px;
}
form.testing-levels .sepline { 
    height: 1px; 
    overflow: hidden;
    background: #e7e7e7; 
    margin: 4px 0; 
}
form.testing-levels .test-level-item {
    background: linear-gradient(to top, #f1f1f1, #fafafa);
    padding: 30px 33px;
}
form.testing-levels .test-level-item .left,
form.testing-levels .test-level-item-active .left	 {
    float: left; width: 22px;
}
form.testing-levels .test-level-item .right,
form.testing-levels .test-level-item-active .right {
    float: right; width: 810px;padding-left: 10px;padding-top: 3px;
}
form.testing-levels .test-level-item .right strong {
    color: #216c9a;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 18px;
}
form.testing-levels .test-level-item .right span {
    color: #4d4d4d;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
    font-size: 18px;
}	
form.testing-levels .test-level-item .right div,
form.testing-levels .test-level-item-active .right div {
    color: #373737;
    font-size: 15px;
    margin-top: 10px;
    line-height: 20px;
}	
form.testing-levels .test-level-item-active {
    background: #fffbf6;
    padding: 30px 33px;
    border: 1px solid #f98700;
    border-radius: 3px;
}	
form.testing-levels .test-level-item-active .right strong {
    color: #f88800;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 18px;
}	
form.testing-levels .test-level-item-active .right span {
    color: #f88800;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
    font-size: 18px;		
}	


/*  */

form.questions {

    display: block;
    overflow: hidden;

    width: 910px;
    margin-top: 17px;

}

form.questions .question-item,
form.questions .question-item-active {
    margin-top: 14px;
    padding-left: 30px;
}
form.questions .question-item .left,
form.questions .question-item-active .left	 {
    float: left; width: 32px;  
}
form.questions .question-item .right,
form.questions .question-item-active .right {
    float: left; width: 480px; padding-top: 4px;
}
form.questions .question-item .right strong {
    color: #373737;
    font-size: 16px;
    font-weight: normal;
}
form.questions .question-item .right span {
    color: #4d4d4d;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
    font-size: 18px;
}			
form.questions .question-item-active .right strong {
    color: #f88800;
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
}	
form.questions .preview-screen {
    width: 75px;
    height: 28px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #f98700;
    color: #f98700;
    text-align: center;
    font-size: 16px;
    padding-top: 7px;
    float: left;
}
form.questions .questionmark {
    width: 75px;
    height: 35px;
    background: #f4fbff url('/design/images/questionmark.png') no-repeat center 10px;
    border-radius: 3px;
    border: 1px solid #3eace7;
    padding-top: 0px;
}


h1, h1 span {  font-size: 43px; font-family: 'Roboto Condensed', sans-serif; } 

.level-time { 
    float: right; 
    margin-top: -20px; 
    height: 21px;
    background: url('/design/images/level-time.png') no-repeat left top;
    width: 150px;
    padding-left: 24px;	
    margin-right: 230px;
}

.level-time strong,
.level-time span,
.level-time b { 
    color: #3c3c3c;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-weight: normal;
}
.level-time span { color: #89909a; }	
.level-time strong.timeleft { margin-left: 56px; }

.numquestion {
    color: #216c9a;
    font-size: 17px;
    font-family: 'Roboto Condensed', sans-serif;
}	
.text-explain {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    color: #373737;
    margin: 10px 0 20px;
}

.question-text {
    background: url('/design/images/orange-r-arr.png') no-repeat left 8px;
    padding-left: 30px;
    height: 40px;
    color: #3c3c3c;
    font-size: 16px;	
}
.question-text strong,
.question-text b {
    color: #3c3c3c;
    font-size: 16px;	
    float: left;
    font-weight: normal;
    padding: 7px 0 0 0px;
}
.question-text b.left { 
    float: left; 
    height: 21px; 
    padding-top: 1px; 
    margin-top: 6px;
}
.question-text span {
    color: #f88600;
    border-top: 1px solid  #f88600;
    border-bottom: 1px solid  #f88600;
    height: 21px;
    float: left;
    font-size: 16px;
    margin-top: 6px;			
}
.nobg { background: none; }
.question-text b span span {
    color: #f88600;
    text-decoration: underline;
}
.questions .btns {
    border-top: 1px solid #e7e7e7;
    padding-top: 18px;
}

.questions .btns #sender { float: left; }
.questions .outoftest {
    color: #89909a;
    font-size: 14px;
    text-decoration: underline;
    background: url('/design/images/out.png') no-repeat left 4px;
    padding-left: 21px;
    float: right;
}

.questions .btns a.grey-r-arr {
    background: url('/design/images/grey-r-arr.png') no-repeat;
    float: left;
    width: 31px;
    height: 33px;
    border-bottom: 1px solid #d3d3d3;
    margin-right: 10px;
}
.questions textarea#translate { 
    margin-left: 30px;
    width: 350px;
    height: 60px;
    padding: 5px 10px;
}

form.questions .question-item-mini,
form.questions .question-item-mini-active {
    margin-top: 14px;
    padding-left: 27px;
    width: 130px;
    float: left;
}
form.questions .question-item-mini .left,
form.questions .question-item-mini-active .left	 {
    float: left; width: 32px;  
}
form.questions .question-item-mini .right,
form.questions .question-item-mini-active .right {
    float: left; width: 480px; padding-top: 3px;
    width: 80px;		
}
form.questions .question-item-mini .right strong {
    color: #373737;
    font-size: 16px;
    font-weight: normal;
}
form.questions .question-item-mini .right span {
    color: #4d4d4d;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
    font-size: 18px;
}			
form.questions .question-item-mini-active .right strong {
    color: #f88800;
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
}
form.questions .number {
    float: left;
    color: #3c3c3c;
    font-size: 16px;
    margin-top: 18px;
    margin-left: 30px;
}
.question-supertext {
    background: url('/design/images/orange-r-arr.png') no-repeat left 8px;
    padding-left: 30px;
    height: 40px;
    color: #3c3c3c;
    font-size: 16px;
    padding-top: 7px;	
}	
.question-supertext .blue-num {
    float: left;
    background: #3fade8;
    border-radius: 11px;
    width: 22px;
    height: 22px;
    text-align: center;
    color: #fff;
}
.question-supertext .view { margin: 0 10px; width: 50px; text-align: center; }


.question-supertext .yellowblock .blue {
    color: #f88800;
    height: 21px;
}

.question-supertext .yellowblock .view {
    border-bottom: 1px solid #f88800;
}

.question-supertext .yellowblock .blue-num {
    background: #f88800;
}

.question-supertext span { float: left;  }


.question-supertext span { height: 24px; }
.question-supertext span span { border: none; }

.question-supertext .scrn { height: 24px; }

.question-supertext .blue { color: #3fade8; }
.question-supertext .yellow { color: #f88600; }
.question-supertext .blank { border-bottom: 1px solid  #3fade8; height: 21px; }

.test-done .test-done-title {
    font-family: 'Roboto Condensed', sans-serif;
    color: #373737;
    font-size: 28px;
    padding: 20px 0 20px;
}

.test-done {
    padding-top: 20px;	
}
.test-done span {
    float: left;
    width: 26px;
    text-align: center;
}
.test-done span img { margin-top: 2px; }
.test-done i {
    float: left;
    font-size: 16px;
    color: #3c3c3c;
    font-style: normal;
    padding-left: 4px;
}
.test-done  .shortline {
    height: 1px;
    overflow: hidden;
    width: 550px;
    background: #dcdcdc;
    margin: 10px 0 12px;
}
.test-done  .line {
    height: 1px;
    overflow: hidden;
    background: #dcdcdc;
    margin: 10px 0 12px;
}











.linktomap {
color: #166dae;
cursor: pointer;
text-decoration: none;
}


        .tooltip {
        
            cursor: help;
            color: #0077AA;
        }

        .tooltip:hover {
            color: #0099CC;
        }

        .tooltip:after {
            background: #0f0;
            color: #FFF;
            content: attr(data-tooltip);
            margin-top: -24px;
            opacity: 0;
            padding: 3px 7px;
            position: absolute;
            visibility: hidden;

            transition: all 0.4s ease-in-out;
            -moz-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
        }

        .tooltip:hover:after {
            opacity: 1;
            visibility: visible;
        }
        
        table.table td { padding: 1px; position: relative;}
        table.table td .htooltip {border: 1px solid #fff; cursor: pointer; padding: 14px 12px; position: relative !important;}
        table.table td.no-hint { padding: 12px 14px}

        .htooltip:hover {
            border:1px solid #f98700 !important;
            background: #fffaf4;
        }

        .htooltip span.hint22 {
            background-color:#fff;
            border:2px solid #f98700;

            
            
           
            padding: 12px 14px;
            opacity: 0;
            position: absolute;
            left: 50%;
            margin-left: -262px;
            bottom: 100%;
            margin-bottom: 6px;

            text-decoration: none;
            visibility: hidden;
            width: 500px;
            z-index: 10;
            cursor:default;
            box-shadow: 0 0 10px rgba(0,0,0,0.5);

            -moz-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
            -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
            -o-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
            -ms-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
            transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
        }

        td:last-child .htooltip span.hint22 { margin-left: 0; left: auto;; right: -3px}
        td:nth-child(5) .htooltip span.hint22 { margin-left: 0; left:auto; right: -155px}
        td:nth-child(2) .htooltip span.hint22 { margin-left: 0; left:-147px; right: auto;}

        .htooltip span.hint22:after { content: ''; display: block; width: 26px; height: 16px; position: absolute; left: 50%; margin-left: -13px; bottom:-16px; background: url(/design/images/hint-corner.png);}
        
        td:last-child .htooltip span.hint22:after {margin-left: 0; left: auto; right: 60px}
        td:nth-child(5) .htooltip span.hint22:after {margin-left: 0; left:auto; right: 210px}
        td:nth-child(2) .htooltip span.hint22:after {margin-left: 0; left:210px; right: auto;}


        .htooltip:hover span.hint22 {
            position: absolute;
            opacity: 1;
            visibility: visible;
        }

        .send-request { display: inline-block; cursor: pointer; height: 44px;  background: url(../images/send-request-btn-bg2.png) no-repeat 0 0;  padding: 0 21px 0 57px; border-radius: 0 5px 5px 0; position: relative;; top: -3px}
        .send-request span { display: block; padding: 11px 0 0 0; font-size: 15px; text-transform: uppercase; color: #fff; text-decoration: underline;; line-height: normal; font-family: 'Roboto Condensed'; font-weight: bold}
        .send-request:hover span { text-decoration: none !important;}

        .send-request2 { display: inline-block; cursor: pointer; height: 53px;  background: url(../images/send-request-btn-bg.png) no-repeat 0 0;  padding: 0 21px 0 57px; border-radius: 0 5px 5px 0; position: relative;; top: 5px}
        .send-request2 span { display: block; padding: 9px 0 0 0; font-size: 15px; text-transform: uppercase; color: #fff; text-decoration: underline;; line-height: 17px !important; font-family: 'Roboto Condensed'; font-weight: bold}
        .send-request2:hover span { text-decoration: none !important;}
        .send-request2 span br { line-height:1px}

/* contact form */
#contactform {
    display: none;

    position: fixed;
    top: 50%;
    left: 50%;
margin: -230px 0 0 -250px;
    z-index: 5001;
}

#contactform form {
    padding: 20px 20px 20px 20px;
/*	margin: 0 auto;*/
    border: 0;
    background-color: #fff;
    width: 500px;
    text-align: left;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #d3d3d3; 
    -webkit-box-shadow: 0px 2px 10px #d3d3d3; 
    box-shadow: 0px 0px 10px #d3d3d3; 
        
    height: 460px;
  
    
}

#teaching-types .floatleft.colapse-box { float:none; width:100%}
#teaching-types .floatleft.colapse-box .item { float:left; display:inline; width:49%; margin-bottom:20px; cursor:pointer}
#teaching-types .floatleft.colapse-box .item.item01, #teaching-types .floatleft.colapse-box .item.item02 { height:125px} 
#teaching-types .floatleft.colapse-box .item.item03, #teaching-types .floatleft.colapse-box .item.item04 { height:125px} 
#teaching-types .floatleft.colapse-box .item.item05, #teaching-types .floatleft.colapse-box .item.item06 { height:140px}
#teaching-types .floatleft.colapse-box .item .info { width:320px; padding-right:20px}
#teaching-types .for-item {  clear:both; display:none; padding:26px 0 50px 0; margin-bottom:40px; border:solid #9aabbd; border-width:1px 0; position:relative}
#teaching-types .for-item h1 { margin-right:40px}
#teaching-types .for-item:before { content:''; display:block; position:absolute;  top:-17px; width:32px; height:16px; background:url(/design/images/icon-arrow.png)}
#teaching-types .for-item.for-item01:before { left:150px;}
#teaching-types .for-item.for-item02:before { right:250px;}
#teaching-types .for-item.for-item03:before { left:150px;}
#teaching-types .for-item.for-item04:before { right:250px;}
#teaching-types .for-item.for-item05:before { left:150px;}
#teaching-types .for-item.for-item06:before { right:250px;}
#teaching-types .for-item .close { position:absolute; right:-7px; top:24px; display:block; width:32px; height:31px; text-indent:-9999px; overflow:hidden; background:url(/design/images/btn-close.png); cursor:pointer}

.how-to-enroll { clear:both; padding:25px 0 30px 0}
.how-to-enroll ul {}
.how-to-enroll ul li { float:left; display:inline; width:210px; margin-right:23px; text-align:center;}
.how-to-enroll ul li:last-child {margin-right:0;}
.how-to-enroll ul li div.text { padding:0 20px}
.how-to-enroll ul li a { font-weight:bold; text-decoration:underline; position:relative}
.how-to-enroll ul li a:hover { text-decoration:none}
.how-to-enroll ul li div.image { margin:0 0 24px 0; display:inline-block; position:relative}
.how-to-enroll ul li div.image img { border:7px solid #ebebeb}
.how-to-enroll ul li span { width:56px; height:56px; background:url(/design/images/how-to-enroll-num-bg.png); position:absolute; left:50%; margin-left:-28px; bottom:-21px; font-family: 'Roboto Condensed'; font-size:24px; color:#fff; line-height:55px}

#contactform {  }
#contactform form{ padding-top: 50px; width: 500px; height: 460px}
#contactform .popup-close { position: absolute;; right: 20px; top: 10px; color: #333; cursor: pointer;}

#overlaylayout { opacity : 0.6; position: fixed; top: 0; left: 0; background:#000; width: 100%; height:100%; z-index: 5000; display: none;}

#slider.flexslider ul.slides { border: 1px solid #f00;}


#carousel.flexslider ul.slides li{ height: 116px; overflow: hidden;}

/* ---------------------------------------- */
#content > .headerWrapper {

    display: block;
    position: relative;

    padding: 0;
    margin: 0 0 50px;

    /*overflow: hidden;*/

}

#content > .pageTitle {

    display: block;
    position: relative;

    line-height: 1.1;
    margin: 0 0 30px;

}

@media (max-width:479px){
    .onlydesktop {
	display:none !important;
    }
}