/*GENERAL*/ header.main_header { width: 100%; background-position: center top; background-repeat: no-repeat; background-color: transparent; min-height: 331px; overflow: hidden; } header.main_header .text { width: 406px; font-size: 46px; line-height: 1; float: right; } header.main_header h1 { font-family: "fb_extrabold","Roboto","helvetica","arial"; font-size: 68px; letter-spacing: -3px; line-height: 1; } header.main_header p { } .logo-bullet:before { content: ""; background: url('../img/icons/logo-bullet.png') center center transparent no-repeat; width: 21px; height: 21px; position: absolute; margin: 8px -32px 0 0; } .other_bg { background: #3196d3; } .preschool_border {border-color: #d3407e !important;} .preschool_bg {background: url('../img/bgs/register/preschool.png') center top #d3407e repeat-y !important;} .preschool:hover, .preschool:focus, .col .phone.preschool:before, .preschool_border:hover, .preschool_border:focus, nav.subnav .preschool, .workshop_table .preschool, .classes .news .carousel .item .new figure figcaption h4.preschool, .events_long .events .event:hover .event_col:nth-child(6) span.preschool {background-color: #d3407e; } .tech_border {border-color: #3195d3 !important;} .tech_text {color: #3195d3;} .tech:hover, .col .phone.tech:before, .tech_border:hover, nav.subnav .tech, .workshop_table .tech, .classes .news .carousel .item .new figure figcaption h4.tech, .events_long .events .event:hover .event_col:nth-child(6) span.tech {background-color: #3195d3; } .kids_border {border-color: #d3407e !important;} .kids_text {color: #d3407e;} .kids:hover, .col .phone.kids:before, .kids_border:hover, nav.subnav .kids, .workshop_table .kids, .classes .news .carousel .item .new figure figcaption h4.kids, .events_long .events .event:hover .event_col:nth-child(6) span.kids {background-color: #d3407e; } .jews_border {border-color: #e95718 !important;} .jews_text {color: #e95718;} .jews:hover, .col .phone.jews:before, .jews_border:hover, nav.subnav .jews, .workshop_table .jews, .classes .news .carousel .item .new figure figcaption h4.jews, .events_long .events .event:hover .event_col:nth-child(6) span.jews {background-color: #e95718 !important; } .peace_border {border-color: #FFE000 !important;} .peace_text {color: #FFE000;} .peace:hover, .col .phone.peace:before, .peace_border:hover, nav.subnav .peace, .workshop_table .peace, .classes .news .carousel .item .new figure figcaption h4.peace, .events_long .events .event:hover .event_col:nth-child(6) span.peace {background-color: #FFE000; } .friends_border {border-color: #f46b45 !important;} .friends_text {color: #f46b45;} .friends:hover, .col .phone.friends:before, .friends_border:hover, nav.subnav .friends, .workshop_table .friends, .classes .news .carousel .item .new figure figcaption h4.friends, .events_long .events .event:hover .event_col:nth-child(6) span.friends {background-color: #f46b45 !important; } .culture_border {border-color: #f7a714 !important;} .culture_bg {background: url('../img/bgs/register/culture.png') center top #f7a714 repeat-y !important;} .culture:hover, .culture:focus, .col .phone.culture:before, .culture_border:hover, .culture_border:focus, nav.subnav .culture, .workshop_table .culture, .classes .news .carousel .item .new figure figcaption h4.culture, .events_long .events .event:hover .event_col:nth-child(6) span.culture {background-color:#f7a714;} .youth_border {border-color: #13569c !important;} .youth_bg {background: url('../img/bgs/register/youth.png') center top #13569c repeat-y !important;} .youth:hover, .youth:focus, .col .phone.youth:before, .youth_border:hover, .youth_border:focus, nav.subnav .youth, .workshop_table .youth, .classes .news .carousel .item .new figure figcaption h4.youth, .events_long .events .event:hover .event_col:nth-child(6) span.youth {background-color:#13569c;} .sport_border {border-color: #5aaa4c !important;} .sport_bg {background: url('../img/bgs/register/sport.png') center top #5aaa4c repeat-y !important;} .sport:hover, .sport:focus, .col .phone.sport:before, .sport_border:hover, .sport_border:focus, nav.subnav .sport, .workshop_table .sport, .classes .news .carousel .item .new figure figcaption h4.sport, .events_long .events .event:hover .event_col:nth-child(6) span.sport {background-color:#5aaa4c;} .young_border {border-color: #e95718 !important;} .young_bg {background: url('../img/bgs/register/young.png') center top #e95718 repeat-y !important;} .young:hover, .young:focus, .col .phone.young:before, .young_border:hover, .young_border:focus, nav.subnav .young, .workshop_table .young, .classes .news .carousel .item .new figure figcaption h4.young, .events_long .events .event:hover .event_col:nth-child(6) span.young {background-color:#e95718;} .music_border {border-color: #794292 !important;} .music_bg {background: url('../img/bgs/register/music.png') center top #794292 repeat-y !important;} .music:hover, .music:focus, .col .phone.music:before, .music_border:hover, .music_border:focus, nav.subnav .music, .workshop_table .music, .classes .news .carousel .item .new figure figcaption h4.music, .events_long .events .event:hover .event_col:nth-child(6) span.music {background-color: #794292;} article.default { padding: 60px 0 0 0; font-size: 16px; } article.default h1 { font-size: 40px; margin: 0 0 31px 0; line-height: 1; } /* END GENERAL*/ .home { /*background: url('../img/bgs/home1.jpg') center top transparent no-repeat;*/ } .home header { height: 330px; color: white; background-repeat: no-repeat; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; cursor: pointer; } .home header .text {padding: 60px 100px 0 0;height: 320px;overflow: hidden;} .home header h1 {margin: 0;} .home header p { margin: 0; } nav.subnav { display: table; width: 100%; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; } nav.subnav a { background-color: #e0e0e0; display: table-cell; color: white; vertical-align: top; text-align: center; padding: 14px 0 16px 0; font-size: 20px; margin: 0; text-decoration: none; flex-basis: 16.6%; } nav.subnav a:nth-child(1) figure img, nav.subnav a:nth-child(3) figure img { width: 75px; transform: translateX(-10px); } nav.subnav a:nth-child(1):hover figure img, nav.subnav a:nth-child(3):hover figure img { width: 85px; } nav.subnav a:nth-child(2) { background-color: #3195d3; } nav.subnav a:nth-child(10) { background-color: #f7a714; } nav.subnav a:nth-child(11) { background-color: #892032; } nav.subnav a:focus span {text-decoration: underline;} nav.subnav a:focus figure img {width: 55px;} nav.subnav a:hover figure img {width: 55px;} /*nav.subnav a:nth-child(1) {background-color: #d4407f;} nav.subnav a:nth-child(2) {background-color: #7a4393;} nav.subnav a:nth-child(3) {background-color: #14579d;} nav.subnav a:nth-child(4) {background-color: #5aab4c;} nav.subnav a:nth-child(5) {background-color: #f7a715;} nav.subnav a:nth-child(6) {background-color: #ea5719;}*/ nav.subnav a figure { margin: 0 auto 0px; width: 55px; height: 55px; padding: 2px 0 0 0; } nav.subnav a figure img { width: 50px !important; } nav.subnav a span {} .home .data { display: table; width: 100%; margin: 0 0 40px 0; } .home .data .header { padding: 35px 60px 25px 50px; } .home .data h2 { font-size: 30px; width: 410px; float: right; margin: 0 0 0 0; } .home .data .col { display: table-cell; width: 50%; vertical-align: top; padding: 0 0 30px 0; } .home .data .events { background-color: #f2f2f2; } .home .data .events .menu_jump { position: absolute; margin: -140px 0 0 0; } .home .data .news { background-color: #e6e6e6; } .home .data .nav_buttons { float: left; margin: 0 0 0 0px; } .home .data .nav_buttons a { text-decoration: none; } .home .data .nav_buttons a:first-child { margin: 0 0 0 20px; } .home .data .nav_buttons a img {} .home .data .events .event_col { display: table-cell; vertical-align: middle; padding: 25px 20px; } .home .data .events .event_col:nth-child(1) { text-align: center; line-height: 1; } .home .data .events .event_col:nth-child(2) { width: 370px; } .home .data .events .event_col:nth-child(3) {} .home .data .events .event_col strong { font-size: 38px; display: block; } .events .event { width: 100%; display: table; font-size: 16px; border-right: 4px solid; border-bottom: 1px solid #e6e6e6 !important; color: #4d4d4d; text-decoration: none; } .events .event:last-child { border-bottom: none !important; } .events .event:hover { color: white; } .events .event h3 { margin: 0; } .events a.all_events { background-color: #3296d3; padding: 10px 20px 12px; color: white; float: left; margin: 20px 0 0px 30px; text-decoration: none; line-height: 1; } .events a.all_events:hover, .events a.all_events:focus { background-color: black; } .events_long .events { background-color: #f2f2f2; padding: 0 0 30px 0; } .events_long .events .event:hover { background-color: #F6F6F6; border-right-color: transparent !important; } .events_long .event_col { display: table-cell; vertical-align: middle; padding: 25px 20px; } .events_long .event_col figure { background-position: center center; background-repeat: no-repeat; background-color: #C6C6C6; background-size: cover; width: 77px; height: 77px; } .events_long .events .event_col:nth-child(1) { text-align: center; line-height: 1; width: 120px; } .events_long .events .event_col:nth-child(2) { text-align: center; line-height: 1; width: 130px; } .events_long .event_col:nth-child(3) { width: 370px; } .events_long .event_col:nth-child(4) { width: 170px; } .events_long .event_col:nth-child(5) { width: 220px; } .events_long .event_col:nth-child(4) img , .events_long .event_col:nth-child(5) img { vertical-align: middle; margin: 0 0 0 6px; } .events_long .event_col:nth-child(6) { width: 180px; } .events_long .event_col:nth-child(6) span { display: inline-block; background-color: white; padding: 9px 20px; font-size: 20px; } .events_long .events .event:hover .event_col:nth-child(6) span { /* background-color: #ea5719; */ color: white; } .events_long .event_col strong { font-size: 38px; display: block; } .events_long .all_events { margin: 20px 0 30px 30px; } .events_long .header { padding: 25px 60px; } .events_long .header h2 { margin: 0; } .news .carousel { width: 540px; margin: 0 auto; } .news .carousel .item {} .news .carousel .item .new { color: black; text-decoration: none; display: block; } .news .carousel .item .new figure { width: 100%; height: 300px; overflow: hidden; background-position: center center; background-repeat: no-repeat; padding: 0px 0 0 0; position: relative; background-size: cover; background-color: #F2F2F2; } .news .carousel .item .new figure figcaption { position: absolute; bottom: 0; overflow: hidden; max-height: 124px; } .news .carousel .item .new figure figcaption h4 { margin: 0; background-color: #3296D3; display: inline-block; color: white; font-size: 23px; padding: 5px 10px; } .news .carousel .item .new figure figcaption h3 { margin: 0; background: url('../img/bgs/black_transp.png') center center transparent repeat; color: white; font-family: "fb_bold","Roboto","helvetica","arial"; padding: 10px; display: inline-block; font-size: 32px; } .news .carousel .item .new:hover figure figcaption h3, .news .carousel .item .new:focus figure figcaption h3 { background: #3296d3; } .news .carousel .item .new:hover figure figcaption h4, .news .carousel .item .new:focus figure figcaption h4 { background: black; } .news .carousel .item .new .text_cont {} .news .carousel .item .new .text_cont .text { line-height: 1.2; margin: 14px 0 0 0; font-size: 20px; } .news .carousel .carousel-control { height: 73px; width: 42px; padding: 18px 0; background: url('../img/bgs/black_transp.png') center center transparent repeat; filter: alpha(opacity=100); opacity: 1; top: 78px; } .news .carousel .carousel-control img { width: 13px; } .news .carousel .carousel-inner {} .news .read_more { display: inline-block; text-decoration: underline; font-size: 90%; padding: 0 5px 0 0; color: #3296D3; } .news .banners_news { width: 540px; margin: 35px auto 0; } .news .banners_news a.banner_news { display: block; position: relative; width: 260px; height: 187px; float: right; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #F2F2F2; } .news .banners_news a.banner_news:nth-child(2n+0) { float: left; } .news .banners_news a.banner_news:hover h3, .news .banners_news a.banner_news:focus h3 { background: #3296d3; } .news .banners_news a.banner_news h3 { margin: 0; background: url('../img/bgs/black_transp.png') center center transparent repeat; color: white; font-family: "fb_bold","Roboto","helvetica","arial"; padding: 10px; display: inline-block; font-size: 17px; position: absolute; bottom: 0; width: 100%; } footer .form-wrapper { float: right; width: 240px; } footer .form-wrapper h2 { color: #4d4d4d; font-size: 19px; margin: 0 0 20px 0; font-weight: bold; } footer .form-wrapper form {} footer .form-wrapper form input.iname { width: 49%; float: right; margin: 0 0 5px 2%; } footer .form-wrapper form input:nth-child(2n+0) { margin-left: 0; } footer .form-wrapper form button.send_btn { width: 37%; float: left; } footer .address { float: right; margin: 0 40px 0 10px; border-right: 2px solid #e6e6e6; padding: 0 40px 0 0; } footer .address h2 { color: #4d4d4d; font-size: 19px; margin: 0 0 20px 0; font-weight: bold; } footer .address p { color: #4d4d4d; margin: 0; } footer .address a { display: block; color: black; font-size: 16.5px; min-height: 60px; } footer .address a:hover {} footer .social { float: left; text-align: center; } footer .social .logo-footer { display: block; margin: 0 0 15px 0; } footer .social a { text-decoration: none; padding: 0 2px; } footer .social a:hover img, footer .social a:focus img { webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); background-color: #f2f2f2; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } footer .social a img { width: 33px; } .home aside { width: 100%; margin: 0; } .home aside .nav_col { float: right; } .home aside .nav_col a { margin: 0 0 15px 0; display: block; width: 372px; height: 139px; padding: 26px; text-decoration: none; } .home aside .nav_col a h2 { margin: 0; color: white; line-height: 1; font-family: "fb_bold","Roboto","helvetica","arial"; } .home aside .nav_col a span { display: block; color: white; margin: 10px 0 0 0; } .home aside .nav_col a:hover span, .home aside .nav_col a:focus span {color: black !important;} .home aside .nav_col a:nth-child(1) {background: url('../img/bgs/home_forms.png') center center transparent no-repeat;} .home aside .nav_col a:nth-child(2) {background: url('../img/bgs/home_phonebook.png') center center transparent no-repeat;} .home aside .gallery_col { width: 788px; float: left; } .home aside .gallery_col a { display: block; width: 197px; height: 147px; overflow: hidden; float: right; text-decoration: none; } .home aside .gallery_col a:hover {} .home aside .gallery_col a figure { display: table; width: 100%; height: 147px; background-size: cover; background-color: #F2F2F2; } .home aside .gallery_col a figure figcaption { background: url('../img/bgs/black_transp.png') center center transparent repeat; /* display: table-cell; */ width: 100%; height: 100%; vertical-align: middle; text-align: center; padding: 0px 15px; display: none; } .home aside .gallery_col a figure figcaption h3 { margin: 0; color: white; font-size: 19px; font-family: "fb_bold","Roboto","helvetica","arial"; } .home aside .gallery_col a figure figcaption span { display: block; color: white; font-size: 15px; } .home aside .gallery_col a:first-child { background-color: #3296D3; padding: 70px 0 0 10px; } .home aside .gallery_col a:hover:first-child, .home aside .gallery_col a:focus:first-child { background-color: black; } .home aside .gallery_col a:first-child h3 { font-size: 22px; color: white; text-align: left; line-height: 1; } .home aside .gallery_col a:hover figure figcaption, .home aside .gallery_col a:focus figure figcaption { display: table-cell; } .classes article .text, .about article .text { -webkit-column-count: 3;/* Chrome, Safari, Opera */ -moz-column-count: 3;/* Firefox */ column-count: 3; -webkit-column-gap: 70px;/* Chrome, Safari, Opera */ -moz-column-gap: 70px;/* Firefox */ column-gap: 70px; } .about nav { margin: 20px 0; text-align: left; } .about nav a { display: inline-block; background-color: #3296D3; color: white; font-size: 20px; padding: 6px 20px; margin-right: 20px; text-decoration: none; } .about nav a:hover, .about nav a:focus { background-color: black; } .phone_book header { min-height: 175px; } .phone_book .phones {} .phone_book .phones ul { float: right; width: 47%; margin: 0; padding: 0; list-style-type: none; } .phone_book .phones ul:last-child { float: left; } .phone_book .phones ul li { padding: 18px 0; vertical-align: middle; width: 100%; border-bottom: 1px solid #e6e6e6; } .phone_book .phones ul li img { vertical-align: middle; float: left; } .phone_book .phones ul li span { vertical-align: middle; font-size: 17px; width: 370px; float: right; } .phone_book .phones ul li strong { font-family: "fb","Roboto","helvetica","arial"; color: #3195D3; font-size: 19px; float: left; margin: -3px 0 0 10px; } .phone_book .phones ul li:hover, .phone_book .phones ul li:hover { background-color: #e6e6e6; padding: 18px 18px; } .forms_page header { min-height: 175px; } .forms_page .phones {} .forms_page .phones ul { width: 100%; margin: 0; padding: 0; list-style-type: none; } .forms_page .phones ul li { padding: 18px 0; vertical-align: middle; width: 100%; border-bottom: 1px solid #e6e6e6; } .forms_page .phones ul li span { font-size: 20px; vertical-align: middle; width: 880px; float: right; } .forms_page .phones ul li a { display: block; float: left; padding: 6px 20px; background-color: #3296D3; color: white; margin: 0 20px 0 0px; text-decoration: none; } .forms_page .phones ul li a:hover { background-color: black; } .forms_page .phones ul li:hover { background-color: #e6e6e6; padding: 18px 18px; } .classes header { padding: 70px 0 0 0; height: 332px; } .classes header figure { float: right; margin: 0px 0 0 20px; } .classes header figure img {} .classes header .text { float: right; width: 460px; height: 249px; overflow: hidden; line-height: 1; color: white; font-size: 20px; } .classes header .text h1 { color: white; margin: 0 0 20px 0; } .classes header .text h1 a { color: white; font-size: 24px; font-weight: normal; font-family: "fb","Roboto","helvetica","arial"; letter-spacing: 0; text-decoration: underline; float: left; margin-top: 34px; } .classes header .text p { color: white; font-size: 20px; } /* .classes nav.subnav a { border-bottom: 10px solid #e6e6e6;} .classes.nav-white nav.subnav a { border-bottom: 10px solid white;} .classes nav.subnav a.active {} */ .classes .data { display: table; width: 100%; margin: 0 0 0px 0; background-color: #e6e6e6; } .classes .data .header { padding: 25px 30px 25px 50px; } .classes .data h2 { font-size: 30px; width: 100%; margin: 0 0 0 0; } .classes .data .col { display: table-cell; vertical-align: top; padding: 0 0 30px 0; } .classes .data .events { width: 400px;} .classes .data .events .menu_jump { position: absolute; margin: -140px 0 0 0; } .classes .data .news { width: 800px;padding: 0 40px 30px;} .classes .data .nav_buttons { float: left; margin: 0 0 0 0px; } .classes .data .nav_buttons a { text-decoration: none; } .classes .data .nav_buttons a:first-child { margin: 0 0 0 20px; } .classes .data .nav_buttons a img {} .classes .data .events .event_col { display: table-cell; vertical-align: middle; padding: 25px 0px; } .classes .data .events .event_col:nth-child(1) { width: 210px; padding: 0 0 0 15px; } .classes .data .events .event_col:nth-child(2) { text-align: left; } .classes .data .events .event_col strong { font-size: 22px; display: block; font-family: "fb","Roboto","helvetica","arial"; } .classes .data .events .header { padding-bottom: 0; } .classes .data .events .event { border-right: none; border-bottom: 1px solid #b3b3b3 !important; width: 370px; } .classes .events .event:hover, .classes .events .event:focus { color: black; /* background-color: #DFDFDF; */ } .classes .news .carousel { width: 100%; } .classes .news .carousel .item .new figure { height: 377px; } .classes .news .carousel .carousel-control { top: 130px; } .classes .news .carousel .item .new figure figcaption { max-height: 154px; } .classes .news .banners_news { width: 100%; } .classes .news .banners_news a { width: 233px; margin: 0 0 0 10px; } .classes .news .banners_news a:last-child { margin-left: 0; } .classes .news .banners_news a.banner_news:nth-child(2n+0) { float: right; } .classes .data .events .event_col small { font-size: 76%; } .classes .data .events .event_col strong {} .classes .data .events .event:hover .event_col span { text-decoration: underline; } .classes .data .events .event:hover .event_col h3 { font-weight: bold; } .classes .events_long { background-color: #F2F2F2; } .classes aside { margin: 40px 0 0 0; } .classes aside .banners { text-align: center; } .classes aside .banners a:last-child { /* margin-left: 0; */ } .classes aside .banners a { display: inline-block; width: 221px; /* float: right; */ color: #4d4d4d; margin: 12px 8px; text-decoration: none; vertical-align: top; } .classes aside .banners a:hover {} .classes aside .banners a figure { display: table; width: 100%; height: 221px; background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: cover; } .classes aside .banners a figure .hover { display: table-cell; width: 100%; height: 100%; /* display: none; */ background: url('../img/bgs/black_transp.png') center center transparent repeat; vertical-align: middle; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .classes aside .banners a figure .hover span { display: inline-block; background-color: #ea5719; color: white; padding: 5px 10px; } .classes aside .banners a:hover figure .hover, .classes aside .banners a:focus figure .hover { display: table-cell; text-align: center; opacity: 1; visibility: visible; } .classes aside .banners a .info { margin: 20px 0 0 0; } .classes aside .banners a .info h3 { margin: 0 0 10px 0; border-right: 4px solid; line-height: .8; padding: 0 20px 0 0; font-size: 22px; background-color: transparent; } .classes aside .banners a .info p { font-size: 16px; } .events_section header { height: 412px; padding: 49px 0px 0 0; } .events_section header .text { width: 660px; float: left; } .events_section header .text h1 { color: white; line-height: .7; margin: 0px 0 0 0; clear: both; } .events_section header .text a { font-size: 20px; color: white; background-color: #3296d3; padding: 16px 20px; float: left; text-decoration: none; } .events_section header .text a:hover, .events_section header .text a:focus { background-color: black; } .events_section .form-wrapper { margin: 30px 0 0 0; } .events_section .form-wrapper select { background: url('../img/icons/nav/white/down.png') 10px center #f7a715 no-repeat; width: 217px; border-color: white; height: 52px; background-size: 24px; color: white; font-size: 22px; float: right; margin: 0 0 0 10px; border-width: 2px; -webkit-appearance: none; } .events_section .form-wrapper select:focus { border-color: black; } .events_section .form-wrapper .send { background: url('../img/icons/send_plane.png') center center white no-repeat; width: 52px; height: 52px; background-size: 57%; border: none; border-radius: 0; } .events_section .form-wrapper .send:hover, .events_section .form-wrapper .send:focus { background-color: #3296d3; } .events_section .events_long .header { padding: 35px 30px 40px 0; } .events_section .events_long .events .event { background-color: white; } .events_section .events_long .events .event:hover, .events_section .events_long .events .event:focus { background-color: #f2f2f2; color: black; } .events_section .events_long .events { background: transparent; } .events_section .events_long .header h2 { float: right; } .events_section .events_long .header a { float: left; color: #4D4D4D; text-decoration: none; } .events_section .events_long .header a strong { font-weight: bold; font-family: "Roboto","helvetica","arial"; font-size: 20px; margin: 0 5px 0 0; } .events_section .events_long .header a:hover { color: #3296D3; } .events_section .events_long .header a:focus { color: #3296D3; text-decoration: underline; } .contact { } .contact article { float: right; width: 282px; } .contact article .text {} .contact article h1 { margin: 0 30px 20px 0; } .contact article .text strong { font-family: "fb","Roboto","helvetica","arial"; font-weight: bold; } .contact article .text a { color: #4D4D4D; } .contact article .text a:hover {} .contact .map { width: 535px; height: 278px; margin: 116px 40px 0 0; float: right; } .contact .social { text-align: right; padding: 10px 0 0 0; } .contact .social a { text-decoration: none; padding: 0 2px; } .contact .social a img { width: 33px; } .contact .social a:focus img, .contact .social a:hover img { webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); background-color: #f2f2f2; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } .contact .form-wrapper { float: left; width: 293px; margin: 116px 0 0 0; } .contact .form-wrapper form {} .contact .form-wrapper form input[type='email'] { width: 100% !important; } .contact .form-wrapper form .iname { margin: 0 0 10px 0; } .contact .form-wrapper form .iname:focus, .contact .form-wrapper .iselect:focus, .contact .form-wrapper .itext:focus { border: 1px solid black; } .contact .form-wrapper form .send_btn { width: 90px; float: left; margin-top: 20px; } .gallery {} .gallery article { float: right; width: 380px; } .gallery article h1 { margin-right: 30px; } .gallery article ul { margin: 0; padding: 0; list-style-type: none; } .gallery article ul li { padding: 10px 0; border-bottom: 1px solid #e6e6e6 !important; border-right: 4px solid; } .gallery article ul li:hover, .gallery article ul li:focus, .gallery article ul li.active{ background-color: #F1F1F1; } .gallery article ul li:hover a .col:nth-child(3), .gallery article ul li.active a .col:nth-child(3){ text-align: right; opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ } .gallery article ul li a { display: table; width: 100%; color: #4d4d4d; text-decoration: none; } .gallery article ul li a:focus .col:nth-child(2) { text-decoration: underline; } .gallery article ul li a .col { display: table-cell; vertical-align: middle; } .gallery article ul li a .col strong { display: block; } .gallery article ul li a .col span {} .gallery article ul li a .col:nth-child(1) strong { font-size: 38px; display: block; letter-spacing: -2px; } .gallery article ul li a .col:nth-child(2) strong { font-family: "fb","Roboto","helvetica","arial"; font-size: 20px; } .gallery article ul li a .col:nth-child(1) { line-height: 1; text-align: center; width: 90px; } .gallery article ul li a .col:nth-child(2) { width: 260px; line-height: 1.2; } .gallery article ul li a .col:nth-child(3) { text-align: left; } .gallery article ul li a .col:nth-child(3) { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } .gallery .gallery_wrapp { float: left; margin: 20px 0px 0 0; width: 737px; } .gallery .gallery_wrapp .header { margin: 40px 30px 0 0; } .gallery .gallery_wrapp .header h2 { margin: 0; } .gallery .gallery_wrapp .header h3 { margin: 0; font-size: 17px; } .gallery .gallery_wrapp .pictures { margin: 20px 0 0 0; } .gallery .gallery_wrapp .pictures iframe { border: none; width: 100%; height: -webkit-fill-available; } .gallery .gallery_wrapp .pictures a { background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: cover; width: 169px; height: 169px; display: block; float: right; margin: 0 0 20px 20px; } .gallery .gallery_wrapp .pictures a:nth-child(3) {margin-left: 0;} .gallery .gallery_wrapp .pictures a:nth-child(5) {margin-left: 0;} .gallery .gallery_wrapp .pictures a:nth-child(9) {margin-left: 0;} .gallery .gallery_wrapp .pictures a:first-child { height: 358px; width: 358px; } .gallery .gallery_wrapp .pictures a:focus { border: 2px solid black; } .gallery .more_pictures { width: 100%; border: 2px solid #E6E6E6; display: block; text-align: center; color: #4d4d4d; font-size: 17px; padding: 2px 0 4px; text-decoration: none; } .gallery .more_pictures:hover { background-color: #2EA4DA; color: white; border-color: transparent; } .workshop {} .workshop header { min-height: 302px; height: 302px; } .workshop header .text { width: 440px; } .workshop header .text h1 { color: white; } .workshop header .text p { font-size: 20px; color: white; } .workshop .workshop_nav { display: table; width: 100%; margin: 60px 0 0 0; } .workshop .workshop_nav a { display: table-cell; border-top: 5px solid; /* border-left: 10px solid white !important; */ text-align: center; color: #4d4d4d; padding: 10px 0; font-size: 22px; text-decoration: none; } .workshop .workshop_nav a span {} .workshop .workshop_nav a:last-child { display: none; } .workshop .workshop_nav a:hover, .workshop .workshop_nav a:focus, .workshop .workshop_nav a.active { background-color: #F2F2F2; } .workshop .workshop_nav a.space { width: 30px; background-color: white; border: none; } .workshop .workshop_table {} .workshop .workshop_table .workshop_wrapp {} .workshop .workshop_table .workshop_wrapp .panel {border: 0;} .workshop .workshop_table .workshop_wrapp .panel-heading { padding: 0; margin: 0; border: none; border-radius: 0; } .workshop .workshop_table .workshop_wrapp .panel-heading h4 {} .workshop .workshop_table .workshop_wrapp .panel-heading h4 a {text-decoration: none;} .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question:hover {background-color: #F2F2F2;} .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question:focus {/* background-color: black !important; */border: 1px solid black;} .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question{ width: 100%; display: table; } .workshop .workshop_table .workshop_wrapp:nth-child(odd) .panel-heading h4 a .text_question { background-color: #F2F2F2; } .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col { display: table-cell; padding: 20px 30px; font-size: 20px; vertical-align: middle; } .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col button { -webkit-appearance: none; font-size: 24px; width: 39px; /* height: 32px; */ border: none; color: white; font-family: "fb","Roboto","helvetica","arial"; display: block; padding: 1px; margin: 0; } .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col button:focus { border: 1px solid black; background-color: black; } .workshop .workshop_table .workshop_wrapp .panel-heading h4 a.collapsed .text_question .col button:after { content: '+'; display: block; line-height: 1; padding: 5px 0 5px 0; } .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col button:after { content: '-'; display: block; line-height: 1; padding: 3px 0 7px 0; } .workshop .workshop_table .workshop_wrapp .panel-collapse {} .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col:nth-child(1) {width: 610px;} .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col:nth-child(1) strong { display: block; font-family: "fb","Roboto","helvetica","arial"; font-weight: bold; font-size: 22px; } .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col:nth-child(1) span {font-size: 16px;} .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col:nth-child(2) {width: 210px;} .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col:nth-child(2) strong { font-family: "fb","Roboto","helvetica","arial"; font-weight: bold; font-size: 17px; padding: 0 5px 0 0; } .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col:nth-child(2) span {} .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col:nth-child(3) {width: 250px;} .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col:nth-child(3) strong {font-family: "fb","Roboto","helvetica","arial";font-weight: bold;} .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col:nth-child(3) strong small {margin: 0 2px 0 0;} .workshop .workshop_table .workshop_wrapp .panel-heading h4 a .text_question .col:nth-child(3) span {} .workshop .workshop_table .panel-group { margin-bottom: 0; } .workshop .workshop_table .workshop_wrapp .panel-body { background-color: #F2F2F2; padding-bottom: 30px; } .workshop .workshop_table .workshop_wrapp .panel-body .text {} .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description { display: table; width: 100%; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col { display: table-cell; width: 50%; padding: 0 15px; vertical-align: top; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .gallery_wrapp {} .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .gallery_wrapp a:focus figure { border: 1px solid black; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .gallery_wrapp figure { background-position: center center; background-repeat: no-repeat; background-color: #C6C6C6; background-size: cover; width: 104px; height: 104px; float: right; margin: 0 0 10px 8px; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .gallery_wrapp a:nth-child(5n+0) figure { margin-left: 0; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .description { padding: 0 0 0 30px; margin: 0 0 20px 0; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .description h4 { font-weight: bold; font-size: 22px; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .description p { font-size: 20px; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .info_workshop { display: table; width: 100%; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .info_workshop .col_info { display: table-cell; border-left: 1px solid #dadada; padding: 0 12px; /* max-width: 110px; */ width: 130px; text-align: center; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .info_workshop .col_info:last-child { border-left: none; width: 146px; text-align: right; padding-right: 30px; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .info_workshop .col_info:first-child { text-align: right; width: 87px; padding-right: 0; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .info_workshop .col_info strong { font-family: "fb","Roboto","helvetica","arial"; display: block; font-weight: bold; margin: 0 0 5px 0; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .info_workshop .col_info span {} .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .buttons { margin: 20px 0 0 0; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .buttons a.arshama { float: left; color: white; padding: 11px 20px; line-height: 1; background-color: #3296D3; text-decoration: none; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .buttons a.arshama:hover { background-color: black; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .buttons a.arshama span { font-size: 23px; display: inline-block; margin: 0 8px 0 0; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .buttons a.share { float: right; padding: 7px 0 0 0; text-decoration: none; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .buttons a.share:hover span, .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .buttons a.share:focus span { text-decoration: underline; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .buttons a.share span { color: #4D4D4D; padding: 0 4px 0 0; } .workshop .workshop_table .workshop_wrapp .panel-body .text .table_description .main_col .buttons a.share img { width: 26px; } .registration {} .bg-preschool {background-color: #d4407f;} .bg-culture {background-color:#f7a715;} .bg-youth {background-color:#14579d;} .bg-sport {background-color:#5aab4c;} .bg-young {background-color:#ea5719;} .bg-music {background-color: #7a4393;} .bg-light-preschool {background-color: #ffeaf3;} .bg-light-culture {background-color:#fff4e0;} .bg-light-youth {background-color:#e4f1ff;} .bg-light-sport {background-color:#e1ffdc;} .bg-light-young {background-color:#ffe5da;} .bg-light-music {background-color: #f7e7ff;} .color-preschool {color: #d4407f;} .color-culture {color:#f7a715;} .color-youth {color:#14579d;} .color-sport {color:#5aab4c;} .color-young {color:#ea5719;} .color-music {color: #7a4393;} .bg-before-preschool:before {background-color: #d4407f;} .bg-before-culture:before {background-color:#f7a715;} .bg-before-youth:before {background-color:#14579d;} .bg-before-sport:before {background-color:#5aab4c;} .bg-before-young:before {background-color:#ea5719;} .bg-before-music:before {background-color: #7a4393;} .logo-bullet { margin-right: 30px; margin: 20px 30px 20px 0; } .registration .row .table { display: table; width: 100%; } .registration .row .table .col { display: table-row; width: 100%; } .registration .row .table .col span { display: table-cell; padding: 8px 15px; color: black; } .registration .row .table .col span:nth-child(1) { font-weight: bold; } .registration header { min-height: 242px; padding: 50px 0 30px 0; color: white; } .registration header figure { background-position: center center; background-repeat: no-repeat; background-color: #C6C6C6; background-size: cover; width: 167px; height: 167px; float: right; margin: 0 0 0px 0px; } .registration header .text { width: 100%; } .registration header .text .title { display: table; width: 770px; float: right; } .registration header .text .title .date { text-align: center; vertical-align: middle; line-height: 1; width: 80px; border-left: 1px solid white; padding: 0 0 0 20px; } .registration header .text .title .date strong { letter-spacing: -2px; display: block; font-size: 45px; margin: 0; padding: 0; } .registration header .text .title .date span { font-size: 21px; display: block; } .registration header .text .title .description { padding: 0 23px 0 0; } .registration header .text .title .description h1 { margin: 0 0 10px 0; font-size: 40px; font-family: "fb_bold","Roboto","helvetica","arial"; letter-spacing: 0; line-height: .8; } .registration header .text .title .description p { font-size: 19px; } .registration header .text .title .place { font-size: 17px; padding: 20px 0; } .registration header .text .title .place span { padding: 0 5px 0px 20px; } .registration header .text .title .place img {} .registration header .text .buttons { float: left; } .registration header .text .buttons .back { font-size: 22px; display: block; color: white; } .registration header .text .buttons .back strong {} .registration header .text .buttons a.share { float: left; padding: 7px 0 0 0; margin: 90px 0 0 0; text-decoration: none; } .registration header .text .buttons a.share:hover span {text-decoration: underline;} .registration header .text .buttons a.share span { color: white; padding: 0 0px 0 0; font-size: 22px; vertical-align: middle; } .registration header .text .buttons a.share img {width: 26px;} .registration .map { width: 100%; height: 260px; margin-top: 20px; } .registration article { float: right; width: 490px; margin: 20px 0 0 0; } .registration article h2 { margin-right: 30px; margin: 20px 30px 20px 0; } .registration article .contact { margin: 20px 0 0 0; } .registration article .contact .col { display: inline-block; } .registration article .contact .col h4 { display: inline-block; } .registration .contact .phone { margin: 0; color: #4d4d4d; } .registration .contact .phone:before { width: 19px; height: 19px; display: inline-block; content: ''; background-image: url('../img/icons/white/phone.png'); background-position: center center; background-repeat: no-repeat; background-size: 66%; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; vertical-align: middle; margin: -5px 10px 0 9px; } .registration a.buy { color: white; padding: 8px 20px; font-size: 20px; margin: 20px 0; display: block; text-decoration: none; } .registration article a.buy:hover { background-color: black; } .read_news .data .events .event_col:nth-child(1) { text-align: center; line-height: 1; padding: 25px 20px; } .read_news .data .events .event_col:nth-child(2) { width: 370px; } .read_news .data .events .event_col:nth-child(3) {} .read_news .data .events .event_col strong { font-size: 38px; display: block; } .read_news .data .events .event { } .read_news {} .read_news .data { display: table; padding: 60px 0 0 0; } .read_news .data .col { display: table-cell; } .read_news .data .news { width: 823px; padding: 0 0 0 50px; } .read_news .data .events {} .read_news .data .events h2.logo-bullet{ margin: 0 30px 40px 0; } .read_news .data .event:hover { background-color: #F3F3F3; color: black; } .read_news .data .event:hover .event_col:nth-child(3) { padding-left: 30px; } .read_news .data .events .event_col { display: table-cell; vertical-align: middle; padding: 25px 10px; } .read_news .data .events .event h3 { font-size: 20px; } .read_news .events a.all_events { margin: 20px 0 0px 0px; } .read_news .news header h2.logo-bullet{ margin: 0 30px 40px 0; } .read_news .news header h1 { font-family: "fb_bold","Roboto","helvetica","arial"; } .read_news .news header p {} .read_news .news header hr { border-top: 2px solid #eee; margin-bottom: 10px; } .read_news .news header small {} .read_news .news header { margin: 0 0 20px 0; } .read_news .news header small.date { font-size: 100%; } .read_news .news header a { float: left; color: #3B3B3A; text-decoration: none; } .read_news .news header a span { text-decoration: underline; margin: 0 5px 0 0; } .read_news .news header a img {} .read_news .news figure { width: 100%; height: 400px; overflow: hidden; background-position: center center; background-repeat: no-repeat; padding: 0px 0 0 0; position: relative; background-size: cover; background-color: #F2F2F2; margin: 40px 0 0 0; } .read_news .news figure figcaption { background-image: none !important; font-size: 23px; color: white; display: inline-block; padding: 5px 15px; } .read_news .news article { margin: 40px 0 0 0; } .read_news .news .banners_news { margin: 35px 0 0 0; } .read_news .news h2.logo-bullet { margin: 60px 30px 0 0; } .read_news .movies {} .read_news .movies h2 {} .read_news .movies iframe { width: 100%; min-height: 430px; margin: 10px 0; border: none; } .articles { padding: 20px 0 0 0; } .articles aside { margin: 40px 0 0 0; } .articles aside .banners { text-align: center; } .articles aside .banners a:last-child { margin-left: 0; } .articles aside .banners a { display: inline-block; width: 221px; /* float: right; */ color: #4d4d4d; margin: 8px 8px; text-decoration: none; vertical-align: top; } .articles aside .banners a:hover {} .articles aside .banners a figure { display: table; width: 100%; height: 221px; background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: cover; } .articles aside .banners a figure .hover { display: table-cell; opacity: 0; width: 100%; height: 100%; visibility: collapse; /* display: none; */ background: url('../img/bgs/black_transp.png') center center transparent repeat; vertical-align: middle; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .articles aside .banners a figure .hover span { display: inline-block; background-color: #ea5719; color: white; padding: 5px 10px; } .articles aside .banners a:hover figure .hover { display: table-cell; text-align: center; opacity: 1; visibility: visible; } .articles aside .banners a .info { margin: 20px 0 0 0; } .articles aside .banners a .info h3 { margin: 0 0 10px 0; border-right: 4px solid; line-height: .8; padding: 0 20px 0 0; font-size: 22px; background-color: transparent; } .articles aside .banners a .info p { font-size: 16px; } .articles article .text { padding: 30px 0 0 0; float: left; width: 910px; } .articles article .text header {} .articles article .text header a { float: left; color: #3B3B3A; text-decoration: none; } .articles article .text header a span { text-decoration: underline; margin: 0 5px 0 0; } .articles article .text header h1 { font-family: "fb_bold","Roboto","helvetica","arial"; font-size: 32px; float: right; margin: 0 0 0px 0; } .articles article .text header .description { font-size: 20px; margin: 0 0 20px 0; } .articles article figure { width: 237px; height: 221px; margin: 30px 0 0 0px; background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: cover; } .articles article .back-prev { margin-top: 30px; display: block; font-size: 24px; } /* MODAL */ .workshopModal { background-color: rgba(255,255,255,0.95); } .workshopModal .modal-dialog { margin-top: 160px; width: 430px; } .workshopModal .modal-content { border-radius: 0; background-color: transparent; border: none; box-shadow: none; } .workshopModal .modal-header { /* background-color: #C40C0E; */ border: none; padding: 20px 0 0 0; } .workshopModal .close { opacity: 1; text-decoration: none; color: #3296d3; font-size: 27px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: block; margin: 0 auto; float: none; } .workshopModal .modal-body { width: 100%; padding: 0 20px; background-color: transparent; } .workshopModal .modal-footer { /* display: none; */ border: none; padding: 30px 0 0 0; } .workshopModal .modal-body {} .workshopModal .modal-body h2 { text-align: center; font-size: 36px; color: #3296D3; } .workshopModal .modal-body .form-wrapper { margin: 30px 0 0 0; } .workshopModal .modal-body .form-wrapper .iname { margin: 0 0 13px; } .workshopModal .modal-body .form-wrapper .imail { width: 100% !important; } .workshopModal .modal-body .form-wrapper .itext { margin: 0 0 15px 0; } .workshopModal .modal-body .form-wrapper .send_btn {} .accessibility_section {} .accessibility_section article {} .accessibility_section article p { margin: 0; } .accessibility_section article h1 {} .accessibility_section article h2 { margin: 50px 0 0 0; } .accessibility_section article a {} .jobs_section article.default h1 { font-size: 30px; } .jobs { margin: 30px auto 50px; } .jobs .preschool {background: #d4407f;} .jobs .culture {background-color:#f7a715;} .jobs .youth {background-color:#14579d;} .jobs .sport {background-color:#5aab4c;} .jobs .young {background-color:#ea5719;} .jobs .music {background-color: #7a4393;} .jobs .other {background-color: #3196d3;} .jobs .line { margin: 0 auto 0px; width: 994px; } .jobs .line .job { width: 294px; height: 274px; float: right; text-align: center; padding: 10px; margin: 20px 0 0px 20px; border: 2px solid transparent; box-sizing: content-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .jobs .line .job:hover .job_title h2 { font-size: 42px; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .jobs .line div:nth-child(3) { margin-left: 0; } .jobs .line .job header { margin: 12px 0 0 0; } .jobs .line .job header h4 { display: inline-block; color: white; font-size: 23px; } .jobs .line .job header img {} .jobs .line .job .job_title { display: table; margin: 0px 0 0 0; width: 100%; } .jobs .line .job .job_title h2 { color: white; display: table-cell; text-align: center; width: 100%; height: 170px; vertical-align: middle; font-size: 38px; letter-spacing: -1px; line-height: 1; font-family: "fb_light", "helvetica","arial",sans-serif; } .jobs .line .job .job_title h2 small { display: block; color: white; font-size: 19px; } .jobs .line .job a { color: white; cursor: pointer; } .jobs .line .job a span { display: block; margin: 0 0 0px 0; } .jobs .form_line { clear: both; display: none; color: white; } .jobs .job.active { border-bottom: 20px solid; border-color: transparent; } .jobs .job.blue.active { border-color: #0789C7; } .jobs .job.black.active { border-color: #333333; } .jobs .job.orange.active { border-color: #F18703; } .jobs .form_line .cont { width: 720px; margin: 0 auto; padding: 40px 0; } .jobs .form_line .job_description { float: right; width: 320px; } .jobs .form_line .job_description h2 { /* font-family: "fb_bold", "helvetica","arial",sans-serif; */ margin: 0 0 10px 0; font-size: 26px; } .jobs .form_line .job_description ul { list-style-type: none; margin: 0 37px 0 0; padding: 0; line-height: 1.2; } .jobs .form_line .job_description ul li { /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/ padding: 6px 0; } .jobs .form_line .job_description ul li:before { content: ""; width: 21px; height: 17px; position: absolute; margin: 0px -35px 0 0; background: url('../img/icons/check.svg') center center transparent no-repeat; background-size: 100%; } .jobs .form_line .main { float: left; } .jobs .form_line .main .form-wrapper { width: 360px; } .jobs .form_line .main .form-wrapper .file_button { text-align: right; padding: 12px 12px; overflow: hidden; } .jobs .form_line .main .form-wrapper .file_button:hover { background-color: black; } .jobs .form_line .main .form-wrapper .i-input { background: rgba(255, 255, 255, 0.92); border: none; margin: 0 0 6px 0; } .jobs .form_line .main .form-wrapper .i-input:focus, .jobs .form_line .main .form-wrapper .i-input:hover { background: white; } .jobs .form_line .main .form-wrapper form input[type='email'] { width: 100% !important; } .jobs .form_line .main .form-wrapper .i-submit { background: rgba(255, 255, 255, 0.36); border: 1px solid white; padding: 10px 0; font-size: 20px; color: white; } .jobs .form_line .main .form-wrapper .i-submit:hover, .jobs .form_line .main .form-wrapper .i-submit:focus { background: black; } .jobs .form_line .main h2 { font-size: 26px; margin: 0 0 20px 0; } .jobs .form_line .main h3 {} .speedNews { margin: 0 0 60px; } .speedNews .sepeedNews-gallery {} .speedNews .sepeedNews-gallery a { display: block; background: #f2f2f2; vertical-align: top; height: 140px; overflow: hidden; border-left: 3px solid transparent; } .speedNews .sepeedNews-gallery a:hover { border: 1px solid; } .speedNews .sepeedNews-gallery a:hover h3 { font-weight: bold; } .speedNews .sepeedNews-gallery a figure { display: inline-block; width: 160px; height: 140px; background: center center no-repeat; background-size: cover; background-color: #BDBDBD; } .speedNews .sepeedNews-gallery .text { display: inline-block; vertical-align: top; padding: 10px; width: 203px; } .speedNews .sepeedNews-gallery a .text h3 { font-size: 20px; color: black; margin: 0 0 6px 0; } .speedNews .sepeedNews-gallery a p { margin: 0; display: inline-block; color: black; font-size: 14px; } .speedNews .sepeedNews-gallery a .read_more { } .speedNews .sepeedNews-gallery .owl-controls { position: absolute; width: 100%; top: 0; margin: 4% 0 0 0; } .speedNews .sepeedNews-gallery .owl-controls .owl-nav {} .speedNews .sepeedNews-gallery .owl-controls .owl-nav img { width: 14px; } .speedNews .sepeedNews-gallery .owl-controls .owl-nav .owl-prev { left: 0; position: absolute; background: rgba(0, 0, 0, 0.41); padding: 5px; } .speedNews .sepeedNews-gallery .owl-controls .owl-nav .owl-next { position: absolute; background: rgba(0, 0, 0, 0.41); padding: 5px; right: 0; } .speedNews .sepeedNews-gallery .owl-controls .owl-nav .owl-next:hover, .speedNews .sepeedNews-gallery .owl-controls .owl-nav .owl-prev:hover { background: black; } .schollsNavs { margin-bottom: 16px; } .schollsNavs .workshop_nav a:last-child { display: table-cell; } .schollsNavs .workshop_nav a { padding:10px; } .schollsNavs .workshop_nav { display: flex; align-items: center; justify-content: center; margin-top: 24px; } a.sortPage[href="#daySchool"] { border-color:#d4407f; } a.sortPage[href="#schoolUp13"] { border-color:#f7a715; } a.sortPage[href="#round_gardens"] { border-color:#14579d; } a.sortPage[href="#gardens_camps"] { border-color:#5aab4c; } .typeSelector { display: flex; flex-direction: row; align-items: center; justify-content: center; } .typeSelector > .typeButton a { padding:10px 24px; background-color: #5aab4c; border:2px solid #5aab4c; font-weight: 600; text-transform: uppercase; color:#fff; display: inline-block; margin: 0 8px; } .typeSelector > .typeButton.openGroupA a { background-color:#14579d; border-color: #14579d; } .typeSelector > .typeButton.openGroupB a { background-color:#f7a715; border-color: #f7a715; } .typeSelector > .typeButton.openGroupC a { background-color:#d4407f; border-color: #d4407f; } .site-header .site-nav .nav > li:last-child > a { /* background-color: #0086FF; padding: 4px 16px; color: #fff; */ } /* bodya styles */ .workshop .summerCampsHeader { min-height: 280px; } .courses-btns-container .column { transition: transform 0.2s !important; } .courses-btns-container .column:hover { transform: scale(1.1) !important; font-weight: bold; } .workshop .summerCampsHeader .wrapper { height: 100%; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; } .workshop .summerCampsHeader .text { width: unset; } .summerCampsSection .header > .logo-bullet { display: none; } .summerCampsSection .courses-btns-container .column.stepNone { width: unset; padding: 0; margin-bottom: 0; flex-basis: calc(33% - 35px); min-height: 370px; max-width:360px; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: contain; text-decoration: none; } .summerCampsSection .courses-btns-container .column.stepNone span { background-color: #D3407E; } .courses-btns-container .column.stepNone { margin-right: auto; margin-left: unset; } .summerCampsSection .courses-btns-container { justify-content: space-around; } .summerCampsSection .courses-btns-container.stepNone { justify-content: unset; } /* .summerCampsSection .courses-btns-container .column.stepNone:nth-child(1) { background-image: url('../img/campsCardsImgs/1.png'); margin-right: auto; margin-left: 15px; } .summerCampsSection .courses-btns-container .column.stepNone:nth-child(2) { background-image: url('../img/campsCardsImgs/2.png'); margin-left: auto !important; margin-right: 15px !important; } */ /* .summerCampsSection .courses-btns-container .column.stepNone:nth-child(3) { background-image: url('../img/pictures/5d2648ebaa466.png'); } */ .summerCampsSection .bottomPagePart { width: 60%; margin: auto; text-align: center; } .summerCampsSection .bottomPagePart h2 { font-size: 57px; line-height: 40px; font-weight: bold; color: #3296D3; padding-bottom: 25px; } .summerCampsSection .bottomPagePart p { font-weight: 400; color: #333333; line-height: 40px; font-size: 29px; padding-bottom: 10px; } .summerCampsSection .bottomPagePart p.bold { font-weight: bold; } .summerCampsSection { position: relative; } .summerCampsSection .imageBottomPagePart { position: absolute; left: 0; bottom: 0; } /* .courses-btns-container .column.step2, .courses-btns-container .column.step00, .courses-btns-container .column.step01, .courses-btns-container .column.step10, .courses-btns-container .column.step111, .courses-btns-container .column.step110, .courses-btns-container .column.step100, .courses-btns-container .column.step101, .courses-btns-container .column.step102, .courses-btns-container .column.step103, .courses-btns-container .column.step104, .courses-btns-container .column.step021 { flex-basis: 100%; } .courses-btns-container .column.step2 a, .courses-btns-container .column.step00 a, .courses-btns-container .column.step01 a, .courses-btns-container .column.step10 a, .courses-btns-container .column.step110 a, .courses-btns-container .column.step111 a, .courses-btns-container .column.step100 a, .courses-btns-container .column.step101 a, .courses-btns-container .column.step102 a, .courses-btns-container .column.step103 a, .courses-btns-container .column.step104 a, .courses-btns-container .column.step021 a { text-align: right; font-size: 30px; color: #fff; font-weight: bold; padding: 9px 15px; } .courses-btns-container .column.step2:nth-child(1n+1) a, .courses-btns-container .column.step00:nth-child(1n+1) a, .courses-btns-container .column.step01:nth-child(1n+1) a, .courses-btns-container .column.step10:nth-child(1n+1) a, .courses-btns-container .column.step110:nth-child(1n+1) a, .courses-btns-container .column.step111:nth-child(1n+1) a, .courses-btns-container .column.step100:nth-child(1n+1) a, .courses-btns-container .column.step101:nth-child(1n+1) a, .courses-btns-container .column.step102:nth-child(1n+1) a, .courses-btns-container .column.step103:nth-child(1n+1) a, .courses-btns-container .column.step104:nth-child(1n+1) a, .column.step021:nth-child(1n+1) a { background-color: #3296D3; } .courses-btns-container .column.step2:nth-child(2n+2) a, .courses-btns-container .column.step00:nth-child(2n+2) a, .courses-btns-container .column.step01:nth-child(2n+2) a, .courses-btns-container .column.step10:nth-child(2n+2) a, .courses-btns-container .column.step110:nth-child(2n+2) a, .courses-btns-container .column.step111:nth-child(2n+2) a, .courses-btns-container .column.step100:nth-child(2n+2) a, .courses-btns-container .column.step101:nth-child(2n+2) a, .courses-btns-container .column.step102:nth-child(2n+2) a, .courses-btns-container .column.step103:nth-child(2n+2) a, .courses-btns-container .column.step104:nth-child(2n+2) a, .column.step021:nth-child(2n+2) a { background-color: #56A848; } .courses-btns-container .column.step2:nth-child(3n+3) a, .courses-btns-container .column.step00:nth-child(3n+3) a, .courses-btns-container .column.step01:nth-child(3n+3) a, .courses-btns-container .column.step10:nth-child(3n+3) a, .courses-btns-container .column.step110:nth-child(3n+3) a, .courses-btns-container .column.step111:nth-child(3n+3) a, .courses-btns-container .column.step100:nth-child(3n+3) a, .courses-btns-container .column.step101:nth-child(3n+3) a, .courses-btns-container .column.step102:nth-child(3n+3) a, .courses-btns-container .column.step103:nth-child(3n+3) a, .courses-btns-container .column.step104:nth-child(3n+3) a, .column.step021:nth-child(3n+3) a { background-color: #F7A713; } .courses-btns-container .column.step2:nth-child(4n+4) a, .courses-btns-container .column.step00:nth-child(4n+4) a, .courses-btns-container .column.step01:nth-child(4n+4) a, .courses-btns-container .column.step10:nth-child(4n+4) a, .courses-btns-container .column.step110:nth-child(4n+4) a, .courses-btns-container .column.step111:nth-child(4n+4) a, .courses-btns-container .column.step100:nth-child(4n+4) a, .courses-btns-container .column.step101:nth-child(4n+4) a, .courses-btns-container .column.step102:nth-child(4n+4) a, .courses-btns-container .column.step103:nth-child(4n+4) a, .courses-btns-container .column.step104:nth-child(4n+4) a, .column.step021:nth-child(4n+4) a { background-color: #E95718; } .courses-btns-container .column.step2:nth-child(5n+5) a, .courses-btns-container .column.step00:nth-child(5n+5) a, .courses-btns-container .column.step01:nth-child(5n+5) a, .courses-btns-container .column.step10:nth-child(5n+5) a, .courses-btns-container .column.step110:nth-child(5n+5) a, .courses-btns-container .column.step111:nth-child(5n+5) a, .courses-btns-container .column.step100:nth-child(5n+5) a, .courses-btns-container .column.step101:nth-child(5n+5) a, .courses-btns-container .column.step102:nth-child(5n+5) a, .courses-btns-container .column.step103:nth-child(5n+5) a, .courses-btns-container .column.step104:nth-child(5n+5) a, .column.step021:nth-child(5n+5) a { background-color: #D3407E; } .courses-btns-container .column.step2:nth-child(6n+6) a, .courses-btns-container .column.step00:nth-child(6n+6) a, .courses-btns-container .column.step01:nth-child(6n+6) a, .courses-btns-container .column.step10:nth-child(6n+6) a, .courses-btns-container .column.step110:nth-child(6n+6) a, .courses-btns-container .column.step111:nth-child(6n+6) a, .courses-btns-container .column.step100:nth-child(6n+6) a, .courses-btns-container .column.step101:nth-child(6n+6) a, .courses-btns-container .column.step102:nth-child(6n+6) a, .courses-btns-container .column.step103:nth-child(6n+6) a, .courses-btns-container .column.step104:nth-child(6n+6) a, .column.step021:nth-child(6n+6) a { background-color: #794292; } .courses-btns-container .column.step2:nth-child(7n+7) a, .courses-btns-container .column.step00:nth-child(7n+7) a, .courses-btns-container .column.step01:nth-child(7n+7) a, .courses-btns-container .column.step10:nth-child(7n+7) a, .courses-btns-container .column.step110:nth-child(7n+7) a, .courses-btns-container .column.step111:nth-child(7n+7) a, .courses-btns-container .column.step100:nth-child(7n+7) a, .courses-btns-container .column.step101:nth-child(7n+7) a, .courses-btns-container .column.step102:nth-child(7n+7) a, .courses-btns-container .column.step103:nth-child(7n+7) a, .courses-btns-container .column.step104:nth-child(7n+7) a, .column.step021:nth-child(7n+7) a { background-color: #13569C; } .courses-btns-container .column.step2:nth-child(8n+8) a, .courses-btns-container .column.step00:nth-child(8n+8) a, .courses-btns-container .column.step01:nth-child(8n+8) a, .courses-btns-container .column.step10:nth-child(8n+8) a, .courses-btns-container .column.step110:nth-child(8n+8) a, .courses-btns-container .column.step111:nth-child(8n+8) a, .courses-btns-container .column.step100:nth-child(8n+8) a, .courses-btns-container .column.step101:nth-child(8n+8) a, .courses-btns-container .column.step102:nth-child(8n+8) a, .courses-btns-container .column.step103:nth-child(8n+8) a, .courses-btns-container .column.step104:nth-child(8n+8) a, .column.step021:nth-child(8n+8) a { background-color: #3296D3; } .courses-btns-container .column.step2:nth-child(9n+9) a, .courses-btns-container .column.step00:nth-child(9n+9) a, .courses-btns-container .column.step01:nth-child(9n+9) a, .courses-btns-container .column.step10:nth-child(9n+9) a, .courses-btns-container .column.step110:nth-child(9n+9) a, .courses-btns-container .column.step111:nth-child(9n+9) a, .courses-btns-container .column.step100:nth-child(9n+9) a, .courses-btns-container .column.step101:nth-child(9n+9) a, .courses-btns-container .column.step102:nth-child(9n+9) a, .courses-btns-container .column.step103:nth-child(9n+9) a, .courses-btns-container .column.step104:nth-child(9n+9) a, .column.step021:nth-child(9n+9) a { background-color: #56A848; } .courses-btns-container .column.step2:nth-child(10n+10) a, .courses-btns-container .column.step00:nth-child(10n+10) a, .courses-btns-container .column.step01:nth-child(10n+10) a, .courses-btns-container .column.step10:nth-child(10n+10) a, .courses-btns-container .column.step110:nth-child(10n+10) a, .courses-btns-container .column.step111:nth-child(10n+10) a, .courses-btns-container .column.step100:nth-child(10n+10) a, .courses-btns-container .column.step101:nth-child(10n+10) a, .courses-btns-container .column.step102:nth-child(10n+10) a, .courses-btns-container .column.step103:nth-child(10n+10) a, .courses-btns-container .column.step104:nth-child(10n+10) a, .column.step021:nth-child(10n+10) a { background-color: #F7A713; } */ /* .courses-btns-container .column.step2, .courses-btns-container .column.step00, .courses-btns-container .column.step01, .courses-btns-container .column.step10, .courses-btns-container .column.step111, .courses-btns-container .column.step110, .courses-btns-container .column.step100, .courses-btns-container .column.step101, .courses-btns-container .column.step102, .courses-btns-container .column.step103, .courses-btns-container .column.step104, .courses-btns-container .column.step021 { flex-basis: 100%; } */ /* .courses-btns-container .column.step2 a, .courses-btns-container .column.step00 a, .courses-btns-container .column.step01 a, .courses-btns-container .column.step10 a, .courses-btns-container .column.step110 a, .courses-btns-container .column.step111 a, .courses-btns-container .column.step100 a, .courses-btns-container .column.step101 a, .courses-btns-container .column.step102 a, .courses-btns-container .column.step103 a, .courses-btns-container .column.step104 a, .courses-btns-container .column.step021 a { text-align: right; font-size: 30px; color: #fff; font-weight: bold; padding: 9px 15px; } */ /* .courses-btns-container .column:not(.lastListItem, .stepNone) { text-align: right; font-size: 30px; color: #fff; font-weight: bold; padding: 9px 15px; } */ .column.lastListItem a { text-align: right; font-size: 30px; color: #fff; font-weight: bold; } .column.lastListItem { flex-basis: 100%; } .column.lastListItem:nth-child(1n+1) a, .column.step11:nth-child(1n+1) a, .column.step02:nth-child(1n+1) a, .column.step00:nth-child(1n+1) a, .column.step01:nth-child(1n+1) a { background-color: #3296D3; } .column.lastListItem:nth-child(2n+2) a, .column.step11:nth-child(2n+2) a, .column.step02:nth-child(2n+2) a, .column.step00:nth-child(2n+2) a, .column.step01:nth-child(2n+2) a { background-color: #56A848; } .column.lastListItem:nth-child(3n+3) a, .column.step11:nth-child(3n+3) a, .column.step02:nth-child(3n+3) a, .column.step00:nth-child(3n+3) a, .column.step01:nth-child(3n+3) a { background-color: #F7A713; } .column.lastListItem:nth-child(4n+4) a, .column.step11:nth-child(4n+4) a, .column.step02:nth-child(4n+4) a, .column.step00:nth-child(4n+4) a, .column.step01:nth-child(4n+4) a { background-color: #E95718; } .column.lastListItem:nth-child(5n+5) a, .column.step11:nth-child(5n+5) a, .column.step02:nth-child(5n+5) a, .column.step00:nth-child(5n+5) a, .column.step01:nth-child(5n+5) a { background-color: #D3407E; } .column.lastListItem:nth-child(6n+6) a, .column.step11:nth-child(6n+6) a, .column.step02:nth-child(6n+6) a, .column.step00:nth-child(6n+6) a, .column.step01:nth-child(6n+6) a { background-color: #794292; } .column.lastListItem:nth-child(7n+7) a, .column.step11:nth-child(7n+7) a, .column.step02:nth-child(7n+7) a, .column.step00:nth-child(7n+7) a, .column.step01:nth-child(7n+7) a { background-color: #13569C; } .column.lastListItem:nth-child(8n+8) a, .column.step11:nth-child(8n+8) a, .column.step02:nth-child(8n+8) a, .column.step00:nth-child(8n+8) a, .column.step01:nth-child(8n+8) a { background-color: #3296D3; } .column.lastListItem:nth-child(9n+9) a, .column.step11:nth-child(9n+9) a, .column.step02:nth-child(9n+9) a, .column.step00:nth-child(9n+9) a, .column.step01:nth-child(9n+9) a { background-color: #56A848; } .column.lastListItem:nth-child(10n+10) a, .column.step11:nth-child(10n+10) a, .column.step02:nth-child(10n+10) a, .column.step00:nth-child(10n+10) a, .column.step01:nth-child(10n+10) a { background-color: #F7A713; } .courses-btns-container .column.step1, .courses-btns-container .column.step0 { flex-basis: 31%; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); min-height: 340px; background-size: contain; background-repeat: no-repeat; margin: 0 !important; display: -webkit-flex; display: -ms-flex; display: flex; -ms-align-items: flex-end; align-items: flex-end; justify-content: center; } .courses-btns-container .column.step0 { flex-basis: calc(33% - 32px); margin: 0 16px 24px!important; } .summerCampsSection.step1 .courses-btns-container, .summerCampsSection.step11 .courses-btns-container, .summerCampsSection.step0 .courses-btns-container { justify-content: space-around; } .courses-btns-container .column.step1 a , .courses-btns-container .column.step11 a , .courses-btns-container .column.step0 a { margin-bottom: 20px; width: 100%; } .courses-btns-container .column.step1:nth-child(1) { background-image: url('../img/pictures/childsub21.jpg'); } .courses-btns-container .column.step1:nth-child(2) { background-image: url('../img/pictures/childsub22.jpg'); } .bodyaTestMail { /* display: none; */ } .courses-btns-container .column.step1:nth-child(3) { background-image: url('../img/pictures/childsub23.jpg'); } .courses-btns-container .column.step0:nth-child(1) { background-image: url('../img/pictures/boy2.jpg'); } .courses-btns-container .column.step0:nth-child(2) { background-image: url('../img/pictures/girl_1.jpg'); } .courses-btns-container .column.step0:nth-child(3) { background-image: url('../img/pictures/childsub22.jpg'); } section.workshop.summerCampsSection.step2 > .wrapper .courses-btns-container, section.workshop.summerCampsSection.step00 > .wrapper .courses-btns-container, section.workshop.summerCampsSection.step01 > .wrapper .courses-btns-container, section.workshop.summerCampsSection.step10 > .wrapper .courses-btns-container, section.workshop.summerCampsSection.step110 > .wrapper .courses-btns-container, section.workshop.summerCampsSection.step111 > .wrapper .courses-btns-container, section.workshop.summerCampsSection.step100 > .wrapper .courses-btns-container, section.workshop.summerCampsSection.step101 > .wrapper .courses-btns-container, section.workshop.summerCampsSection.step102 > .wrapper .courses-btns-container, section.workshop.summerCampsSection.step103 > .wrapper .courses-btns-container, section.workshop.summerCampsSection.step104 > .wrapper .courses-btns-container { margin-top: 0; padding-top: 30px; } section.workshop.summerCampsSection.step2, section.workshop.summerCampsSection.step00, section.workshop.summerCampsSection.step01, section.workshop.summerCampsSection.step10, section.workshop.summerCampsSection.step100, section.workshop.summerCampsSection.step101, section.workshop.summerCampsSection.step102, section.workshop.summerCampsSection.step103, section.workshop.summerCampsSection.step104 { background-image: url('../img/pictures/background_step2.png'); background-position-y: 580px; background-size: contain; } section.workshop.summerCampsSection.step110, section.workshop.summerCampsSection.step111, section.workshop.summerCampsSection.step10, section.workshop.summerCampsSection.step101, section.workshop.summerCampsSection.step102, section.workshop.summerCampsSection.step103, section.workshop.summerCampsSection.step104 { background-image: url('../img/pictures/background_step2.png'); background-position-y: 580px; background-size: cover !important; } .summerCampsSection.step1, .summerCampsSection.step11, .summerCampsSection.step0 { background-image: url('../img/pictures/background_step2.png'); background-position-y: 580px; background-size: cover; }