/* Тело */ @import url('https://fonts.googleapis.com/css?family=Lora:400i&subset=cyrillic'); @import url('https://fonts.googleapis.com/css?family=Marck+Script&subset=cyrillic'); body { margin: 0; background: url('img/bodyBG.jpg'); } .wrap_body, .header_wraps, .footer_wraps { width: 90%; background: linear-gradient(#EAEAEA, transparent 1px), linear-gradient(90deg, #EAEAEA, transparent 1px), rgb(255, 255, 255); background-size: 15px 15px; background-position: center center; margin: 0 auto; box-shadow: -10px 0px 11px -14px #000000, 10px 0px 11px -14px #000000; } .wrap_body { margin: 0 auto; display: flex; flex-wrap: nowrap; } .my_adress_head, .div-content h1, .div-content h2, .div-content h3, .div-content h4, .div-content h5, .links_vk, .pagination_my_page div.nav-links a, .div-content a, .footer h2, #sp-ea-97.sp-easy-accordion>.sp-ea-single>.ea-header a, #sp-ea-97.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon { font-family: 'lora'; color: #6500c1; } .my_adress_head, .my_pfone_head, .div-content h1, .div-content h2, .div-content h3, .div-content h4, .div-content h5, .links_vk, .pagination_my_page div.nav-links a, .div-content a, .breadcrumbs { font-weight: normal; font-style: italic; text-decoration: underline; } .header_contakt_wraps { background: url('img/PencilTopBotton.jpg') repeat-x bottom; } .my_desc, .my_title, .breadcrumbs, .theme_phones, .footer_tel, .my_pfone_head { font-family: 'lora'; color: #2350AB; text-shadow: 2px 2px 4px #2222228C; } .my_title { border-bottom: solid 1px #6700C1; color: #6700C1; } .theme_phones, .footer_tel, .my_pfone_head { font-size: 20px; line-height: 30px; } .my_desc { font-size: 22px; line-height: 30px; } .title_desc, .contakts { width: 100%; } .my_pfone_head { background: url('img/heart.png') no-repeat left center; height: 70px; font-weight: bold; line-height: 35px; } .pagination_my_page div.nav-links a { padding: 5px; } .pagination_my_page, .div-content a { padding: 15px 0; } .div-content h1, .div-content h2, .div-content h3, .div-content h4, .div-content h5 { max-width: 95%; height: 45px; background: url('img/star.png') no-repeat left; line-height: 45px; padding-left: 45px; } /* шапка */ .contakts { text-align: center; background: url('img/heart.png') no-repeat right center; } .header_contakt_wraps { display: flex; align-items: normal; text-align: center; flex-wrap: wrap; width: 90%; margin: 0 auto; justify-content: space-around; } .header_wraps { display: block; margin: 0 auto; } /* меню */ .div-menu { width: 100%; margin: 0 auto; background: url('img/BGHeadFooter.png') repeat-x top; } .my-menu-header { display: flex; position: relative; margin-left: -40px; } .my-menu-header li ul { position: absolute; } .my-menu-header-container { display: flex; justify-content: center; align-items: center; transition: 0.5s; } .my-menu-header-container ul li { list-style: none; padding: 0; display: block; } .div-menu .my-menu-header-container .my-menu-header .MobileMenu a { width: 100px; font-size: 25px; } .my-menu-header-container ul li a, button, .knopka_forms_go { text-decoration: none; display: flex; background: linear-gradient(to right, #1c57ca 0%, #274d9c 25%, #3964b8 50%, #274d9c 75%, #1c57ca 100%); text-align: center; justify-content: center; align-items: center; color: #fff; font-family: 'comic sans ms'; font-size: 18px; line-height: 25px; font-style: italic; font-weight: bolder; letter-spacing: 2px; border-radius: 108px 120px 108px 190px / 0px 150px 0px 120px; box-shadow: -3px 3px 3px #00000082; } .my-menu-header-container ul li a { width: 150px; height: 45px; font-size: 16px; line-height: 18px; } button { width: 110px; font-size: 16px; box-shadow: none; } .my-menu-header-container ul li a:hover, button:hover, .knopka_forms_go:hover { transform: scale(1.2); box-shadow: 0px 2px 8px 0px #414141; } .my-menu-header-container .sub-menu { display: none; } .my-menu-header-container .sub-menu li a { font-size: 15px; height: 50px; width: 150px; } .div-menu .my-menu-header-container .my-menu-header .MobileMenu { display: none; } .noArm { cursor: default; } /* сайдбар */ .sidebar-margo-img, .footer-margo-img { display: block; width: 141px; height: 202px; background: url('img/margo.png') no-repeat; margin: auto auto; } .div-sidebar-wraps, .footer_forms { background: url('img/PencilLeftRight.jpg') repeat-y right; } .div-sidebar-wraps { background: url('img/PencilLeftRight.jpg') repeat-y left; } .div-sidebar { width: 95%; padding-left: 15px; margin-top: 30px; background: url('img/bgsidebar.png'); } .div-sidebar li { list-style: none; } .div-sidebar ul li a { line-height: 30px; } .div-sidebar h2 { background-image: url('img/heartSidebar.png'), linear-gradient(to right, #1c57ca 0%, #274d9c 25%, #3964b8 50%, #274d9c 75%, #1c57ca 100%); background-repeat: no-repeat; background-position: right bottom; color: #fff; font-family: 'comic sans ms'; font-style: italic; padding-left: 5px; border-radius: 15px; box-shadow: -3px 3px 3px black; font-size: 20px; height: 35px; display: flex; align-items: center; width: 95%; } .div-sidebar a { color: #274d9c; font-family: 'comic sans ms'; font-style: italic; font-weight: bold; } .wp-block-latest-posts li a { margin-left: 40px; } /* Поиск */ .wp-block-search__label { display: none; } .wp-block-search__input { border: #2350AB 2px solid; border-radius: 25px; background: rgb(255, 255, 255); } /* тело контент */ .div-content { width: 75%; padding: 15px; } .div-content p { font-family: 'comic sans ms'; } .div-content p:not(.breadcrumbs_text)::first-letter { font-family: 'Marck Script'; color: #6500c1; font-weight: bolder; font-size: 35px; } /* Вопрос ответ */ #sp-ea-97.sp-easy-accordion>.sp-ea-single { background: #fff; border: none; box-shadow: -10px 7px 5px -7px #404040; } /* Галлерея */ .rbs-img-content { font-size: 16px !important; line-height: 20px !important; font-family: 'lora' !important; color: #6700C1 !important; } /* хлебные крошки */ .breadcrumbs { line-height: 30px; } /* подвал */ .footer { width: 95%; padding: 15px; display: flex; justify-content: space-around; align-items: baseline; background: url('img/PencilTopBotton.jpg') repeat-x top; } /* Меню подвал */ .sfsiplus_footerLnk { display: none !important; } .my-menu-footer { padding-left: 0; } .my-menu-footer-container ul li { display: block; margin-bottom: 5px; } .my-menu-footer-container ul li a { font-size: 16px; color: #2350AB; line-height: 30px; } .my-menu-footer-container li { list-style: none; } /* Контакты подвал */ .footer_contakts { width: 40%; } /* Форма связи */ .footer, .wpcf7-not-valid-tip { color: #2350AB; font-family: 'lora', serif; font-style: italic; margin: 0 auto; text-align: center; font-size: 18px; font-weight: bold; } .footer_forms { display: flex; flex-wrap: wrap; margin: 0 auto; justify-content: center; align-items: center; width: 60%; } .wpcf7-not-valid-tip { font-weight: bold; } form.wpcf7-form input.myFormName, form.wpcf7-form input.myFormTel, form.wpcf7-form input.myFormEmail, form.wpcf7-form input.myFormTema, form.wpcf7-form textarea.myFormMessage { margin: 5px 0; color: #2350AB; font-weight: bold; border-radius: 15px; padding: 5px; border: #2350AB 2px solid; outline: none; } form.wpcf7-form input.myFormName:focus, form.wpcf7-form input.myFormTel:focus, form.wpcf7-form input.myFormEmail:focus, form.wpcf7-form input.myFormTema:focus, form.wpcf7-form textarea.myFormMessage:focus, .wp-block-search__input:focus { border-radius: 5px; border: #2350AB 2px dashed; outline: none; } form.wpcf7-form textarea.myFormMessage { resize: none; outline: none; } .wpcf7 form.sent .wpcf7-response-output { border: none; outline: none; border-color: none; } .knopka_forms_go:active { box-shadow: 0 0 11px #000 inset; scale: 0.9; } .smart-captcha { height: 100px; } .knopka_forms_go { width: 150px; height: 50px; margin: 0 auto; box-shadow: none; } #footer_tel { display: none; } /* год */ .years { padding: 5px 0; margin: 0 auto; text-align: center; display: flex; width: 100%; height: 70px; justify-content: center; align-items: flex-start; background: url('img/BGHeadFooter.png') repeat-x bottom; font-family: 'Bad Script', cursive; color: #2350AB; font-weight: bold; font-size: 12px; } .years a { color: #6700C1; } /* кнопка вверх */ #go_top { background: url('img/top_arrow.png') no-repeat right; text-align: center; height: 48px; width: 48px; position: fixed; bottom: 15px; left: 15px; display: none; } #go_top:hover { cursor: pointer; } /* адаптив */ @media only screen and (max-width: 1250px) { .footer h2 { font-size: 23px; } } @media only screen and (max-width: 1250px) { .footer_forms { background: none; } } @media only screen and (max-width: 1050px) { #checkbox { width: 85%; margin: 0 auto; } .my-menu-header-container ul li a { width: 130px; font-size: 14px; } .header_contakt_wraps { width: 85%; } #go_top { left: 0; } } @media only screen and (max-width: 950px) { .sidebar-margo-img, #sfsi-plus-widget-2 { display: none; } .wrap_body { display: flex; flex-wrap: wrap; } .div-sidebar-wraps { order: 0; } .div-content { order: 1; } .div-content, .div-sidebar-wraps { width: 90%; margin: 0 auto; } .header_contakt_wraps { width: 90%; } .my-menu-header-container ul li a, .my-menu-header-container .sub-menu li a { width: 120px; font-size: 12px; } } @media only screen and (max-width: 800px) { .my-menu-header-container ul li a, .my-menu-header-container .sub-menu li a { width: 150px; font-size: 14px; height: 35px; } .my-menu-header-container ul li { position: relative; display: block; } .my-menu-header { display: block; position: fixed; top: 10px; left: 0; z-index: 1000; } .my-menu-header li ul { position: relative; } .div-menu .my-menu-header-container .my-menu-header .MobileMenu { display: block; } ul.my-menu-header>li:not(:first-child) { display: none; } .div-menu .my-menu-header-container .my-menu-header .MobileMenu a { width: 60px; } .footer { display: block; font-size: 18px; } #footer_tel { display: block; margin: 10px auto; line-height: 40px; } .footer_contakts, .footer_forms { width: 90%; margin: 0 auto; } .footer_forms { background: none; } .footer h2 { font-size: 23px; } } @media only screen and (max-width: 730px) { .my_title { font-size: 25px; } .my_desc, .theme_phones { font-size: 18px; line-height: 20px; } .footer h2 { font-size: 21px; } } @media only screen and (max-width: 650px) { #go_top { width: 35px; } } @media only screen and (max-width: 550px) { .wrap_body { flex-wrap: wrap; } .div-content, .div-sidebar { width: 100%; } .header_contakt_wraps { width: 85%; } } @media only screen and (max-width: 500px) { .div-content h1 { font-size: 20px; } @media only screen and (max-width: 400px) { .my_pfone_head, .contakts { background: none; } form input, form textarea { width: 90%; } } @media only screen and (max-width: 450px) { .footer { flex-wrap: wrap; padding: 0; } .footer_contakts, .footer_forms { width: 100%; } .div-content p { font-size: 15px; } #go_top { width: 25px; } } @media only screen and (max-width: 350px) { h1.my_title { font-size: 25px; } form input, form textarea { width: 80%; } .footer { font-size: 15px; } }