/* =============================================== */ /* ============= template onnimax ============= */ /* ================ Andrey Mironov =============== */ /* =============================================== */ /* font-family: 'Montserrat', sans-serif; font-family: 'Roboto', sans-serif; */ /* Color Theme Swatches in Hex */ /* Color Theme Swatches in RGBA */ /* Color Theme Swatches in HSLA */ .OnnimaxWeb-1-hex {color: #12338A;} .OnnimaxWeb-1-rgba {color: rgba(18, 51, 138, 1);} .OnnimaxWeb-1-hsla {color: hsla(223, 76, 30, 1);} .OnnimaxWeb-2-hex {color: #1A46BA;} .OnnimaxWeb-2-rgba {color: rgba(26, 70, 186, 1);} .OnnimaxWeb-2-hsla {color: hsla(223, 75, 41, 1);} .OnnimaxWeb-3-hex {color: #CFE3FF;} .OnnimaxWeb-3-rgba {color: rgba(207, 227, 255, 1);} .OnnimaxWeb-3-hsla {color: hsla(215, 100, 90, 1);} .OnnimaxWeb-4-hex {color: #E4AB47;} .OnnimaxWeb-4-rgba {color: rgba(228, 171, 71, 1);} .OnnimaxWeb-4-hsla {color: hsla(38, 74, 58, 1);} .OnnimaxWeb-5-hex {color: #F0F1F3;} .OnnimaxWeb-5-rgba {color: rgba(240, 241, 243, 1);} .OnnimaxWeb-5-hsla {color: hsla(219, 11, 94, 1);} /*-------------------------------------------------*/ /* = GENERAL AND RESET STYLE BOOTSTRAP /*-------------------------------------------------*/ body {color: #555555 !important;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Montserrat', sans-serif; font-weight: 500; color: #555555; line-height: 1.2;} h1, .h1 {font-size: 2rem;} h2, .h2 {font-size: 1.5rem;} h3, .h3 {font-size: 1.45rem;} h4, .h4 {font-size: 1.25rem;} h5, .h5 {font-size: 1.15rem;} h6, .h6 {font-size: 1rem;} a {color: #0060df; text-decoration: none;} a:hover {color: #003eaa; text-decoration: none} ::selection {background: #E4AB47; color: #ffffff;} ::-moz-selection {background: #E4AB47; color: #ffffff;} .mejs-container { max-width: 100% !important; } iframe, video { max-width: 100% !important; } .instagram-media, .twitter-tweet {display: inline-block !important;} .btn-shadow:hover {box-shadow: 0 2px 8px rgba(0,0,0,0.45);} .box_shadow {-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.176); -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.176); box-shadow: 0px 0px 12px rgba(0,0,0,0.176);} .box_shadow_btn {-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.176); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.176); box-shadow: 0px 0px 5px rgba(0,0,0,0.176);} .card {border-radius: 0rem;} .card-img-top {width: 100%; border-top-left-radius: 0; border-top-right-radius: 0;} .card-img, .card-img-bottom {border-radius: 0;} .card-header:first-child {border-radius: 0;} .bg-dark { background-image: -webkit-gradient(linear, left top, left bottom, from(#1A46BA), color-stop(60%, #1A46BA), to(#12338A)); background-image: linear-gradient(#1A46BA, #1A46BA 60%, #12338A); background-repeat: no-repeat; } .text-popap {font-weight: normal; font-variant: normal; font-style: normal; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #353535 !important;} .text-popap a {color: #007cbb !important;} .text-popap a:hover {color: #3f97b5 !important;} .text-white {color: #ffffff !important;} .text-white a {color: #ffffff !important;} .text-white a:hover {color: #fafafa !important;} .custom-select {border-radius: 0rem;} /*-------------------------------------------------*/ /* = MENU HEADER /*-------------------------------------------------*/ .top-line { padding: 5px 0; background-color: #072466; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; line-height: normal; } .top-line span {color: #dfdfdf; font-size: 15px; font-family: 'Montserrat', sans-serif;} .top-line span a {color: #dfdfdf; font-size: 15px; font-family: 'Montserrat', sans-serif;} .top-line span a:hover {color: #E4AB47; font-size: 15px; font-family: 'Montserrat', sans-serif; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;} header.active .top-line {height: 0; padding: 0;} /*--------------------*/ .navbar-light .navbar-toggler { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar {padding: .2rem .8rem;} .navbar-light {background-color: #12338A; border: none;} .navbar-header {position: relative;} .navbar-brand {font-family: 'Montserrat'; font-size: 1.6rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #f2f2f2 !important; padding: 5px 0;} .navbar-brand:hover {color: #f2f2f2; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;} .nav-item-reled::after {content: ''; display: block; width: 0px; height: 3px; background: #E4AB47; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;} .nav-item-reled:hover::after {width:100%;} .nav-item-palvelu a {font-weight: 400; color: #1A46BA !important; background: #E4AB47; text-decoration: none; text-transform: uppercase; padding: 10px 25px; border: 1px solid #1A46BA; border-radius: 25px;} .nav-item-palvelu a:hover, .nav-item-palvelu a.active {border: 1px solid #E4AB47; background-color: #12338A; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} .navbar-nav > li > a {color: #f2f2f2 !important; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 500; text-transform: uppercase; padding: 3px 15px;} .navbar-nav > li > a:hover, .navbar-nav > li > a.active {color: #E4AB47 !important;} .dropdown-item {padding: 0.5rem 1.5rem; font-size: 1rem; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} .dropdown-item:hover, .dropdown-item:focus {color: #fff; text-decoration: none; background-color: #233e87;} .dropdown-menu {padding: 3px; border-radius: 0 0 5px 5px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;} /*--------------------*/ .navbar-nav li.search {position: static;} .navbar-collapse {position: relative;} #imglogo {width: auto; height: 50px;} #navbar {transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;} /*-------------------------------------------------*/ /* = ENTER FORMS /*-------------------------------------------------*/ /*--------------------*/ .selectedrecip select, .selectedzone select {display: block; width: 100%;} /*--------------------*/ .styled-select select {background-color: rgba(255, 255, 255, 0.8); padding: 3px; border: 1px solid #ffffff; height: 30px;} /*--------------------*/ .mass_comments_action select {background: #f6f6f6; padding: 5px; font-size: 14px; border: 1px solid #cecece; height: 34px; margin-right:5px;} .selectmass input {float: right; margin-left: 6px;} .mass_comments_action {text-align: right;} /*--------------------*/ /*-------------------------------------------------*/ /* = NAVIGATION /*-------------------------------------------------*/ .navigation {color: #444444 !important; margin:30px 0px 20px 0px;} .navigation a:active, .navigation a:visited, .navigation a:link {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #555555 !important; text-decoration: none; padding-top: 9px; padding-right: 14px; padding-left: 14px; padding-bottom: 9px; border: 1px solid #cccccc; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-image: -webkit-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5); background-image: -o-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(60%, #ffffff), to(#f5f5f5)); background-image: linear-gradient(#ffffff, #ffffff 60%, #f5f5f5); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0); -webkit-filter: none; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.176); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.176); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.176);} .navigation a:hover {color: #FFFFFF !important; text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#1A46BA), color-stop(60%, #1A46BA), to(#1A46BA)); background-image: linear-gradient(#1A46BA, #1A46BA 60%, #1A46BA); background-repeat: no-repeat; -webkit-filter: none; filter: none; border: 1px solid #f2f2f2;} .navigation span {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #888888 !important; text-decoration: none; padding-top: 9px; padding-right: 14px; padding-left: 14px; padding-bottom: 9px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #ffffff; cursor: not-allowed;} .navigation span .nav_ext {border: none;background: transparent;} /*-------------------------------------------------*/ /* = ATTACHMENT /*-------------------------------------------------*/ .attachment {background-color: #fafafa; display: block; position: relative; border: 1px solid #cccccc; padding: 5px;} .attachment a:active, .attachment a:visited, .attachment a:link {text-decoration: none;} .attachment a:hover {text-decoration: none;} /*-------------------------------------------------*/ /* = JQUERY UI /*-------------------------------------------------*/ .ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .5; filter: alpha(opacity=50);} .ui-widget-content {background-color: #fafafa;} .ui-corner-all input {background-color: #ffffff; border: 1px solid #cccccc; color: #555555;} .ui-helper-clearfix:after, .ui-helper-clearfix:before {content: ""; display: table; border-collapse: collapse;} .ui-helper-clearfix:after {clear: both;} .ui-dialog {position: fixed; top: 0; left: 0; background-color: #fff; border: 1px solid #848a97; border-radius: 0; outline: 0; overflow: hidden; -webkit-box-shadow: 0 10px 20px -4px rgba(0, 0, 0, .4); box-shadow: 0 10px 20px -4px rgba(0, 0, 0, .4);} .ui-dialog-titlebar {position: relative; padding: 1rem 1rem; border-bottom: 1px solid #848a97; background: #eeeeee;} .ui-dialog-title {float: left; color:#404040; font-weight: 600; overflow: hidden; text-overflow: ellipsis;} .ui-dialog-titlebar button {visibility: hidden;} .ui-dialog-titlebar-close:before {font-family: 'artprofit'; font-style: normal; font-weight: normal; content: "\e99c"; visibility: visible; color: #555555; font-size: 20px; position: absolute; top: 12px; right: 20px;} .ui-dialog-titlebar-close:hover {opacity: .75;} .ui-draggable .ui-dialog-titlebar {cursor: move;} .ui-dialog-content {position: relative; font-size: .9rem; border: 0; padding: 20px; overflow: auto; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .ui-dialog-content select {background: #ffffff; border: 1px solid #cccccc; color: #555555;} .ui-dialog-buttonpane {text-align: left; padding: 5px 15px; border-top: 1px solid #848a97; background: #eeeeee;} .ui-dialog-buttonpane .ui-dialog-buttonset {float: right;} .ui-dialog-buttonpane button {background: #328bc8 !important; color: #ffffff !important; font-size: .95rem; border: 0 !important; margin: .5rem; padding: .3rem .5rem; float: right; cursor: pointer;} .ui-dialog-buttonpane button:hover {background: #be5046 !important; border: 0 !important; color: #ffffff !important;} .ui-state-error {border: 1px solid #f44336!important;} .ui-front {z-index: 1000;} .ui-button-icon-only {overflow: hidden; text-indent: -9999px;} /*-------------------------------------------------*/ /* = BUTTON /*-------------------------------------------------*/ .bbcodes, .dlevotebutton {display: inline-block; font-weight: normal; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 10px; font-size: 14px; line-height: 1.42857143; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; background-color: #D9230F; border-color: #D9230F;} .bbcodes:hover, .dlevotebutton:hover {background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #D9230F), to(#cb210e)); background-image: linear-gradient(#e72510, #D9230F 6%, #cb210e); background-repeat: no-repeat; -webkit-filter: none; filter: none; border: 1px solid #ba1e0d;} .bbcodes:active, .dlevotebutton:active {color: #ffffff; background-color: #F23E2E; border-color: #D9230F; background-image: none;} /*===== Дополнительные поля =====*/ .file-box {width: 95%; max-width: 437px; border:1px solid #B3B3B3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F5F5F5; padding: 10px; margin-top: 10px;} .qq-uploader { position:relative; width: 100%;} .qq-upload-button {display:inline-block; padding:4px 10px 4px 10px; margin-top:5px; font: bold 11px/1.5em Verdana;color:#000000; border:1px solid #CACACA; cursor:pointer;} .qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; max-width: 437px; background:#FF9797; text-align:center;} .qq-upload-drop-area span {display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;} .qq-upload-drop-area-active {background:#FF7171;} .uploadedfile {float:left !important; width: 115px; height: 130px; margin: 10px 5px 5px 5px; border:1px solid #B3B3B3; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 4px rgba(0,0,0,0.3); text-align: center; background:#ffffff;} .uploadedfile .uploadimage {margin-top: 5px; width: 115px; height: 90px; display: flex; align-items: center; justify-content: center; cursor: move; cursor: -webkit-grabbing;} .uploadedfile .info {text-align: left; white-space: nowrap; margin: 0px 5px 0px 5px; overflow: hidden;} .sortable-ghost {opacity: 0.4;} .progress {overflow:hidden; margin-top:10px; margin-bottom:10px; background-color:whitesmoke; height:10px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; background:#eee; -webkit-box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset; box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;} .progress .progress-bar {float:left; width:0%; font-size:12px; line-height:20px; color:white; text-align:center; background-color:#428bca; -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition:width 0.6s ease; transition:width 0.6s ease; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; height:8px;} .progress-bar span {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0;} .progress-blue {background-image:-webkit-gradient(linear, left 0%, left 100%, from(#9bcff5), to(#6db9f0)); background-image:-webkit-linear-gradient(top, #9bcff5, 0%, #6db9f0, 100%); background-image:-moz-linear-gradient(top, #9bcff5 0%, #6db9f0 100%); background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); background-repeat:repeat-x; border:1px solid #55aeee;} /*-------------------------------------------------*/ /* = COMMENTS /*-------------------------------------------------*/ /*--------------------*/ #dlefastreplycomments {padding:5px; background: #e4ecf0; margin: 5px 5px 5px 30px;} .commentsreplyname {padding: 2px; border: 1px solid #bcc0c2; width: 200px; background: #fff;} /*--------------------*/ .findrelated {width:100%; background: #ffc;border:1px solid #cccccc; padding: 5px; margin-right: 10px;} /*-------------------------------------------------*/ /* = HEAD SLIDER SECTION /*-------------------------------------------------*/ .title-section.white h1 {color: #ffffff;} /*-------------------------------------------------*/ /* = HEAD SECTION /*-------------------------------------------------*/ .head-section {position: relative; padding-top: 150px; padding-bottom: 50px; background: url('../images/bg-laptop.jpg') center fixed; width: 100%; height: auto; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;} .head-section:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(18, 51, 140, 0.7);} .head-section .container {position: relative; z-index: 2;} .head-section .head-box {text-align: center; padding-bottom: 2px;} .head-section .head-box p {color: #ffffff; font-size: 24px; font-weight: 400; line-height: 32px; max-width: 800px; margin: 0 auto;} .head-section .head-box h1 {color: #ffffff; font-size: 40px; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: none;line-height: 54px; animation: neon .024s ease-in-out infinite alternate;} .head-section .head-box span {font-size: 40px; color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 54px; margin-bottom: 66px; display: block; position: relative; animation: neon .024s ease-in-out infinite alternate;} .head-section .head-box span:after {content: ''; position: absolute; left: 40%; width: 280px; height: 2px; background: #E4AB47; margin-top: 87px;} @keyframes neon { from { text-shadow: 0 0 6px rgba(202,228,225,0.92), 0 0 30px rgba(202,228,225,0.34), 0 0 12px rgba(30,132,242,0.52), 0 0 21px rgba(30,132,242,0.92), 0 0 34px rgba(30,132,242,0.78), 0 0 54px rgba(30,132,242,0.92), 0 0 64px rgba(30,132,242,0.92); } to { text-shadow: 0 0 6px rgba(202,228,225,0.98), 0 0 30px rgba(202,228,225,0.42), 0 0 12px rgba(30,132,242,0.58), 0 0 22px rgba(30,132,242,0.84), 0 0 38px rgba(30,132,242,0.88), 0 0 60px rgba(30,132,242,1), 0 0 70px rgba(30,132,242,1); } } /*-------------------------------------------------*/ /* = PRESENTATION SECTION /*-------------------------------------------------*/ .presentation-section {padding: 50px 0; background: #F0F1F3;} .presentation-section .presentation-box h2 {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 28px; font-weight: 600 !important; margin-bottom: 36px;} .presentation-section .presentation-box h3 {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 24px; font-weight: 600 !important;} .presentation-section .presentation-box a {display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; color: #ffffff; background: #1A46BA; text-decoration: none; text-transform: uppercase; letter-spacing: 1.5px; padding: 10px 25px;} .presentation-section .presentation-box a:hover {background: #E4AB47; color: #ffffff; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;} .presentation-section .presentation-box p {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 1rem; font-weight: 500 !important; padding-bottom: 10px;} .presentation-section .presentation-box img {width: 200px; height: auto; padding-top: 10px;} /*-------------------------------------------------*/ /* = SERVICES SECTION /*-------------------------------------------------*/ .services-section {padding: 30px 0;} .services-section .services-box .services-post img {width: 100%;} .services-section .services-box .services-post .services-content {padding-right: 10px;} .services-section .services-box .services-post .services-content h2 {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 28px; font-weight: 600 !important; margin-bottom: 30px;} .services-section .services-box .services-post .services-content li {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 1rem; font-weight: 500 !important; line-height: 38px; list-style-type: circle;} .services-section .services-box .services-post .services-content p {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 1rem; font-weight: 500 !important; line-height: 38px;} /*-------------------------------------------------*/ /* = REVIEWS SECTION /*-------------------------------------------------*/ .reviews-section {padding: 10px 0; background-color: #F0F1F3;} .reviews-section .reviews-box {padding: 50px 0; background-color: #F0F1F3; background-image: url(../images/quotes.svg); background-repeat: no-repeat; background-position: left;} .reviews-section .reviews-box h2 {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 28px; font-weight: 600 !important; margin-bottom: 36px;} .reviews-section .reviews-box h3 {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 22px; font-weight: 600 !important;} .reviews-section .reviews-box p {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 1rem; font-weight: 500 !important;} .btn-review {background: #12338A; color: #f2f2f2; font-family: 'Roboto', sans-serif; font-size: .9rem; font-weight: 400; text-transform: uppercase; padding: 4px 10px; margin-left: 20px; border-radius: 25px;} .btn-review:hover, .btn-review.active {background-color: #E4AB47; color: #f2f2f2; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} .blockquote {margin-bottom: 0rem; font-size: 1.1rem;} /*-------------------------------------------------*/ /* = PARTNERS SECTION /*-------------------------------------------------*/ .partners-section {padding-top: 10px; background-color: #ffffff;} .partners-section .partners-box h2 {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 28px; font-weight: 600 !important; margin-bottom: 36px;} .partners-section .partners-box p {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 1rem; font-weight: 500 !important;} /*-------------------------------------------------*/ /* = ABOUT SECTION /*-------------------------------------------------*/ .about-section {padding-top: 10px; background-color: #CFE3FF;} .about-section .about-box {padding: 50px 0; background-color: #CFE3FF; background-image: url(../images/logo-transparent-decor.svg); background-repeat: no-repeat; background-position: right;} .about-section .about-box h2 {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 28px; font-weight: 600 !important; margin-bottom: 36px;} .about-section .about-box h3 {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 22px; font-weight: 600 !important;} .about-section .about-box p {font-family: 'Montserrat', sans-serif; color: #555555; font-size: 1rem; font-weight: 500 !important;} /*-------------------------------------------------*/ /* = CONTENT SECTION /*-------------------------------------------------*/ .content-title-section {min-height: 300px; position: relative; padding-top: 150px; padding-bottom: 50px; background: url('../images/bg-page.jpg') center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;} .content-title-section:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(240, 241, 243, 0.8);} .content-title-section .container {position: relative; z-index: 2;} .content-title-section .content-title-box {text-align: center; padding-bottom: 2px;} .content-title-section .content-title-box p {color: #555555; font-size: 18px; font-weight: 500; line-height: 32px; max-width: 800px; margin: 0 auto;} .content-title-section .content-title-box h1 {color: #555555; font-size: 32px; font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: none;line-height: 54px;} .content-title-section .content-title-box span {font-size: 40px; color: #555555; font-family: 'Montserrat', sans-serif; font-weight: 500; line-height: 54px; margin-bottom: 66px; display: block; position: relative;} .content-title-section .content-title-box span:after {content: ''; position: absolute; left: 40%; width: 280px; height: 2px; background: #E4AB47; margin-top: 87px;} /*--------- news, static -----------*/ .content-section {padding: 30px 0; background-color: #f7f7f7;} .content-section .page-content {background-color: #ffffff; border: 1px solid rgba(0,0,0,0.125);} /* ============= личный кабинет ============= */ .card-user-bg {background: #f2f6f8; background: -moz-linear-gradient(-45deg, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 50%, #e0eff9 100%); background: -webkit-linear-gradient(-45deg, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 50%,#e0eff9 100%); background: linear-gradient(135deg, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 50%,#e0eff9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 ); } .card-user-bg p {line-height: 0.1rem;} .card-user > .nav-pills .nav-link {border-radius: 0rem;} .card-user > .nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #ffffff; background-color: rgba(26, 69, 186, 0); border-bottom: 3px solid #E4AB47;} .card-bg {background-color: #fafafa;} /* ============= картачки контактной информации ============= */ #team .card {border: none;} .image-flip:hover .backside, .image-flip.hover .backside {-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg);} .image-flip:hover .frontside, .image-flip.hover .frontside {-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);} .mainflip {position: relative; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(1000px); -moz-transform: perspective(1000px); -o-transform: perspective(1000px); -ms-transform: perspective(1000px); transform: perspective(1000px);} .frontside {position: relative; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 2;} .backside {position: absolute; width: 100%; top: 0; left: 0; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg);} .frontside, .backside {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-box-shadow: 0px 2px 5px 2px rgba(158,158,158,0.50); box-shadow: 0px 2px 5px 2px rgba(158,158,158,0.50);} .frontside .card {background-color: rgba(240, 241, 243, 0.8);} .frontside .card .card-title, .backside .card .card-title {color: #12338A;} .frontside .card .card-body img {width: 180px; height: 180px; border-radius: 50%;} .frontside .card, .backside .card {min-height: 280px;} .backside .card {background-color: #F0F1F3;} .backside .card a {font-size: 18px; color: #1A46BA;} .backside .card a:hover {color: #E4AB47; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;} /*-------------------------------------------------*/ /* = FOOTER /*-------------------------------------------------*/ footer {background: #12338A; padding-top: 60px;} footer .footer-widgets {min-height: 500px; background-image: url(../images/footer-tampere.png); background-repeat: no-repeat; background-position: bottom;} footer .footer-widgets .widgets img {height: 30px; width: auto;} footer .footer-widgets .widgets .info-widget p {margin-bottom: 0px;} footer .footer-widgets .widgets .info-widget a {font-family: 'Montserrat', sans-serif; color: #f2f2f2; font-size: 1rem; font-weight: 500 !important;} footer .footer-widgets .widgets .info-widget a:hover {color: #E4AB47;} footer h2 {font-family: 'Montserrat', sans-serif; color: #f2f2f2; font-size: 18px; font-weight: 600 !important; text-transform: uppercase; margin-bottom: 25px; padding-bottom: 25px; position: relative;} footer h2:after {content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 1px; background: #E4AB47;} footer .last-line {background: #072466; padding: 25px 0; border-top: 1px solid #526ba6;} footer .last-line p.copyright {font-size: 14px; margin: 0; text-align: center; color: #f2f2f2;} footer p {font-family: 'Montserrat', sans-serif; color: #f2f2f2; font-size: 1rem; font-weight: 500 !important;} footer .last-line p.copyright a {color: #cccccc;} footer .last-line p.copyright a:hover {color: #E4AB47;} /*--- Подсветка исходного кода ---*/ .hljs-comment, .hljs-quote {color: #a0a1a7; font-style: italic;} .hljs-doctag, .hljs-keyword, .hljs-formula {color: #a626a4;} .hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {color: #e45649;} .hljs-literal {color: #0184bb;} .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {color: #50a14f;} .hljs-built_in, .hljs-class .hljs-title {color: #c18401;} .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {color: #986801;} .hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {color: #4078f2;} .hljs-emphasis {font-style: italic;} .hljs-strong {font-weight: bold;} .hljs-link {text-decoration: underline;} /* ================================================ */ /* =========== © 2010 - 2023 ArtProfits =========== */ /* =================== svg fonts ================== */ /* ==================== v.3.3 ===================== */ /* ================================================ */ @font-face {font-family: 'artprofit'; src: url('../fonts/artprofit.ttf?artoyk') format('truetype'), url('../fonts/artprofit.woff?artoyk') format('woff'); font-weight: normal; font-style: normal; font-display: block;} .ar {/* use !important to prevent issues with browser extensions that change fonts */ font-family: 'artprofit' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .ar {display:inline-block;font:normal normal normal 14px/1 artprofit;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .ar-sm{font-size:.8em;} .ar-lg{font-size:1.33333333em;line-height:0.75em;vertical-align:-15%;} .ar-2x{font-size:2em;}.ar-3x{font-size:3em;} .ar-4x{font-size:4em;} .ar-5x{font-size:5em;} .ar-home:before {content: "\e900";} .ar-setting:before {content: "\e901";} .ar-setting-fill:before {content: "\e902";} .ar-settings:before {content: "\e903";} .ar-settings-fill:before {content: "\e904";} .ar-key:before {content: "\e905";} .ar-key-fill:before {content: "\e906";} .ar-add-key:before {content: "\e907";} .ar-add-key-fill:before {content: "\e908";} .ar-address-book:before {content: "\e909";} .ar-address-book-fill:before {content: "\e90a";} .ar-calendar:before {content: "\e90b";} .ar-calendar-fill:before {content: "\e90c";} .ar-calendar-off:before {content: "\e90d";} .ar-calendar-off-fill:before {content: "\e90e";} .ar-content:before {content: "\e90f";} .ar-web-design:before {content: "\e910";} .ar-web-design-fill:before {content: "\e911";} .ar-edit-property:before {content: "\e912";} .ar-edit-property-fill:before {content: "\e913";} .ar-renew-subscription:before {content: "\e914";} .ar-renew-subscription-fill:before {content: "\e915";} .ar-contact-card:before {content: "\e916";} .ar-contact-card-fill:before {content: "\e917";} .ar-exclamation-circle:before {content: "\e918";} .ar-exclamation-circle-fill:before {content: "\e919";} .ar-info-circle:before {content: "\e91a";} .ar-info-circle-fill:before {content: "\e91b";} .ar-dash-circle:before {content: "\e91c";} .ar-dash-circle-fill:before {content: "\e91d";} .ar-plus-circle:before {content: "\e91e";} .ar-plus-circle-fill:before {content: "\e91f";} .ar-user-circle:before {content: "\e920";} .ar-user-circle-fill:before {content: "\e921";} .ar-user:before {content: "\e922";} .ar-user-fill:before {content: "\e923";} .ar-user-valid:before {content: "\e924";} .ar-user-valid-fill:before {content: "\e925";} .ar-user-add:before {content: "\e926";} .ar-user-add-fill:before {content: "\e927";} .ar-user-group:before {content: "\e928";} .ar-user-group-fill:before {content: "\e929";} .ar-user-update:before {content: "\e92a";} .ar-user-update-fill:before {content: "\e92b";} .ar-user-update-circle:before {content: "\e92c";} .ar-user-update-circle-fill:before {content: "\e92d";} .ar-user-unfriend-fill:before {content: "\e92e";} .ar-reading:before {content: "\e92f";} .ar-reading-fill:before {content: "\e930";} .ar-user-manual:before {content: "\e931";} .ar-user-manual-fill:before {content: "\e932";} .ar-cloud:before {content: "\e933";} .ar-cloud-fill:before {content: "\e934";} .ar-download-cloud:before {content: "\e935";} .ar-download-cloud-fill:before {content: "\e936";} .ar-inbox:before {content: "\e937";} .ar-inbox-fill:before {content: "\e938";} .ar-message:before {content: "\e939";} .ar-message-fill:before {content: "\e93a";} .ar-add-message:before {content: "\e93b";} .ar-add-message-fill:before {content: "\e93c";} .ar-group-message:before {content: "\e93d";} .ar-group-message-fill:before {content: "\e93e";} .ar-contact:before {content: "\e93f";} .ar-phone:before {content: "\e940";} .ar-phone-fill:before {content: "\e941";} .ar-callback:before {content: "\e942";} .ar-callback-fill:before {content: "\e943";} .ar-comments:before {content: "\e944";} .ar-comments-fill:before {content: "\e945";} .ar-comment-oval:before {content: "\e946";} .ar-comment-oval-fill:before {content: "\e947";} .ar-security-checked:before {content: "\e948";} .ar-security-checked-fill:before {content: "\e949";} .ar-send:before {content: "\e94a";} .ar-send-fill:before {content: "\e94b";} .ar-pin:before {content: "\e94c";} .ar-pin-fill:before {content: "\e94d";} .ar-bell:before {content: "\e94e";} .ar-bell-fill:before {content: "\e94f";} .ar-print:before {content: "\e950";} .ar-print-fill:before {content: "\e951";} .ar-error:before {content: "\e952";} .ar-error-fill:before {content: "\e953";} .ar-combo-chart:before {content: "\e954";} .ar-combo-chart-fill:before {content: "\e955";} .ar-rss:before {content: "\e956";} .ar-rss-fill:before {content: "\e957";} .ar-like-on:before {content: "\e958";} .ar-like-off:before {content: "\e959";} .ar-eye:before {content: "\e95a";} .ar-eye-hide:before {content: "\e95b";} .ar-star:before {content: "\e95c";} .ar-star-rat:before {content: "\e95d";} .ar-star-fill:before {content: "\e95e";} .ar-stack-photos:before {content: "\e95f";} .ar-stack-photos-fill:before {content: "\e960";} .ar-tags:before {content: "\e961";} .ar-tags-fill:before {content: "\e962";} .ar-visit:before {content: "\e963";} .ar-visit-fill:before {content: "\e964";} .ar-worldwide:before {content: "\e965";} .ar-worldwide-fill:before {content: "\e966";} .ar-worldwide-location:before {content: "\e967";} .ar-worldwide-location-fill:before {content: "\e968";} .ar-worldwide-domain:before {content: "\e969";} .ar-worldwide-domain-fill:before {content: "\e96a";} .ar-hashtag:before {content: "\e96b";} .ar-hashtag-fill:before {content: "\e96c";} .ar-bug:before {content: "\e96d";} .ar-bug-fill:before {content: "\e96e";} .ar-spam:before {content: "\e96f";} .ar-spam-fill:before {content: "\e970";} .ar-search:before {content: "\e971";} .ar-search-fill:before {content: "\e972";} .ar-map:before {content: "\e973";} .ar-map-fill:before {content: "\e974";} .ar-facebook-circle:before {content: "\e975";} .ar-facebook:before {content: "\e976";} .ar-vk-circle:before {content: "\e977";} .ar-vk:before {content: "\e978";} .ar-informacia:before {content: "\e979";} .ar-clock:before {content: "\e97a";} .ar-info:before {content: "\e97b";} .ar-clock-circle:before {content: "\e97c";} .ar-quotes:before {content: "\e97d";} .ar-reply:before {content: "\e97e";} .ar-trash:before {content: "\e97f";} .ar-checked:before {content: "\e980";} .ar-checked-box:before {content: "\e981";} .ar-pencil-square:before {content: "\e982";} .ar-vote:before {content: "\e983";} .ar-mail-at:before {content: "\e984";} .ar-question:before {content: "\e985";} .ar-question-answer:before {content: "\e986";} .ar-off:before {content: "\e987";} .ar-number:before {content: "\e988";} .ar-bookmark:before {content: "\e989";} .ar-bookmark-plus:before {content: "\e98a";} .ar-bookmark-minus:before {content: "\e98b";} .ar-bookmarks:before {content: "\e98c";} .ar-mark:before {content: "\e98d";} .ar-mark-plus:before {content: "\e98e";} .ar-mark-minus:before {content: "\e98f";} .ar-link:before {content: "\e990";} .ar-check-in:before {content: "\e991";} .ar-earth:before {content: "\e992";} .ar-compass:before {content: "\e993";} .ar-handshake:before {content: "\e994";} .ar-volume-up:before {content: "\e995";} .ar-sun:before {content: "\e996";} .ar-moon:before {content: "\e997";} .ar-circle-half:before {content: "\e998";} .ar-chevron-double-left:before {content: "\e999";} .ar-chevron-double-right:before {content: "\e99a";} .ar-quote:before {content: "\e99b";} .ar-x-lg:before {content: "\e99c";} /* ============ © 2010 - 2023 ArtProfits =========== */ /* ================== BB Редактор ================== */ .bb-pane {padding-bottom: 10px; padding-left: 10px; margin: 0; border: 1px solid rgba(0,0,0,.25); border-bottom-width: 0; border-radius: 2px 2px 0 0; text-decoration: none; background: #f8f8f8;} .bb-pane:after {content: ""; display: block; clear: both;} .bb-pane > b {margin-top: 10px; margin-left: 0; vertical-align: middle;} .bb-pane .bb-btn + .bb-btn, .bb-pane .bb-btn + .bb-pane, .bb-pane .bb-pane + .bb-btn,.bb-pane .bb-pane + .bb-pane {margin-left:-1px;} .bb-btn {color: #404549; float: left; padding: 6px 10px; border-radius: 2px;} .bb-btn:hover, .bb-btn:active {color: #be5046;} .bb-btn:active {background: rgba(243, 243, 243, 0.2); border-color: #cfcfcf;} @font-face {font-family: 'bb-editor-font'; src: url('../fonts/bb-editor-font.ttf?ikv2pg') format('truetype'), url('../fonts/bb-editor-font.woff?ikv2pg') format('woff'); font-weight: normal; font-style: normal;} [class^="bb-btn"], [class*=" bb-btn"] {font-size: 17px; font-family: 'bb-editor-font'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .bb-sel {float: left; padding: 2px 2px 0 2px;} .bb-sel select {font-size: 11px;} .bb-sep {display: none;} .bb-btn {cursor: pointer; outline: 0;} #b_font select, #b_size select {padding: 0;} #b_b:before {content: "\e900";} #b_i:before {content: "\e901";} #b_u:before {content: "\e902";} #b_s:before {content: "\e903";} #b_sub:before {content: "\e904";} #b_sup:before {content: "\e905";} #b_up:before {content: "\e906";} #b_emo:before {content: "\e907";} #b_url:before {content: "\e908";} #b_leech:before {content: "\e909";} #b_mail:before {content: "\e90a";} #b_img:before {content: "\e90b";} #b_video:before {content: "\e90c";} #b_audio:before {content: "\e90d";} #b_hide:before {content: "\e90e";} #b_quote:before {content: "\e90f";} #b_code:before {content: "\e910";} #b_header:before {content: "\e911";} #b_font:before {content: "\e912";} #b_size:before {content: "\e913";} #b_left:before {content: "\e914";} #b_center:before {content: "\e915";} #b_right:before {content: "\e916";} #b_justify:before {content: "\e917";} #b_color:before {content: "\e918";} #b_spoiler:before {content: "\e919";} #b_yt:before {content: "\e91a";} #b_tf:before {content: "\e91b";} #b_list:before {content: "\e91c";} #b_ol:before {content: "\e91d";} #b_br:before {content: "\e91e";} #b_pl:before {content: "\e91f";} .bb-pane h1, .bb-pane h2, .bb-pane h3, .bb-pane h4, .bb-pane h5, .bb-pane h6 {margin-top: 5px; margin-bottom: 5px;} .bb-pane h1 {font-size: 36px;} .bb-pane h2 {font-size: 30px;} .bb-pane h3 {font-size: 24px;} .bb-pane h4 {font-size:18px;} .bb-pane h5 {font-size:14px;} .bb-pane h6 {font-size:12px;} .bb-pane-dropdown {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 180px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 11px; border: 1px solid rgba(0,0,0,.25); border-radius: 2px; background: #f8f8f8; background-clip: padding-box; box-shadow: 0 1px 2px #dadada; box-shadow: 0 1px 2px #dadada; max-height: 350px; overflow: auto;} .bb-pane-dropdown > li > a {display: block; padding: 3px 10px; clear: both; font-weight: normal; line-height: 1.42857; color: #353535; white-space: nowrap;} .bb-pane-dropdown > li > a:hover {text-decoration:none; color: #262626; background-color:whitesmoke;} .bb-pane-dropdown .color-palette div .color-btn {width: 17px; height: 17px; padding: 0; margin: 0; border: 1px solid #fff; cursor: pointer;} .bb-pane-dropdown .color-palette {padding: 0px 5px;} .bb-editor textarea {width: 100%; margin-top: 0; border-radius: 0 0 4px 4px; border: 1px solid rgba(0,0,0,.25); padding: 10px; color: #292929;} .bb-editor textarea:focus {border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);} .bb-pane-dropdown table {margin: 0;} /* ================================================ */ /* =========== © 2010 - 2020 ArtProfits =========== */ /* ============= template tampereclub ============= */ /* ================ Andrey Mironov ================ */ /*--- Загрузчик AJAX ---*/ #loading-layer {display: block !important; background-color: #fff; background-color: rgba(255,255,255,0.9); z-index: 9999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; white-space: nowrap;} #loading-layer::after {content:''; display:block; position:absolute; left: 50%; top: 50%; height:100px; width:100px; margin:0px auto; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; border-left:4px solid rgba(0,174,239,.15); border-right:4px solid rgba(0,174,239,.15); border-bottom:4px solid rgba(0,174,239,.15); border-top:4px solid rgba(0,174,239,.8); border-radius:100%;} @-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);}} @-moz-keyframes rotation {from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);}} @-o-keyframes rotation {from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);}} @keyframes rotation {from {transform: rotate(0deg);} to {transform: rotate(359deg);}} /* ================ дополнительные поля ================ */ .xfieldsrow {padding-top:5px; clear: both;} .xfieldscolleft {float: left; width: 30%;} .xfieldscolright {float: left; width: 70%;} .xfieldimagegallery {margin: 0; padding: 0; list-style: none; clear: both;} .xfieldimagegallery ul {} .xfieldimagegallery li {list-style: none; margin: 0; padding: 0;} .xfieldimagegallery li img {float: left; margin: 8px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.176); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.176); width: 160px; height: auto; padding: 1px;} .xfieldimagegallery li img:hover {box-shadow: 0px 0px 7px rgba(0,0,0,0.4)} /* ================ Ввод дополнительный полей в добавлении новости ================ */ .xfields input {color: #333333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #ffffff; height: 36px; border: 1px solid #cccccc; border-radius: 0px; min-width: 400px; margin-top: 5px; margin-left: 5px; padding-left: 5px; } .xfields textarea {width: 100%; height: 100px; margin-top: 5px;} /* ================ Настройка подсказки для доп. полей ================ */ .xfieldsnote {color: #838383; font-size: .9em;} /* ================ Дополнительные поля профиля пользователей ================ */ .xprofile {} .xprofile input {display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.375rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; margin-bottom: .5rem !important;} .xprofile input:focus {color: #495057; background-color: #fff; border-color: #a1d6f4; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(47, 164, 231, 0.25); box-shadow: 0 0 0 0.2rem rgba(47, 164, 231, 0.25);} .xprofile select {color: #000000; border: 1px solid #8a8989; background-color: #ffffff;} .xprofile textarea {height: 70px;margin: 0px 1px 0px 0px;padding: 0px;} .xfields_table td {vertical-align: top;} /* ================ Цитаты, Спойлеры, Код ================ */ .scriptcode, .title_quote, .title_spoiler, .text_spoiler {padding: .5rem; background: #fff; border-left: 2px solid #d8e7c8;} .title_quote {margin-top: 2px; font-weight: bold;} .quote, blockquote {padding: 0 2%; margin: 1em 0; border-left: 2px solid #1A46BA; font-style: italic;} .title_spoiler {margin-top: 2px; background-color: #fbfbfc;} .text_spoiler {margin-bottom: 2px;} .title_spoiler img {vertical-align: middle; margin: -1px 0 0 !important; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;} .scriptcode {color: #4c6d0f; text-align: left; font-family: "Courier New";} .title_spoiler {font-weight: normal;} .text_spoiler {border-top: 0; text-align: justify;} .hide {background-color: #f0f0f0; padding: 5px; color: #4c6d0f; margin: 0 0 1em 0;} .hide a {text-decoration: underline; } .hide a:hover { text-decoration: none;} /* ================ Выпадающее меню кнопки редактировать ================ */ #dropmenudiv {background-color: #ffffff; font-size: 14px; font-family: Arial, sans-seri; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); color: #292929; margin-bottom: 2px; padding: 5px 0; opacity: 0.98 !important; width: 200px !important;} #dropmenudiv a {display: block; text-decoration: none; color: #292929; padding: 5px; margin: 5px;} #dropmenudiv a:hover {color: #ffffff; background-color: #2fa4e7;} /*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/ .highslide-wrapper, .highslide-outline { background: #fff } .highslide-image { border: 2px solid #fff } .highslide-active-anchor { visibility: hidden } .highslide-active-anchor img { visibility: hidden } .highslide-dimming { background-color: black } .highslide-html { background-color: white } .highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black } a.highslide-full-expand { background: url(../dleimages/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px } .highslide-display-block { display: block } .highslide-display-none { display: none } .highslide-caption { display: none; padding: 5px; background: white } .highslide-controls { width: 195px; height: 40px; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 100% -90px } .highslide-controls li { float: left; padding: 5px 0; } .highslide-controls a { background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif); display: block; float: left; height: 30px; width: 30px; outline: none } .highslide-controls a.disabled { cursor: default } .highslide-controls a span { display: none } /*---Навигация по картинкам галереи---*/ .highslide-controls .highslide-previous a { background-position: 0 0 } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important } .highslide-controls .highslide-play a { background-position: -30px 0 } .highslide-controls .highslide-play a:hover { background-position: -30px -30px } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important } .highslide-controls .highslide-pause a { background-position: -60px 0 } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px } .highslide-controls .highslide-next a { background-position: -90px 0 } .highslide-controls .highslide-next a:hover { background-position: -90px -30px } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important } .highslide-controls .highslide-move a { background-position: -120px 0 } .highslide-controls .highslide-move a:hover { background-position: -120px -30px } .highslide-controls .highslide-full-expand a { background-position: -150px 0 } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important } .highslide-controls .highslide-close a { background-position: -180px 0 } .highslide-controls .highslide-close a:hover { background-position: -180px -30px } /* ================ Поля быстрого редактирования публикаций на сайте ================ */ .quick-edit-text {padding: .4em; width: 350px;} .quick-edit-textarea {height: 250px; box-sizing: border-box; padding: 2px; border: 1px solid #d7d7d7; width: 100%; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} /* ================ Вывод результатов голосования на сайте ================ */ .voteprogress, .pollprogress, .pm_progress_bar {vertical-align: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.5rem; overflow: hidden; font-size: 0.75rem; background-color: #198754; border-radius: 0rem; margin-bottom: 10px;} .voteprogress span, .pollprogress span, .pm_progress_bar span {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #dc3545; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite;} .voteprogress .vote1, .pollprogress .poll1 { background-color: #2fa4e7; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .voteprogress .vote2, .pollprogress .poll2 {background-color: #73a839; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .voteprogress .vote3, .pollprogress .poll3 {background-color: #dd5600; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .voteprogress .vote4, .pollprogress .poll4 {background-color: #c71c22; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .voteprogress .vote5, .pollprogress .poll5 {background-color: #993dbc; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .pollallvotes {text-align: center; margin-top: 10px;} /* ================ Подсветка кода в теге [code] ================ */ pre code { display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; } pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc { padding: 0; margin: 0; border:none; box-shadow: none; background-color: inherit; color: #93a1a1; font-style: italic; } pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title { color: #859900; } pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor { color: #2aa198; } pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator, pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id { color: #268bd2; } pre .tag .title, pre .rules .property, pre .django .tag .keyword { font-weight: bold;font-size: 1.08em !important; } pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title, pre .parent, pre .haskell .label { color: #b58900; } pre .preprocessor, pre .pi, pre .shebang, pre .symbol, pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata { color: #cb4b16; } pre .deletion { color: #dc322f; } pre .tex .formula { background: #eee8d5; } pre .comment:hover {background-color: inherit;box-shadow: none;} /* ================ Смайлы ================ */ .emoji {border: none; vertical-align: middle; width: 22px; height: 22px;} .emoji_box {width:100%; max-width: 390px;} .emoji_category {padding:7px; clear:both;} .emoji_list {margin-top:5px; margin-bottom:5px; width:100%; font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; font-size:2em;} .emoji_symbol {float:left; margin-bottom: 10px; width:12.5%; text-align:center;} .emoji_symbol a, .emoji_symbol a:hover {cursor: pointer; text-decoration:none;} .native-emoji {font-size: 1.3em; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';} /* ================ 15.0 - 15.1 ================ */ figure {margin: 0;} figure.align-left {float: left;} figure.align-right {float: right;} figure.image.align-center {display: table; margin-left: auto; margin-right: auto;} figure.image figcaption {padding: 1rem; background-color: #fafafa; font-size: .8rem; caption-side: bottom; word-break: break-word; text-align: center;} figure.image.align-center figcaption {display: table-caption;} /* ================ 15.2 - 15.3 ================ */ .comments-image-gallery {margin: 0; padding: 0; list-style: none; clear: both;} .comments-image-gallery li {list-style: none; margin: 0; padding: 0;} .comments-image-gallery li img {float: left; margin-right: 5px; border: 5px solid #fff; width: 100px; height: 100px; transition: box-shadow 0.5s ease;} .comments-image-gallery li img:hover {box-shadow: 0px 0px 7px rgba(0,0,0,0.4);} .mce-toc {border: 1px solid #dbdada; margin: 0 0 .7rem 0;} .mce-toc h2 {margin: 4px;} .mce-toc ul {padding-left: 20px; list-style: none; margin-top: 0; margin-bottom: 0; margin-block-start: 1em; margin-block-end: 1em;} .mce-toc ul ul {padding-left: 20px; margin-block-start: 0; margin-block-end: 0;} .mce-toc li {list-style-type: none;} /* ================ 15.3 - 16.0 ================ */ .image-bordered {border: 1px solid #ddd;} .image-shadows {box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;} .image-padded {padding: 0.5rem;} .comments-user-profile {font-weight: bold; cursor: pointer; color: #3394e6;} /* ================ 16.1 - 17.0 ================ */ .mce-accordion summary {cursor: pointer;} .self_delete_link {border: 0 none; display: inline-block; vertical-align: middle; cursor: pointer; padding: 12px 27px; border-radius: 10px; outline: none; background-color: #f44336; color: #fff; text-shadow: 0 1px #333; text-decoration: none !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); box-sizing: border-box; transition: all ease .1s; transition: all ease .1s;} /*========== 17.0 - 17.1 ==========*/ .DLEPush {z-index: 2001; position: fixed; right: 20px; top: 20px;} @keyframes DLEPush-show {0% {transform: translateY(100%); opacity: 0;} 100% {transform: translateY(0); opacity: 1;}} .DLEPush-notification.wrapper {animation-name: DLEPush-show; animation-duration: 1s; position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; color: #333; margin-bottom: 10px; width: 100%; max-width: 400px; box-shadow: 0 10px 15px rgb(0 0 0 / 20%); background-color: #fff; border-radius: 10px;} .DLEPush-notification .DLEPush-icon {grid-column: 1; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; color: #fff; width: 45px; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center;} .DLEPush-notification .DLEPush-icon svg {scale: .8;} .DLEPush-notification .DLEPush-header {font-weight: 500; grid-column: 2; grid-row: 1; font-size: 1rem; margin-left: 1rem; margin-top: .5rem;} .DLEPush-notification .DLEPush-header:empty {margin-top: 0;} .DLEPush-notification .DLEPush-message {grid-column: 2; grid-row: 2; font-size: .875rem; margin: 1rem;} .DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {list-style-type: none; padding-left: 0;} .DLEPush-notification .DLEPush-close {position: absolute; top: 8px; right: 10px; font-weight: 300; background: none; border: 0; font-size: 1.15rem; cursor: pointer; line-height: 1; padding: 0; color: inherit; outline: 0; opacity: 0.75;} @media only screen and (min-width: 601px) {.DLEPush-notification.wrapper {min-width: 400px;}} .DLEPush-notification .DLEPush-close:hover {opacity: 1;} .DLEPush-notification.wrapper.push-success {background-color: #e0f2f1;} .DLEPush-notification.wrapper.push-success .DLEPush-icon {background-color: #00897b;} .DLEPush-notification.wrapper.push-warning {background-color: #FFF3E0;} .DLEPush-notification.wrapper.push-warning .DLEPush-icon {background-color: #FF9800;} .DLEPush-notification.wrapper.push-error {background-color: #FBE9E7;} .DLEPush-notification.wrapper.push-error .DLEPush-icon {background-color: #FF5722;} input[type="text"].comments_author_field {width: 100%; margin-bottom: 10px;}