//переменные @colorConsultation: #8e8e8e; //шрифты @font-face { font-family: FuturaDemic; src: url('fonts/FTR65.eot'); src: local('?'), url('fonts/FTR65.woff') format('woff'), url('fonts/FTR65.ttf') format('truetype'), url('fonts/FTR65.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_Monaco'; src: url('fonts/Monaco.eot'); src: local('?'), url('fonts/Monaco.woff') format('woff'), url('fonts/Monaco.ttf') format('truetype'), url('fonts/Monaco.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'monospac821_win95btroman'; src: url('fonts/monospace_821_win95bt-webfont.eot'); src: url('fonts/monospace_821_win95bt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/monospace_821_win95bt-webfont.woff') format('woff'), url('fonts/monospace_821_win95bt-webfont.ttf') format('truetype'), url('fonts/monospace_821_win95bt-webfont.svg#monospac821_win95btroman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_FTR45'; src: url('fonts/FTR45.eot'); src: local('?'), url('fonts/FTR45.woff') format('woff'), url('fonts/FTR45.ttf') format('truetype'), url('fonts/FTR45.svg') format('svg'); font-weight: normal; font-style: normal; } //опции .container { max-width: 1920px; padding: 0; width: 100%; position: relative; } .Conv_FTR45 { font-family: 'Conv_FTR45'; } .FuturaDemic { font-family: FuturaDemic; } .Conv_Monaco { font-family: monospac821_win95btroman, sans-serif; } .page_container { width: 1000px; margin: 0 auto; } .disclaimer{ font-size:12px; color:#727272; padding:0 0 5px 0;} .header_socials { position: absolute; right: 100px; bottom: 20px; > div { float: left; margin: 0 0 0 10px; a { display: block; } } } //mine.html .header_img { overflow: hidden; box-shadow: 0 1px 10px 1px #DCDCEC; } .main_img { background: url(../img/main_img.jpg) center center no-repeat; background-size: cover; min-height: 556px; } .header { position: absolute; height: 552px; padding: 100px 0 0 100px; width: 100%; top: 0; .social { position: absolute; right: 140px; font-size: 20px; top: 56px; .Conv_Monaco; li { a { text-decoration: none; } } } .main_name_absolute a { position: absolute; font-size: 50px; color: #ffffff; top: 16px; left: 100px; text-decoration: none; .Conv_Monaco; &:hover { border-bottom: 1px solid #fff; } } .menu { position: absolute; .FuturaDemic; li { a { font-size: 20px; color: #ffffff; } } } .main_name { // .Conv_Monaco; font-family: 'Roboto', sans-serif; float: left; clear: left; font-size: 50px; color: #ffffff; margin: 260px 0 0 240px; div { font-size: 20px; } } .language { position: absolute; bottom: 20px; .menu; li.current { > a { background: url("http://brainstorm.com.ua/annagalliers/themes/classic/css/../img/how_it_works_bg.png"); border: none; padding: 0 3px; } > a:hover { border: none; } } li { a { line-height: 25px; text-decoration: none; &:hover { border-bottom: 1px solid #fff; } } } } } .content { .content_top { .the_consultation { text-align: center; margin: 76px 0 60px 0; color: @colorConsultation; padding: 0 140px; text-transform: uppercase; .Conv_Monaco; font-size: 24px; span { font-size: 20px; text-transform: none; } } .consultation_text { padding: 0 140px 40px; .Conv_Monaco; color: #333; font-size: 14px; margin-top: 42px; margin-left: 0; margin-right: 0; } } .content_center { background: url(../img/border_content_center.png) 50% 0 no-repeat; .content_center_text { padding: 60px 140px 76px; text-transform: uppercase; .Conv_Monaco; text-align: center; font-size: 24px; line-height: 22px; span { font-size: 16px; text-transform: none; } } } } .footer_bg { background: url(../img/bg_footer.png) 0px 0px no-repeat; .footer { background: url(../img/mine_bg.png); .footer_top { padding: 0 0 90px 0; .row { margin: 0 auto; width: 100%; padding: 60px 120px 0px; text-align: center; .col-md-4 { width: 338px; display: inline-block; text-align: initial; float: inherit; .newspaper { font-size: 24px; color: #000000; .Conv_Monaco; background: url(../img/border_news.png) 208px 18px no-repeat; margin: 0 0 30px 0; } .clippings { img { border: 2px solid #aaa48a; } } .newspaper_info { font-size: 20px; margin: 16px 0 0 0; overflow: hidden; .Conv_FTR45; a { color: #000000; } } .newspaper_date { font-size: 13px; .Conv_Monaco; margin: 10px 0 0 0; background: url("../img/border_news2.png") right 50% no-repeat; } .download_pdf { font-size: 13px; text-transform: uppercase; .Conv_Monaco; a { color: #000; } } } } } .footer_bottom { height: 332px; background: url("../img/bg_footer_bottom.png"); color: #ffffff; text-align: center; .phone_number { margin: 80px 0 0 0; text-transform: uppercase; .Conv_Monaco; font-size: 13px; span { font-size: 15px; color: #8e8e8e; text-transform: none; .Conv_FTR45 } em { font-style: normal; } } .contacts { margin: 21px 0 0 0; text-transform: uppercase; span { .Conv_Monaco; font-size: 13px; span { color: #8e8e8e; .Conv_FTR45; font-size: 15px; text-transform: none; } } .email { margin: 0 0 0 20px; } } .name { .Conv_Monaco; font-size: 10px; width: 184px; display: inline-block; background: url("../img/border_footerr.png") top no-repeat; padding: 10px 0 0 0; margin: 76px 0 0 0; } } } } //не создавать сложную структуру!! // about me.html .header { .menu { li.current { > a { border-bottom: 1px solid #fff; } } li { a { line-height: 25px; text-decoration: none; &:hover { border-bottom: 1px solid #fff; } } ul { padding: 0 0 0 16px; } } } } .content { margin-bottom: 60px; .the_consultation { text-transform: uppercase; .about_me { font-size: 15px !important; } } } .footer2 { .footer_top { padding: 0 0 90px 0; .row { margin: 0 auto; width: 100%; padding: 60px 120px 0px; text-align: center; .col-md-4 { width: 338px; display: inline-block; text-align: initial; float: inherit; .newspaper { font-size: 24px; color: #000000; .Conv_Monaco; background: url(../img/border_news.png) 208px 18px no-repeat; margin: 0 0 30px 0; } .clippings { img { border: 2px solid #aaa48a; } } .newspaper_info { font-size: 20px; margin: 16px 0 0 0; overflow: hidden; .Conv_FTR45; a { color: #000000; } } .newspaper_date { font-size: 13px; .Conv_Monaco; margin: 10px 0 0 0; background: url("../img/border_news2.png") right 50% no-repeat; } .download_pdf { font-size: 13px; .Conv_Monaco; a { color: #000; } } } } } .footer_bottom { height: 332px; color: #000000; text-align: center; .phone_number { margin: 80px 0 0 0; .Conv_Monaco; font-size: 13px; text-transform: uppercase; span { font-size: 15px; color: #8e8e8e; text-transform: none; .Conv_FTR45 } em { font-style: normal; } } .contacts { margin: 21px 0 0 0; span { .Conv_Monaco; font-size: 13px; text-transform: uppercase; span { color: #8e8e8e; .Conv_FTR45; font-size: 15px; text-transform: none; } } .email { margin: 0 0 0 20px; } } .name { .Conv_Monaco; font-size: 10px; width: 184px; display: inline-block; background: url("../img/border_footerr2.png") top no-repeat; padding: 10px 0 0 0; margin: 76px 0 0 0; } } } //how_it_works.html .container { .how_it_works { margin: 0 auto; padding: 42px; width: 710px; font-size: 30px; text-align: center; right: 100px; top: 60px; font-family: arial; color: #8e8e8e; span { font-size: 15px; line-height: 20px; text-align: justify; .Conv_FTR45; margin: 10px 0 0 0; display: block; } } } //news.html .news_page { padding: 0 0 30px 0; } .news_page .fancybox { margin-top: 0; } .content { .content_top { .row_last_news { margin: 0 auto 20px; max-width: 1060px; text-align: center; .col_last_news { width: 508px; text-align: justify; height: 330px; display: inline-block; .view_calendar { text-align: center; margin: 70px 0 0 0; text-transform: uppercase; .Conv_Monaco; font-size: 20px; a { color: #000000; } } .last_news_img { img { border: 2px solid #c8c8c8; } } .last_news_info { max-height: 236px; overflow: hidden; font-size: 24px; .Conv_Monaco; div { font-size: 15px; margin: 20px 0 0 0; } } } } } .content_top_border { border-bottom: 1px solid #bbbbbb; padding: 0 0 86px 0; > .the_consultation { margin-bottom: 70px; } } } .content_top { .row { .col_news { width: 508px; float: inherit; display: inline-block; vertical-align: top; .news_img { img { //height: 335px; //width: 445px; border: 2px solid #cccccc; } } .news_date { color: #cccccc; font-size: 13px; background: url("../img/border_last_news.png") right 50% no-repeat; text-align: left; } .news_link { display: block; color: #181814; .Conv_Monaco; font-size: 13px; text-align: right; text-transform: uppercase; } } } } .news_info { text-align: left; font-size: 24px; margin: 18px 0 0 0; .Conv_Monaco; .news_text_wrap { margin: 22px 0 0 0; .news_text { font-size: 15px; height: 66px; overflow: hidden; } } .news_title { height: 68px; overflow: hidden; text-transform: uppercase; } } //the art of knowing.html .header_img_opacity { opacity: 0.2; } .header_know_img { background: url(../img/how_it_works_image.jpg) center center no-repeat; background-size: cover; min-height: 556px; } .header_white { .menu { li.current { a { border-bottom: 1px solid #0f0f0f; } } } .language { li.current { > a { color: #fff !important; } > a:hover { border: none; } } } a { color: #0f0f0f !important; &:hover { border-bottom: 1px solid #0f0f0f !important; } } } .content { .content_top { .the_consultation { .art_fonts { .Conv_FTR45 !important; font-size: 19px !important; margin-top: 30px !important; } } .row { .col_art { vertical-align: top; text-align: justify; margin: 0; .Conv_Monaco; } } } } //photo gallery.html .content_top { .photo_row { max-width: 1000px; margin: 0 auto; text-align: center; .photo_gallery { position: relative; width: 309px; height: 167px; display: inline-block; text-align: left; margin: 10px; .grayscale { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } &:hover { .grayscale { opacity: 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } } img { position: absolute; } } } } //calendar_of_events.html .calendar_of_events { .the_consultation { font-size: 24px; color: #000 !important; .Conv_Monaco; } .events_container { margin: 0 auto; max-width: 1000px; text-align: center; background: url("../img/border_content_center.png") 50% bottom no-repeat; padding: 0 0 74px 0; .events { margin: 60px 0 0 0; .Conv_Monaco; .events_left { display: inline-block; text-align: right; color: #8e8e8e; font-size: 15px; width: 400px; margin: 0 20px 0 0; } .events_right { display: inline-block; text-align: left; color: #000; font-size: 24px; width: 400px; margin: 0 0 0 20px; } } } } .events_number_fix { margin: 0 !important; } //video footage.html .content_top { .footage { float: inherit; margin: 86px 0 0 0 !important; vertical-align: top; .last_news_info { max-height: 330px !important; } .news_date { margin: 20px 0 0 0; } } } //testimonials.html .testimonials_info { padding: 0 0 50px 0 !important; background: url("../img/border_content_center.png") bottom no-repeat; } .testimonials_row { width: 740px; .testimonials_col { min-width: 740px !important; text-align: center !important; display: inline-block !important; .Conv_Monaco; .name_comentator { font-size: 10px; width: 184px; display: inline-block; background: url("../img/border_footerr2.png") top no-repeat; padding: 10px 0 0 0; margin: 10px 0 56px 0; text-align: center; display: inline-block; .Conv_Monaco; } } } //contacts.html .header_contacts { height: 800px; .language_contacts { bottom: 378px; } .contacts_wrap { width: 100%; height: 460px; background: url("../img/bg_footer_bottom.png"); position: absolute; bottom: 0; left: 0; padding: 10px 0 0 140px; .Conv_Monaco; .contact_contact { font-size: 50px; margin: 0 0 10px 0; .Conv_Monaco; color: #fff; } .phone_number { font-size: 20px; color: #8e8e8e; text-transform: uppercase; span { color: #fff; .Conv_FTR45; text-transform: none; em { font-style: normal; } } } .skype { font-size: 20px; color: #8e8e8e; margin: 10px 0; text-transform: uppercase; span { color: #fff; .Conv_FTR45; text-transform: none; } } .email { font-size: 20px; color: #8e8e8e; margin-top: 10px; text-transform: uppercase; span { color: #fff; .Conv_FTR45; text-transform: none; } } a { color: #fff !important; } .social_contact { li { a { color: #fff !important; font-size: 20px; text-decoration: none; text-transform: uppercase; &:hover { border-bottom: 1px solid #fff !important; } } } } .pay_pal { font-size: 20px; color: #cccccc; line-height: 20px; margin: 20px 0 0 0; .Conv_FTR45; ul { .social_contact; display: inline-block; li { padding-left: 0; padding-right: 0; } } } } } .bottom_contacts { .Conv_Monaco; font-size: 15px; padding: 0 280px; margin: 20px 0 0 0; } .contacts-form { padding-top: 40px; } .contacts-form-title { margin-bottom: 32px; font-family: monospac821_win95btroman, sans-serif; } .contact-inner { width: 600px; margin: 0 auto; .contacts-confirm { margin-bottom: 32px; font-size: 20px; } } .form-group { margin-bottom: 20px; .help-inline { display: inline-block; margin-top: 5px; color: #ffa926; } } .form-control { height: 42px; border: 1px solid rgba(0, 0, 0, .2); border-radius: 0; font-family: monospac821_win95btroman, sans-serif; font-weight: bold; color: #252525; box-shadow: none; &:focus { border: 1px solid rgba(0, 0, 0, .2); box-shadow: none; } } textarea.form-control { width: 100%; min-height: 100px; } .contacts-form-btn { padding-bottom: 30px; } .contacts-btn { font-family: monospac821_win95btroman, sans-serif; font-size: 16px; font-weight: 600; display: inline-block; width: 50%; margin-top: 24px; padding: 15px 0; border: none; color: #ffffff; border-radius: 0; background-color: #ffa926; transition: background-color .3s linear; &:hover, &:focus { color: #fff; background-color: #eb9626; outline: none; } } //правки сереги .header .menu li.hasChildren ul { display: none; } .header .menu li.hasChildren.current ul { display: block; } //menu правки .header { .menu { li { ul { list-style: none; } } } } .pagination, .pagination-video { margin-bottom: 0; ul { list-style: none; padding: 0; margin: 0; li { display: none; margin: 0 10px 0 10px; } .previous, .next { display: block; display: inline-block; a { color: #000000; font-size: 15px; font-weight: bold; .Conv_FTR45; text-transform: uppercase; } } .disabled { text-decoration: none; a { color: #8e8e8e; text-decoration: none; } } .next { } } } .row_knowing { margin-top: 70px !important; } .social_contact > li { padding-left: 0; padding-right: 0; } .contacts_text { margin-bottom: 10px; font-family: FuturaDemic, sans-serif; font-size: 20px; color: #8e8e8e; } .container-video { display: block; width: 100px; margin: 0 auto; text-align: center; font-size: 16px; color: rgb(80, 87, 223); text-decoration: underline; line-height: 1.1; } @media screen and (max-width:992px) { .contacts-xs { display: none; } }