@font-face { font-family: 'als_rublregular'; src: url('/bitrix/templates/tsclr/fonts/rouble-webfont.eot'); src: url('/bitrix/templates/tsclr/fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/tsclr/fonts/rouble-webfont.woff') format('woff'), url('/bitrix/templates/tsclr/fonts/rouble-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "DidactGothicRegular"; src: url("/bitrix/templates/tsclr/fonts/DidactGothicRegular/DidactGothicRegular.eot"); src: url("/bitrix/templates/tsclr/fonts/DidactGothicRegular/DidactGothicRegular.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/tsclr/fonts/DidactGothicRegular/DidactGothicRegular.woff") format("woff"), url("/bitrix/templates/tsclr/fonts/DidactGothicRegular/DidactGothicRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } * { box-sizing: border-box; } html { height: 100%; } body { height: 100%; // font-family: 'DidactGothicRegular', sans-serif; font-family: 'Roboto', sans-serif; font-size: 15px; color: #444; } .second_font { font-family: 'DidactGothicRegular', cursive; } .page-wrap { min-height: 100%; width: 100%; background: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3); margin: 0 auto; &:after { content: ''; display: block; } } .dib { display: inline-block; } .tar, .tal { text-align: center; } .tac {text-align: center;} .rubl { font-family: 'als_rublregular'; font-style: normal; font-size: 80%; } @media(min-width: 768px){ .tar { text-align: right; } .tal { text-align: left; } } h1 { text-align: center; .second_font; font-size: 36px; color: #0093dd; font-weight: normal; margin-bottom: 20px; } h2 { text-align: center; .second_font; font-size: 30px; color: #68b92e; font-weight: 300; margin-bottom: 20px; } h3 { text-align: center; .second_font; font-size: 24px; color: #68b92e; font-weight: 300; margin-bottom: 20px; } header { padding-bottom: 20px; .header-col { margin-top: 20px; } .logo { height: 109px; line-height: 109px; img { display: inline-block; vertical-align: middle; max-width: 100%; } } } .search-block { display: inline-block; max-width: 360px; position: relative; &:before { content: ''; position: absolute; top: 50%; margin-top: -10px; right: 45px; width: 1px; height: 20px; background: #65B9EB; z-index: 20; } input[type='text'] { border: 6px solid #BDF3FD; width: 100%; height: 38px; &:focus { box-shadow: none !important; outline: none !important; } } input[type='submit'] { width: 45px; height: 38px; border: 0px; border-radius: 0; background: url("images/search.png") center no-repeat #BDF3FD; outline: none; &:focus, &:hover { outline: none !important; } } } @media(min-width: 768px) { .search-block { max-width: 100%; width: 100%; } } .social-list { // text-align: center; .social-item { display: inline-block; vertical-align: top; margin-right: 5px; margin-top: 15px; a { display: block; text-decoration: none; font-size: 0; background-repeat: no-repeat; background-position: center; &:hover { opacity: 0.75; } } .vk, .yt, .fb, .lj, .im { width: 31px; height: 31px; } .vk { background-image: url(images/vk.png); } .yt { background-image: url(images/yt.png); } .fb { background-image: url(images/fb.png); } .lj { background-image: url(images/lj.png); } .fl { background-image: url(images/fl.png); width: 77px; height: 31px; } .im { background-image: url(images/im.png); } } } .phone-top { font-size: 22px; color: #425e6c; // font-style: italic; p { display: inline-block; padding-left: 30px; position: relative; &:first-child:before { content: ''; position: absolute; top: 5px; left: 0; width: 23px; height: 23px; background: url("images/phone-top.png") center no-repeat; } } } header .callback-button { margin-top: 15px; border: 0; } .callback-button { text-decoration: none; display: inline-block; color: #fff; font-size: 11px; text-transform: uppercase; padding: 12px 20px; background: #57B13F; border-radius: 2px; border: 0; // box-shadow: 0px 2px 0px #468E32; &:hover, &:focus { color: #fff; text-decoration: none; box-shadow: 0px 2px 0px #468E32, 0px 2px 6px rgba(0, 0, 0, 0.22); } &:active { color: #fff; text-decoration: none; position: relative; top: 1px; box-shadow: 0px 1px 1px #468E32 inset; } } // -------------------------------------------------------- .top-menu-block { background: #3FA0E4; position: relative; z-index: 99; border: 0; .navbar { margin-bottom: 0; min-height: auto; } } .navbar-default { } .navbar-header { .navbar-toggle { border: 1px solid #fff; .sr-only { } .icon-bar { background: #fff; } } .menu_title { float: left; padding: 13px 15px 10px; margin-right: 0px; span { font-size: 18px; text-transform: uppercase; color: #fff; } } } .collapse.navbar-collapse { background: transparent !important; // overflow: hidden; } .top-menu-navbar-wrap { // overflow: hidden; } .navbar-nav { // width: 10000%; background: transparent !important; margin: 0 -15px; > li { // width: 12.5%; position: relative; &:before { content: ''; position: absolute; top: 50%; margin-top: -13px; right: 0; width: 1px; height: 26px; background: #8CC6EF; // z-index: -1; } &:last-child:before { display: none; } > a { position: relative; display: block; color: #fff; height: 44px; line-height: 44px; padding: 0 10px; font-size: 11px; // font-style: italic; text-transform: uppercase; margin: 0 -1px; span { display: inline-block; vertical-align: middle; line-height: 23px; } &:focus { background-color: transparent !important; } } ul { list-style: none; padding: 0; margin: 0; background: rgba(63, 160, 228, 0.92); width: 215px; z-index: 10; position: absolute; display: none; border: 1px solid #6FBEF5; } > ul, > div > ul { top: 100%; left: 0; li { position: relative; text-align: left; ul { position: absolute; top: 0; left: 100%; } a { display: block; padding: 7px 20px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 300; // font-style: italic; } } .active, li:hover, li:focus { > a { text-decoration: underline; color: #bdf3fd; } } } } li:hover > ul, li:hover > div > ul {display: block !important;} > .active, > li:hover, > li:focus { > a { background-color: #0F82D2 !important; } } } @media(max-width: 767px) { .submenu { width: 100% !important; display: block !important; position: static !important; background: rgba(255, 255, 255, 0.1) !important; li { text-align: left !important; } } .submenu-1 { > li > a { padding-left: 20px !important; } } .submenu-2 { > li > a { padding-left: 40px !important; } } } .slider-block { background: url("images/info-bg.jpg") center top no-repeat #FBE4B8; background-size: cover; min-height: 394px; position: relative; z-index: 2; } .sliderBlock { position: relative; .bx-next, .bx-prev { display: block; position: absolute; width: 20px; height: 20px; border-bottom: 1px solid #666; border-left: 1px solid #666; font-size: 0; top: 50%; margin-top: -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 100; } .bx-prev { left: 0; } .bx-next { right: 0; -webkit-transform: rotate(-45deg) scaleX(-1); -moz-transform: rotate(-45deg) scaleX(-1); -ms-transform: rotate(-45deg) scaleX(-1); -o-transform: rotate(-45deg) scaleX(-1); transform: rotate(-45deg) scaleX(-1); } .bx-next, .bx-prev { &:hover { border-bottom: 1px solid #3FA0E4; border-left: 1px solid #3FA0E4; } } .bx-controls { position: relative; padding-bottom: 20px; .bx-pager { position: absolute; top: 0; left: 0; width: 100%; font-size: 0; text-align: center; .bx-pager-item { display: inline-block; vertical-align: middle; margin-right: 10px; a { display: block; width: 7px; height: 7px; border-radius: 50%; background: #807C69; } .active { position: relative; background-color: #57B13F; &:before { content: ''; position: absolute; top: -2px; left: -2px; width: 11px; height: 11px; border-radius: 50%; border: 1px solid #57B13F; } } } } } } .slides { padding: 0; .container { padding-right: 0; padding-left: 0; } li { display: block; .slide-info-block { text-align: center; padding: 20px 0; .slide-info-head { .second_font; font-size: 36px; color: #0093dd; } .slide-info-contnet { margin-top: 30px; font-size: 18px; color: #444; font-style: italic; } .slider-info-link { margin-top: 20px; } } .slide-img { padding: 5px 0 10px; display: block; height: 100% !important; text-align: center; img { // box-sizing: content-box; border: 6px solid #fff; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.12); max-width: 100% !important; height: auto !important; } } } } .slider-info-link { // margin-top: 20px; display: inline-block; font-size: 15px; text-decoration: none; color: #fff; text-transform: uppercase; font-style: italic; padding: 12px 20px 12px 40px; background: #57B03E; overflow: hidden; position: relative; &:after { content: ''; display: inline-block; width: 9px; height: 9px; margin-left: 40px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } &:before { content: ''; position: absolute; top: 0; right: -60px; width: 100px; height: 100%; background: #68B92E; -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); -o-transform: skewX(-20deg); transform: skewX(-20deg); -webkit-transition: 0.1s linear; -moz-transition: 0.1s linear; -ms-transition: 0.1s linear; -o-transition: 0.1s linear; transition: 0.1s linear; } &:hover { background: #4CA033; color: #FFF; text-decoration: none; &:before { right: -50px; } } } @media(min-width:992px) { .slide-img { text-align: left; } .bx-controls { width: 50%; } .slides .container { padding-left: 15px; padding-right: 15px; } } .site-block { padding: 10px 0px 30px; } .site-block-header { text-align: center; .second_font; font-size: 36px; margin-bottom: 20px; } .site-block-carusel { width: 285px; position: relative; margin: 0 auto; height: 405px !important; // overflow: hidden; // margin: 0 -12px; .bx-next, .bx-prev { display: block; position: absolute; width: 12px; height: 12px; border-bottom: 1px solid #666666; border-left: 1px solid #666666; font-size: 0; top: 50%; margin-top: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 100; } .bx-prev { left: -0px; } .bx-next { right: -0px; -webkit-transform: rotate(-45deg) scaleX(-1); -moz-transform: rotate(-45deg) scaleX(-1); -ms-transform: rotate(-45deg) scaleX(-1); -o-transform: rotate(-45deg) scaleX(-1); transform: rotate(-45deg) scaleX(-1); } } @media(min-width:768px) { .site-block-carusel { width: 570px !important; } } @media(min-width:991px) { .site-block-carusel { width: 855px !important; } } @media(min-width:1199px) { .site-block-carusel { width: 100% !important; } } .site-carusel-list { } .site-carusel-item { padding: 12px; width: 285px !important; .shadow { border: 2px solid transparent; padding-bottom: 20px; height: 405px !important; overflow: hidden; } // width: 330px; .sc-item-image { position: relative; img { display: inline-block; max-width: 100%; } .cs-item-image-mask { position: absolute; width: 100%; height: 25px; bottom: 0; left: 0; background-position: center bottom; background-repeat: no-repeat; z-index: 10; } } .cs-item-date, .sc-item-name, .sc-item-info { p { margin-bottom: 0; } } .cs-item-date { padding: 10px 20px 0; font-size: 14px; color: #444444; //font-style: italic; font-weight: bold; } .sc-item-name { display: block; padding: 5px 20px 0; font-size: 18px; .second_font; text-decoration: none; &:hover { text-decoration: underline; } } .sc-item-info { padding: 5px 20px 10px; font-size: 15px; //font-style: italic; } } .events-block { } .site-block-header-blue { color: #0093dd; } .events-block-carusel { .bx-next, .bx-prev { &:hover { border-bottom: 1px solid #3FA0E4; border-left: 1px solid #3FA0E4; } } } .events-carusel-list { .event-carusel-item { .shadow { // background: #F0FDFF; background: #F0FDFF; } .c-event-image-mack { background-image: url(images/news-mask.png) } .c-event-date { } .c-event-item-name { color: #0093dd; } .c-event-info { } &:hover { .shadow { background: #3FA0E4; box-shadow: 0px 2px 12px rgba(17, 131, 210, 0.55); } .c-event-image-mack { background-image: url(images/news-mask-hover.png) } .c-event-date { color: #fff; } .c-event-item-name { color: #bdf3fd; } .c-event-info { color: #eef2f1; } } } } .books-block { background: url("images/body-block-bg.jpg") #D2F3F5; } .content-block-index { background: url(images/body-block-bg.jpg) #D2F3F5; .container { padding-bottom: 40px; } } .content-block { .container { padding-bottom: 40px; } } .site-block-header-green { color: #68b92e; } .books-block-carusel { .bx-next, .bx-prev { &:hover { border-bottom: 1px solid #60B452; border-left: 1px solid #60B452; } } } .books-carusel-list { .books-carusel-item { .shadow { background: #F1FFF0; } .c-books-image-mack { background-image: url(images/books-mask.png) } .c-books-date { } .c-books-item-name { color: #2f8417; } .c-books-info { } .sc-item-link { text-align: center; .slider-info-link { color: #FFF; margin-top: 10px; padding-left: 15px; } } &:hover { .shadow { background: #95D569; box-shadow: 0px 5px 12px rgba(65, 165, 38, 03); } .c-books-image-mack { background-image: url(images/books-mask-hover.png) } .c-books-date { color: #fff; } .c-books-item-name { color: #0c6828; } .c-books-info { color: #eef2f1; } } } } .news-block { } .site-block-header-blue { color: #0093dd; } .news-block-carusel { .bx-next, .bx-prev { &:hover {60B452 border-bottom: 1px solid #3FA0E4; border-left: 1px solid #3FA0E4; } } } .news-carusel-list { .news-carusel-item { .shadow { background: #F0FDFF; } .c-news-image-mack { background-image: url(images/news-mask.png) } .c-news-date { } .c-news-item-name { } .c-news-info { } &:hover { .shadow { background: #3FA0E4; box-shadow: 0px 2px 15px rgba(17, 131, 210, 0.55); } .c-news-image-mack { background-image: url(images/news-mask-hover.png) } .c-news-date { color: #fff; } .c-news-item-name { color: #bdf3fd; } .c-news-info { color: #eef2f1; } } } } .compani-block { background: url("images/body-block-bg.jpg") #D2F3F5; } .compani-info { } .my-foto_name-block { } .my-foto-block { margin-bottom: 20px; } .my-name-block { // font-style: italic; font-size: 18px; line-height: 20px; .my-name-head { font-size: 24px; color: #68b92e; } .blue { color: #3fa0e4; } } .my-foto_name-block, .compani-photo {margin-bottom: 20px;} .company-description { color: #444444; font-size: 15px; //font-style: italic; margin-bottom: 50px; } // ------------------------------- FOOTER ----------------------------------- .footer-block { background: #4C4D52; font-weight: 300; } footer { padding: 20px 0; } .logo-min { margin-bottom: 10px; img { display: inline-block; max-width: 100%; } } .footer-link-block { .footer-link-block-header { font-size: 16px; // font-style: italic; } ul { list-style: none; padding: 0; margin: 0; li { margin-bottom: 5px; a { font-size: 14px; color: #ffffff; // font-style: italic; text-decoration: none; span { display: inline-block; line-height: 14px; } &:hover span { text-decoration: underline !important; } } } } } .footer-blue-list { .footer-link-block-header { color: #3fa0e4; } a:hover { color: #3fa0e4; } } .footer-green-list { .footer-link-block-header { color: #68b92e; } a:hover { color: #68b92e; } } .footer-contacts { color: #b7b8ba; font-size: 16px; // font-style: italic; .footer-email, .footer-phone { a, p { display: inline-block; position: relative; font-size: 14px; padding-left: 30px; position: relative; line-height: 14px; &:first-child:before { content: ''; position: absolute; top: 1px; left: 0; width: 17px; height: 16px; background-position: center; background-repeat: no-repeat; } } } .footer-email { a { color: #3fa0e4; text-decoration: underline; &:hover { text-decoration: none; } &:before { background-image: url(images/email-icon.png); } } } .footer-phone { margin-top: 7px; p { &:before { background-image: url(images/phone-icon.png); } } } } .footer-social { color: #b7b8ba; font-size: 16px; // font-style: italic; p { margin-bottom: 0; color: #b7b8ba; // font-style: italic; } .social-list { margin-top: 0; font-size: 0; // margin-bottom: 10px; .social-item { margin-right: 0px !important; margin-top: 0; margin-bottom: 10px; } .vk, .yt, .fb, .lj, .im { width: 36px; height: 36px; border-radius: 50%; background-position: center center; // background-size: 30px 30px; } .vk { background-image: url(images/vk-f.png); &:hover { opacity: 1; background-image: url(images/vk-f-h.png); } } .yt { background-image: url(images/yt-f.png); &:hover { opacity: 1; background-image: url(images/yt-f-h.png); } } .fb { background-image: url(images/fb-f.png); &:hover { opacity: 1; background-image: url(images/fb-f-h.png); } } .lj { background-image: url(images/lj-f.png); &:hover { opacity: 1; background-image: url(images/lj-f-h.png); } } .im { background-image: url(images/im-f.png); &:hover { opacity: 1; background-position-y: 2px; background-image: url(images/im-f-h.png); } } .fl { background-image: url(images/fl-f.png); &:hover { opacity: 1; background-color: #3D3E42; } width: 85px; height: 34px; } } } .email-subscription { margin-top: 5px; p { color: #b7b8ba; margin-bottom: 5px; // font-style: italic; } .input-group { position: relative; &:before { content: ''; position: absolute; top: 0; right: 110px; width: 0px; height: 0px; //border-left: 20px solid #333337; border-bottom: 33px solid transparent; z-index: 10; } } input[type='email'] { border: 0px ; height: 33px; background: #333337; &:focus { box-shadow: none; } } input[type='submit'] { height: 33px; line-height: 33px; width: 130px; padding: 0 14px; // 0 29px; color: #fff; border: 0px; border-radius: 0; font-size: 14px; background: #3FA0E4; &:focus, &:hover { outline: none; } } } .foot { padding: 15px 0 0; background: #333337; color: #fff; // font-style: italic; .copy-block { display: inline-block; margin-bottom: 15px; } .created, .promotion { color: #fff; text-decoration: none; display: inline-block; margin-bottom: 15px; font-weight: 300; &:hover { opacity: 0.85; } svg { display: inline-block; vertical-align: middle; height: 24px; width: 24px; margin-left: 5px; } } .created svg { fill: #C22820; } .promotion svg { fill: #007EE7; } } // -------------------------------------- other pages ------------------------------- .green-block { background: url("images/green-bg.jpg") #DBF7E1; } .thanks-list { } .thanks-item { margin-bottom: 20px; text-align: center; // padding-left: 15px; // padding-right: 15px; img { display: inline-block; max-width: 100%; } } .statiy-list { .statyi-item { margin-bottom: 40px; .statyi-item-images { margin-bottom: 15px; text-align: center; a {display: block;} img { display: inline-block; max-width: 100%; height: auto !important; // max-height: 200px; } } .statyi-item-date { font-size: 16px; color: #444444; font-weight: bold; } .statyi-item-header { display: block; font-size: 26px; color: #3fa0e4; .second_font; margin-bottom: 10px; line-height: 26px; &:hover { color: #57b13f; } } .statyi-item-content { font-size: 16px; color: #444; padding-bottom: 5px; border-bottom: 1px solid #E5E5E5; } } .video-statyi { .statyi-item-images a { position: relative; &:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("images/video.png") center no-repeat; } } } } .programs-list { } .programs-item { margin-bottom: 40px; } .programs-item-img { text-align: center; .programs-item-img-wrap { display: inline-block; width: 148px; height: 148px; position: relative; overflow: hidden; &:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("images/programs-mask.png") 0px 0px no-repeat; z-index: 10; } img { width: 100%; // max-height: 100%; } } } .programs-item-trener-name { font-size: 14px; margin-top: 5px; text-align: left; } .programs-item-header { display: block; margin-bottom: 15px; font-size: 26px; color: #59a920; line-height: 26px; .second_font; &:hover, &:focus { color: #59a920; } } .programs-item-content { } .buy-button-block { } .buy-button { display: inline-block; text-decoration: none; color: #fff; text-transform: uppercase; // font-style: italic; font-size: 12px; border-radius: 2px; padding: 12px 40px; background: #4AA0E2; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.22), 0px -2px 0px rgba(0, 0, 0, 0.2) inset; &:hover, &:active { color: #fff; text-decoration: none; background: #6BBA37; } &:active { position: relative; top: 1px; } } @media(min-width:768px) { .programs-item-trener-name { text-align: center; } } .trening-calendar-block { border: 2px solid #4AA0E2; padding: 20px; text-align: center; color: #4AA0E2; margin-bottom: 15px; .trenning-list-date { font-size: 100px; line-height: 75px; } .trening-list-mouth { font-size: 30px; } .trening-list-year { font-size: 16px; font-weight: bold; } } .row.product-card-buy { margin-bottom: 40px; } .labal-pl40 { label { padding-left: 125px !important; } } .product-detail-page.product-card-block { .product-card-category a { color: #68b92e !important; text-align: center !important; } } /*.product-card-block { margin-bottom: 40px; .product-card-category { color: #68b92e; .second_font; font-size: 30px; font-weight: 300; margin-bottom: 40px; } .product-card-images { margin-bottom: 40px; img { max-width: 100% } } .product-card-buy-out { color: #68b92e; .second_font; font-size: 30px; font-weight: 300; text-transform: uppercase; margin-bottom: 40px; } .product-card-type-header { color: #3fa0e4; font-size: 20px; .second_font; text-transform: uppercase; margin-bottom: 20px; } .product-card-type { margin-bottom: 30px; input[type="radio"] {display: none;} label { display: inline-block; height: 40px; line-height: 30px; cursor: pointer; font-size: 30px; font-weight: 300; color: #444; .second_font; background-position: left bottom; background-repeat: no-repeat; } input[type="radio"]:checked + label { background-position: left top; } &.type-analog label { padding-left: 95px; background-image: url('images/product-card-type-analog.png'); } &.type-electron label { padding-left: 75px; background-image: url('images/product-card-type-electron.png'); } } .product-card-price { display: inline-block; font-size: 48px; color: #444; // font-style: italic; height: 48px; line-height: 48px; margin-bottom: 20px; width: 145px; .price { font-size: 36px; } } .product-card-number { margin-bottom: 20px; a.plus, a.minus { display: inline-block; vertical-align: middle; font-size: 30px; color: #444; // font-style: italic; text-decoration: none; height: 48px; line-height: 48px; background: #fff; // padding: 0 10px; &:hover { color: #1d7530; } } a.plus { margin-left: -20px; padding-left: 10px; border-left: 2px solid #56AF3E; } a.minus { padding-right: 10px; } input[type='number'] { border: 2px solid #56AF3E; outline: none !important; text-align: center; height: 48px; width: 95px; display: inline-block; vertical-align: middle; font-size: 24px; color: #68b92e; // .second_font; // font-style: italic; } margin-bottom: 20px; } .buy-button { height: 48px; line-height: 48px; padding: 0 10px; width: 100%; text-align: center; max-width: 200px; font-size: 17px; border:0; margin-bottom: 20px; &:hover, &:focus { outline: none !important; } } .product-card-description { } }*/ // .buy-button { // } .detail-trener-photo { // display: block; // width: 150px; // img { // max-width: 100%; // } } .trening-detail-statr-date { // .second_font; // color: #0F82D2; font-size: 18px; font-weight: bold; } .product-card-block { margin-bottom: 40px; .product-card-category { margin-bottom: 40px; } .product-card-images { margin-bottom: 40px; img { max-width: 100% } } .product-card-buy-out { color: #68b92e; .second_font; font-size: 24px; font-weight: 300; text-transform: uppercase; margin-bottom: 20px; } .product-card-type-header { color: #3fa0e4; font-size: 18px; .second_font; text-transform: uppercase; margin-bottom: 20px; } .product-card-type { margin-bottom: 15px; input[type="radio"] {display: none;} label { display: inline-block; height: 28px; line-height: 28px; cursor: pointer; font-size: 14px; font-weight: 300; color: #444; .second_font; background-position: left top; background-repeat: no-repeat; } input[type="radio"]:checked + label { background-position: left bottom; } &.type-analog label { padding-left: 65px; background-image: url('images/product-card-type-analog.png'); } &.type-electron label { padding-left: 65px; background-image: url('images/product-card-type-electron.png'); } } .price-mt { margin-top: 40px; } .product-card-price { display: inline-block; vertical-align: middle; font-size: 26px; color: #444; font-style: italic; height: 34px; line-height: 34px; margin-bottom: 10px; padding-left: 30px; } .product-card-number { margin-bottom: 20px; a.plus, a.minus { display: inline-block; vertical-align: middle; font-size: 30px; color: #444; font-style: italic; text-decoration: none; height: 34px; line-height: 34px; background: #fff; // padding: 0 10px; &:hover { color: #1d7530; } } a.plus { margin-left: -20px; padding-left: 10px; border-left: 1px solid #56AF3E; } a.minus { padding-right: 10px; } input[type='number'] { border: 1px solid #56AF3E; outline: none !important; text-align: center; height: 34px; width: 65px; display: inline-block; vertical-align: middle; font-size: 20px; color: #68b92e; // .second_font; font-style: italic; } margin-bottom: 20px; } .buy-button { height: 48px; line-height: 48px; padding: 0 10px; width: 180px; text-align: center; max-width: 180px; font-size: 14px; border:0; background: #68B92E; box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.2) inset 0px 2px 6px rgba(0, 0, 0, 0.22); margin-bottom: 20px; &:hover, &:focus { outline: none !important; background-color: #55A61B; } } .product-card-description { } } .product-card-list { .product-card-block { border-bottom: 1px solid #E5E5E5; } } .in-cart-link { display: block; font-size: 0; margin: 0; padding: 0; background: url("images/cart.png") 10px 15px no-repeat #68b92e; width: 68px; height: 55px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; border: 1px solid #52a119; position: fixed; right: 0; top: 20%; z-index: 999; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); &:hover { background-color: #62CE14; } .cart-total-count { display: block; position: absolute; left: 33px; top: 7px; width: 23px; height: 23px; border-radius: 50%; line-height: 23px; font-size: 11px; color: #fff; text-align: center; // font-style: italic; border: 1px solid #fff; background: #3FA0E4; } } .news-detail-img, .detail-terwning-info { margin: 0 -15px; } @media(min-width:768px) { .news-detail-img, .detail-terwning-info { margin: 0px 0px 0px -15px !important; } } // -------------------------------------- 1400 ---------------------------------- @media(min-width:1450px) { .container { width: 1400px; } } .popup-window { border: 1px solid #999; border-radius: 5px; padding: 0 !important; .popup-window-titlebar { background: #0F82D2; color: #fff; font-size: 14px; padding: 7px; height: 30px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .popup-window-content { border-bottom: 1px solid #ddd; font-size: 15px; text-align: center; } .popup-window-buttons { padding: 5px; } .popup-window-titlebar-close-icon { top: 1px !important; right: 1px !important; } } .product-card-list { .product-card-block { .product-card-price { font-size: 36px; } } } .bx-breadcrumb span { // text-transform: uppercase; } .product-card-block.programm-type { .buy-button { font-size: 12px !important; } } .programs-item-price-block { font-size: 36px; } #addtocartpopup { width: 400px; } @media(min-width:768px) { .feedback-form { //padding: 60px !important; } .fb-form-right .fb-form-item:nth-child(1) {margin-top: 0;} } @media(min-width:992px) { .feedback-form-left label {padding-left: 120px;} } .fb-submit-wrap { padding-top: 20px; //padding-top: 30px; .fb-submit-btn-col { padding-left: 5px; .callback-button { min-width: 210px; outline: none; } } } .fb-private-policy { margin-top: 10px; font-size: 0.9em; } .fb-form-right { // .fb-form-item:nth-child(1) {margin-top: 0;} label { display: inline-block; width: 100%; padding-top: 6px; font-size: 18px; color: #0f82d2; font-weight: normal; vertical-align: top; } .fb-inp { width: 100%; padding: 8px 10px; border: 1px solid #666666; } textarea.fb-inp { height: 200px; } } .feedback-form-left { p { margin-bottom: 25px; } input[type="radio"] { display: none; } label { display: inline-block; height: 51px; padding-left: 95px; line-height: 70px; background-position: 30px top; background-repeat: no-repeat; .second_font; font-size: 24px; color: #444; font-weight: 500; position: relative; cursor: pointer; span { display: inline-block; vertical-align: middle; line-height: 23px; } &:before { content: ''; position: absolute; bottom: 8px; left: 0; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #444; } } input[type="radio"]:checked + label { background-position: 30px bottom; color: #68b92e; &:before { border-color: #68b92e; } &:after { content: ''; position: absolute; bottom: 12px; left: 4px; width: 6px; height: 6px; border-radius: 50%; background: #68b92e; } } .fb-form-item.fbl1 label{background-image: url("images/fb-1.png")} .fb-form-item.fbl2 label{background-image: url("images/fb-2.png")} } .feedback-form-wrap { //padding-top: 60px; //padding-bottom: 60px; } .feedback-form { display: inline-block; max-width: 1050px; //border: 2px solid #bdf3fd; //padding: 30px; } .fb-form-item { margin-top: 15px; } .fb-inp.error { border: 1px solid #f00; } .product-card-list { .product-card-block { border-bottom: 1px solid #E5E5E5; } } .price-free { color: #68b92e; font-size: 20px; } .buy-button.buy-button-free { background: #68b92e; } .fb-success { font-size: 24px; } .feedback-form-left .fb-form-item.error label { color: #f00; } .popup-window-button-close { float: right; margin-bottom: 5px; } .basket__list { .basket__item { border-top: 1px dotted #0f82d2; padding: 5px 0; & > div { display: inline-block; vertical-align: top; } .basket__item-name { text-align: left; width: 50%; } .basket__item-price { text-align: right; width: 20%; } .basket__item-quantity { text-align: right; width: 10%; border-right: 1px dashed #0f82d2; padding-right: 5px; border-left: 1px dashed #0f82d2; } .basket__item-total { text-align: right; width: 17%; } } .basket__list-total { font-weight: bold; text-align: right; border-top: 1px solid #0f82d2; padding: 5px 5px 5px 0; } } @media(max-width: 768px) { .basket__list .basket__item { .basket__item-name { width: 65%; } .basket__item-price { width: 20%; } .basket__item-quantity { width: 12%; border-right: 0; padding-right: 0; } .basket__item-total { display: none; } } } .buy1click_basket-h4 { text-align: left; margin-top: 40px; } .feedback-form-wrap.buy1click { .feedback-form { width: 80% !important; min-width: 420px; label { width: 35% !important; text-align: left !important; } .fb-inp { width: 60% !important; } .fb-form-item { margin-bottom: 10px !important; } } } .feedback-form.feedback-contacts { width: 50%; } .bx_subscribe_response_container { padding: 20px; } #sender-subscribe input { &[type=text],&[type=email] { color: #fff !important; } &::-webkit-input-placeholder {color:#ffffff;} &::-moz-placeholder {color:#ffffff;}/* Firefox 19+ */ &:-moz-placeholder {color:#ffffff;}/* Firefox 18- */ &:-ms-input-placeholder {color:#ffffff;} &:focus { &::-webkit-input-placeholder {color:rgba(247, 247, 247, 0.12) !important;} &::-moz-placeholder {color:rgba(247, 247, 247, 0.12) !important;}/* Firefox 19+ */ &:-moz-placeholder {color:rgba(247, 247, 247, 0.12) !important;}/* Firefox 18- */ &:-ms-input-placeholder {color:rgba(247, 247, 247, 0.12) !important;} } } .trening-review-block { background: url("../images/green-bg.jpg") #DDF8E2; .trening-slide-block { position: relative; padding-top: 20px; } .trening-slide-item { text-align: center; } .trening-slide-img { font-size: 0; display: inline-block; padding: 5px; width: 142px; height: 142px; border: 2px solid #BDDBDE; border-radius: 50%; margin-bottom: 15px; .trening-slide-img-wrap { width: 130px; height: 130px; line-height: 130px; border-radius: 50%; text-align: center; overflow: hidden; img { display: inline-block; vertical-align: middle; } } } .trening-slide-name { font-size: 14px; color: #444444; margin-bottom: 15px; } .trening-slide-content { font-size: 18px; color: #444; padding-bottom: 15px; } .trening-slide-control { position: relative; z-index: 10; .bx-next, .bx-prev { display: block; position: absolute; width: 19px; height: 19px; border-bottom: 2px solid #666666; border-left: 2px solid #666666; font-size: 0; top: 60px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 100; } .bx-prev { left: 50%; margin-left: -105px; } .bx-next { right: 50%; margin-right: -105px; -webkit-transform: rotate(-45deg) scaleX(-1); -moz-transform: rotate(-45deg) scaleX(-1); -ms-transform: rotate(-45deg) scaleX(-1); -o-transform: rotate(-45deg) scaleX(-1); transform: rotate(-45deg) scaleX(-1); } } .bx-pager { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0; text-align: center; .bx-pager-item { display: inline-block; vertical-align: middle; margin-right: 10px; a { display: block; width: 7px; height: 7px; border-radius: 50%; background: #807C69; } .active { position: relative; background-color: #0F82D2; &:before { content: ''; position: absolute; top: -2px; left: -2px; width: 11px; height: 11px; border-radius: 50%; border: 1px solid #419FD6; } } } } } .o-companii-galery { margin-bottom: 40px; } .o-companii-galery-item { margin-bottom: 20px; text-align: center; img { display: inline-block; max-width: 100% } } .subscription-block { background: url("../images/green-bg.jpg") #DFF8E2; padding-bottom: 0 !important; } .subscription { width: 830px; margin: 0 auto; } .subsription-form-colum { padding-right: 0; } .subsription-form { text-align: center; input[type="text"] { display: block; width: 300px; height: 48px; margin: 0 auto 20px; font-size: 18px; border: 1px solid #F6F6F6; text-align: center; } button[type="submit"] { display: block; background: #68B92E;; margin: 40px auto 20px; width: 220px; height: 46px; line-height: 46px; text-align: center; color: #fff; border: 0px; border-radius: 4px; font-size: 12px; text-transform: uppercase; cursor: pointer; box-shadow: 0px 2px 0px #539425; &:hover { background: #51A018; } } } .subscription-header { padding-top: 25px; font-size: 36px; color: #0f82d2; .second_font; margin-bottom: 40px; text-align: center; } .subscription-img { padding-left: 0; } @media(max-width:991px) { .subscription { width: auto !important; } .subscription-img { padding-left: 15px !important; overflow: hidden; } .subsription-form-colum { padding-right: 15px !important; } } #buy-modal { display: none; } .buy-modal { width: 340px; } .buy-modal-header, .popup-window-titlebar { text-align: center; padding: 10px 20px; background: #3FA0E4; color: #fff; font-size: 20px; .second_font; p { margin-bottom: 0; } } .buy-modal-content { padding: 10px 20px !important; text-align: center; border-bottom: 1px solid #E5E5E5; } .buy-modal-butons { padding: 10px 20px; } .buy-modal-to-cart { background: #4AA0E2; &:hover { background: #358DD1; } } .buy-modal-continue { background: #57B13F; &:hover { background: #3F9E26; } } .buy-modal-continue, .buy-modal-to-cart { height: 30px; color: #fff; display: inline-block; text-decoration: none; color: #fff; text-transform: uppercase; font-style: italic; border-radius: 2px; border: 0; padding: 3px 14px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.22), 0px -2px 0px rgba(0, 0, 0, 0.2) inset; cursor: pointer; font-size: 11px; line-height: 23px; &:hover, &:focus { text-decoration: none; color: #fff; } &:before, &:after { background: none !important; } } .content-block.breadcrumbs .container { padding-bottom: 0; } .bx-breadcrumb { margin-bottom: 0; } /** BEGIN: catalog.section.list .default */ /* line */ .bx_catalog_line{margin-bottom: 30px;} .bx_catalog_line .bx_catalog_line_category_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_line .bx_catalog_line_category_title a{ color: #000; text-decoration: none; } .bx_catalog_line .bx_catalog_line_ul{padding: 0;} .bx_catalog_line .bx_catalog_line_ul li{ margin-bottom: 20px; list-style: none; } .bx_catalog_line .bx_catalog_line_ul li:before {content: '' !important} .bx_catalog_line .bx_catalog_line_img{ position: relative; display: block; float: left; overflow: hidden; margin-right: 40px; width: 125px; height: 125px; border:1px solid #ccc; border-radius: 2px; background-position: center; background-repeat: no-repeat; -webkit-background-size:contain; background-size:contain; } .bx_catalog_line .bx_catalog_line_title{ margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 18px; } .bx_catalog_line .bx_catalog_line_title a{ color: #4c7da6; font-size: 18px; } .bx_catalog_line .bx_catalog_line_title a:hover{text-decoration: none;} .bx_catalog_line .bx_catalog_line_title span{font-size: 16px} .bx_catalog_line .bx_catalog_line_description{ color: #3f3f3f; font-size: 13px; line-height: 16px; } @media (max-width:639px) { .bx-touch .bx_catalog_line .bx_catalog_line_img{ margin-right: 10px; width: 50px; height: 50px; } .bx-touch .bx_catalog_line .bx_catalog_line_title{ margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size: 14px;} .bx-touch .bx_catalog_line .bx_catalog_line_description{font-size: 11px;} } .bx_catalog_line .bx_catalog_line_img, .bx_catalog_line .bx_catalog_line_title, .bx_catalog_line .bx_catalog_line_title a, .bx_catalog_line .bx_catalog_line_description{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* text */ .bx_catalog_text{margin-bottom: 30px;} .bx_catalog_text .bx_catalog_text_category_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_text .bx_catalog_text_category_title a{ color: #000; text-decoration: none; } .bx_catalog_text .bx_catalog_text_ul{padding: 0;} .bx_catalog_text .bx_catalog_text_ul li{ float: left; margin: 0 10px 10px; list-style: none; } .bx_catalog_text .bx_catalog_text_ul li:before {content: '' !important} .bx_catalog_text .bx_catalog_text_title{ margin: 0; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_text .bx_catalog_text_title a{ color: #4c7da6; white-space: nowrap; font-size: 14px; } .bx_catalog_text .bx_catalog_text_title a:hover{text-decoration: none} .bx_catalog_text .bx_catalog_text_title span{font-size: 12px;} @media (max-width:639px) { .bx-touch .bx_catalog_text .bx_catalog_line_title{ margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size: 12px;} } .bx_catalog_text .bx_catalog_line_title, .bx_catalog_text .bx_catalog_line_title a{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* tile */ .bx_catalog_tile{margin-bottom: 30px;} .bx_catalog_tile .bx_catalog_tile_category_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_tile .bx_catalog_tile_category_title a{ color: #000; text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_ul{padding: 0;} .bx_catalog_tile .bx_catalog_tile_ul li{ float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; padding: 0 10px; width:12.5%; list-style: none; text-align: center; } .bx_catalog_tile .bx_catalog_tile_ul li:before {content: '' !important} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: both;} .bx_catalog_tile .bx_catalog_tile_img{ position: relative; display: block; overflow: hidden; margin: 0 auto; width: 78px; height: 78px; border:1px solid #ccc; border-radius: 2px; background-color: #fff; background-position: center; background-repeat: no-repeat; -webkit-background-size:contain; background-size:contain; } .bx_catalog_tile .bx_catalog_tile_title{ margin-top: 5px; margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a{ color: #4c7da6; font-size: 14px; } .bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration: none;} .bx_catalog_tile .bx_catalog_tile_title span{font-size: 12px;} /*2*/ @media (max-width:980px){ .bx_catalog_tile .bx_catalog_tile_ul li{width:20%;} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear: both;} } /*3*/ @media (max-width:639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_title{ margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size: 11px;} } @media (min-width:480px) and (max-width:639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%;} .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;} .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear: both;} } /*4*/ @media (max-width:479px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%;} .bx-touch .bx_catalog_tile .bx_catalog_tile_img{ width: 100%; height: 80px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;} .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear: both;} } .bx_catalog_tile .bx_catalog_tile_title, .bx_catalog_tile .bx_catalog_tile_title a, .bx_catalog_tile .bx_catalog_tile_ul li, .bx_catalog_tile .bx_catalog_tile_img{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* list */ .bx_sitemap{margin-bottom: 30px;} .bx_sitemap .bx_sitemap_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_sitemap .bx_sitemap_title a{ color: #000; text-decoration: none; } .bx_sitemap .bx_sitemap_ul li{ padding: 0; line-height: 14px; } .bx_sitemap .bx_sitemap_ul li:before {content: '' !important} .bx_sitemap .bx_sitemap_li_title{ display: inline-block; margin: 0; padding: 0; vertical-align: top; font-weight: normal; line-height: 13px; margin-bottom: 10px; } .bx_sitemap .bx_sitemap_li_title a{ color: #4c7da6; white-space: nowrap; font-size: 13px; } .bx_sitemap .bx_sitemap_li_title a:hover{text-decoration: none} .bx_sitemap .bx_sitemap_li_title span{font-size: 11px;} @media (max-width:639px) { .bx-touch .bx_sitemap .bx_catalog_line_title{ margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_sitemap .bx_catalog_line_title a{font-size: 12px;} } .bx_sitemap .bx_catalog_line_title, .bx_sitemap .bx_catalog_line_title a{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /** END: catalog.section.list .default */ #KFF_PROGRAMM_REQUEST label { white-space: nowrap; text-align: left; } .events-carusel-list { .news-carusel-item { .shadow { background: #F0FDFF; } .c-news-image-mack { background-image: url(images/news-mask.png) } .c-news-date { } .c-news-item-name { } .c-news-info { } &:hover { .shadow { background: #3FA0E4; box-shadow: 0px 2px 15px rgba(17, 131, 210, 0.55); } .c-news-image-mack { background-image: url(images/news-mask-hover.png) } .c-news-date { color: #fff; } .c-news-item-name { color: #bdf3fd; } .c-news-info { color: #eef2f1; } } } }