.easy_top {
display: block;
width: 100%;
min-height: 300px;
background: white;
background-color: #0482b1;
box-shadow: inset 0px 0px 10px gray;
vertical-align: middle;
position: relative;
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
}
.easy {
width: 100%;
position: relative;
min-height: 300px;
/*backgroundimage: url('paterrn_easy.jpg');*/
background-color: white;
vertical-align: middle;
}
.round_blue {
position: relative;
width: 201px;
height: 201px;
background-image: url('https://nordicschool.ru/upload/nordicIT/round_blue.png');
vertical-align: middle;
margin-top: 50px;
display: inline-block;
white-space: nowrap;
}
.arrow_easy {
vertical-align: middle;
background-image: url('https://nordicschool.ru/upload/nordicIT/arrow_easy.png');
display: inline-block;
width: 33px;
height: 82px;
margin: 30px 10px 0 10px;
white-space: nowrap;
position: relative;
}
.IT {
position: relative;
margin: 20px 30px 40px 65px;
}
.blue_count {
width: 87px;
height: 88px;
background-image: url('https://nordicschool.ru/upload/nordicIT/round_blue_small.png');
position: relative;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
}
.orange_count {
width: 87px;
height: 88px;
background-image: url('https://nordicschool.ru/upload/nordicIT/round_orange_small.png');
position: relative;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
}
.it_count {
position: absolute;
margin-top: 20px;
margin-left: 37px;
font-size: 40px;
}
.td_it {
padding-right: 20px;
}
.aikataulu {
background: #ffffff;
vertical-align: top;
width: 100%;
text-align: center;
padding-bottom: 50px;
}
.t_aikataulu {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.t_aikataulu tr {
width: 100%;
border-collapse: collapse;
white-space: normal;
}
.t_aikataulu th {
height: auto;
text-transform: uppercase;
font-weight: 700;
font-family: Lato,sans-serif;
font-size: 15px;
border-bottom: 1px solid #f3f4f4;
padding: 25px;
padding-top: 10px;
padding-bottom: 5px;
box-sizing: border-box;
background-color: #fbfbfb;
text-align: center;
}
.t_head td {
padding-top: 25px;
}
.t_aikataulu tr td {
border-bottom: 1px solid #f5f5f6;
vertical-align: middle;
text-align: center;
}
.t_date{
text-align: center;
font-family: Lato,sans-serif;
font-size: 30px;
font-weight: 500;
color: #ff6000;
}
.t_aikataulu td .t_date {
text-align: center;
}
.t_date span {
font-size: 30px;
}
.t_aikataulu .t_course_header {
background: rgb(243, 243, 243);
color: rgb(0, 0, 0);
font-size: 20px;
text-align: center;
padding: 8px;
}
.t_aikataulu .t_bottom {
background: rgb(251, 251, 251);
color: rgb(0, 0, 0);
font-size: 14px;
text-align: left;
padding: 8px 40px;
}
.t_aikataulu td {
height: auto;
font-weight: 500;
font-size: 15px;
padding: 5px;
box-sizing: border-box;
text-align: left;
}
.t_aikataulu small{
font-family: Lato,sans-serif;
font-size: 16px;
display: block;
text-transform: lowercase;
white-space: nowrap;
}
.new_price {
color: #f32727;
font-size: 16px;
font-weight: bold;
display: block;
}
.old_price {
color: #b3b3b3 ! important;
font-size: 14px;
font-weight: normal;
text-decoration: line-through;
display: block;
}
.price {
color: black ! important;
font-size: 16px;
font-weight: 700;
display: block;
}
.course_discount {
font-size: 12px;
display: block;
}
.t_price {
padding: 0px;
}
.th-period {
padding-top: 5px;
padding-bottom: 5px;
}
.t_aikataulu th .t_small_name {
font-size: 10px;
text-transform: lowercase;
}
.t_time b, .t_time span {
display: block;
}
.t_date small{
text-transform: uppercase;
}
.t_time small {
display: inline-block;
vertical-align: top;
width: auto;
padding: 2px 7px;
padding-top: 5px;
padding-bottom: 3px;
line-height: 1;
font-family: Lato,sans-serif;
font-size: 13px;
font-weight: 700;
background: #ff6000;
color: #ffffff;
border-radius: 3px;
margin-right: 2px;
margin-bottom: 6px;
text-transform: uppercase;
}
.courses_join {
display: inline-block;
vertical-align: middle;
width: 169px;
height: 36px;
text-align: center;
color: #ffffff;
line-height: 36px;
text-transform: uppercase;
font-family: 'DaxlinePro';
font-size: 14px;
background: #0ab1f0;
border-radius: 5px;
border: 1px solid;
text-decoration: none;
font-family: Lato,sans-serif;
}
.courses_join:hover {
background: #0994c8;
border: 1px solid;
color: #fff;
}
.t_-blank span {
display: block;
color: #3ebd2f;
font-weight: 700;
font-size: 18px;
padding-bottom: 3px;
}
.t_-blank span.no_space{
color: red;
}
.it_distance {
color: white;
font-size: 14px;
}
#scrollup {
position: fixed; /* фиксированная позиция */
opacity: 0.5; /* прозрачность */
padding: 15px 10px 10px; /* отступы */
border-radius: 5px; /* скругление углов */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
right: 20px; /* отступ слева */
bottom: 20px; /* отступ снизу */
display: none; /* спрятать блок */
cursor: pointer;
}
/* Всплывающая подсказка внутри фотографии */
.photo_it {
position:relative;
font-family:arial;
overflow:hidden;
border:5px solid rgba(0, 129, 255, 0.43);
width:300px;
height:350px;
display: inline-block;
margin: 40px;
}
.photo_it .heading, .photo_it .caption {
position:absolute;
background: rgba(0,0,0,.6);
height:350px;
width:300px;
}
.photo_it .caption {
bottom:-250px;
left:0px;
}
.photo_it .caption span{
color:white;
font-size:20px;
font-weight: bold;
display:block;
padding: 10px 10px 0 10px;
}
.photo_it_date {
font-size: 12px;
color: white;
padding: 20px 0;
}
.photo_it_description {
font-size: 16px;
color: white;
padding: 20px 10px;
text-align: justify;
}
span.photo_it_href a {
font-size: 16px;
background-color: rgba(255, 255, 255, 0.99);
padding: 8px;
}
/* */
.why {
width: 100%;
height: auto;
background: white;
box-shadow: 5px 3px 20px rgba(0,0,0,.1);
position: relative;
border: 1px solid #ececec;
}
.why_face img {
width: 100%;
height: 100%;
display: inline-block;
}
.why_face {
width: 120px;
height: 120px;
display: inline-block;
vertical-align: top;
position: relative;
}
.why_top {
top: 20px;
margin: 0 20px 20px 40px;
position: relative;
}
.why_description {
display: inline-block;
position: relative;
top: 29px;
}
.why_name {
display: inline-block;
line-height: 40px;
font-size: 26px;
vertical-align: top;
left: 20px;
position: relative;
font-family: Lato,sans-serif;
color: #4e4e4e;
}
.why_profi {
position: relative;
font-family: Lato,sans-serif;
color: #4e4e4e;
font-size: 14px;
left: 20px;
}
.why_line {
border-bottom: 1px solid #ececec;
position: relative;
}
.why_line_top {
border-bottom: 1px solid #ececec;
top: 20px;
position: relative;
}
.why_all_keys, .why_work_keys{
display: inline-block;
position: relative;;
}
.why_full_description {
margin-left: 40px;
margin-top: 50px;
}
.why_key {
font-family: Lato,sans-serif;
color: #4e4e4e;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.why_list, .why_work {
line-height: 20px;
font-family: Lato,sans-serif;
color: #4e4e4e;
font-size: 18px;
list-style-type: none;
text-align: left;
}
.why_list li {
background: url("https://nordicschool.ru/upload/nordicIT/top_blocks/tick.png") no-repeat left center;
padding-left: 35px;
margin-bottom: 20px;
}
.why_question {
font-family: Lato,sans-serif;
color: white;
font-size: 26px;
background: #0087ff;
width: 100%;
}
.why_question div {
text-align: center;
line-height: 60px;
}
.your_resume {
font-family: Lato,sans-serif;
text-align: center;
line-height: 60px;
width: 100%;
font-size: 20px;
/* padding: 10px; */
background: #fbfbfb;
}
.why_work_key {
font-family: Lato,sans-serif;
color: #4e4e4e;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.why_work li {
background: url("https://nordicschool.ru/upload/nordicIT/top_blocks/hh_small.svg") no-repeat left center;
padding-left: 35px;
margin-bottom: 20px;
}
.work_name, .hh_else a {
color: #0070ff;
}
.hh_else {
font-size: 14px;
font-family: Lato,sans-serif;
margin-left: 40px;
margin-bottom: 20px;
margin-top: 20px;
}
/*.why_block {
vertical-align: top;
display: inline-block;
width: 100%;
}
*/
.why_question .why_header {
line-height: 30px;
font-size: 20px;
}
.students {
background: url(https://nordicschool.ru/upload/nordicIT/top_blocks/vo_pic.png) center center no-repeat;
color: white;
font-size: 26px;
line-height: 40px;
padding: 10px;
}
/*
table#fin tr td {
border-right: 1px solid #e4e4e4;
}
*/
.t_time td {
border-right: 1px solid #000000;
}
/* новое меню выбора курсов */
.choose-course-bg {background: url('https://nordicschool.ru/upload/nordicIT/icons/courses/bg-tile_2.png'); height: 100%;padding: 20px 40px;text-align: center; border-bottom: 1px solid #e2e2e2}
.choose-course-bg h2 {color: #424338; font-size: 40px; font-family: Lato,sans-serif;padding: 50px 0;}
.choose-course-block-center {margin: 20px auto; width: 100%;}
.choose-course-block {display: inline-block; width: 45%; margin-right: 40px; margin-bottom: 40px; vertical-align: top;}
.choose-course-block-wide {width: 70%;}
.choose-course-table {display: table; width: 100%;background: white; box-shadow: 0px 0px 5px 0px grey;transition: all 0.1s;}
.choose-course-table:hover {box-shadow: 0px 0px 5px 0px #0060f3; transform: scale(1.02,1.02);}
.choose-course-table.no-resize:hover {box-shadow: 0px 0px 5px 0px #0060f3; transform: none;}
.choose-course-table-row {display: table-row;}
.choose-course-table-cell-info {height: 200px; display: table-cell; padding: 10px 0;}
.choose-course-table-cell-info div {margin: 10px 15px;}
.choose-course-table-cell-info div h3 {font-family: Lato,sans-serif; font-weight: bold;}
.choose-course-table-cell-info p {background: #f7f7f7;padding: 5px;}
.choose-course-table-cell-pic {width: 200px; display: table-cell;}
.choose-course-table-cell-info span.level {font-size: 130%;}
.choose-course-table-cell-info span.level-info {font-size: 80%;}
.choose-course-table-cell-info span.soon {color: red; font-weight: bold;}
/*программа курса */
.program-list {list-style: none;background: #f7f7f7;padding: 5px;}
.program-list li {background: url(https://nordicschool.ru/upload/nordicIT/icons/tick_new.png) no-repeat left center;padding-left: 35px;margin-bottom: 5px;text-align: left;font-size: 16px;}
/*media queries */
@media screen and (max-device-width:800px) {
.choose-course-block-wide {width: 100%;}
.banner_menu {display: none;}
}