*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* font-family: "PTSansRegular"; */ @font-face { font-family: "PTSansRegular"; src: url("/s1/fonts/PTSansRegular/PTSansRegular.eot"); src: url("/s1/fonts/PTSansRegular/PTSansRegular.eot?#iefix")format("embedded-opentype"), url("/s1/fonts/PTSansRegular/PTSansRegular.woff") format("woff"), url("/s1/fonts/PTSansRegular/PTSansRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "PTSansItalic"; */ @font-face { font-family: "PTSansItalic"; src: url("/s1/fonts/PTSansItalic/PTSansItalic.eot"); src: url("/s1/fonts/PTSansItalic/PTSansItalic.eot?#iefix")format("embedded-opentype"), url("/s1/fonts/PTSansItalic/PTSansItalic.woff") format("woff"), url("/s1/fonts/PTSansItalic/PTSansItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "PTSansBold"; */ @font-face { font-family: "PTSansBold"; src: url("/s1/fonts/PTSansBold/PTSansBold.eot"); src: url("/s1/fonts/PTSansBold/PTSansBold.eot?#iefix")format("embedded-opentype"), url("/s1/fonts/PTSansBold/PTSansBold.woff") format("woff"), url("/s1/fonts/PTSansBold/PTSansBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "CenturyGothicRegular"; */ @font-face { font-family: "CenturyGothicRegular"; src: url("/s1/fonts/CenturyGothicRegular/CenturyGothicRegular.eot"); src: url("/s1/fonts/CenturyGothicRegular/CenturyGothicRegular.eot?#iefix")format("embedded-opentype"), url("/s1/fonts/CenturyGothicRegular/CenturyGothicRegular.woff") format("woff"), url("/s1/fonts/CenturyGothicRegular/CenturyGothicRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } html { width:100%; height:100%; font-size: 100.01%; margin: 0; padding: 0; } body { font: 100%/1.41 "PTSansRegular", Arial, sans-serif; width: 100%; height: 100%; margin: 0 auto; padding: 0; color: #191919; background: #deecf5; } strong{ font-weight: 100; font-family:'PTSansBold';} @import "mixins.less"; /* Secondary section */ @link-c: #3679a6; @orange-c: #e5a036; @blue-c: #00265d; @grey-c: #636363; @black-c: #191919; @darkb-c: #142143; @gold-c: #f3db6f; .wrapper { position: relative; width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; .empty { position: relative; height: 1em; clear: both; } } .clear { clear: both; width: 100%; display: block; height: 0!important; } .container { max-width: 1080px; margin: 0 auto; padding: .3%; } a { color: @link-c; cursor: pointer; } .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 101.5%; margin: 0 auto; padding: 0; [class*='col_'] { /*-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;*/ margin-right: 1.5%; margin-bottom: 1em; &.col_4 { width: 23.5%; } &.col_1_10 { width: 8.5%; } &.col_2_10 { width: 18.5%; } &.col_3_10 { width: 28.5%; } &.col_4_10 { width: 38.5%; } &.col_5_10 { width: 48.5%; } &.col_6_10 { width: 58.5%; } &.col_7_10 { width: 68.5%; } &.col_8_10 { width: 78.5%; } &.col_9_10 { width: 88.5%; } &.col_10_10 { width: 100%; } &.l { text-align: left; } &.r { text-align: right; } &.c { text-align: center; } } &.c { -webkit-align-items: center; -ms-align-items: center; align-items: center; } } p { margin: 0; margin-bottom: 15px; font-size: 0.875em; } input[type=button] { padding: 0; } input:focus { outline: none; } footer { // position: relative; margin-top: -1em; width: 100%; background: #00265d; } /* MAIN */ #lean_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none; } #podtv, #error { width:100%; padding: 3%; background: #fff; display: none; p { margin: 2em 0; text-align: center; &.grline { margin: 0; } } } span.close { background: url(../images/closemw.png) center no-repeat; background-size: 100% 100%; width: 57px; height: 54px; display: block; position: absolute; top: 0; right: 0; z-index: 9999999; cursor: pointer; } .formwrap { background: rgba(229,159,54,1); background: -moz-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,159,54,1)), color-stop(47%, rgba(244,222,114,1)), color-stop(100%, rgba(229,159,54,1))); background: -webkit-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -o-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -ms-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: linear-gradient(to bottom, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f36', endColorstr='#e59f36', GradientType=0 ); padding: 2px; width: 100%; position: relative; .formwrap { position: absolute; left: 0; top: 0; z-index: 99999; } } .error{ color:red; margin-bottom: 0; } .success{ color:green; margin-bottom: 0; } .modal { width: 98%; margin: 0 auto; padding: 25px; max-width: 750px; top: 5%; left: 0; right: 0; z-index: 1000; display: none; // transform: translateY(-25%); p.desc { color: #545454; text-align: center; margin: 10px 0; } hr.grey_line { background: #e1e1e1; height: 1px; width: 100%; border: 0; margin: 5px 0; clear: both; } h3 { font-family: "PTSansRegular"; color: @blue-c; text-align: center; margin: 0 auto; background: #fff; position: relative; text-transform: uppercase; p.grline { height: 3px; border: 0; width: 98% !important; top: 50%; left: 0; right: 0; margin: 0; position: absolute; background: rgba(244,222,114,1); background: -moz-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,222,114,1)), color-stop(47%, rgba(229,159,54,1)), color-stop(100%, rgba(244,222,114,1))); background: -webkit-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -o-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -ms-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: linear-gradient(to right, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4de72', endColorstr='#f4de72', GradientType=1 ); } span { background: #fff; padding: 0 2%; position: relative; z-index: 1; } } } form.zakaz_form div.personalInfoAgreementDetails { width: 100%; } .zakaz_form { position: relative; background: #fff; overflow: hidden; padding: 1em; .captcha{ .captcha_input{ } .captcha_text{ display:inline; } .captcha_refresh_btn{ display:inline; } } p.txtimg { clear: both; padding-left: 1.125em; color: #00265d; margin: 0; span { color: #3679a6; } } div { float: left; margin: 1em 0; &:nth-of-type(1) { width: 30%; padding: 0 1em; } &:nth-of-type(2) { width: 70%; padding: 0 1em; } &:nth-of-type(3) { width: 30%; padding: 1em 0; text-align: center; margin: 0; img { float: none; display: inline-block; } } &:nth-of-type(4) { text-align: left; width: 70%; padding: 1em; margin: 0; p { text-align: left; } input[type=text] { width: 30%; } input[type=submit], input[type=button], input[type=reset] { max-width: 145px; min-width: 90px; width: 30%; margin-left: 2%; border: 0; font-family: "PTSansRegular"; font-size: .875em; text-transform: uppercase; height: 2em; } .otprav { margin-bottom: 1em; width: 30%; margin-left: 2%; border: 0; font-family: "PTSansRegular"; font-size: .875em; text-transform: uppercase; height: 2em; border-radius: 3px; background: rgba(87,135,183,1); background: -moz-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,135,183,1)), color-stop(50%, rgba(49,110,151,1)), color-stop(100%, rgba(25,73,122,1))); background: -webkit-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -o-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -ms-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: linear-gradient(to bottom, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5787b7', endColorstr='#19497a', GradientType=0 ); color: #fff; &:hover { background: rgba(25,73,122,1); background: -moz-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,73,122,1)), color-stop(50%, rgba(49,110,151,1)), color-stop(100%, rgba(87,135,183,1))); background: -webkit-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -o-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -ms-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: linear-gradient(to bottom, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19497a', endColorstr='#5787b7', GradientType=0 ); } } } &:nth-of-type(8) { width: 70%; padding: 2em 1em; input[type=text] { width: 33%; } input[type=button], input[type=reset] { max-width: 115px; width: 30%; margin-left: 2%; border: 0; font-family: "PTSansRegular"; font-size: .875em; text-transform: uppercase; height: 2em; } .otprav { max-width: 115px; width: 30%; border: 0; font-family: "PTSansRegular"; font-size: .875em; text-transform: uppercase; height: 2em; border-radius: 3px; background: rgba(87,135,183,1); background: -moz-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,135,183,1)), color-stop(50%, rgba(49,110,151,1)), color-stop(100%, rgba(25,73,122,1))); background: -webkit-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -o-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -ms-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: linear-gradient(to bottom, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5787b7', endColorstr='#19497a', GradientType=0 ); color: #fff; &:hover { background: rgba(25,73,122,1); background: -moz-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,73,122,1)), color-stop(50%, rgba(49,110,151,1)), color-stop(100%, rgba(87,135,183,1))); background: -webkit-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -o-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -ms-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: linear-gradient(to bottom, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19497a', endColorstr='#5787b7', GradientType=0 ); } } } input[type=text] { width: 100%; height: 2em; border: 1px solid #e1e1e1; } textarea { width: 100%; height: 6em; border: 1px solid #e1e1e1; } p { margin: .5em 0; color: @blue-c; span { color: @link-c; } } } }/* END .zakaz_form */ .orangebut { padding: 2px; width: 100%; border-radius: 3px; text-decoration: none; max-width: 145px; display: block; background: rgba(229,159,54,1); background: -moz-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,159,54,1)), color-stop(47%, rgba(244,222,114,1)), color-stop(100%, rgba(229,159,54,1))); background: -webkit-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -o-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -ms-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: linear-gradient(to bottom, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f36', endColorstr='#e59f36', GradientType=0 ); &:hover { p, span { background: rgba(220,137,36,1); background: -moz-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,137,36,1)), color-stop(100%, rgba(235,179,81,1))); background: -webkit-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -o-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -ms-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: linear-gradient(to bottom, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc8924', endColorstr='#ebb351', GradientType=0 ); } } p, span { display: block; color: #fff; font-family: "PTSansBold"; text-transform: uppercase; margin: 0; text-shadow: 0px 1px 1px black; padding: .5em 0; text-align: center; background: rgba(235,179,81,1); background: -moz-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,179,81,1)), color-stop(100%, rgba(220,137,36,1))); background: -webkit-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -o-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -ms-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: linear-gradient(to bottom, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb351', endColorstr='#dc8924', GradientType=0 ); } &.fixed_but { position: fixed; right: 20px; display: none; bottom: 20px; z-index: 10000; width: 75px; height: 75px; border-radius: 50%; p { height: 100%; padding: 18px 0; border-radius: 50%; line-height: 18px; } } } hr.gradient { height: 2px; border: 0; margin: 0; left: 0; width: 100%; position: absolute; background: rgba(229,162,55,1); background: -moz-linear-gradient(left, rgba(229,162,55,1) 0%, rgba(244,220,113,1) 50%, rgba(229,162,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(229,162,55,1)), color-stop(50%, rgba(244,220,113,1)), color-stop(100%, rgba(229,162,55,1))); background: -webkit-linear-gradient(left, rgba(229,162,55,1) 0%, rgba(244,220,113,1) 50%, rgba(229,162,55,1) 100%); background: -o-linear-gradient(left, rgba(229,162,55,1) 0%, rgba(244,220,113,1) 50%, rgba(229,162,55,1) 100%); background: -ms-linear-gradient(left, rgba(229,162,55,1) 0%, rgba(244,220,113,1) 50%, rgba(229,162,55,1) 100%); background: linear-gradient(to right, rgba(229,162,55,1) 0%, rgba(244,220,113,1) 50%, rgba(229,162,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5a237', endColorstr='#e5a237', GradientType=1 ); } div.bottom a { &:hover { font-family: "PTSansBold"; } } .fancyb { margin-top: 2em; text-align: left; a { margin: 0 1em 1em 0; position:relative; display: inline-block; height: 130px; width: 130px; img { width: 100%; height: 100%; } span { position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(51, 110, 165, 0.5) url(../images/fotolupa.png) no-repeat center; opacity: 0; &:hover { opacity: 1; .transition; } } } } form.standartform { width: 100%; div.wrap { div { width: 100%!important; text-align: left!important; padding: 0!important; .section.f_el { .col_10_10 { padding-top: .5em!important; margin-bottom: .5em!important; &.c { text-align: center!important; input.captcha_text { margin-bottom: 1em; } } img { float: none; margin-bottom: 1em; } } } } } input { width: 100%!important; } label { color: @blue-c; span.star { color: @link-c; } } } .backlink { width: 100%; clear: both; padding-top: 1em; a { font-family: "PTSansBold"; } } header { .contact__search { margin-top: 10px; .goog-te-gadget { display: flex; justify-content: center; } .goog-te-gadget-simple { display: flex; } .goog-te-menu-value { display: flex; } } form input[type=search] { font-size: .875em; font-family: "PTSansItalic"; padding-left: 2%; color: @grey-c; height: 2em; } nav { ul { &.mainmenu { li { position: relative; display: table-cell; &:first-child { position: static; } &:hover { ul.secondmenu.spoiler1 { display: block; li { display: block; a.spoiler_link2 { min-width: 200px; } &.nextlevel { padding-right: 25px!important; &:hover { a.spoiler_link2:after { color: inherit; } } a.spoiler_link2 { position: relative; padding-right: 0px!important; &:after { content: '\003E'; position: absolute; right: -5px; top: 0px; color: @orange-c; font-family: "PTSansRegular"; } } } ul.thirdmenu.spoiler2 { display: none; li { a { color: #191919; font-family: "PTSansRegular"; } &:hover { a { color: @link-c; font-family: "PTSansBold"; } } ul.fourthmenu.spoiler3 { li { max-height: 80%; overflow: hidden; span { p, div { display: inline; fint-size: 1em; } ul, ol { padding: 20px; width: auto; height: auto; position: static; } li { width: auto; height: auto; position: static; } } a { color: @link-c; font-family: "PTSansRegular"; padding: 0 2% 0 2%; &:hover { font-family: "PTSansBold"; } } } } } } &:hover { a { color: @link-c; font-family: "PTSansBold"; span { color: @link-c; } } ul.thirdmenu.spoiler2 { display: block; } ul.fourthmenu.spoiler3 { display: block; } } } } } } } &.secondmenu { li { position: static; a { p { margin: 0; color: inherit; width: 95%; } } } } } } a.skypelink:hover { opacity: .7; } .searchhead form input[type=submit]:hover { opacity: .7; } div.obsvaz { a { padding: 2px; width: 100%; border-radius: 3px; text-decoration: none; max-width: 149px; display: block; background: rgba(229,159,54,1); background: -moz-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,159,54,1)), color-stop(47%, rgba(244,222,114,1)), color-stop(100%, rgba(229,159,54,1))); background: -webkit-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -o-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -ms-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: linear-gradient(to bottom, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f36', endColorstr='#e59f36', GradientType=0 ); &:hover { p { background: rgba(220,137,36,1); background: -moz-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,137,36,1)), color-stop(100%, rgba(235,179,81,1))); background: -webkit-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -o-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -ms-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: linear-gradient(to bottom, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc8924', endColorstr='#ebb351', GradientType=0 ); } } p { color: #fff; font-family: "PTSansBold"; text-transform: uppercase; margin: 0; text-shadow: 0px 1px 1px black; padding: .5em 0; text-align: center; background: rgba(235,179,81,1); background: -moz-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,179,81,1)), color-stop(100%, rgba(220,137,36,1))); background: -webkit-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -o-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -ms-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: linear-gradient(to bottom, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb351', endColorstr='#dc8924', GradientType=0 ); } } } #zvonok { width: 98%; margin: 0 auto; padding: 25px; max-width: 570px; position: fixed; top: 5%; left: 0; right: 0; z-index: 1000; display: none; h3 { font-family: "PTSansRegular"; color: @blue-c; text-align: center; margin: 0 auto; background: #fff; position: relative; text-transform: uppercase; p.grline { height: 3px; border: 0; width: 98% !important; top: 50%; left: 0; right: 0; margin: 0; position: absolute; background: rgba(244,222,114,1); background: -moz-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,222,114,1)), color-stop(47%, rgba(229,159,54,1)), color-stop(100%, rgba(244,222,114,1))); background: -webkit-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -o-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -ms-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: linear-gradient(to right, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4de72', endColorstr='#f4de72', GradientType=1 ); } span { background: #fff; padding: 0 2%; position: relative; z-index: 1; } } hr { height: 2px; border: 0; width: 95%; top: 23px; left: 0; right: 0; position: absolute; background: rgba(244,222,114,1); background: -moz-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,222,114,1)), color-stop(47%, rgba(229,159,54,1)), color-stop(100%, rgba(244,222,114,1))); background: -webkit-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -o-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -ms-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: linear-gradient(to right, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4de72', endColorstr='#f4de72', GradientType=1 ); } form { width: 100%; background: #fff; padding: 3%; position: relative; p { margin-top: 1em; color: @grey-c; &:last-child { width: 95%; } input[type=text] { font-family: "PTSansItalic"; padding-left: 2%; width: 100%; height: 2.8em; border: 1px solid rgb(188,188,188); } span { display: block; color: #191919; margin-bottom: .5em; &.slidefon { background: rgba(229,159,54,1); background: -moz-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,159,54,1)), color-stop(47%, rgba(244,222,114,1)), color-stop(100%, rgba(229,159,54,1))); background: -webkit-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -o-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -ms-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: linear-gradient(to bottom, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f36', endColorstr='#e59f36', GradientType=0 ); padding: 2px; text-align: center; margin: 0; border-radius: 3px; } } } input[type=button] { color: #fff; font-family: "PTSansBold"; text-transform: uppercase; margin: 0; text-shadow: 0px 1px 1px black; padding: .5em 0; text-align: center; background: rgba(235,179,81,1); background: -moz-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,179,81,1)), color-stop(100%, rgba(220,137,36,1))); background: -webkit-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -o-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -ms-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: linear-gradient(to bottom, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb351', endColorstr='#dc8924', GradientType=0 ); width: 111px; border: 0; &:hover { background: rgba(220,137,36,1); background: -moz-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,137,36,1)), color-stop(100%, rgba(235,179,81,1))); background: -webkit-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -o-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -ms-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: linear-gradient(to bottom, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc8924', endColorstr='#ebb351', GradientType=0 ); } } } }/* END ZVONOK */ } .bread{ a{ text-decoration: underline; } .breadArrow{ color: #00265d; } .breadLast{ color: #00265d; text-decoration: none; font-weight: bold; } } section.slide { background: #fff; position: relative; .btw { position:absolute; bottom: 0; width: 100%; z-index: 2; height: 5em; background: url(../images/botblue.png) bottom no-repeat; background-size: cover; } .container { padding: 0; .swiper-container { position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; padding-bottom: 2em; .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .slidetext { padding: 0 2% 2em 2%; height: 260px; p { font-size: 1em; } } .slideimg { background-size: cover; background-position: center; background-repeat: no-repeat; img { max-width: 100%; } } h3 { font-family: "CenturyGothicRegular"; font-size: 1.575em; color: @darkb-c; margin: .5em 0; } div.bottom { position: relative; padding: 1em 0; a { display: block; position: absolute; top: 20%; color: @link-c; font-size: 1.2em; right: 15%; background: #fff; text-transform: uppercase; padding: 0 3%; text-decoration: none; } hr { color: #d1d4d3; border: 2px solid #d1d4d3; } } } } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; bottom: 3em; width: 20px; height: 20px; margin-top: -15px; z-index: 10; cursor: pointer; color: @orange-c; border: 1px solid @orange-c; border-radius: 50%; text-align: center; line-height: 1; font-weight: bold; text-transform: uppercase; &:hover { color: #fff; background: @orange-c; } } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.5; cursor: auto; pointer-events: none; } }/* END section.slide */ section.napravlenie { background: #3679a6; width: 100%; position: relative; padding-bottom: 1em; h2 { color: #fff; margin-top: 0; span { background: #3679a6; } } .blockwrap { } div.block { background: rgba(229,159,54,1); background: -moz-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,159,54,1)), color-stop(47%, rgba(244,222,114,1)), color-stop(100%, rgba(229,159,54,1))); background: -webkit-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -o-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -ms-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: linear-gradient(to bottom, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f36', endColorstr='#e59f36', GradientType=0 ); padding: 2px; text-align: center; -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75); div { background: #fff; img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ max-height: 120px; max-width: 100%; } strong { display: block; margin-bottom: .5em; color: @blue-c; } } } .swiper-container { position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; padding-bottom: 1.3em; width: 100%; margin: 0 auto; .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .slidefon { width: 85%; margin: 0 auto; background: rgba(229,159,54,1); background: -moz-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,159,54,1)), color-stop(47%, rgba(244,222,114,1)), color-stop(100%, rgba(229,159,54,1))); background: -webkit-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -o-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -ms-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: linear-gradient(to bottom, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f36', endColorstr='#e59f36', GradientType=0 ); padding: 2px; text-align: center; -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75); } div.slide { background: #fff; padding-bottom: 1em; height: 20em; strong { display: block; margin: 0 1% 0.5em 1%; color: #142143; } p { margin: margin: 0 1% 0.5em 1%; } img { height: 50%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ max-width: 100%; } } } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 40%; width: 30px; height: 30px; z-index: 10; cursor: pointer; color: #fff; background: @orange-c; border: 3px solid #fff; border-radius: 50%; text-align: center; line-height: 18px; font-size: 30px; font-weight: bold; text-transform: uppercase; &:hover { color: @orange-c; background: #fff; border: 3px solid @orange-c; } } .swiper-button-next { right: 4%; } .swiper-button-prev { left: 4%; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { cursor: auto; pointer-events: none; } }/* END section.napravlenie */ section.products { .slide3 { max-width: 1120px; padding: 0 20px; position: relative; .slidefon { max-width: 1080px; top: 0; left: 0; margin: 0 auto; background: rgba(229,159,54,1); background: -moz-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,159,54,1)), color-stop(47%, rgba(244,222,114,1)), color-stop(100%, rgba(229,159,54,1))); background: -webkit-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -o-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -ms-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: linear-gradient(to bottom, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f36', endColorstr='#e59f36', GradientType=0 ); padding: 2px; text-align: center; -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75); } .swiper-container { position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; background: #fff; width: 100%; .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } div.bottom { position: relative; padding: 1em 0; text-align: center; a { position: relative; color: @link-c; font-size: 1.2em; background: #fff; text-transform: uppercase; padding: 0 3%; text-decoration: none; } hr { color: #d1d4d3; border: 2px solid #d1d4d3; position: absolute; margin: 0; top: 50%; left: 0%; right: 0%; width: 90%; margin: 0 auto; } } div.slide { background: #fff; padding: 1em 1em 0 1em; width: 100%; strong { display: block; margin: 0 2% 0.5em 2%; color: #142143; } p { margin: margin: 0 2% 0.5em 2%; } img { max-width: 100%; height: 220px; margin-bottom: 1em; } } } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 40%; width: 40px; height: 40px; z-index: 10; cursor: pointer; color: #fff; background: @orange-c; border: 3px solid #fff; border-radius: 50%; text-align: center; line-height: 28px; font-size: 30px; font-weight: bold; text-transform: uppercase; &:hover { color: @orange-c; background: #fff; border: 3px solid @orange-c; } } .swiper-button-next { right: 0%; } .swiper-button-prev { left: 0%; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { cursor: auto; pointer-events: none; } }/* END div.container.slide3 */ .slidemob { max-width: 1120px; padding: 0 20px; position: relative; text-align: center; .slidefon { width: 100%; top: 0; left: 0; margin: 0 auto; background: rgba(229,159,54,1); background: -moz-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,159,54,1)), color-stop(47%, rgba(244,222,114,1)), color-stop(100%, rgba(229,159,54,1))); background: -webkit-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -o-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -ms-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: linear-gradient(to bottom, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f36', endColorstr='#e59f36', GradientType=0 ); padding: 2px; text-align: center; -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75); } .swiper-container { position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; background: transparent; width: 100%; margin-bottom: 1em; .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 4%; } div.bottom { position: relative; padding: 1em 0; text-align: center; a { position: relative; color: @link-c; font-size: 1.2em; background: #fff; text-transform: uppercase; padding: 0 3%; text-decoration: none; &:hover { font-family: "PTSansBold"; } } hr { color: #d1d4d3; border: 2px solid #d1d4d3; position: absolute; margin: 0; top: 50%; left: 0%; right: 0%; width: 90%; margin: 0 auto; } } div.slide { background: #fff; padding: 1em; width: 100%; strong { display: block; margin: 0 2% 0.5em 2%; color: #142143; } p { margin: margin: 0 2% 0.5em 2%; } img { max-width: 90%; height: 10em; margin-bottom: 1em; } } } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 40%; width: 40px; height: 40px; z-index: 10; cursor: pointer; color: #fff; background: @orange-c; border: 3px solid #fff; border-radius: 50%; text-align: center; line-height: 28px; font-size: 30px; font-weight: bold; text-transform: uppercase; &:hover { color: @orange-c; background: #fff; border: 3px solid @orange-c; } } .swiper-button-next { right: 0%; } .swiper-button-prev { left: 0%; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { cursor: auto; pointer-events: none; } }/* END div.container.slidemob */ }/* END section.products */ section { a.calenmeroplink { display: block; text-align: center; text-transform: uppercase; } .custom-header nav span { position: absolute; top: 50%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 30px; height: 30px; margin-top: -15px; z-index: 10; color: @orange-c; border: 2px solid @orange-c; border-radius: 50%; text-align: center; line-height: 1.5; font-weight: bold; text-transform: uppercase; &:hover { color: #fff; background: @orange-c; border: 2px solid #fff; } &:first-child { left: 7%; } &:last-child { right: 7%; } } .fc-future.fc-content { &:hover { span.fc-date { text-decoration: none; } } } .slidefon { &.contacts { clear: both; } &.calendarwrap { margin-top: 2em !important; } } form.contacts { width: 100%; background: #fff; padding: 1em; img { max-width: 100%; } p { margin: .5em 0; color: @blue-c; span { color: @link-c; } } input[type=text] { width: 100%; border: 1px solid #e1e1e1; height: 2em; } textarea { width: 100%; border: 1px solid #e1e1e1; height: 5em; } input.otprav { border-radius: 3px; background: rgba(87,135,183,1); background: -moz-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,135,183,1)), color-stop(50%, rgba(49,110,151,1)), color-stop(100%, rgba(25,73,122,1))); background: -webkit-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -o-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -ms-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: linear-gradient(to bottom, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5787b7', endColorstr='#19497a', GradientType=0 ); color: #fff; width: 48%; &:hover { background: rgba(25,73,122,1); background: -moz-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,73,122,1)), color-stop(50%, rgba(49,110,151,1)), color-stop(100%, rgba(87,135,183,1))); background: -webkit-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -o-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -ms-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: linear-gradient(to bottom, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19497a', endColorstr='#5787b7', GradientType=0 ); } } input[type=button] { max-width: 115px; width: 42%; margin-left: 2%; border: 0; font-family: "PTSansRegular"; font-size: .875em; text-transform: uppercase; height: 2em; margin-top: 1em; &.otprav { border-radius: 3px; background: rgba(87,135,183,1); background: -moz-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,135,183,1)), color-stop(50%, rgba(49,110,151,1)), color-stop(100%, rgba(25,73,122,1))); background: -webkit-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -o-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -ms-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: linear-gradient(to bottom, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5787b7', endColorstr='#19497a', GradientType=0 ); color: #fff; width: 48%; &:hover { background: rgba(25,73,122,1); background: -moz-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,73,122,1)), color-stop(50%, rgba(49,110,151,1)), color-stop(100%, rgba(87,135,183,1))); background: -webkit-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -o-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -ms-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: linear-gradient(to bottom, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19497a', endColorstr='#5787b7', GradientType=0 ); } } } } .archnewswrap { margin-top: 2em !important; .archnews { background: #fff; width: 100%; padding: .5em 1em; .month { overflow: hidden; p { width: 50%; float: left; padding-left: 15%; a { text-transform: uppercase; text-decoration: none; display: block; text-align: left; margin-top: 1em; &.inactive { color: #191919; cursor: context-menu; } } } } h3 { text-align: center; margin: 0; border-bottom: 2px solid #d1d4d3; padding-bottom: .3em; color: @blue-c; font-size: 1.5em; span { width: 20px; height: 20px; cursor: pointer; color: @orange-c; border: 1px solid @orange-c; border-radius: 50%; text-align: center; line-height: .6em; margin-top: 10px; &:hover { color: #fff; background: @orange-c; } } span:first-child { float: left; } span:last-child { float: right; } } } }/* END .archnewswrap */ h1 { font-family: "CenturyGothicRegular"; font-size: 1.875em; color: @blue-c; text-align: left; margin-top: .83em; margin-bottom: 1em; } .spoilerlinkmob { max-width: 180px; background: #3373a0; color: #fff !important; margin: 0 auto; text-align: center; font-family: "PTSansBold"; line-height: 3; margin-top: 1em; text-transform: uppercase; border-radius: 5px; cursor: pointer; display: none; } h2 { font-family: "CenturyGothicRegular"; font-size: 1.875em; text-transform: uppercase; color: @blue-c; position: relative; text-align: center; margin-bottom: 1em; hr, p { height: 3px; border: 0; width: 100%; top: 50%; left: 0; right: 0; margin: 0; position: absolute; background: rgba(244,222,114,1); background: -moz-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,222,114,1)), color-stop(47%, rgba(229,159,54,1)), color-stop(100%, rgba(244,222,114,1))); background: -webkit-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -o-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -ms-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: linear-gradient(to right, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4de72', endColorstr='#f4de72', GradientType=1 ); } span { background: #deecf5; padding: 0 2%; position: relative; z-index: 1; &.twoline { display: block; width: 80%; padding: 0; margin: 0 auto; } } } .lside { max-width: 250px; img { max-width: 100%; } .lsidebanner { position: relative; min-height: 27em; .img { background: #3e632b url(../images/lsidebanner.jpg) 0 center no-repeat; margin-top: 2em; background-size: cover; height: 20em; } .text { text-transform: uppercase; position: absolute; bottom: 0; } h3 { color: #fff; font-family: "PTSansBold"; font-size: 1.5em; text-align: left; text-shadow: 1px 1px 1px black; padding: 0 0 0 5%; margin: 0; span { color: #d9fb6d; font-size: 2em; display: block; } } p { color: #fff; background: #3e632b; padding: .5em 0 .5em 5%; margin: 0; font-size: 1.125em; -webkit-box-shadow: 0px -50px 28px -12px rgba(62, 99, 43, 0.4); -moz-box-shadow: 0px -50px 28px -12px rgba(62, 99, 43, 0.4); box-shadow: 0px -50px 28px -12px rgba(62, 99, 43, 0.4); text-transform: none; span { display: block; margin-bottom: .5em; } } } .spoilerl { display: none; } ul { list-style: none; margin: 0; a { color: @blue-c; text-decoration: none; } &.secondmenul { padding: 1em 5% 1em 5%; background: #fff; li { a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; span { color: @orange-c; display: block; } p { color: inherit; width: 95%; margin: 0; margin-bottom: 10px; font-size: 1em; } &:hover, &.actlinkl { color: @link-c; font-family: "PTSansBold"; span { color: @link-c; } } } } .thirdmenul { padding-left: 8%; border-right: 0; margin: .5em 0; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(243,224,115,1)), to(rgba(229,162,54,1))) 1 100%; -webkit-border-image: -webkit-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; -moz-border-image: -moz-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; -o-border-image: -o-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; border-image: linear-gradient(to bottom, rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; a { color: #191919; text-decoration: none; white-space: normal; display: block; &:hover { color: @link-c; font-family: "PTSansRegular"; } } } } } }/* END .lside */ } a.catalog { font-family: "PTSansBold"; text-transform: uppercase; color: #fff; background: #3373a0; border-radius: 5px; text-align: center; margin: 0 auto; padding: .5em 1em; text-decoration: none; display: inline-block; margin-top: 15px; } section.meropr { .container { overflow: hidden; padding: 20px; } h1 { font-family: "CenturyGothicRegular"; font-size: 1.875em; text-transform: uppercase; color: @blue-c; position: relative; text-align: center; hr, p { height: 3px; border: 0; width: 100%; top: 50%; left: 0; right: 0; margin: 0; position: absolute; background: rgba(244,222,114,1); background: -moz-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,222,114,1)), color-stop(47%, rgba(229,159,54,1)), color-stop(100%, rgba(244,222,114,1))); background: -webkit-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -o-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -ms-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: linear-gradient(to right, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4de72', endColorstr='#f4de72', GradientType=1 ); } span { background: #deecf5; padding: 0 2%; position: relative; z-index: 1; } } .calenfon { width: 35%; float: left; margin-right: 4%; background: rgba(229,159,54,1); background: -moz-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,159,54,1)), color-stop(47%, rgba(244,222,114,1)), color-stop(100%, rgba(229,159,54,1))); background: -webkit-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -o-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -ms-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: linear-gradient(to bottom, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f36', endColorstr='#e59f36', GradientType=0 ); padding: 2px; text-align: center; } .datewrap { float: left; width: 60%; text-align: right; div.events { margin-bottom: 1em; } div { padding-left: 2%; text-align: left; overflow: hidden; ul { margin-top: 0; padding: 0; list-style-position: inside; } } p { &:first-line { margin-bottom: .5em; line-height: 2; margin-bottom: 0; } } a { &:hover { text-decoration: none; } } h3 { margin: 0; font-size: 2.25em; color: @blue-c; line-height: 1; text-align: center; float: left; span { font-size: .5em; display: block; text-transform: uppercase; } } } }/* END section.meropr */ section.newsstat { padding-bottom: 2em; .container { overflow: hidden; } a.allnewsstat { text-transform: uppercase; display: inline-block; text-align: right; &:hover { text-decoration: none; } } .news { width: 49%; float: left; text-align: right; div { text-align: left; span { display: block; color: @grey-c; font-family: "PTSansItalic"; margin: .5em 0; } a { &:hover { text-decoration: none; } } p { a { padding: 0 5px; } } } } .stat { width: 49%; float: right; text-align: right; div { text-align: left; clear: both; padding-bottom: 1em; overflow: hidden; img { margin: .5em .5em 0 0; float: left; } span { color: @blue-c; font-size: 1.125em; font-weight: bold; } a { padding: 0 5px; &:hover { text-decoration: none; } } } } .newsstatmob { .news, .stat { float: none; width: 100%; display: none; text-align: center; p { margin: 0; } div { margin-bottom: 1em; text-align: left; overflow: hidden; } } .activetab { display: block; } .tablinks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; span.border { color: @orange-c; font-size: 1em; } h2 { width: 100%; text-align: center; font-size: 1.5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; p { width: 100%; } span.tablink { cursor: pointer; text-decoration: underline; &.activetablink { text-decoration: none; } } } } } }/* END section.newsstat */ section.maincontent { overflow: hidden; p { a.searchlinks { display: block; margin: .5em 0; } } form.search { width: 100%; position: relative; padding-right: 45px; margin-bottom: 1em; input[type=search] { width: 100%; height: 100%; padding: 5px; font-family: "PTSansItalic"; border: 1px solid #cccccc; } input[type=submit] { background: url(../images/lupaimg.png) center no-repeat; width: 38px; height: 100%; border: none; position: absolute; top: 0; right: 0; border-radius: 2px; color: transparent; &:hover { opacity: .7; } } } p.brows { font-family: "PTSansBold"; font-size: 1.5em; margin: 1em 0; span { color: @orange-c; } } a:hover { text-decoration: none; } .slidefon { margin: 0 auto; margin-bottom: 1em; background: rgba(229,159,54,1); background: -moz-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,159,54,1)), color-stop(47%, rgba(244,222,114,1)), color-stop(100%, rgba(229,159,54,1))); background: -webkit-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -o-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -ms-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: linear-gradient(to bottom, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f36', endColorstr='#e59f36', GradientType=0 ); padding: 1px; } .content { padding: 0 1% ; h1 + div:first-of-type { min-height: 230px; } a.orazdele { display: block; margin-bottom: 15px; } ul { padding: 0; list-style-position: inside; color: @link-c; p, div, a, span, strong, b, i { display: inline; color: @link-c; } } .slidefon { &.contacts { display: none; } &.calendarwrap { display: none; } } div.docs { margin-bottom: 1em; .docspoiler { display: none; } a { font-family: "PTSansBold"; font-size: 1.125em; position: relative; text-decoration: none; &:after { content: "v"; color: @orange-c; position: absolute; top: 0px; right: -20px; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } &.active { color: #191919; &:after { content: ">"; } } } .imgwrap { background: #fff; width: 100%; padding: 1em 0; div { width: 20%; margin: 2%; display: inline-block; img { max-width: 100%; } p { text-align: center; } } } } hr.gradient { &.search { position: relative; } } .archnewswrap { display: none; } div.bottom { position: relative; padding: 1em 0; text-align: center; a { position: relative; color: @link-c; font-size: 1.2em; background: #fff; text-transform: uppercase; padding: 0 3%; text-decoration: none; &:hover { font-family: "PTSansBold"; } } hr { color: #d1d4d3; border: 2px solid #d1d4d3; position: absolute; margin: 0; top: 50%; left: 0%; right: 0%; width: 90%; margin: 0 auto; } } div.slide { background: #fff; padding: 1em 5px; width: 100%; text-align: center; height: 100%; strong { display: block; margin: 0 2% 0.5em 2%; color: #142143; } p { margin: 0 2% 0.5em 2%; } img { max-width: 90%; height: 10em; margin-bottom: 0em; } } .gifts { /*-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;*/ display: block; text-align: center; width: 100%; margin: 0; .slidefon { width: 32%; margin: 0; border-radius: 5px; margin: 0 2px 1em 0; display: inline-block; vertical-align: top; /*display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;*/ .slide { border-radius: 5px; position: relative; min-height: 380px; padding-bottom: 55px; &.notxt { min-height: 310px; padding-bottom: 1em; h4 { margin-bottom: 0; } .pic img { height: 12em; } } a { text-decoration: none; font-size: 1em; } span { color: @orange-c; font-family: "PTSansBold"; font-size: 1.5em; } .bottom { position: absolute; left: 0; bottom: 0; width: 100%; } } } }/* END .gifts */ form.filter { background: #fff; padding: .5em; width: 100%; display: table; /*display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;*/ p { margin: 0; color: @blue-c; font-family: "PTSansBold"; display: table-cell; &:first-child { font-family: "PTSansRegular"; } } div { overflow: hidden; background: url(../images/selstr.png) no-repeat 95% center ; border: 1px solid #e1e1e1; max-width: 370px; padding-right: 12px; display: table-cell; select { width: 130%; font-size: .8em; border: 0; height: 2em; background: transparent; } } input[type=submit] { max-width: 115px; width: 100%; margin-left: 5%; display: table-cell; border: 0; font-family: "PTSansRegular"; font-size: .875em; text-transform: uppercase; height: 2em; border-radius: 3px; background: rgba(87,135,183,1); background: -moz-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,135,183,1)), color-stop(50%, rgba(49,110,151,1)), color-stop(100%, rgba(25,73,122,1))); background: -webkit-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -o-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -ms-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: linear-gradient(to bottom, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5787b7', endColorstr='#19497a', GradientType=0 ); color: #fff; &:hover { background: rgba(25,73,122,1); background: -moz-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,73,122,1)), color-stop(50%, rgba(49,110,151,1)), color-stop(100%, rgba(87,135,183,1))); background: -webkit-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -o-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -ms-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: linear-gradient(to bottom, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19497a', endColorstr='#5787b7', GradientType=0 ); } } a.sbros { background: #eeefef; color: #4a4a4a; font-size: .875em; text-align: center; display: table-cell; border: 0; height: 2em; line-height: 2; text-decoration: none; padding: 0 .5em; } }/* END form.filter */ .catalogtxt { .bottom { text-align: right; a { background: #deecf5; margin-right: 5%; } hr { width: 100%; } } } .card { width: 100%; &.textpage { strong { display: block; margin-bottom: .5em; } span { &.str { color: @link-c; } &.numb { font-family: "PTSansBold"; } } div.prok { width: 100%; margin-top: 1em; table { width: 100%; th { border: 1px solid @orange-c; background: #fff; font-family: "PTSansBold"; padding: .3em 1em; &:first-child { width: 30%; } } tr:nth-of-type(2) { background: #f1faff; } td { border: 1px solid @orange-c; padding: .3em 1em; } } } } .slidefon { float: left; margin-right: 1%; margin-bottom: 1%; img { /*max-width: 300px; display: block; width: 100%; float: left;*/ } } ul { list-style-position: inside; padding: 0; text-align: left; li { color: @link-c; span { color: #191919; } } } .pdf_wrapper{ clear: both; margin-top: .5em; a.pdf { line-height: 2; img { float: left; margin-right: 1em; } } } .zakazat { margin: 2em 0 1em 0; position: relative; padding: .5em 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; clear: both; hr { &:first-child { top: 0; } &:last-child { bottom: 0; } } .firstlink { /*display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;*/ width: 60%; text-align: center; padding:.5em 0; span { font-family: "PTSansBold"; font-size: 1.5em; color: @link-c; white-space: nowrap; } a { display: inline-block; margin-right: 2em; vertical-align: top; } } .secondlink { padding:.5em 0; width: 39%; text-align: right; /*.st_vkontakte { background-position: -129px -1px; background: url(../images/podelit.png) no-repeat; } .st_facebook { background-position: -150px -1px; background: url(../images/podelit.png) no-repeat; } .st_twitter { background-position: -171px -1px; background: url(../images/podelit.png) no-repeat; } .st_odnoklassniki { background-position: -192px -1px; background: url(../images/podelit.png) no-repeat; }*/ } } .spoilerzakaz, .spoilersotrudnichestvo { display: none; } .formzakaz { width: 100%; position: relative; } }/* END .card */ .news { overflow: hidden; div.contactfoto { width: 48%; text-align: center; padding-top: 1em; float: left; &:nth-of-type(3) { float: right; } img { max-height: 300px; margin-bottom: .5em; max-width: 100%; } p { font-size: 1.125em; span { color: @link-c; font-family: "PTSansBold"; } } } div.yamap { width: 100; margin: 1em 0; } table.adress { width: 100%; tr { td { vertical-align: top; padding: .5em 1em ; } td:first-child { width: 85px; font-family: "PTSansBold"; padding: .5em 0; } } } div.otziv { clear: both; a.orangebut { max-width: 100%; p, span { font-size: 1.5em; text-transform: none; text-align: left; padding-left: 1em; } } .bottom { a { margin-right: 15%; } hr { width: 100%; } } } .otziv { width: 100%; margin-bottom: 1em; input[type=text] { width: 100%; border: 1px solid #e1e1e1; height: 2em; } textarea { width: 100%; border: 1px solid #e1e1e1; height: 5em; } a.orangebut { max-width: 100%; line-height: 10px; p, span { font-size: 1.5em; text-transform: none; } } .spoilerzakaz, .spoilersotrudnichestvo { padding-top: 0; display: none; &.default_opened{ display: none; } div.wrap { background: #fff; width: 100%; padding: 1em 2em; overflow: hidden; img { float: left; } .personalInfoAgreementDetails { text-align: left; } div { overflow: hidden; text-align: right; padding: 0; input[type=text] { width: 30%; } input[type=submit], input[type=reset] { max-width: 90px; width: 30%; margin-left: 2%; border: 0; font-family: "PTSansRegular"; font-size: .875em; text-transform: uppercase; height: 2em; } .otprav { max-width: 145px!important; min-width: 140px; margin-bottom: 1em; width: 30%; margin-left: 2%; border: 0; font-family: "PTSansRegular"; font-size: .875em; text-transform: uppercase; height: 2em; border-radius: 3px; background: rgba(87,135,183,1); background: -moz-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,135,183,1)), color-stop(50%, rgba(49,110,151,1)), color-stop(100%, rgba(25,73,122,1))); background: -webkit-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -o-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: -ms-linear-gradient(top, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); background: linear-gradient(to bottom, rgba(87,135,183,1) 0%, rgba(49,110,151,1) 50%, rgba(25,73,122,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5787b7', endColorstr='#19497a', GradientType=0 ); color: #fff; &:hover { background: rgba(25,73,122,1); background: -moz-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,73,122,1)), color-stop(50%, rgba(49,110,151,1)), color-stop(100%, rgba(87,135,183,1))); background: -webkit-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -o-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: -ms-linear-gradient(top, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); background: linear-gradient(to bottom, rgba(25,73,122,1) 0%, rgba(49,110,151,1) 50%, rgba(87,135,183,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19497a', endColorstr='#5787b7', GradientType=0 ); } } } } p { margin: .5em 0; color: @blue-c; span { color: @link-c; } } } } .newslinks { text-align: right; width: 100%; margin-top: 2em; a { border: 1px solid #e1e1e1; background: #fff; padding: 0 .5em; text-decoration: none; text-transform: uppercase; display: inline-block; margin-bottom: 1em; &:hover, &.active { background: @link-c; color: #fff; } } } .slidefon { width: 100%; .onemerop { width: 100%; background: #fff; padding: 1%; overflow: hidden; p { color: @blue-c; font-family: "PTSansBold"; float: left; &:first-child { width: 30%; margin-right: 3%; } &:last-child { width: 65%; } span { color: #191919; font-family: "PTSansRegular"; } } } .onenew { width: 100%; background: #fff; padding: .5em 2em; &.merop { div.newstext { overflow: hidden; } ul { padding: 0; list-style-position: inside; margin-top: 0; } h3 { margin: 0 .5em 0 0; float: left; font-size: 2.25em; color: @blue-c; line-height: 1; text-align: center; float: left; span { font-size: .5em; color: @blue-c; text-transform: uppercase; font-family: "PTSansRegular"; } } span { color: @link-c; font-size: 1em; font-family: "PTSansBold"; } } img { float: left; margin-right: 1em; max-width: 135px; } div.newstext { overflow: hidden; h4 { color: @blue-c; margin: 0 0 .5em 0; } } .bottom { padding: .5em 0; clear: both; hr { width: 100%; } a { left: 25%; } } span { display: block; color: @grey-c; font-family: "PTSansItalic"; font-size: .875em; margin-bottom: .5em; } strong { display: block; font-family: "PTSansBold"; margin-bottom: .5em; } } } }/* END .news */ .errorMessage{color:red;} .odnanovost { ul { list-style-position: inside; padding: 0; color: @link-c; margin-top: 0; } p, div, span, ul li, a { img { width: auto; max-width: 100%; float: none; } } img { width: 50%; margin: 0 1em 1em 0; float: left; } span { display: block; color: @grey-c; font-family: "PTSansItalic"; font-size: .875em; margin-bottom: .5em; } a { font-family: "PTSansBold"; text-decoration: none; } }/* END .odnanovost */ }/* END .content */ }/* END section.maincontent */ footer { border-top: 5px solid @orange-c; .container { padding-top: 2em; overflow: hidden; } .logo { padding-left: 1%; text-align: center; strong { font-size: 1.125em; margin-bottom: .7em; display: block; } p { padding: 1% 1% 1% 0%; text-align: left; color: @gold-c; margin: 1em 0 2em 0; display: inline-block; } } .menu { ul { padding-left: 0; list-style: none; margin: 0; li { margin-top: .5em; &:first-child { margin-top: 0; } a { text-transform: uppercase; text-decoration: none; color: #fff; font-size: .875em; &:hover { font-family: "PTSansBold"; } } } } } .social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .socs { color: #fff; font-family: "PTSansBold"; font-size: 1.125em; padding-bottom: 1em; margin: 0 auto; span { display: block; margin-bottom: 1em; } } .socs1 { color: #fff; font-family: "PTSansBold"; /*font-size: 1.125em;*/ margin: 0 auto; span { display: block; margin-bottom: 1em; } noindex a { display: inline-block; width: 40px; height: 40px; background: url(../images/gr_social.png) no-repeat -4px -4px; text-decoration: none; &:hover { background-position: -164px -4px; img { opacity: .7; } &.fb { background-position: -209px -4px; } &.ok { background-position: -254px -4px; } &.yt { background-position: -164px -49px; } &.tw { background-position: -209px -49px; } &.gl { background-position: -254px -49px; } } &.fb { background-position: -49px -4px; } &.ok { background-position: -94px -4px; } &.yt { background-position: -4px -49px; } &.tw { background-position: -49px -49px; } &.gl { background-position: -94px -49px; } } } .contacts, .soc_subscribe { .contactin { margin: 0 auto; text-align: center; } span { color: #fff; font-family: "PTSansBold"; font-size: 1.125em; display: block; strong { font-size: 1.5em; } &.mail { color: #fff; font-size: 0.875em; font-family: "PTSansRegular"; margin-top: .7em; a { font-family: "PTSansBold"; color: #fff; &:hover { text-decoration: none; } } } } p.skype { color: #fff; margin-top: 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; a { display: block; margin-right: 3%; width: 40px; &:hover { img { opacity: .7; } } } } div.obsvaz { a { padding: 2px; margin-top: 1em; margin-left: auto; margin-right: auto; border-radius: 3px; text-decoration: none; max-width: 149px; display: block; background: rgba(229,159,54,1); background: -moz-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,159,54,1)), color-stop(47%, rgba(244,222,114,1)), color-stop(100%, rgba(229,159,54,1))); background: -webkit-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -o-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -ms-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: linear-gradient(to bottom, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f36', endColorstr='#e59f36', GradientType=0 ); &:hover { p { background: rgba(220,137,36,1); background: -moz-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,137,36,1)), color-stop(100%, rgba(235,179,81,1))); background: -webkit-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -o-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -ms-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: linear-gradient(to bottom, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc8924', endColorstr='#ebb351', GradientType=0 ); } } p { color: #fff; font-family: "PTSansBold"; text-transform: uppercase; margin: 0; text-shadow: 0px 1px 1px black; padding: .5em 0; text-align: center; background: rgba(235,179,81,1); background: -moz-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,179,81,1)), color-stop(100%, rgba(220,137,36,1))); background: -webkit-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -o-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -ms-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: linear-gradient(to bottom, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb351', endColorstr='#dc8924', GradientType=0 ); } } } } p.copyr { color: #627999; font-size: .75em; padding: 0 4%; span { display: block; width: 100%; height: 30px; background: url("../images/simvol_2.png") no-repeat left; margin-bottom: 10px; } a { float: right; color: inherit; &:hover { text-decoration: none; } } } }/* END FOOTER */ /* END MAIN */ /* Для больших экранов */ @media (min-width: 1024px) { .container { } .orangebut { &.fixed_but { display: block; } } .personal-info-title { color: #00265d; font-family: "PTSansRegular", Arial, sans-serif; } .wrapper { header { .contact__search { margin-top: 2px; } .container { margin-bottom: 1.4em; } #zvonok { .formwrap { float: left; } .personalInfoAgreementDetails p { width: 100%; } .knowMoreAboutPersonalInfo { display: inline; background: none; } form { float: left; p { width: 50%; float: left; margin-bottom: 0; &:last-child { width: 95%; display: flex; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } input[type=text] { width: 100%; max-width: 230px; } } p.personal-info-title { color: #00265d; font-family: "PTSansRegular", Arial, sans-serif; } .zvonok-text { width: 100%; .slidefon { background: none; margin-top: 10px; } } input[type=button] { } } }/* END ZVONOK */ .logo { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 0; width: 37%; float: left; strong { font-size: 1.125em; margin-bottom: .7em; display: block; } p { padding: 1% 1% 1% 4%; text-align: left; color: @blue-c; } } .contact { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-bottom: .3em; .mail { padding-top: 10px; margin-right: 16px; } &__search { padding-top: 7px; span { margin-right: 0; } } &__number { color: @blue-c; font-family: "PTSansBold"; // font-size: 1.125em; font-size: 0.9em; display: block; margin-top: 10px; margin-right: 27px; &:nth-child(2) { margin-right: 17px; } strong { font-size: 17px; } &.mail { color: @grey-c; font-size: 0.875em; font-family: "PTSansRegular"; margin-top: .7em; margin-right: 30px; a { font-family: "PTSansBold"; text-decoration: underline; &:hover { text-decoration: none; } } } } } div.obsvaz { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 48%; } div.buttonshead { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } div.searchhead { width: 50%; height: 2em; display: table; position: relative; padding-left: 50px; a.skypelink { background: url(../images/skype.png) center no-repeat; display: block; width: 40px; height: 2em; position: absolute; left: 0; top: 0; } form { width: 100%; padding-right: 38px; position: relative; } form input[type=search] { height: 2em; width: 100%; border: 1px solid #cccccc; } form input[type=submit] { background: url(../images/lupaimg.png) center no-repeat; width: 38px; height: 2em; border: none; border-radius: 2px; position: absolute; right: 0; top: 0; } } nav { width: 100%; clear: both; background: rgba(0,39,93,1); background: -moz-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,39,93,1)), color-stop(47%, rgba(49,110,151,1)), color-stop(100%, rgba(0,39,93,1))); background: -webkit-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -o-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -ms-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: linear-gradient(to right, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00275d', endColorstr='#00275d', GradientType=1 ); border-bottom: 5px solid @orange-c; .container { padding: 0; margin-bottom: 0; a#nav_button { display: none; } ul.mainmenu { position: relative; z-index: 11; list-style: none; width: 100%; padding: 0; display: table!important; /*display:-webkit-box !important; display:-webkit-flex !important; display:-ms-flexbox !important; display:flex !important; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;*/ font-family: "PTSansRegular"; margin: 0; line-height: 4; >li:last-child { ul.secondmenu { left: auto; right: 0; } } li { &:hover, .actlink { background: @orange-c; } a { display: block; text-align: center; text-transform: uppercase; padding: 0 .5em; font-size: 1em; text-decoration: none; color: #fff; white-space: normal; span { display: none; } } } .spoiler1, .spoiler2, .spoiler3 { display:none; } ul.secondmenu { position: absolute; z-index: 100; min-width: 100%; left: 0; padding: 0; line-height: 2; list-style: none; padding: 1em; background: #fff; border: 2px solid @orange-c; border-top: 3px solid @orange-c; li { width: 36%; &:hover { background: none; } a { display: block; text-transform: none; color: @blue-c; text-align: left; padding:0 5% 0 2%; white-space: normal; span { color: @orange-c; float: right; display: block; } &:hover, &.actlink2 { color: @link-c; font-family: "PTSansBold"; span { color: @link-c; } } } } }/* END SECONDMENU */ ul.thirdmenu { height: 90%; width: 28%; position: absolute; left: 35%; top: 5%; padding: 0 0 0 2%; list-style: none; border-width: 2px; border-style: solid; border-top: none; border-bottom: none; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(243,224,115,1)), to(rgba(229,162,54,1))) 1 100%; -webkit-border-image: -webkit-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; -moz-border-image: -moz-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; -o-border-image: -o-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; border-image: linear-gradient(to bottom, rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; li { width: 100%; a { color: @black-c; font-family: "PTSansRegular"; font-size: .875em; &:hover, &.actlink3 { color: @link-c; font-family: "PTSansBold"; } } } }/* END THIRDMENU */ ul.fourthmenu { position: absolute; top: 0; left: 100%; width: 250%; padding: 0 0 0 15%; line-height: 1.2; font-size: .875em; list-style-type: disc; list-style-position: inside; color: @link-c; height: 100%; li { width: 100%; &:first-child { margin-bottom: 1em; list-style: none; } &:last-child { position: absolute; list-style: none; bottom: 0; a { display: block; position: absolute; top: -.2em; color: @link-c; font-size: 1.2em; right: 10%; background: #fff; text-transform: uppercase; } hr { color: #d1d4d3; border: 1px solid #d1d4d3; } } span, strong { color: @black-c; } } }/* END FOURTHMENU */ }/* END MAINMENU */ } }/* END NAV */ }/* END HEADER */ section.slide { .swiper-container { .swiper-slide { .slidetext { width: 40%; } .slideimg { width: 60%; } } } .swiper-button-prev { left: 34%; } .swiper-button-next { left: 37%; } }/* END section.slide */ section.napravlenie { .swiper-2 { display: none; } .blockwrap { text-align: center; } div.block { display: inline-block; width: 23%; vertical-align: top; margin-right: 10px; div { min-height: 320px; p { margin: 0; } img { max-height: 142px; } } } }/* END section.napravlenie */ section.products { .slidemob { display: none; } }/* END section.products */ section.meropr { a.catalog { display: none; } }/* END section.meropr */ section.newsstat { .newsstatmob { display: none; } }/* END section.newsstat */ }/* END WRAPPER */ /* END MAIN */ .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 101.5%; margin: 0 auto; padding: 0; [class*='col_'] { /*-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;*/ margin-right: 1.5%; margin-bottom: 1em; &.col_4 { width: 23.5%; } &.col_1_10_d { width: 8.5%; } &.col_2_10_d { width: 18.5%; } &.col_3_10_d { width: 28.5%; } &.col_4_10_d { width: 38.5%; } &.col_5_10_d { width: 48.5%; } &.col_6_10_d { width: 58.5%; } &.col_7_10_d { width: 68.5%; } &.col_8_10_d { width: 78.5%; } &.col_9_10_d { width: 88.5%; } &.col_10_10_d { width: 100%; } &.l { text-align: left; } &.r { text-align: right; } &.c { text-align: center; } } &.c { -webkit-align-items: center; -ms-align-items: center; align-items: center; } } } /* Для некоторых нетбуков и планшетов (таблеток) */ @media (min-width: 768px) and (max-width: 1023px) { .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 101.5%; margin: 0 auto; padding: 0; [class*='col_'] { /*-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;*/ margin-right: 1.5%; margin-bottom: 1em; &.col_4 { width: 23.5%; } &.col_1_10_n { width: 8.5%; } &.col_2_10_n { width: 18.5%; } &.col_3_10_n { width: 28.5%; } &.col_4_10_n { width: 38.5%; } &.col_5_10_n { width: 48.5%; } &.col_6_10_n { width: 58.5%; } &.col_7_10_n { width: 68.5%; } &.col_8_10_n { width: 78.5%; } &.col_9_10_n { width: 88.5%; } &.col_10_10_n { width: 100%; } &.l { text-align: left; } &.r { text-align: right; } &.c { text-align: center; } } &.c { -webkit-align-items: center; -ms-align-items: center; align-items: center; } } .wrapper { header { #zvonok { .formwrap { float: left; } form { float: left; p { width: 50%; float: left; &:last-child { width: 95%; display: flex; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } input[type=text] { width: 100%; max-width: 230px; } } .zvonok-text { width: 100%; margin-bottom: 0; .slidefon { background: none; margin-top: 10px; } } .knowMoreAboutPersonalInfo { display: inline; background: none; color: #3679a6; margin-right: 0; text-transform: none; } p.personal-info-title { width: 100%; color: #00265d; font-family: "PTSansRegular", Arial, sans-serif; } input[type=button] { } } }/* END ZVONOK */ .logo { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 0; width: 47%; float: left; strong { font-size: 1.125em; margin-bottom: .7em; display: block; } p { padding: 1% 1% 1% 4%; text-align: left; color: @blue-c; } } .contact { width: 52%; float: left; &__number { color: @blue-c; font-family: "PTSansBold"; font-size: 1.125em; display: block; float: left; &:first-child { margin-right: 1em; } strong { font-size: 1.3em; } &.mail { color: @grey-c; font-size: 0.875em; font-family: "PTSansRegular"; margin-top: .7em; a { font-family: "PTSansBold"; text-decoration: underline; &:hover { text-decoration: none; } } } } } div.obsvaz { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 48%; a { color: transparent; text-transform: uppercase; min-width: 149px; margin-right: 3%; } } div.buttonshead { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; width: 80%; float: right; margin-bottom: .5em; } div.searchhead { width: 50%; height: 2em; display: table; position: relative; padding-left: 50px; a.skypelink { background: url(../images/skype.png) center no-repeat; display: block; width: 40px; height: 2em; position: absolute; left: 0; top: 0; } form { width: 100%; padding-right: 38px; position: relative; } form input[type=search] { height: 2em; width: 100%; border: 1px solid #cccccc; } form input[type=submit] { background: url(../images/lupaimg.png) center no-repeat; width: 38px; height: 2em; border: none; border-radius: 2px; position: absolute; right: 0; top: 0; } } nav { width: 100%; clear: both; background: rgba(0,39,93,1); background: -moz-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,39,93,1)), color-stop(47%, rgba(49,110,151,1)), color-stop(100%, rgba(0,39,93,1))); background: -webkit-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -o-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -ms-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: linear-gradient(to right, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00275d', endColorstr='#00275d', GradientType=1 ); border-bottom: 3px solid @orange-c; .container { padding: 0; margin-bottom: 0; a#nav_button { display: none; } ul.mainmenu { list-style: none; width: 100%; padding: 0; display: table!important; /*display:-webkit-box !important; display:-webkit-flex !important; display:-ms-flexbox !important; display:flex !important; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;*/ font-family: "PTSansRegular"; margin: 0; line-height: 4; >li:last-child { ul.secondmenu { left: auto; right: 0; } } li { height: 100%; &:hover, .actlink { background: @orange-c; } a { display: block; text-align: center; text-transform: uppercase; padding: 0 .5em; font-size: .875em; text-decoration: none; color: #fff; white-space: normal; span { display: none; } } } .spoiler1, .spoiler2, .spoiler3 { display:none; } ul.secondmenu { position: absolute; z-index: 100; min-width: 100%; left: 0; padding: 0; line-height: 2; list-style: none; padding: 1em; background: #fff; border: 2px solid @orange-c; border-top: 3px solid @orange-c; li { width: 37%; height: auto !important; &:hover { background: none; } a { display: block; span { display: block; color: @orange-c; float: right; } &:hover, &.actlink2 { color: @link-c; font-family: "PTSansBold"; span { color: @link-c; } } } a { text-transform: none; color: @blue-c; text-align: left; padding-left: 2%; } } }/* END SECONDMENU */ ul.thirdmenu { height: 90%; width: 35%; position: absolute; left: 35%; top: 5%; padding: 0 0 0 2%; list-style: none; border-width: 2px; border-style: solid; border-top: none; border-bottom: none; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(243,224,115,1)), to(rgba(229,162,54,1))) 1 100%; -webkit-border-image: -webkit-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; -moz-border-image: -moz-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; -o-border-image: -o-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; border-image: linear-gradient(to bottom, rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; li { width: 100%; a { color: @black-c; font-family: "PTSansRegular"; font-size: .875em; &:hover, &.actlink3 { color: @link-c; font-family: "PTSansBold"; } } } }/* END THIRDMENU */ ul.fourthmenu { position: absolute; top: 0; left: 100%; width: 170%; padding: 0 0 0 15%; line-height: 1.2; font-size: .875em; list-style-type: disc; list-style-position: inside; color: @link-c; height: 100%; li { width: 90%; &.hide { display: none !important; } &:first-child { margin-bottom: 1em; list-style: none; } &:last-child { position: absolute; list-style: none; bottom: 0; a { display: block; position: absolute; top: -.2em; color: @link-c; font-size: 1.2em; right: 10%; background: #fff; text-transform: uppercase; } hr { color: #d1d4d3; border: 1px solid #d1d4d3; } } span, strong { color: @black-c; } } }/* END FOURTHMENU */ }/* END MAINMENU */ } }/* END NAV */ }/* END HEADER */ section.slide { .swiper-container { width: 100%; .swiper-slide { .slidetext { width: 50%; } .slideimg { width: 50%; } } } .swiper-button-prev { left: 42%; } .swiper-button-next { left: 46%; } }/* END section.slide */ section.napravlenie { .swiper-2 { display: none; } .blockwrap { overflow: hidden; } div.block { margin: 0 2% 4% 2%; width: 46%; float: left; div { height: 18em; img { height: 55%; } } } }/* END section.napravlenie */ section.products { .slidemob { display: none; } }/* END section.products */ section.meropr { a.catalog { display: none; } }/* END section.meropr */ section.newsstat { .newsstatmob { display: none; } }/* END section.newsstat */ footer { div.menu { position: absolute; top: 0; left: 0; margin-top: 100px; } } }/* END WRAPPER */ footer { .container { padding-top: 0; div.logo { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } div.social { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } div.contacts { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } div.menu { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin: 0 auto; ul { text-align: center; width: 90%; margin: 0 auto; li { display: inline-block; white-space: nowrap; padding: 0 1% 0 .5%; border-right: 1px solid #fff; height: .7em; line-height: .5; &:last-child { border-right: none; } } } } } } } /* Для планшетов и некоторых телефонов */ @media (min-width: 600px) and (max-width: 767px) { .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 101.5%; margin: 0 auto; padding: 0; [class*='col_'] { /*-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;*/ margin-right: 1.5%; margin-bottom: 1em; &.col_4 { width: 23.5%; } &.col_1_10_p { width: 8.5%; } &.col_2_10_p { width: 18.5%; } &.col_3_10_p { width: 28.5%; } &.col_4_10_p { width: 38.5%; } &.col_5_10_p { width: 48.5%; } &.col_6_10_p { width: 58.5%; } &.col_7_10_p { width: 68.5%; } &.col_8_10_p { width: 78.5%; } &.col_9_10_p { width: 88.5%; } &.col_10_10_p { width: 100%; } &.l { text-align: left; } &.r { text-align: right; } &.c { text-align: center; } } &.c { -webkit-align-items: center; -ms-align-items: center; align-items: center; } } .wrapper { header { #zvonok { .formwrap { float: left; } form { float: left; p { width: 50%; float: left; &:last-child { width: 95%; display: flex; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } input[type=text] { width: 100%; max-width: 230px; } } .zvonok-text { width: 100%; margin-bottom: 0; .slidefon { background: none; margin-top: 10px; } } .knowMoreAboutPersonalInfo { display: inline; background: none; color: #3679a6; margin-right: 0; text-transform: none; } p.personal-info-title { width: 100%; color: #00265d; font-family: "PTSansRegular", Arial, sans-serif; } input[type=button] { } } }/* END ZVONOK */ .container { margin-bottom: 1em; } .logo { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 0; width: 59%; float: left; strong { font-size: 1.125em; margin-bottom: .7em; display: block; } p { padding: 1% 1% 1% 4%; text-align: left; color: @blue-c; } } .contact { width: 40%; float: left; text-align: center; span { color: @blue-c; font-family: "PTSansBold"; font-size: 1.125em; display: block; strong { font-size: 1.3em; } &.mail { color: @grey-c; font-size: 0.875em; font-family: "PTSansRegular"; margin-top: .7em; a { font-family: "PTSansBold"; &:hover { text-decoration: none; } } } } } div.obsvaz { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 48%; a { text-transform: uppercase; min-width: 149px; margin-right: 10px; } } div.buttonshead { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; width: 100%; } div.searchhead { width: 45%; height: 2em; display: table; position: relative; padding-left: 50px; a.skypelink { background: url(../images/skype.png) center no-repeat; display: block; width: 40px; height: 2em; position: absolute; left: 0; top: 0; } form { width: 100%; padding-right: 38px; position: relative; } form input[type=search] { height: 2em; width: 100%; border: 1px solid #cccccc; } form input[type=submit] { background: url(../images/lupaimg.png) center no-repeat; width: 38px; height: 2em; border: none; border-radius: 2px; position: absolute; right: 0; top: 0; } } nav { width: 100%; clear: both; background: rgba(0,39,93,1); background: -moz-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,39,93,1)), color-stop(47%, rgba(49,110,151,1)), color-stop(100%, rgba(0,39,93,1))); background: -webkit-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -o-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -ms-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: linear-gradient(to right, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00275d', endColorstr='#00275d', GradientType=1 ); border-bottom: 3px solid @orange-c; position: relative; .container { padding: 0; position: relative; margin-bottom: 0; a#nav_button { text-transform: uppercase; font-size: 1em; line-height: 4; text-decoration: none; color: #fff; padding: 0 5%; display: block; width: 20%; margin: 0 auto; text-align: center; &:hover, .active { background: @orange-c; } } ul.mainmenu { display: none; position: absolute; z-index: 11; top: 100%; list-style: none; width: 100%; padding: 0; font-family: "PTSansRegular"; margin: 0; line-height: 3; border-top: 3px solid @orange-c; background: rgba(0,39,93,1); background: -moz-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,39,93,1)), color-stop(47%, rgba(49,110,151,1)), color-stop(100%, rgba(0,39,93,1))); background: -webkit-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -o-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -ms-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: linear-gradient(to right, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00275d', endColorstr='#00275d', GradientType=1 ); li { height: 100%; display: block; &:hover, .actlink { background: @orange-c; } a { display: block; text-align: left; text-transform: uppercase; padding: 0 5%; font-size: .875em; text-decoration: none; color: #fff; white-space: normal; span { margin-left: 3%; } } } .spoiler1, .spoiler2, .spoiler3 { display:none!important; } >li:last-child { &:hover { ul.secondmenu { display: block!important; } } } ul.secondmenu { position: relative; z-index: 100; min-width: 100%; left: 0; padding: 0; line-height: 2; list-style: none; padding: 1em; background: #fff; border: 2px solid @orange-c; border-top: 3px solid @orange-c; li { width: 37%; height: auto !important; &:hover { background: none; } a { padding: 0 5% 0 2%; /*display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;*/ display: block; span { display: block; color: @orange-c; float: right; } &:hover, &.actlink2 { color: @link-c; font-family: "PTSansBold"; span { color: @link-c; } } } a { text-transform: none; color: @blue-c; text-align: left; padding-left: 2%; } } }/* END SECONDMENU */ ul.thirdmenu { height: 90%; width: 24%; position: absolute; left: 35%; top: 5%; padding: 0 0 0 2%; list-style: none; border-width: 2px; border-style: solid; border-top: none; border-bottom: none; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(243,224,115,1)), to(rgba(229,162,54,1))) 1 100%; -webkit-border-image: -webkit-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; -moz-border-image: -moz-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; -o-border-image: -o-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; border-image: linear-gradient(to bottom, rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; li { width: 100%; a { color: @black-c; font-family: "PTSansRegular"; font-size: .875em; &:hover, &.actlink3 { color: @link-c; font-family: "PTSansBold"; } } } }/* END THIRDMENU */ ul.fourthmenu { position: absolute; top: 0; left: 100%; width: 170%; padding: 0 0 0 15%; line-height: 1.2; font-size: .875em; list-style-type: disc; list-style-position: inside; color: @link-c; height: 100%; li { width: 90%; &.hide { display: none !important; } &:first-child { margin-bottom: 1em; list-style: none; } &:last-child { position: absolute; list-style: none; bottom: 0; a { display: block; position: absolute; top: -.2em; color: @link-c; font-size: 1.2em; right: 10%; background: #fff; text-transform: uppercase; } hr { color: #d1d4d3; border: 1px solid #d1d4d3; } } span, strong { color: @black-c; } } }/* END FOURTHMENU */ } } }/* END NAV */ }/* END HEADER */ section.slide { .swiper-container { width: 100%; .swiper-slide { .slidetext { width: 50%; } .slideimg { width: 50%; } } } .swiper-button-prev { left: 40%; } .swiper-button-next { left: 45%; } }/* END section.slide */ section.napravlenie { .swiper-2 { display: none; } .blockwrap { overflow: hidden; } div.block { margin: 0 2% 4% 2%; width: 46%; float: left; div { height: 18em; img { height: 8.5em; } } } }/* END section.napravlenie */ section.products { .slidemob { display: none; } }/* END section.products */ section.meropr { .container { padding: 20px; } .calenfon { width: 43%; } .datewrap { width: 52%; } a.catalog { display: none; } }/* END section.meropr */ section.newsstat { .newsstatmob { display: none; } }/* END section.newsstat */ section.maincontent { .container { .tablemob { display: table; width: 100%; margin: 0; } .lside { display: none; &.calenmob { display: block; max-width: 70%; margin: 0 auto; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; &.tablemob_inner { display: table-footer-group; } .lsidebanner { display: none; } } } .content { .slidefon { &.contacts { display: block; width: 70%; } &.calendarwrap { display: block; } } .catalogtxt { display: none; } .archnewswrap { display: block; width: 100%; .month { overflow: hidden; p { width: 100%; float: none; padding-left: 0; text-align: center; a { display: inline-block; text-align: left; margin-top: .5em; margin-right: 3%; } } } } } } }/* END section.maincontent */ }/* END WRAPPER */ footer { .container { padding-top: 0; p.copyr { text-align: center; a { float: none; display: block; margin-top: 1em; } } div.logo { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; img { max-width: 100%; } } div.social { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; display: table; text-align: center; width: 100%; .socs { display: table-cell; vertical-align: top; } .socs1 { display: table-cell; vertical-align: top; } } div.contacts { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } div.menu { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin: 0 auto; ul { text-align: center; width: 100%; margin: 0 auto; li { display: inline-block; white-space: nowrap; padding: 0 1% 0 .5%; border-right: 1px solid #fff; height: .7em; line-height: .5; &:last-child { border-right: none; } } } } } } }/* END 600px - 767px */ /* Для телефонов и некоторых устройств у которых совсем маленький экран */ @media screen and (max-width: 599px) { .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 101.5%; margin: 0 auto; padding: 0; [class*='col_'] { /*-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;*/ margin-right: 1.5%; margin-bottom: 1em; &.col_4 { width: 23.5%; } &.col_1_10_m { width: 8.5%; } &.col_2_10_m { width: 18.5%; } &.col_3_10_m { width: 28.5%; } &.col_4_10_m { width: 38.5%; } &.col_5_10_m { width: 48.5%; } &.col_6_10_m { width: 58.5%; } &.col_7_10_m { width: 68.5%; } &.col_8_10_m { width: 78.5%; } &.col_9_10_m { width: 88.5%; } &.col_10_10_m { width: 100%; } &.l { text-align: left; } &.r { text-align: right; } &.c { text-align: center; } } &.c { -webkit-align-items: center; -ms-align-items: center; align-items: center; } } .container { padding: 2%; } .wrapper { header { #zvonok { form { p:last-child { width: 100%; input[type=button] { display: block; } span { margin: 0 auto; max-width: 115px; margin-top: 1em; } } .zvonok-text { width: 100%; margin-bottom: 0; .slidefon { background: none; margin-top: 10px; } } .knowMoreAboutPersonalInfo { display: inline; background: none; color: #3679a6; margin-right: 0; text-transform: none; } p.personal-info-title { width: 100%; color: #00265d; font-family: "PTSansRegular", Arial, sans-serif; } } }/* END ZVONOK */ .container { margin-bottom: 1em; } .logo { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; strong { font-size: 1.125em; margin-bottom: .7em; display: block; } p { padding: 1% 1% 1% 5%; text-align: left; } } .contact { margin-bottom: 1em; span { color: @blue-c; font-family: "PTSansBold"; font-size: 1.125em; display: block; text-align: center; strong { font-size: 1.5em; } &.mail { color: @grey-c; font-size: 0.875em; font-family: "PTSansRegular"; margin-top: .7em; a { font-family: "PTSansBold"; &:hover { text-decoration: none; } } } } } div.obsvaz { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 1em; a { text-transform: uppercase; max-width: 149px; width: 47%; } } div.buttonshead { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } div.searchhead { width: 100%; height: 2em; display: table; position: relative; padding-left: 50px; a.skypelink { background: url(../images/skype.png) center no-repeat; display: block; width: 40px; height: 2em; position: absolute; left: 0; top: 0; } form { width: 100%; padding-right: 38px; position: relative; } form input[type=search] { height: 2em; width: 100%; border: 1px solid #cccccc; } form input[type=submit] { background: url(../images/lupaimg.png) center no-repeat; width: 38px; height: 2em; border: none; border-radius: 2px; position: absolute; right: 0; top: 0; } } nav { width: 100%; clear: both; background: rgba(0,39,93,1); background: -moz-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,39,93,1)), color-stop(47%, rgba(49,110,151,1)), color-stop(100%, rgba(0,39,93,1))); background: -webkit-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -o-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -ms-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: linear-gradient(to right, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00275d', endColorstr='#00275d', GradientType=1 ); border-bottom: 3px solid @orange-c; position: relative; .container { padding: 0; position: relative; margin-bottom: 0; a#nav_button { text-transform: uppercase; font-size: 1em; line-height: 4; text-decoration: none; color: #fff; padding: 0 5%; display: block; width: 25%; margin: 0 auto; text-align: center; &:hover, .active { background: @orange-c; } } ul.mainmenu { display: none; position: absolute; z-index: 11; top: 100%; list-style: none; width: 100%; padding: 0; font-family: "PTSansRegular"; margin: 0; line-height: 3; border-top: 3px solid @orange-c; background: rgba(0,39,93,1); background: -moz-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,39,93,1)), color-stop(47%, rgba(49,110,151,1)), color-stop(100%, rgba(0,39,93,1))); background: -webkit-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -o-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: -ms-linear-gradient(left, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); background: linear-gradient(to right, rgba(0,39,93,1) 0%, rgba(49,110,151,1) 47%, rgba(0,39,93,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00275d', endColorstr='#00275d', GradientType=1 ); li { height: 100%; display: block; &:hover, .actlink { background: @orange-c; } a { display: block; text-align: left; text-transform: uppercase; padding: 0 5%; font-size: .875em; text-decoration: none; color: #fff; white-space: normal; span { margin-left: 3%; } } } .spoiler1, .spoiler2, .spoiler3 { display:none!important; } >li:last-child { &:hover { ul.secondmenu { display: block!important; } } } ul.secondmenu { position: relative; z-index: 100; min-width: 100%; left: 0; padding: 0; line-height: 2; list-style: none; padding: 1em; background: #fff; border: 2px solid @orange-c; border-top: 3px solid @orange-c; li { width: 100%; height: auto !important; &:hover { background: none; } a { padding: 0 5% 0 2%; max-width: 330px; display: block; span { display: block; color: @orange-c; float: right; } &:hover, &.actlink2 { color: @link-c; font-family: "PTSansBold"; span { color: @link-c; } } } a { text-transform: none; color: @blue-c; text-align: left; padding-left: 2%; } } }/* END SECONDMENU */ ul.thirdmenu { width: 100%; position: relative; left: 5%; top: 0; padding: 0 0 0 2%; list-style: none; border-width: 2px; border-style: solid; border-top: none; border-bottom: none; border-right: 0; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(243,224,115,1)), to(rgba(229,162,54,1))) 1 100%; -webkit-border-image: -webkit-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; -moz-border-image: -moz-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; -o-border-image: -o-linear-gradient(rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; border-image: linear-gradient(to bottom, rgba(243,224,115,1), rgba(229,162,54,1)) 1 100%; li { width: 100%; a { color: @black-c; font-family: "PTSansRegular"; font-size: .875em; &:hover, &.actlink3 { color: @link-c; font-family: "PTSansBold"; } } } }/* END THIRDMENU */ ul.fourthmenu { position: absolute; top: 0; display: none !important; left: 100%; width: 170%; padding: 0 0 0 15%; line-height: 1.2; font-size: .875em; list-style-type: disc; list-style-position: inside; color: @link-c; height: 100%; li { width: 90%; &.hide { display: none !important; } &:first-child { margin-bottom: 1em; list-style: none; } &:last-child { position: absolute; list-style: none; bottom: 0; a { display: block; position: absolute; top: -.2em; color: @link-c; font-size: 1.2em; right: 10%; background: #fff; text-transform: uppercase; } hr { color: #d1d4d3; border: 1px solid #d1d4d3; } } span, strong { color: @black-c; } } }/* END FOURTHMENU */ } } }/* END NAV */ }/* END HEADER */ section.slide { .swiper-container { width: 100%; .swiper-slide { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; .slidetext { width: 100%; } .slideimg { width: 100%; min-height: 200px; } } } .swiper-button-prev { right: 11%; } .swiper-button-next { right: 5%; } }/* END section.slide */ section.napravlenie { h1 { font-size: 1.55em; span { display: block; margin: 0 auto; width: 65%; } } .swiper-2 { display: none; } .blockwrap { overflow: hidden; } div.block { margin: 0 2% 4% 2%; width: 46%; float: left; div { height: 19em; img { height: 7.5em; } } } }/* END section.napravlenie */ section.products { .slide3 { display: none; } .slidemob { display: block; } }/* END section.products */ section.meropr { .container { padding: 20px; } .calenfon { display: none; } .datewrap { width: 100%; text-align: center; a.catalog { display: inline-block; } a.allmer { display: none; } } }/* END section.meropr */ section.newsstat { .newsstatdesk { display: none; } .newsstatmob { display: block; } }/* END section.newsstat */ section.maincontent { .container { .tablemob { display: table; width: 100%; margin: 0; } .lside { display: none; &.calenmob { display: block; max-width: 70%; order: 2; margin: 0 auto; &.tablemob_inner { display: table-footer-group; } .lsidebanner { display: none; } } } .content { .slidefon { &.contacts { display: block; } } .news { .slidefon { .onemerop { width: 100%; background: #fff; padding: 3%; overflow: hidden; p { float: none; width: 100%; margin-right: 0; margin-bottom: .5em; } } } .otziv { .spoilerzakaz, .spoilersotrudnichestvo { div.wrap { img { float: none; } div { text-align: center; padding: 1em 0; input[type=text] { width: 100%; margin-bottom: 1em; } input[type=submit], input[type=reset] { width: 50%; margin-bottom: 1em; } } .personalInfoAgreementDetails { text-align: left; } } } } } .card { &.textpage { div.prok { width: 100%; margin-top: 2em; overflow: hidden; overflow-x: scroll; table { width: 800px; } } } } .gifts { .slidefon { width: 46%; } } form.filter { display: block; text-align: center; p { margin: 0; float: left; min-width: 80px; text-align: right; margin-right: 5%; margin-bottom: 1em; display: block; &:first-child { float: none; clear: both; text-align: left; } } div { margin-bottom: 1em; display: block; select { width: 130%; font-size: .8em; border: 0; height: 2em; background: transparent; } } input[type=button] { background: #eeefef; border: 0; height: 1.7em; display: inline-block; } .sbros { display: inline-block; margin-left: 1em; } }/* END form.filter */ .catalogtxt { display: none; } .zakazat { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; div { width: 100%; text-align: center; margin-top: 1em; } } .archnewswrap { display: block; .month { overflow: hidden; p { width: 100%; float: none; padding-left: 0; text-align: center; a { display: inline-block; text-align: left; margin-top: .5em; margin-right: 3%; } } } } }/* END .content */ }/* END .container */ }/* END section.maincontent */ section { .spoilermob { display: none; } span.spoilerlinkmob { display: block; &.activemob { display: none; } } }/* END section */ }/* END .WRAPPER */ footer { .container { p.copyr { text-align: center; a { float: none; display: block; margin-top: 1em; } } div.logo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; img { max-width: 100%; } } div.social { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; display: table; text-align: center; width:100%; .socs { display: table-cell; vertical-align: top; } .socs1 { display: table-cell; vertical-align: top; } } div.contacts { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; .contactin { text-align: center; a.obsvaz { display: inline-block; width: 100%; } p.skype { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } } div.menu { margin: 0 auto; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; ul { text-align: center; width: 100%; margin: 0 auto; li { display: inline-block; white-space: nowrap; padding: 0 1% 0 .5%; border-right: 1px solid #fff; height: .7em; line-height: .5; &:last-child { border-right: none; } } } } } } }/* END 599px */ @media screen and (max-width: 480px) { .zakaz_form { padding: 1em 0; p.txtimg { margin-top: 1em; } div { float: none; width: 100%; margin: 0; padding: 0 1em; &:nth-of-type(1) { width: 100%; } &:nth-of-type(2) { width: 100%; } &:nth-of-type(3) { padding-bottom: 1em; width: 100%; overflow: hidden; } &:nth-of-type(4) { text-align: center; width: 100%; input[type=text] { width: 100%; margin-bottom: 1em; } } } } /* END .zakaz_form */ .wrapper { .fancyb { text-align: center; } section.napravlenie { .swiper-2 { display: block; } h1 { font-size: 1.55em; span { display: block; margin: 0 auto; width: 65%; } } .blockwrap { display: none; } }/* END section.napravlenie */ section.maincontent { .container { .lside { &.calenmob { display: block; max-width: 100%; order: 2; margin-right: 1.5%; .lsidebanner { display: none; } } } .content { h1 { font-size: 1.5em; } .card { text-align: center; .slidefon { float: none; display: inline-block; } p { text-align: left; } .zakazat { p { text-align: center; } } } .gifts { .slidefon { width: 46%; .slide { p { display: none; } } } } .formzakaz { width: 100%; } .news { .slidefon { .onenew { &.merop { div.newstext { overflow: hidden; } } img { float: none; } .newstext { overflow: visible; } } } .newslinks { text-align: center; } } .odnanovost { img { width: 100%; margin-right: 0; float: none; margin-bottom: 1em; } } .archnewswrap { display: block; .month { overflow: hidden; p { width: 50%; float: left; padding-left: 15%; text-align: left; a { display: block; text-align: left; margin-top: 1em; } } } } } } }/* END section.maincontent */ }/* END WRAPPER */ }/* END 480px */ @media screen and (max-width: 360px) { .wrapper { header { .logo { a { width: 35%; img { max-width: 100%; } } } }/* END HEADER */ section.slide { .swiper-button-prev { right: 15%; } .swiper-button-next { right: 5%; } }/* END section.slide */ section.products { .slidemob { display: block; a.catalog { display: block; } } }/* END section.products */ section.maincontent { .container { .content { .news { div.contactfoto { width: 100%; float: none; } } .gifts { .slidefon { width: 90%; } } } } }/* END section.maincontent */ }/* END WRAPPER */ }/* END 360px */ @media screen and (max-width: 320px) { .container { } }/* END 320px */ /* Для больших экранов */ @media (min-width: 1366px) { .wrapper { section.slide { .swiper-button-next { left: 40%; } .swiper-button-prev { left: 38%; } }/* END section.slide */ }/* END .wrapper*/ } /* Для больших экранов */ @media (min-width: 1700px) { .wrapper { section.slide { .swiper-button-next { left: 42%; } .swiper-button-prev { left: 40%; } }/* END section.slide */ }/* END .wrapper*/ } .subimgBig { position: absolute; left: 36%; top: 0; display: block; opacity: 0; width: 64%; height: 100%; background: #fff; background-size: auto 100%; z-index: 99; overflow: hidden; } .subimgBig img { width: auto; max-width: 100%; height: 90%; margin-top: 20px; } .wrapper header nav .container ul.mainmenu ul.thirdmenu { z-index: 9999; } .wrapper header nav .container ul.mainmenu ul.secondmenu .nextlevel:hover .subimgBig { opacity: 1; } .wrapper header nav .container ul.mainmenu ul.thirdmenu { border-right: none; } footer { .socs1 { div.obsvaz { a { padding: 2px; margin-top: 1em; margin-left: auto; margin-right: auto; border-radius: 3px; text-decoration: none; width: 149px; display: block; background: rgba(229,159,54,1); background: -moz-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,159,54,1)), color-stop(47%, rgba(244,222,114,1)), color-stop(100%, rgba(229,159,54,1))); background: -webkit-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -o-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -ms-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: linear-gradient(to bottom, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f36', endColorstr='#e59f36', GradientType=0 ); &:hover { p { background: rgba(220,137,36,1); background: -moz-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,137,36,1)), color-stop(100%, rgba(235,179,81,1))); background: -webkit-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -o-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -ms-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: linear-gradient(to bottom, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc8924', endColorstr='#ebb351', GradientType=0 ); } } p { color: #fff; font-family: "PTSansBold"; text-transform: uppercase; margin: 0; text-shadow: 0px 1px 1px black; padding: .5em 0; text-align: center; background: rgba(235,179,81,1); background: -moz-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,179,81,1)), color-stop(100%, rgba(220,137,36,1))); background: -webkit-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -o-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -ms-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: linear-gradient(to bottom, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb351', endColorstr='#dc8924', GradientType=0 ); } } } } #zvonok2 { width: 98%; margin: 0 auto; padding: 25px; max-width: 570px; color: #636363; position: fixed; top: 5%; left: 0; right: 0; z-index: 1000; display: none; h3 { font-family: "PTSansRegular"; color: @blue-c; text-align: center; margin: 0 auto; background: #fff; position: relative; text-transform: uppercase; p.grline { height: 3px; border: 0; width: 98% !important; top: 50%; left: 0; right: 0; margin: 0; position: absolute; background: rgba(244,222,114,1); background: -moz-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,222,114,1)), color-stop(47%, rgba(229,159,54,1)), color-stop(100%, rgba(244,222,114,1))); background: -webkit-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -o-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -ms-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: linear-gradient(to right, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4de72', endColorstr='#f4de72', GradientType=1 ); } span { background: #fff; padding: 0 2%; position: relative; width: 56%; z-index: 2; margin: 0 auto; } } hr { height: 2px; border: 0; width: 95%; top: 23px; left: 0; right: 0; position: absolute; background: rgba(244,222,114,1); background: -moz-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,222,114,1)), color-stop(47%, rgba(229,159,54,1)), color-stop(100%, rgba(244,222,114,1))); background: -webkit-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -o-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: -ms-linear-gradient(left, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); background: linear-gradient(to right, rgba(244,222,114,1) 0%, rgba(229,159,54,1) 47%, rgba(244,222,114,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4de72', endColorstr='#f4de72', GradientType=1 ); } form { width: 100%; background: #fff; padding: 3%; position: relative; .knowMoreAboutPersonalInfo { display: inline; background: none; } p { margin-top: 1em; color: @grey-c; float: left; width: 50%; margin-bottom: 0; &:last-child { width: 95%; } input[type=text] { font-family: "PTSansItalic"; padding-left: 2%; width: 100%; height: 2.8em; } span { display: block; color: #191919; margin-bottom: .5em; &.slidefon { background: rgba(229,159,54,1); background: -moz-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,159,54,1)), color-stop(47%, rgba(244,222,114,1)), color-stop(100%, rgba(229,159,54,1))); background: -webkit-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -o-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: -ms-linear-gradient(top, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); background: linear-gradient(to bottom, rgba(229,159,54,1) 0%, rgba(244,222,114,1) 47%, rgba(229,159,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59f36', endColorstr='#e59f36', GradientType=0 ); padding: 2px; text-align: center; margin: 0 auto; border-radius: 3px; } } } p.personal-info-title { color: #00265d; font-family: "PTSansRegular", Arial, sans-serif; } .personalInfoAgreementDetails { font-family: PTSansRegular, Arial, sans-serif; text-align: left; p { width: 100%; } } .zvonok-text { width: 100%; font-family: PTSansRegular, Arial, sans-serif; .slidefon { background: none; margin-top: 10px; } } input[type=button], input[type=submit] { color: #fff; font-family: "PTSansBold"; text-transform: uppercase; margin: 0; text-shadow: 0px 1px 1px black; padding: .5em 0; text-align: center; background: rgba(235,179,81,1); background: -moz-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,179,81,1)), color-stop(100%, rgba(220,137,36,1))); background: -webkit-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -o-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: -ms-linear-gradient(top, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); background: linear-gradient(to bottom, rgba(235,179,81,1) 0%, rgba(220,137,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb351', endColorstr='#dc8924', GradientType=0 ); width: 111px; border: 0; &:hover { background: rgba(220,137,36,1); background: -moz-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,137,36,1)), color-stop(100%, rgba(235,179,81,1))); background: -webkit-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -o-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: -ms-linear-gradient(top, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); background: linear-gradient(to bottom, rgba(220,137,36,1) 0%, rgba(235,179,81,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc8924', endColorstr='#ebb351', GradientType=0 ); } } } }/* END ZVONOK */ #zvonok2 { .formwrap { float: left; } form { float: left; p { width: 50%; float: left; &:last-child { width: 95%; display: flex; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } input[type=text] { width: 100%; max-width: 230px; border: 1px solid #bcbcbc; } input[type=email] { width: 100%; max-width: 230px; font-family: "PTSansItalic"; height: 2.8em; padding-left: 2%; border: 1px solid #bcbcbc; } } input[type=button] { } } }/* END ZVONOK */ } .m ul { list-style: none; } .m li { padding-bottom: 10px; } section.maincontent div.m li ul { padding: 10px 0 0 20px; } @media (max-width: 768px) { .wrapper header .contact .contact__search span { display: inline; } }