/* /css/lightSlider.css @ 2014-12-22T10:37:27+02:00 */
/** /!!! core css Should not edit !!!/**/
span.deliveryprice:after {
content: ' (40 грн)';
display: inline-block;
padding: 0 0 0 5px;
}
.fon
{
width: 85%; /* Поля */
background: #ADD8E6; /* Цвет фона */
}
.lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lightSlider:before, .lightSlider:after {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform,height;
transition-property: transform,height;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-timing-function: inherit;
transition-timing-function: inherit;
}
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit;
transition-timing-function: inherit;
}
.lSSlideWrapper .lSFade > *.active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #222222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #428bca;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}
/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
opacity: 0.7;
overflow: hidden;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}
/* End of Gallery*/
/* slider actions */
.lSAction > a {
width: 32px;
display: block;
top: 50%;
height: 32px;
background-image: url('/images/4201604201223227606.png');
cursor: pointer;
position: absolute;
z-index: 9999;
margin-top: -16px;
opacity: 0.5;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
opacity: 1;
}
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction > a.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
}
/* vertical */
.lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
}
/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
float: right !important;
}
/* Rtl */
@-webkit-keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
/* /css/normalize.css @ 2014-04-16T01:22:33+03:00 */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Address `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/**
* Address margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
min-width:300px;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address font sizes and margins set differently in IE 6/7.
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
/**
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
* Known issue: no IE 6/7 normalization.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address margins set differently in IE 6/7.
*/
p,
pre {
margin: 1em 0;
}
/**
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/**
* Address CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/**
* Address `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/**
* Address margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/**
* Address paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/**
* Correct list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Correct margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/**
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improve appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/**
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/* /css/font-awesome.min.css @ 2015-03-24T16:17:56+02:00 */
/*!
* Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
/* font-family: 'FontAwesome';
src: url('/images/4201604201223228468.png');
src: url('/images/42016042012232293110.png') format('embedded-opentype'), url('/images/42016042012232304112.png') format('woff2'), url('/images/42016042012232311514.png') format('woff'), url('/images/42016042012232326916.') format('truetype'), url('/images/42016042012232342618.png') format('svg');
font-weight: normal;
font-style: normal;
*/}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
/* /css/magnific-popup.css @ 2014-04-27T18:27:39+03:00 */
/* Magnific Popup CSS */
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
.white-popup-block {
background: none repeat scroll 0 0 #FFFFFF;
margin: 0px auto;
max-width: 650px;
height:100%;
padding: 0px 0px 20px 0px;
position: relative;
text-align: left;
/* width:100%;
max-width: none;
*/
}
.white-popup-block h1, .white-popup-block h3{
margin: 0px;
padding-left: 10px;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #000;
opacity: 1;
filter: alpha(opacity=100);
background: #f5f5f5
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
height: 100%;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.white-popup-block {
width:100%;
max-width: none;
}
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/* /css/owl.carousel.css @ 2015-11-19T19:29:23+02:00 */
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("/images/42016042012232433120.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/* /css/style.css @ 2015-11-02T17:33:23+02:00 */
.stripped tr:nth-child(odd) {
background-color: #ccc;
}
.stripped tr:hover a{
color: white;
}
#header .nav-header .nav-inverse{
display: block;
float: none;
padding-right: 0;
position: absolute;
top: 69px;
width: 300;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
right: -1000px;
}
.nav-toggle.info {
width:50px;
margin-top: 10px;
color: white;
background: url(/images/menu.png) center center no-repeat;
background-size: 50px;
filter: url("/images/42016042012232571438.'http://www.w3.org/2000/svg\'>#grayscale");
filter: gray;
-webkit-backface-visibility: hidden;
}
.backout .nav-toggle.info {
-webkit-filter: grayscale(0%) brightness(100%);
}
input.submit{background: transparent !important;}
.unlock-form input{
margin-bottom: 0px !important;
}
.unlock-form .label-bottom{
display: block;
margin-bottom: 20px
}
.unlock-submit{
margin-top:20px;
}
.mix {display: none}
.blue{color:blue;}
.animated-b {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
.read-more {
text-align: center;
position:absolute;
left:50%;
bottom:0;
margin-top:-25px;
margin-left:-50px;
color: white;
}
.read-more:hover{color:white;}
#special{
background-color: #333333;
color: white;
}
.top-phone{
margin-top:13px;
display: inline-block;
position: relative;
padding: 0 10px 10px 10px;
font-size: 1em
float: right;
}
.client .column {margin-left: 0px}
#special a{color:white;}
#special .container{padding: 10px}
#special h3, .first-glance h3{margin: 0px}
.first-glance p{margin-top: 0px}
.specs ul{margin-top: 0px;}
.specs .full_width:not(:first-child) {border-bottom: 1px solid #A9A9A9; margin-bottom: 15px}
.subcats,{background-color: #DCDCDC}
.product:hover {background-color: #7accc8}
.pdr-15{padding-right: 15px}
.no-padding{padding:0px!important;}
.no-margin{margin:0px!important;}
.product-subcats .container{
padding-top: 0px;
padding-bottom: 5px;
}
.input-icon {
height:32px;
width:32px;
border: none;
cursor: pointer;
color:white;
background-color:black;
position:relative;
}
input[type="submit"] {
font-family: FontAwesome;
}
#contact-form-phone{
margin-bottom: 0px
}
/* Custom product */
.radio-toolbar input[type="radio"] {
display:none;
}
.radio-toolbar label {
cursor: pointer;
display:inline-block;
background-color:#ddd;
padding:4px 11px;
font-family:Arial;
font-size:16px;
border: 3px solid #FFFFFF;
border-radius: 0;
box-shadow: none;
}
.radio-toolbar input[type="radio"]:checked + label {
border: 3px solid #79BEF0;
border-radius: 3px;
}
.color label{padding:2px;}
.price-span{
height: 30px;
margin-top: 18px;
padding: 2px 0px 0px 7px;
}
.btn-payment{
width:auto !important;
padding: 2px !important;
float:left;
border: none !important;
}
.user{max-height: 250px !important;}
.success{
margin: 5px;
display: none
}
.filter img{
display: block;
text-align:center;
margin-left: auto;
margin-right: auto;
}
.benefits h3{
color: black !important;
font-weight: 400;
font-size:14px;
}
#clients .container{padding: 0px 20px 0px 20px;}
#about .container{padding: 20px 20px 20px 20px;}
#callback .container{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); max-width: none !important;}
.section-title img{max-height:100px;}
.order{
background-image: url('/images/42016042012232460328.png');
display: block;
height:39px;
width:38px;
text-indent:-9999px;
float: right;
}
.popup-scroll{
/* Overflow Scroll */
overflow-y: scroll;
max-height: 500px;
padding:0 1em 0 0;
}
.modal-title{border-bottom: 1px solid #c4c4c4;}
.modal-nav{
text-align: center;
display: block;
height:45px;
width: 47%;
text-indent:-9999px;
background-repeat:no-repeat;
background-position: center center;
border: 1px solid #F5F5F5;
border-radius: 15px;
padding: 5px;
margin: 5px;
}
.modal-nav:hover{
cursor: pointer;
}
.title{
float: left;
text-align: center;
line-height: 33px;
width: auto;
}
.back{
background-position: left;
float:left;
width: 35px;
height: 35px
}
.close{
background-position: right;
float:right;
width: 35px;
height: 35px
}
.no-pic{background-image: none;}
table.hovertable tr:hover .order {background-image: url('/images/42016042012232463630.png');}
.price-modal{text-align:center; border: 1px solid #35a8df !important}
.white-popup-block #submit {
margin-top:15px;
border: 1px solid green !important
}
.dashed{
display: inline-block;
margin: 0px 5px 15px 5px;
}
.dashed:hover{cursor:pointer;}
.dashed span {
border-bottom:1px dashed #35a8df
}
.additional{display: none;margin-top:10px;}
#name-label{margin-top: 20px}
form label{color:#666666;}
.order-th{width:85px;}
.service-icon img{width:128px;}
#callback #phone {margin-bottom: 0px}
.owl-item{
transition-duration: 0.5s, 0.5s, 100ms;
transition-property: transform, left, box-shadow;
transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
display: inline-block;
letter-spacing: normal;
margin: 0;
padding: 0px 3px 3px 3px;
vertical-align: top;
white-space: normal;
}
.subcat-carousel:hover{box-shadow: 0 8px 10px #EBEBEB inset, 4px 35px 65px 5px rgba(242, 242, 242, 0.9) inset;}
.subcats{
width:100%;
margin: 0px;
list-style-type: none;
padding-left: 0px;
padding: 0 0 10px 0;
}
.subcats li{padding:5px}
.column.product img.t-image {
padding: 10px 0 20px;
}
/*
BASE STYLE
GRID
ANIMATION
PRELOADER
HEADER
NAVIGATION
INTRO
ABOUT
SERVICE
SKILL
CLIENTS
WORKS
PRICING
QUOTES
CONTACT
MAP
FOOTER
PLUGIN STYLING: MAGNIFIC POPUP, OWL CAROUSEL
MEDIA QUERIES
*/
/* ==========================================================================
BASE STYLE
========================================================================== */
table.hovertable tr{
-webkit-transition: width 2s, height 2s,-webkit-transform 2s; /* For Safari 3.1 to 6.0 */
transition: width 2s, height 2s, transform 2s;
}
table.hovertable {
width:100%;
color:#333333;
border-collapse: collapse;
}
table.hovertable th {
background-color:#35a8df;
padding: 8px;
border-color: #a9c6c9;
border: 1px solid;
border-bottom: none;
border-top: none;
color:white;
}
table.hovertable tr:even{
background-color:#F9F9F9;
}
table.hovertable tr:hover {
background-color:#35a8df;
color: white;
cursor: pointer;
}
table.hovertable td {
padding: 8px;
}
*, *:after, *:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html{ margin: 0; padding: 0;
width: 100%;
height: 100%; font-size: 100%; }
body{
background:#fefefe;
color:#333333;
font-size: 1em;
line-height: 1.4;
font-weight:400;
font-family: 'Open Sans', Arial, sans-serif;
}
a{
color: #666666;
text-decoration: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
a:hover,
a:active {
outline: 0;
}
a:hover{
color: #222222;
}
h1, h2{
font-family: 'Open Sans', sans-serif;
}
audio,
canvas,
img,
video {
vertical-align: middle;
}
img, object, embed{ max-width: 100%; height: auto; }
img{
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
::-webkit-input-placeholder{ /* WebKit browsers */
color: #a9a9a9;
}
:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color: #a9a9a9;
}
::-moz-placeholder{ /* Mozilla Firefox 19+ */
color: #a9a9a9;
}
:-ms-input-placeholder{ /* Internet Explorer 10+ */
color: #a9a9a9;
}
/* Section Color Scheme */
.blue{
background: #35a8df !important;
}
.turquoise,nav.nav.nav-main.open>a {
background: #35a8df;
border-top: 1px solid;
}
nav.nav.nav-inverse.top-menu.whitesmoke.open {
margin-top: 1px;
}
.white{
background: #ffffff;
}
.whitesmoke{
background: #f5f5f5;
}
.gainsboro{
background: #dcdcdc;
}
.gainsboro.problemi {background:#ffffff}
.gainsboro.problemi .section-title h2 {
position: relative; font-size: 2em;
margin: 0.67em 0;
margin-top: 10px;
text-transform: uppercase;
}
.gainsboro.problemi .section-title h2:after {
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -25px;
width: 50px;
height: 2px;
background: rgb(191, 191, 191);
background: rgba(191, 191, 191, 0.7);
content: "";
}
.gainsboro.problemi .animated {display:inline-block;width:100%;vertical-align:top}
.gainsboro.problemi .animated a {color:#35a8df!important}
.gainsboro.problemi .animated a:hover {color:#000000!important}
.left101 {width:50%;display:block;float:left;vertical-align:top}
.problem-pricelist-wrapper {width:45%;margin-left:5%;display:inline-block;vertical-align:top;background:#fff;padding:0 20px 20px; border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;}
.problem-pricelist-wrapper h4 {text-align:center}
.problem-pricelist-model {
padding-bottom: 1rem;
border-bottom: 2px solid #fff;
padding-top: 1rem;
padding-left: 2rem;
padding-right: 2rem;
}
.problem-pricelist-model-name {
margin-bottom: 5px;
font-weight: 600;
font-size: 1.2em;
color: #35a8df;
}
.problem-pricelist-model-service {
overflow: hidden;
position: relative;margin-top: 10px;
}
.problem-pricelist-model-service-label {
float: left;
background: #ffffff;padding-right:10px;
position: relative;
z-index: 2;
}
.problem-pricelist-model-service-price {
float: right;
background: #ffffff;padding-left:10px;
padding-left: 10px;
position: relative;
z-index: 2;
}
.problem-pricelist-model-service:after {
content: "";
position: absolute;
width: 100%;
border-bottom: 2px dotted #ddd;
left: 0;
top: .8em;
z-index: 1;
}
.problem-pricelist-model .btn {
float: right;background: #35a8df;
color: #fff; display: none;
}
.btn-group-sm>.btn, .btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
border-radius: .2rem;
}
.btn-outline-primary {
color: #0275d8;
background-image: none;
background-color: transparent;
border-color: #0275d8;
}
.btn-outline-primary:hover {
color: #fff;
background-color: orange;
border-color: #0275d8;
}
.lightgray{
background: #d3d3d3;
}
.silver{
background: #c0c0c0 ;
}
.darkgray{
background: #a9a9a9;
}
.darken{
background: #1d1d1d;
color: #ffffff;
}
.darken a{
color: #a9a9a9;
}
.darken a:hover{
color: #ffffff;
}
.black{
background: #000;
}
.black-color{
color: #000;
}
.turquoise-color{
color: #7accc8;
}
.white-color{
color: #ffffff;
}
.whitesmoke-color{
color: #f5f5f5;
}
.gainsboro-color{
color: #dcdcdc;
}
.lightgray-color{
color: #d3d3d3;
}
.silver-color{
color: #c0c0c0 ;
}
.darkgray-color{
color: #a9a9a9;
}
/* Section with SVG Separator */
.has-svg{
position: relative;
padding-top: 100px;
}
/* Adjustment class for section with SVG Separator */
.pull {
padding-top: 0;
}
.push {
padding-top: 100px;
}
/* Section Title */
.section-title{
margin-bottom: 33px;
text-align: center;
}
.section-title h1{
position: relative;
margin-top: 10px;
text-transform: uppercase;
}
.section-title h1:after{
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -25px;
width: 50px;
height: 2px;
background: rgb(191, 191, 191);
background: rgba(191, 191, 191, 0.7);
content: "";
}
.section-title h3{
position: relative;
text-align: center;
color: #999999;
font-weight: 400;
font-size: 1em;
}
/* SVG Separator */
.separator{
position: absolute;
left: 0;
bottom: -99px;
z-index: 900;
width: 100%;
height: 100px;
}
.separator.separator-top{
top: -99px;
bottom: auto;
}
/* SVG Separator Color Style */
.white .separator path{
fill: #ffffff;
}
.whitesmoke .separator path{
fill: #f5f5f5;
}
.gainsboro .separator path{
fill: #dcdcdc ;
}
.lightgray .separator path{
fill: #d3d3d3;
}
.silver .separator path{
fill: #c0c0c0 ;
}
.darkgray .separator path{
fill: #a9a9a9;
}
.darken .separator path{
fill: #1d1d1d;
}
/* h1 Logo Style */
.logo{
font-family: 'Open Sans', Arial, sans-serif;
}
.blackout .logo a {
background-image: url('/images/logosc.png');
}
.logo a {
color: #ffffff;
display: inline-block;
width: 153px;
height: 153px;
background-image: url('/images/logo.png');
background-position: 0 15px;
background-repeat: no-repeat;
/*background-size: auto 35px;*/
background-color: transparent;
border: 0;
overflow: hidden;
}
.logo-white a {
background-image: url('/images/logobig.png');
}
.contact_right {
width: 34%;
vertical-align: top;
display: inline-block;
margin-bottom:25px;
}
@media only screen and (max-width:768px;) {
.contact_right {width:100%;}
.service-body.half.column {width:100%;}
}
.cont img {
padding: 30px 0 0;
}
.cat-children {
margin-bottom: 60px;
}
.contact_right li {
margin: 1em 0;
}
.logo a:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/* Text Alignment */
.text-center{
text-align: center;
}
.text-left{
text-align: left;
}
.text-right{
text-align: right;
}
/* Button Style */
.button {
font-weight: 700;
padding: 5px 10px;
display: inline-block;
}
/* Button Dark Style */
.button-dark {
border: 2px solid #666666;
}
.button-dark:hover{
color: #ffffff!important;
border: 2px solid #222222;
background: #222222;
}
/* Button Light Style */
.button-light:hover {
color: #35a8df!important;
border-color: #35a8df;
background: #fff;
}
.button-light {
color: #FFF!important;
background: #949494;
border: 2px solid #FFF;
}
/* Animate CSS after page load */
.preload *{
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
/* Hide text for rotate-text */
.rotate-text{
display: none;
}
/* grayscale image */
.grayscale img{
filter: url("/images/42016042012232571438.'http://www.w3.org/2000/svg\'>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-webkit-backface-visibility: hidden;
}
.grayscale:hover img{
filter: url("/images/42016042012232571438.'http://www.w3.org/2000/svg\'>#grayscale");
-webkit-filter: grayscale(0%);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.shop img{
filter:none !important;
border-radius: 0% !important;
box-shadow: none !important;
}
.grayscale:hover h2{color:#35a8df;}
/* Clearfix */
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1; /* For IE 6/7 only */
}
/* ==========================================================================
GRID
========================================================================== */
.container{
max-width: 1170px;
padding: 60px 20px;
margin: 0 auto;
}
header .container {padding: 60px 0px; }
#address-block .container{
padding-top: 10px
}
.container:after,
.row:after,
.column:after{
content: "";
display: table;
clear: both;
}
.row{
padding-bottom: 0;
}
.column{
display: block;
float: left;
margin-left: 2%;
}
.column:first-child{
margin-left: 0;
}
.full_width{ width: 100%; }
.half{ width: 100%; }
.one_third{ width: 32.0%; }
.two_third{ width: 65.0%; }
.one_fourth{ width: 22.5%; }
.three_fourth{ width: 74.5%; }
.one_fifth{ width: 17.5%; }
.inline-block{display: inline-block;}
body {min-width:300px;}
@media only screen and (min-width: 768px) and (max-width: 979px){
.one_fourth{
width: 49.0%;
}
.one_fourth:nth-child(2n+1){
margin-left: 0;
}
.cat-children>.fulllist {width:49%;}
}
@media only screen and (max-width : 767px){
.cat-children>.fulllist {width:100%;}
.column{
width: 100%;
margin-left: 0;
}
}
/* ==========================================================================
ANIMATION
========================================================================== */
/* Hide element before animation */
.transparent{
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity = 0 );
filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
filter: alpha(opacity = 0);
-moz-opacity: 0;
-khtml-opacity: 0;
}
/* Show element after animation */
.opaque{
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity = 100 );
filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 100);
filter: alpha(opacity = 100);
-moz-opacity: 1;
-khtml-opacity: 1;
}
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}
@-webkit-keyframes flipInX{
0%{
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
} 40%{
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70%{
-webkit-transform: perspective(400px) rotateX(10deg);
}
100%{
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX{
0%{
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40%{
-moz-transform: perspective(400px) rotateX(-10deg);
}
70%{
-moz-transform: perspective(400px) rotateX(10deg);
}
100%{
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX{
0%{
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40%{
-o-transform: perspective(400px) rotateX(-10deg);
}
70%{
-o-transform: perspective(400px) rotateX(10deg);
}
100%{
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX{
0%{
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40%{
transform: perspective(400px) rotateX(-10deg);
}
70%{
transform: perspective(400px) rotateX(10deg);
}
100%{
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX{
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes fadeIn{
0%{opacity: 0;}
100%{opacity: 1;}
}
@-moz-keyframes fadeIn{
0%{opacity: 0;}
100%{opacity: 1;}
}
@-o-keyframes fadeIn{
0%{opacity: 0;}
100%{opacity: 1;}
}
@keyframes fadeIn{
0%{opacity: 0;}
100%{opacity: 1;}
}
.fadeIn{
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp{
0%{
opacity: 0;
-webkit-transform: translateY(20px);
}
100%{
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp{
0%{
opacity: 0;
-moz-transform: translateY(20px);
}
100%{
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp{
0%{
opacity: 0;
-o-transform: translateY(20px);
}
100%{
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp{
0%{
opacity: 0;
transform: translateY(20px);
}
100%{
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp{
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown{
0%{
opacity: 0;
-webkit-transform: translateY(-20px);
}
100%{
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown{
0%{
opacity: 0;
-moz-transform: translateY(-20px);
}
100%{
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown{
0%{
opacity: 0;
-o-transform: translateY(-20px);
}
100%{
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown{
0%{
opacity: 0;
transform: translateY(-20px);
}
100%{
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown{
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft{
0%{
opacity: 0;
-webkit-transform: translateX(-20px);
}
100%{
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft{
0%{
opacity: 0;
-moz-transform: translateX(-20px);
}
100%{
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft{
0%{
opacity: 0;
-o-transform: translateX(-20px);
}
100%{
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft{
0%{
opacity: 0;
transform: translateX(-20px);
}
100%{
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft{
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight{
0%{
opacity: 0;
-webkit-transform: translateX(20px);
}
100%{
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight{
0%{
opacity: 0;
-moz-transform: translateX(20px);
}
100%{
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight{
0%{
opacity: 0;
-o-transform: translateX(20px);
}
100%{
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight{
0%{
opacity: 0;
transform: translateX(20px);
}
100%{
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight{
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
/* ==========================================================================
PRELOADER
========================================================================== */
#preloader{
position: fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:99999; /* makes sure it stays on top */
background-color:#fff; /* change if the mask should have another color then white */
}
#status{
position:absolute;
top:50%; /* centers the loading animation vertically one the screen */
left:50%; /* centers the loading animation horizontally one the screen */
margin:-100px 0 0 -100px; /* is width and height divided by two */
width:200px;
height:200px;
background-image:url('/images/42016042012232575141.gif'); /* path to your loading animation */
background-position:center;
background-repeat:no-repeat;
background-size:32px 32px;
}
/* ==========================================================================
HEADER
========================================================================== */
#header{
width: 100%;
height: 100%;
}
#header {
height: 70px;
background: url(/images/background.jpg) no-repeat center center fixed; background-size: 100% auto;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;
}
/* Tint background image */
#header.tint:after{
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
content: "";
}
/* ==========================================================================
HEADER: NAVIGATION
========================================================================== */
#header .nav-header {
position: fixed;
top: 0;
left: 0;
z-index: 996;
width: 100%;
height: 70px;
background: rgb(128, 128, 128);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.full_width.column.text-left {
margin-top:10px;
}
#header .nav-header .nav-inner {
margin: 0 auto;
max-width: 1170px;
height: 70px;
overflow: hidden;
}
#header .nav-header h1,
.nav-toggle,
#header .nav-header .nav{
position: relative;
display: inline-block;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#header .nav-header h1,
.nav-toggle,
#header .nav-header .nav a{
color: #fff;
line-height: 70px;
}
.nav-toggle,
#header .nav-header .nav a{
outline: 0;
}
#header .nav-header .logo a{
height: 70px;
}
#header .nav-header .logo a:focus{outline: none;}
#header .nav-header h1{
float: left;
margin: 0 25px 0 0;
}
.nav-toggle,
#header .nav-header .nav{
float: right;
padding-right: 20px;
text-transform: uppercase;
}
#header .nav-header .nav-secondary{
float: left;
}
.nav-toggle{
font-size: 1.66667em;
padding-left: 20px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: none;
}
.blackout .nav-toggle {
-webkit-filter: grayscale(100%) brightness(250%);
}
.nav-toggle-inverse{
display: block;
}
.blackout .nav-toggle.active {
filter: gray;
-webkit-filter: grayscale(100%) brightness(250%);
-webkit-backface-visibility: hidden;
}
.nav-toggle.active {
filter: gray;
-webkit-filter: grayscale(100%) brightness(250%);
-webkit-backface-visibility: hidden;
}
.nav-toggle img{
vertical-align: inherit;
}
#header .nav-header .nav a{
position: relative;
margin: 0 0 0 0;
font-size: 1em;
}
#header .nav-header .nav a.active,
#header .nav-header .nav a.current,
#header .nav-header .nav a:hover{
color: #35a8df;
}
#header .nav-header.blackout .nav a.active:after,
#header .nav-header.blackout .nav a.current:after{
position: absolute;
bottom: -15px;
left: 0;
width: 100%;
height: 5px;
background: #35a8df;
content: "";
}
#header .nav-header.blackout{
height: 70px;
background: #fff;
background: rgb(0, 0, 0);
background: #fff;
}
#header .nav-header.blackout h1 {
line-height: 90px;
}
#header .nav-header.blackout h1{
line-height: 20px;
}
#header .nav-header.blackout h1{
font-size: 2em;
}
#header .nav-header.blackout .logo a{
height: 70px;
}
/* ==========================================================================
HEADER: INTRO
========================================================================== */
#header .intro-block{
width: 100%;
height: 100%;
display: table;
color: #ffffff;
}
#header .intro-block .intro-text{
display: table-cell;
vertical-align: middle;
-webkit-transform:translate3d(0,0,0);
}
#header .intro-block .intro-text h1,
#header .intro-block .intro-text h3{
text-transform: uppercase;
margin: 0;
}
#header .intro-block .intro-text h1{
font-size:4em;
line-height:1em;
}
#header .intro-block .intro-text .button{
margin-top: 40px;
padding: 10px 15px;
font-size: 1.17em;
}
/* Rotating Text */
#header .rotating{
display: inline-block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
-moz-transform: rotateX(0) rotateY(0) rotateZ(0);
-o-transform: rotateX(0) rotateY(0) rotateZ(0);
transform: rotateX(0) rotateY(0) rotateZ(0);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin-x: 50%;
}
#header .rotating.flip{
position: relative;
}
#header .rotating .front, #header .rotating .back{
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
#header .rotating .front{
position: absolute;
display: inline-block;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
#header .rotating.flip .front{
z-index: 1;
}
#header .rotating .back{
display: block;
opacity: 0;
}
#header .rotating.flip .back{
z-index: 2;
display: block;
opacity: 1;
-webkit-transform: rotateY(180deg) translate3d(0,0,0);
-moz-transform: rotateY(180deg) translate3d(0,0,0);
-ms-transform: rotateY(180deg) translate3d(0,0,0);
-o-transform: rotateY(180deg) translate3d(0,0,0);
transform: rotateY(180deg) translate3d(0,0,0);
}
#header .rotating.flip.up .back{
-webkit-transform: rotateX(180deg) translate3d(0,0,0);
-moz-transform: rotateX(180deg) translate3d(0,0,0);
-ms-transform: rotateX(180deg) translate3d(0,0,0);
-o-transform: rotateX(180deg) translate3d(0,0,0);
transform: rotateX(180deg) translate3d(0,0,0);
}
/* ==========================================================================
ABOUT
========================================================================== */
#timeline .t-image,
#about .team-grid .t-block .t-image{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
box-shadow: 0 0 0 5px #ffffff, 0 0 0 8px #dcdcdc;
}
.t-position{
display: inline-block;
margin: 0 auto 0px;
padding: 10px;
width: 90%;
background: #35a8df;
color: #fff;
letter-spacing: 1px;
border: 2px solid #35a8df;
}
.product{margin-bottom:50px;
transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;
margin-left: 0px;
}
.product img {padding: 5px 0px 5px 0px; -webkit-filter: grayscale(100%);}
.product:hover img {-webkit-filter: grayscale(0%);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.product:hover .t-position,
.t-position:hover{
cursor: pointer;
background-color: white;
border: 2px solid #35a8df;
color:#35a8df;
}
#about .team-grid .t-block .t-socials{
display: block;
}
#about .team-grid .t-block .t-socials a{
padding: 10px;
}
/* ==========================================================================
SERVICE
========================================================================== */
#service .service-block{
max-width: 960px;
margin: 0 auto 60px;
}
#service .service-block:last-child{
margin-bottom: 0;
}
#service .service-block .service-icon,
#service .service-block .service-body{
/* position: relative; */
}
#service .service-block:nth-child(odd) .service-icon{
left: 49.0%;
}
#service .service-block:nth-child(odd) .service-body{
left: -49.0%;
}
#service .service-block .service-body h2{
margin-top: 0;
}
/* ==========================================================================
SKILL
========================================================================== */
#skill .skill-grid .skill-block h3{
font-weight: 400;
}
#skill .skill-grid .skill-block .chart{
position: relative;
width: 200px;
height: 200px;
margin: 0 auto;
}
#skill .skill-grid .skill-block .chart canvas{
position: absolute;
top: 0;
left: 0;
}
#skill .skill-grid .skill-block .chart span{
display: inline-block;
color: #a9a9a9;
font-size: 2em;
font-weight: 700;
line-height: 200px;
}
#skill .skill-grid .skill-block .chart span:after{
content: '%';
margin-left: 0.1em;
font-size: .8em;
}
/* ==========================================================================
CLIENTS
========================================================================== */
#clients{
}
#clients a {line-height: 56px}
/* ==========================================================================
WORKS
========================================================================== */
#filters{
margin-bottom: 40px;
}
#filters ul{
display: inline-block;
margin: 0;
padding: 0;
*display: inline;
*zoom: 1;
}
#filters ul li{
display: inline;
}
#filters ul li span{
position: relative;
float: left;
padding: 4px 16px;
color:#a9a9a9;
text-decoration:none;
line-height: 20px;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#filters ul li span:hover{
color:#35a8df;
}
#filters ul li span.active{
color:#35a8df;
}
#portfolio-grid{
}
#portfolio-grid .portfolio-block{
display:none;
float:left;
overflow:hidden;
width: 33.3333333%;
}
#portfolio-grid .portfolio-wrapper{
position: relative !important;
overflow:hidden;
background: #ffffff;
cursor:pointer;
}
#portfolio-grid .portfolio-block a,
#portfolio-grid .portfolio-block a:hover{
color: #222222;
}
#portfolio-grid .portfolio-block a:hover{
cursor: pointer;
}
#portfolio-grid .portfolio-block img{
max-width:100%;
}
#portfolio-grid .portfolio-block img:hover{
background-color: #DCDCDC
}
#portfolio-grid .portfolio-block .portfolio-wrapper{
-webkit-backface-visibility: hidden;
}
#portfolio-grid .portfolio-block .label-block{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background: #ffffff;
background: rgba(255, 255, 255, 0.952941);
}
#portfolio-grid .portfolio-block .label-block{
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
#portfolio-grid .portfolio-block a:hover .label-block{
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
#portfolio-grid .portfolio-block .label-text{
display: table;
width: 100%;
height: 100%;
}
#portfolio-grid .portfolio-block .label-text-inner{
display: table-cell;
padding: 0 1.66667rem;
vertical-align: middle;
}
#portfolio-grid .portfolio-block .text-title{
margin:0;
}
#portfolio-grid .portfolio-block .text-category{
display: block;
color: #333333;
}
/* ==========================================================================
PRICING
========================================================================== */
#pricing .pricing-table .pricing-block .pricing-body{
background: #f5f5f5;
max-width: 300px;
margin: 0 auto;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
#pricing .pricing-table .pricing-block .pricing-body:hover{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
/* IE8 */
.lt-ie9 #pricing .pricing-table .pricing-block .pricing-body:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand')";
margin-left: -10px;
margin-top: -17px;
}
#pricing .pricing-table .pricing-block .pricing-body h2{
margin: 0;
padding: 20px;
}
#pricing .pricing-table .pricing-block .pricing-head{
padding: 15px;
color: #ffffff;
background: #c0c0c0;
}
#pricing .pricing-table .pricing-block .price{
font-weight: 700;
font-size: 4em;
text-transform: uppercase;
}
#pricing .pricing-table .pricing-block .pricing-features ul{
text-align: left;
padding: 0;
margin: 0;
}
#pricing .pricing-table .pricing-block .pricing-features li{
padding: 20px;
border-bottom: 1px solid #dcdcdc;
list-style-type: none;
}
#pricing .pricing-table .pricing-block .pricing-features li:last-child{
border-bottom: none;
}
#pricing .pricing-table .pricing-block .pricing-footer .pricing-action{
display: inline-block;
width: 100%;
padding: 20px;
background: #666;
color: #fff;
text-decoration: none;
}
#pricing .pricing-table .pricing-block .pricing-footer .pricing-action:hover{
display: inline-block;
width: 100%;
padding: 20px;
background: #222222;
color: #fff;
text-decoration: none;
}
/* ==========================================================================
QUOTES
========================================================================== */
#quotes h2, #quotes .quote{
font-weight: normal;
font-family: Georgia,Times,"Times New Roman",serif;
}
#quotes h2{
margin-top: -32px;
}
#quotes .quote{
font-size: 5em;
line-height: 1em;
}
/* ==========================================================================
CONTACT
========================================================================== */
#callback, #contact{
}
#callback h1, #callback h3, #contact .section-title h3{
color: white;
}
#unlock form, .order-popup form, #callback form, #contact form{
position: relative;
margin: 0 auto;
max-width: 620px;
}
#callback form { padding: 0 20px;}
.contact-form{
max-width:350px;
}
.contact-form input,
.price-modal,
.order-popup form input,
#callback form input,
#contact form input,
#contact form textarea,
.contact-form textarea
{
display: block;
margin-bottom: 20px;
padding: 10px;
width: 100%;
border: 2px solid #fff;
background: transparent;
background: rgba(255,255,255,1);
color: #a9a9a9;
color: #000;
font-family: Open Sans, Arial, sans-serif;
}
#contact form textarea{
min-height: 200px;
resize: vertical;
}
.order-popup form input:focus,
.order-popup form textarea:focus,
.order-popup form label:active + input,
.order-popup form label:active + textarea,
#callback form input:focus,
#callback form textarea:focus,
#callback form label:active + input,
#callback form label:active + textarea,
#contact form input:focus,
#contact form textarea:focus,
#contact form label:active + input,
#contact form label:active + textarea{
outline: none;
border: 2px solid #fff;
background: #fff;
color: #666;
}
.buy-button,
#callback form input.submit,
#contact form input.submit{
display: inline-block;
margin-bottom: 0;
padding: 10px;
border: 2px solid #ffffff;
background: transparent;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.buy-button:hover,
#callback form input.submit:hover,
#contact form input.submit:hover{
background: #ffffff;
color: #1d1d1d;
}
.buy-button{
width:100%;
color: #35a8df;
border-color: #35a8df;
}
#callback .form-notification,
#contact .form-notification{
margin-top: 20px;
}
#callback .form-notification .success,
#callback .form-notification .warning,
#callback .error,
#contact .form-notification .success,
#contact .form-notification .warning,
#contact .form-notification .error{
padding: 10px;
color: #ffffff;
}
#callback .form-notification .success,
#contact .form-notification .success{
text-align: center;
background: #27ae60;
}
#callback .form-notification .warning,
#contact .form-notification .warning{
text-align: center;
background: #d35400;
}
#callback .form-notification .error,
#contact .form-notification .error{
background: #bf0000;
list-style: none;
}
.dark-overlay{
background: #1d1d1d;
background: rgba(0, 0, 0, 0.5);
}
#address-block{
z-index: 2;
position: absolute;
width: 100%;
}
#address-block > address{
padding: 40px 0;
text-align: center;
}
#callback #success h2, #callback #success p{color:white;}
/* ==========================================================================
MAP
========================================================================== */
#map {width:100%;height:400px;color:#333;}
#map img{ max-width: none !important; }
/* ==========================================================================
FOOTER
========================================================================== */
#footer{
background: #1d1d1d;
color: white;
text-align: center;
}
#footer-top{
background: #333333;
}
#footer-top .container,
#footer-bottom .container{
padding: 40px 20px;
}
#footer-top .socials{
padding: 0;
margin: 0;
list-style: none;
}
#footer-top .socials li{
display: inline-block;
}
#footer-top .socials li a{
display: inline-block;
margin: 10px;
width: 2em;
height: 2em;
border: 2px solid #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #ffffff;
font-size: 2em;
line-height: 2em;
}
#footer-top .socials li a:hover{
background: #ffffff;
color: #1d1d1d;
}
/* ==========================================================================
PLUGIN: MAGNIFIC POPUP, OWL CAROUSEL
========================================================================== */
/* Magnific Popup Zoom Style*/
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
/* ideally, transition speed should match zoom duration */
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
/* Owl Carousel Owl Theme */
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #666666;
filter: Alpha(Opacity=50);
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #666666;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);
opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url(42016042012232661545.gif);
background-position:center;
background-repeat:no-repeat;
}
.owl-carousel .owl-item{
text-align: center;
}
/* ==========================================================================
MEDIA QUERIES
========================================================================== */
/* Portrait tablet to landscape and desktop */
@media only screen and (min-width: 768px) and (max-width: 979px){
#about .team-grid .t-block,
#skill .skill-grid .skill-block,
#pricing .pricing-table .pricing-block{
margin-bottom: 20px;
}
#about .team-grid .t-block .grayscale .t-image,
#about .team-grid .t-block .t-position{
max-width: 300px;
}
}
/* Landscape phone to portrait tablet */
@media only screen and (max-width: 360px){
.logo a {width:150px;background-image: url('/images/logo.png'); background-position: 0 15px; background-repeat: no-repeat; background-size: auto 25px;}
}
div#form-success {
margin-bottom: 25px;
}
@media only screen and (max-width: 767px){
.gainsboro.problemi .animated {
display: inline-block;
width: 100%!important;
margin: 0 2%;}
form#new-order.serv {
margin: 0 auto;
}
#header .nav-header .nav-inverse{
top:60px;
}
.nav-toggle {
width:50px;
margin-top: 10px;
color: white;
border-radius: 3px;
background: url(/images/menu.png) center center no-repeat;
background-size: 50px;
filter: url("/images/42016042012232571438.'http://www.w3.org/2000/svg\'>#grayscale");
filter: gray;
-webkit-backface-visibility: hidden;
margin-top:0;
margin-right:10px;
}
.backout .nav-toggle {
-webkit-filter: grayscale(0%) brightness(100%);
}
.nav-toggle.info{
margin-top: 5px
}
#tawkchat-minified-iframe-element{
width:100%;
max-width: 100%;
right: 0px;
}
#header{/*height: 60px*/}
#header .nav-header,
#header .nav-header.blackout{
/*height: 60px;*/
}
#header .nav-header .nav-inner{
width: 100%;
}
#header .nav-header .nav-inner {
margin: 0 auto;
padding: 0 20px;}
#header .intro-block {
padding: 0 20px;}
.nav-toggle,
#header .nav-header h1,
#header .nav-header.blackout h1{
line-height: 60px;
}
#header .nav-header .logo a,
#header .nav-header.blackout .logo a{
height: 60px;
}
#header .nav-header .nav a,
#header .nav-header.blackout .nav a{
line-height: 50px;
}
.nav-toggle{
display: block;
}
#header .nav-header .nav{
display: block;
position: absolute;
top: 60px;
right: -767px;
width: 100%;
float:none;
padding-right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
#header .nav-header .nav.open{
right: 0;
}
#header .nav-header .nav a{
display: inline-block;
width: 100%;
margin: 0;
padding-left: 20px;
background: #35a8df;
border-left: 4px solid transparent;
}
#header .nav-header .nav a:hover{
background: #35a8df;
color: #fff;
}
#header .nav-header .nav a.current{
border-left: 4px solid #35a8df;
}
#header .nav-header .nav a.current:after{
background: transparent;
}
#about .team-grid .t-block,
#skill .skill-grid .skill-block,
#pricing .pricing-table .pricing-block{
margin-bottom: 20px;
}
#about .team-grid .t-block .grayscale .t-image,
#about .team-grid .t-block .t-position{
max-width: 300px;
}
#service .service-block:nth-child(odd) .service-icon,
#service .service-block:nth-child(odd) .service-body{
left: 0;
}
#service .service-block .service-body{
text-align: center;
}
#service .service-block .service-body ul{
text-align: left;
}
#service .service-block .service-body h2{
margin-top: 0.83em;
}
#service .service-block .service-body p{
text-align: left;
}
#portfolio-grid .portfolio-block{
width: 50%;
}
#timeline .tl-list:before,
#timeline .tl-list:after {
display: block;
}
#timeline .tl-list > li{
margin-top: 40px;
}
#timeline .tl-list > li:first-child{
margin-top: 0;
}
#timeline .tl-list > li .tl-time{
width: 100%;
position: relative;
padding-right: 0;
background: #dcdcdc;
}
#timeline .tl-list > li .tl-time span {
text-align: left;
padding-left: 20px;
line-height: 4.8em;
border: 1px solid #dcdcdc;
}
#timeline .tl-list > li .tl-label {
margin: 0;
border-top: none;
}
#timeline .tl-list > li .tl-label:after {
display: none;
}
#timeline .tl-list > li .tl-icon {
position: relative;
float: right;
left: auto;
margin: -65px 20px 0 0;
}
}
@media (max-width:550px) {
.gainsboro.problemi .animated {
display: inline-block;
width: 90%!important;
margin: 0 5%;}
}
@media only screen and (min-width: 1460px) {
#header {
background: url(/images/background.jpg) no-repeat center center fixed;
background-size: 100%;
}
}
/* Landscape phones and down */
@media only screen and (max-width: 900px) {
#timeline .tl-list > li .tl-time,
#timeline .tl-list > li .tl-time span {
display: none !important;
}
#portfolio-grid{
max-width: 400px;
margin: 0 auto;
}
#portfolio-grid .portfolio-block{
width: 100%;
}
#header .nav-header h1 {
margin-right:0;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
}
/* ==========================================================================
Timeline
========================================================================== */
#timeline .tl-list {
max-width: 900px;
margin: 0 auto;
padding: 0;
list-style: none;
position: relative;
}
/* The line */
#timeline .tl-list:before,
#timeline .tl-list:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 30%;
margin-left: -11px;
width: 4px;
background: rgba(0,0,0,0.1);
}
#timeline .tl-list:after {
top: auto;
bottom: -20px;
left: 20%;
margin-left: -11px;
height: 20px;
background: rgba(0,0,0,0.1);
background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.1)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}
/* The date/time */
#timeline .tl-list > li {
position: relative;
}
#timeline .tl-list > li .tl-time {
display: block;
width: 35%;
padding-right: 100px;
position: absolute;
top: 50%;
margin-top: -23px;
}
#timeline .tl-list > li .tl-time span {
display: block;
text-align: right;
line-height: 3em;
}
/* Right content */
#timeline .tl-list > li .tl-label {
margin: 0 0 20px 36%;
padding: 20px;
background: #ffffff;
position: relative;
border: 1px solid #dcdcdc;
}
#timeline .tl-list > li .tl-label h2{
margin: 0;
font-family: Open Sans, Arial, sans-serif;
font-weight: 400;
}
#timeline .tl-list > li .tl-label h2 span{
font-size: 16px;
}
#timeline .tl-list > li .tl-label h2 img{
margin-left: 5px;
}
/* The triangle */
#timeline .tl-list > li .tl-label:after {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #dcdcdc;
border-width: 10px;
top: 50%;
margin: -10px 0 0 -25px;
}
/* The icons */
#timeline .tl-list > li .tl-icon {
width: 75px;
height: 75px;
font-size: 1.4em;
line-height: 75px;
-webkit-font-smoothing: antialiased;
position: absolute;
color: #f5f5f5;
background: #666666;
border-radius: 50%;
text-align: center;
left: 30%;
top: 50%;
margin: -25px 0 0 -35px;
-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
-ms-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
#timeline .tl-list > li:hover .tl-icon{
background: #999999;
}
/* Load More Button */
#timeline .load-more{
margin-top: 20px;
}
/* /css/modal.css @ 2014-04-16T01:22:33+03:00 */
/**
* CSS Modal
* Modal as reusable module
* http://drublic.github.com/css-modal
*
* @author Hans Christian Reinl - @drublic
* @version 1.0.4
*
* Usage:
* selector {
* @extend %modal;
* }
*/
/*
* Configuration
*/
html {
overflow-y: scroll;
}
.has-overlay {
overflow: hidden;
}
.has-overlay > body {
height: 100%;
overflow-y: scroll;
}
.semantic-content {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0;
color: #222;
line-height: 1.3;
display: none\9;
}
.semantic-content:target {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.is-active.semantic-content {
display: block\9;
}
.semantic-content:target {
display: block\9;
}
.semantic-content .modal-inner {
position: absolute;
top: 50px;
left: 50%;
z-index: 20;
margin-left: -325px;
width: 650px;
overflow-x: hidden;
border-radius: 2px;
background: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
.semantic-content .modal-inner > img,
.semantic-content .modal-inner > video,
.semantic-content .modal-inner > iframe {
width: 100%;
height: auto;
min-height: 300px;
}
.semantic-content .modal-inner > img {
width: auto;
max-width: 100%;
}
.semantic-content header {
border-bottom: 1px solid #dddddd;
padding: 0 1.2em;
}
.semantic-content header > h2 {
margin: 0.5em 0;
}
.semantic-content .modal-content {
max-height: 400px;
max-height: 70vh;
border-bottom: 1px solid #dddddd;
padding: 15px 1.2em;
overflow-x: hidden;
overflow-y: auto;
}
.semantic-content .modal-content > * {
max-width: 100%;
}
.semantic-content footer {
border-top: 1px solid white;
padding: 0 1.2em 18px;
background: #f0f0f0;
border-radius: 2px;
}
.semantic-content .modal-close {
display: block;
text-indent: -100px;
overflow: hidden;
}
.semantic-content .modal-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: url("/images/42016042012232746349.");
}
.semantic-content .modal-close:after {
content: '\00d7';
position: absolute;
top: 25px;
left: 50%;
z-index: 20;
margin-left: 285px;
background: #fff;
border-radius: 2px;
padding: 2px 8px;
font-size: 1.2em;
text-decoration: none;
text-indent: 0;
}
@media screen and (max-width: 690px) {
.semantic-content .modal-inner {
width: auto;
left: 20px;
right: 20px;
margin-left: 0;
}
.semantic-content .modal-close {
left: auto;
right: 33px;
margin-left: 0;
}
.semantic-content .modal-close:after {
margin-left: 40%;
}
}
@media screen and (max-width: 30em) {
.semantic-content {
-webkit-transform: translate(0, 400px);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
-moz-transition: -moz-transform .25s ease-in-out, opacity 1ms .25s;
-o-transition: -o-transform .25s ease-in-out, opacity 1ms .25s;
-ms-transition: -ms-transform .25s ease-in-out, opacity 1ms .25s;
transition: transform .25s ease-in-out, opacity 1ms .25s;
display: block;
height: 100%;
bottom: auto;
}
.semantic-content:target {
-webkit-transition: -webkit-transform .25s ease-in-out;
-moz-transition: -moz-transform .25s ease-in-out;
-o-transition: -o-transform .25s ease-in-out;
-ms-transition: -ms-transform .25s ease-in-out;
transition: transform .25s ease-in-out;
}
.semantic-content:before {
background-color: #27aae2;
background-image: -webkit-gradient(linear, left top, left bottom, from(#27aae2), to(#1c9cd3));
background-image: -webkit-linear-gradient(top, #27aae2, #1c9cd3);
background-image: -moz-linear-gradient(top, #27aae2, #1c9cd3);
background-image: -o-linear-gradient(top, #27aae2, #1c9cd3);
background-image: linear-gradient(to bottom, #27aae2, #1c9cd3);
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 30;
height: 3em;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.semantic-content .modal-inner {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: 0;
right: 0;
padding-top: 3em;
height: 100%;
overflow: scroll;
-webkit-box-shadow: none;
box-shadow: none;
}
.semantic-content .modal-content {
max-height: none;
}
.semantic-content .modal-close {
right: auto;
text-decoration: none;
}
.semantic-content .modal-close:before {
display: none;
}
.semantic-content .modal-close:after {
content: attr(data-close);
top: 0.4em;
left: 1em;
z-index: 40;
margin-left: 0;
font-size: 1em;
padding: 0.5em 1em;
}
}
@media screen and (max-height: 46em) and (min-width: 30em) {
.semantic-content .modal-content {
max-height: 340px;
max-height: 50vh;
}
}
@media screen and (max-height: 36em) and (min-width: 30em) {
.semantic-content .modal-content {
max-height: 265px;
max-height: 40vh;
}
}
@media screen and (min-width: 30em) {
.semantic-content {
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
}
/* /css/custom.css @ 2015-11-19T20:02:50+02:00 */
.owl-theme .owl-dots .owl-dot span{
width: 10px;
height: 10px;
margin: 5px 7px;
background: #929191;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-item{
padding: 0px;
margin: 0px;
}
.select-variant span{
font-size: 13px;
}
.font-size-15{
font-size: 15px;
}
.font-size-20{
/*font-size: 20px;*/
}
.square-block.select-variant{
border-color: rgba(46, 169, 253, 0.7);
}
#address-block{
color: white;
}
#address-block a{
color: white;
}
.contact-form .buysell-form input.submit{
padding-top: 10px;
}
#new-buysell{
margin: 0px auto;
}
#properties label{
display: block;
}
.service-group ul {
padding-left: 0px;
list-style: none;
overflow-x: hidden;
}
.service-group ul li:before {
float: left;
width: 0;
white-space: nowrap;
font-size: 13px;
content:
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . ";
}
.service-group ul li a {
color: black;
font-size: 13px;
background: white
}
.service-group ul li span{
float: right;
background: white;
color: black;
font-size: 13px;
}
.service-group ul li {
padding: 10px 0 10px 0;
}
.service-group ul li a,
.service-group ul li span,
.service-group ul li {
-webkit-transition: background 0.2s, border-color 0.2s;
transition: background 0.2s, border-color 0.2s;
}
.service-group ul li:hover,
.service-group ul li:hover a,
.service-group ul li:hover span{
cursor: pointer;
background: #35a8df !important;
color: white;
}
.service-group ul li:hover .service-group ul li:before{
color: #35a8df !important;
}
.service-group .group-name img {
float: right;
}
.service-group .group-name h3{
border: 3px solid #35a8df;
font-size: 18px;
color: #35a8df;
font-weight: bold;
padding: 6px;
padding-left: 7px;
position: relative;
line-height: 30px;
width: 100%;
line-height: 20px;
vertical-align: middle;
}
.service-group .group-name {
}
.repair-service p {
text-indent: 30px;
}
.subcategories .container{
width:100%;
max-width:100%;
padding: 5px 20px 0 20px;
}
.owl-theme .owl-controls{
margin-top: 0px
}
.owl-pagination{
height: 20px
}
.iphones-main img {
vertical-align: bottom;
border: 0;
display: block;
margin: 0 auto 10px;
}
.iphones-main.row .one_fourth.column {
min-height: 270px; margin-bottom: 20px;
}
.team-grid.row .t-block {
/*min-height: 450px;*/
}
.iphones-main span{
display: block;
}
.iphones-main2{position:relative;}
.iphones-main2 .one_fourth{position:absolute; bottom:0;}
#header .nav-header .nav-inverse {
background: rgba(23, 24, 32, 0.95) !important;
display: block;
float: none;
padding-right: 0;
position: absolute;
width: 300;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
right: -1000px;
}
#header .nav-header.blackout{
background: #35a8df;
}
.top-phone a,
.nav-main a {
color: white !important;
}
#header .nav-header.blackout .nav a.active:after, #header .nav-header.blackout .nav a.current:after {
height: 0px;
}
.info{
height: 50px;
line-height: 50px;
}
.nav-main a {
border-left: 1px solid #e8e8e8;
padding-left: 10px;
padding-right: 10px;
}
.nav-main a:first-child{
border-left: none;
}
#unlock-service, #imei-check, #blacklist-check{
display: none;
}
.square-block.disabled:hover,
.square-block.disabled{
cursor: not-allowed;
border: 3px solid #CDD7E4;
}
.square-block{
margin: 7.5px !important;
border: 3px solid #CDD7E4;
padding: 28px 0;
text-align: center;
font-size: 24px;
}
.square-block.active,
.square-block:hover{
border-color: #0C9EEF;
}
#unlock-imei{
padding: 10px;
min-width: 250px;
border: 2px solid #fff;
background: rgba(255,255,255,1);
color: #000;
font-size: 18px;
}
.ml0{margin-left: 0}
.top-menu{width:350px;}
#check-order .container,
.comment .container,
.share .container,
.post .container {
max-width: 900px;
padding-bottom: 10px;
}
.post .meta {
color: #999;
}
.share .container{
padding-top: 0px;
padding-bottom: 10px;
}
.posts{
position: relative;
}
.post-title{
background: #1d1d1d;
background: rgba(0, 0, 0, 0.3);
padding: 30px;
position: absolute;
top: 0;
width:100%;
}
.fullscreen-image{
height: 80vh;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center top;
background-attachment: fixed;
}
.page-title {
background:
linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
url("/images/42016042012232774451.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.page-title h1, .page-title h3{
color: #fff;
font-weight: 400;
}
.page-title .container{
padding-bottom: 0px;
padding-top: 0px
}
#header .nav-header .nav-inverse.lang{
}
#header .nav-header .nav-inverse.open{
right: 0;
}
#header .nav-header .nav-inverse a{
line-height: 50px !important;
display: inline-block;
width: 100%;
margin: 0;
padding-left: 20px;
border-left: 4px solid transparent;
}
#header .nav-header .nav-inverse a.active,
#header .nav-header .nav-inverse a:hover{
background: #d3d3d3 !important;
color: #000;
}
#header .nav-header .nav-inverse a.current{
border-left: 4px solid #35a8df;
}
#header .nav-header .nav-inverse a.current:after{
background: transparent;
}
#form-error, #form-load, #form-success{display: none;}
#services-table a{
border-bottom:1px dashed #35a8df;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {width: 100% !important;}
/* tabs */
.cd-tabs {
position: relative;
width: 100%;
max-width: 960px;
margin: 2em auto;
}
.cd-tabs:after {
content: "";
display: table;
clear: both;
}
.cd-tabs::after {
/* subtle gradient layer on top right - to indicate it's possible to scroll */
position: absolute;
top: 0;
right: 0;
height: 60px;
width: 50px;
z-index: 1;
pointer-events: none;
background: -webkit-linear-gradient( right , #f8f7ee, rgba(248, 247, 238, 0));
background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
visibility: visible;
opacity: 1;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.no-cssgradients .cd-tabs::after {
display: none;
}
.cd-tabs.is-ended::after {
/* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-tabs nav {
overflow: auto;
-webkit-overflow-scrolling: touch;
background: #f8f7ee;
box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}
@media only screen and (min-width: 768px) {
.cd-tabs::after {
display: none;
}
.cd-tabs nav {
position: relative;
height: 100%;
float: none;
box-shadow: inset -2px 0 3px 0072ff;
z-index: 1;
}
}
@media only screen and (min-width: 960px) {
.cd-tabs nav {
position: relative;
float: none;
background: transparent;
box-shadow: none;
}
}
.cd-tabs-navigation:after {
content: "";
display: table;
clear: both;
}
.cd-tabs-navigation li {
float: left;
}
.cd-tabs-navigation li:nth-child(2) a {
min-width: 120px;
}
.cd-tabs-navigation a {
position: relative;
display: block;
height: 60px;
width: 80px;
text-align: center;
font-size: 12px;
font-size: 0.75rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
color: #c3c2b9;
padding-top: 34px;
}
.no-touch .cd-tabs-navigation a:hover {
color: #29324e;
background-color: rgba(233, 230, 202, 0.3);
}
.cd-tabs-navigation a.selected {
background-color: #ffffff !important;
box-shadow: inset 0 2px 0 #35a8df;
color: #29324e;
}
@media only screen and (min-width: 768px) {
.cd-tabs-navigation a.selected {
box-shadow: inset 2px 0 0 #35a8df;
}
.cd-tabs-navigation a::before {
top: 22px;
}
}
@media only screen and (min-width: 960px) {
.cd-tabs-navigation {
/* tabbed on top on big devices */
width: 100%;
background-color: #f8f7ee;
box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}
.cd-tabs-navigation a {
height: 60px;
line-height: 60px;
width: auto;
text-align: left;
font-size: 14px;
font-size: 0.875rem;
padding: 0 2.8em 0 1em;
}
.cd-tabs-navigation a i{
padding-right: 1em;
}
.cd-tabs-navigation a.selected {
box-shadow: inset 0 2px 0 #35a8df;
}
.cd-tabs-navigation a::before {
top: 50%;
margin-top: -10px;
margin-left: 0;
left: 38px;
}
}
.cd-tabs-navigation, .cd-tabs-content {
margin: 0px;
padding: 0px;
}
.cd-tabs-content li{
padding-left: 10px !important;
}
.cd-tabs-navigation{
padding-left: 0px;
}
.cd-tabs-content li {
/*display: none;*/
padding: 1.4em;
}
.cd-tabs-content li.selected {
display: block;
-webkit-animation: cd-fade-in 0.5s;
-moz-animation: cd-fade-in 0.5s;
animation: cd-fade-in 0.5s;
}
.cd-tabs-content li p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
color: #8493bf;
margin-bottom: 2em;
}
@media only screen and (min-width: 768px) {
.cd-tabs-content {
min-height: 480px;
}
.cd-tabs-content li {
padding: 2em 2em 2em 7em;
}
}
@media only screen and (min-width: 960px) {
.cd-tabs-content {
min-height: 0;
}
.cd-tabs-content li {
padding: 3em;
}
.cd-tabs-content li p {
font-size: 16px;
font-size: 1rem;
}
}
@-webkit-keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* end tabs */
.product h3{margin: 1em 0 0 0;}
.service-order h4 span{font-weight: normal !important;}
.service-order p span{font-weight: bold;}
#tawkchat-minified-container{
border-radius: 0px;
border: none;
}
#crumbs{
overflow: hidden;
}
#crumbs ul{
display: block;
float: left;
padding-left: 0px;
margin: 0px;
}
#crumbs h3{
float: right;
padding-right: 10px;
margin: 5px 0;
}
#submit:hover{
background: white !important;
color: black;
}
#service-form #phone{
margin-bottom: 5px;
margin-top: 5px
}
#smsLabel {
display: block;
padding-left: 15px;
text-indent: -15px;
padding-bottom: 15px;
}
#sms {
vertical-align: middle;
display: inline;
width: 13px;
height: 13px;
padding: 0;
margin:0;
position: relative;
top: -1px;
*overflow: hidden;
}
.pull-left.item-image>a>img {
height:200px;
padding: 0 50px;
}
.no-margin-left{margin-left: 0px}
#crumbs ul {
list-style: none;
display: inline-table;
}
#crumbs ul li {
display: inline;
}
#crumbs ul li a {
display: block;
float: left;
height: 40px;
text-align: center;
padding: 10px ;
position: relative;
margin: 0 1px 0 0;
font-size: 15px;
text-decoration: none;
color: #000;
}
#crumbs ul li a:after {
font: normal normal normal 18px/1 FontAwesome;
content: "\f105";
padding-left: 15px;
}
#crumbs ul li:last-child a:after {
display: none;
}
#crumbs ul li a:hover {
background: #35a8df;
color: #fff;
}
#crumbs ul li a:hover:after {
color: #fff;
}
@media only screen and (max-width: 767px){
.cd-tabs-navigation li a i{display: none !important;}
}
/*! Social Likes v3.0.14 by Artem Sapegin - http://sapegin.github.com/social-likes - Licensed MIT */
.social-likes,.social-likes__widget{display:inline-block;padding:0;vertical-align:middle!important;word-spacing:0!important;text-indent:0!important;list-style:none!important}.social-likes{opacity:0}.social-likes_visible{opacity:1;transition:opacity .1s ease-in}.social-likes>*{display:inline-block;visibility:hidden}.social-likes_vertical>*{display:block}.social-likes_visible>*{visibility:inherit}.social-likes__widget{display:inline-block;position:relative;white-space:nowrap}.social-likes__widget:before,.social-likes__widget:after{display:none!important}.social-likes_vertical .social-likes__widget{display:block;float:left;clear:left}.social-likes__button,.social-likes__icon,.social-likes__counter{text-decoration:none;text-rendering:optimizeLegibility}.social-likes__button,.social-likes__counter{display:inline-block;margin:0;outline:0}.social-likes__button{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.social-likes__button:before{content:"";display:inline-block}.social-likes__icon{position:absolute}.social-likes__counter{display:none;position:relative}.social-likes_ready .social-likes__counter,.social-likes__counter_single{display:inline-block}.social-likes_ready .social-likes__counter_empty{display:none}.social-likes_vertical .social-likes__widget{display:block}.social-likes_notext .social-likes__button{padding-left:0}.social-likes_single-w{position:relative;display:inline-block}.social-likes_single{position:absolute;text-align:left;z-index:99999;visibility:hidden;opacity:0;transition:visibility 0s .11s,opacity .1s ease-in;-webkit-backface-visibility:hidden;backface-visibility:hidden}.social-likes_single.social-likes_opened{visibility:visible;opacity:1;transition:opacity .15s ease-out}.social-likes__button_single{position:relative}@font-face{font-family:"social-likes";src:url("/images/data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABLMABAAAAAAHTgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABbAAAABoAAAAccxLCp0dERUYAAAGIAAAAHAAAAB4AJwAST1MvMgAAAaQAAABKAAAAYEDWXUVjbWFwAAAB8AAAAEIAAAFCAA/0tGN2dCAAAAI0AAAAFAAAACL/mAOqZnBnbQAAAkgAAAWnAAALl9gU2/BnYXNwAAAH8AAAAAgAAAAIAAAAEGdseWYAAAf4AAAIHwAACmSgIEBIaGVhZAAAEBgAAAAwAAAANgN69mJoaGVhAAAQSAAAACAAAAAkA/gBzGhtdHgAABBoAAAAKwAAAC4P2AAKbG9jYQAAEJQAAAAaAAAAGg9aDQZtYXhwAAAQsAAAACAAAAAgATUBSW5hbWUAABDQAAABMgAAAknDp9jvcG9zdAAAEgQAAABIAAAAgph9vwlwcmVwAAASTAAAAH0AAACKjIbexHicY2BgYGQAgguneE6B6IsqUe9gNABKQQbsAAB4nGNgZGBg4AFiMSBmYmAEQm4gZgHzGAAEFwA6eJxjYGG8zDiBgZWBgdGHMY2BgcEdSn9lkGRoYWBgYmBlZoADAQSTISDNNYXhwEfGj5yMB/4fYNBjPMngABRmRFKiwMAIAF5xDK8AAHicY2BgYGaAYBkGRgYQsAHyGMF8FgYFIM0ChED+R87//4Ek4////ExQlQyMbAwwJgMjE5BgYkAFjAzDHgAARicGtQAAeJxjYMAAPBDIePL/ARAGABbABUN4nK1W+XPTRhSWfCROQo6Sgxb1WLFxmtork1IIBkwIkmUX3MO5WglKK8VOeh/QMsPf4L/mybQz9Df+tH5vZZtAknaGaSaj9+3up333k8lQgoy9wA+FaD0zZrZaNLZzL6DLFq2G0aHo7QWUKcZ/F4yC0enIfcu2yQjJ8GS9b5iGF7kOmYpEdOhQRomuoOdtyq3c66+ak57f8bfvB7a0rV4gqN0ObNoMLUFVRtUwFElKiru0iq3BStAan68x83k7EDCiFwuabAcRdgSfTTJaZ7QeWVEYhhaZ5TCUZLSDgzB0KKsE7skVYxiU99oB5aVLY9KF+SGZkUM5JWGX6Cb5fVfwSaqcnzj3O5Qt2dj3RE/0cHeyli/Cra0galvxdhjIEKebOwGOLHZqoNmhvKJxr9w3MmloxrCUrkSIpRtTZv+QzA7up3zJoXEl2Mgpr/MsZ+wLvoE2o5ApUV0bWVD98SnD892SPQr2hHo5+JPpLWYZJnjwOBJ+T8acCB0pw+JokrBg5NBKyhZlXE9VTJ3yOi3jLcN64drRl84o7VB/ajLrB7Yl7bBkOzStkkzGp25cd2hGgSgEnfHu8usA0g1pmlfbWE1j5dAsrpnTIRGIQAd6acaLRC8SNIOgOTSnWrtBkuvWw2WaPpBPHHpDtbaC1k66adnYn9f7Z1VizHp7QTI7i/zFLs2WuUhRum5yhh/TeJC5hExki+0g4eDBW7eH9LLaki3x2hBb6Tm/gtrnnRCeNGF/E7svp+qUBCaGMS8RLY+Mjb5pmjpX88pIjIy/G9CsdIVPUyjKSSiOXBFB/V9zc6YxY7huL0rOjpXpcdm6gDAtwLf5skOLKjFZLiHOLM+pJMvyTZXkWL6lkjzL8yoZY2mpZJzl2yopsHxHJRMsP1CiQuYDh0oaPHSorMEjh95VBk2XX8PG92Dju7hbwEaWNmxkeQE2spSwkeUybGRZhI0sV2Ajy/dhI8tV2MhSKVHTpeYoqJ2LhMcmeDodaB/F9VZR5JTJQSddRBE3xSmZkHFV8hj7VwZKyaG1UXrMJbpYSvLmoh9gDLGDHx6NzPHjS0pc0fZ+BJ7pH1eCDjtROe8bS38a/FffkNXkkrkIjy7Dfxh8sr0o7Ljq0BVVOVdzaP2/qCjCDuhXkRJjqSgqosnNi1De6fWasoluDzDWMRbR0eumubgA/VVMmSU0CP41hSa88kGvIoWo9XDXtRfHopLeQTncCZagiPt9cyt4mhFZYT3NrGTPhy7PwAKmqdRs2UD3ea+2UsRzKB32GS/qSsp6cRfHGS+2gCOeQa++E8MkDGbZQA4lNDTgF4TWgvtOUCLTaZdDgyP2eRRU/tituJE9Kmoj8GynU+6FLqT8OsdAYCe/MoiBrCE0N/Q2FdA8QjRkk5Vxtmo6ZOzAIKLGblARNXwb2eLBpmBbhiEfK2J15+jXN03USRU8yIzkMr45sMAbpibiz/OrLg5TuaGkqHDUGhjMtbCSVMwFNOCt0Xb76Pbmy+wTObcVVcsnXuoqulbuQTEXC6w9zkFaKlQB1RtV2DC6XFwSpV5Bk6TX1TE0MMNfoxSb/1f1sfk8X2oSI+RIvu1wYKPPwRj632D/bTkIwMCPkctNuLyYNie+7ujD+QpdRi9+fMr+Hcxcc2GergDfVXQVosVR8xFX0cCnbBinTxSXI7UAP1V9zBmAzwBMBp+rvql32gB6Z4s5PsA2cxjsMIfBLnMY7DHnNsAXzGHwJXMYBMxhEDLHA7jHHAb3mcPgK+YweMCcBsDXzGHwDXMYRMxhEDPHBdhnDoMOcxh0mcPgQNH1UZgPeUEbQN9qdAvoO11PWGxi8b2iGyP2D7zQ7B81YvZPGjH1Z0W1EfUXXmjqrxox9TeNmPpQ0c0R9REvNPV3jZj6h0ZMfayeTuQywx9PbpkKB5Rdbj8ZflOcfwArcU1jAAABAAH//wAPeJw9Vltv3MYVnjNDzpBcLi+7JHel5V7EvWpXXmmXe5Gs23olWbIsWbFrZe0oaaEINVw3aB3VidOiTdGkaAskQNsHF3Ca/oKi6HtfIgOFgRbtQ4H8gvYfFO1LAkg9pONiCHKG5AzPfOc730dCiU0IeQqHhBFBmqM6jhgl7JhQAHpIKIW7EvZgnxDBZQlfY7bM3VZoh3Y9tMv2Lx7fuweH57+3IcS5QMjFGVzAGamQ3dF2CiQZdgVQBozCQwUA3lbxHVxIPiESY9KESBK7y4FJbB9Iwc9NT2XdtG3qCU1VOKlAWeNOC7qeazu8Bf1wWO73BsvQr5UDnoeyG7rloNa3e4MQ/qVblv7BWNuzvFm3fmkwHv83ugNntn6+pFvP97up9BbrdxZvPLd1eK7j1jnGe0EJPCNJcov8nPya/JZ8Sr49uj+olW2JM9gllNFTwjg71YALfqqCUMQpURLKKUnoiVOig35KIAlEBnKCO5PkCZFl6YhIsnQA5JOnH3/04U9+/KMf/uD7j995dPKN7a1qxc8JTpKgG7i1alCvDTJedzjwBC9XO71hrY5tsA7dsJvx4jboZgbDuBWhAALDEJ7rxNevWhlXqbehHs/NdJyvJmJbpt3h4GXr9+I3AmFAOZoT4KgcRAtkOr0Bguzw2hB7UQdRBWKYwhCqruLZNC5IM+IC5QqSgwtdtcwpK3wztKY8NcUSVFI48gWkpuB60nLSdrFq52eCXKpSKnkpXed8E7+kmCnNdP1Eq5Xw01bSMhUu5JKa1G1Xk6e4r2o+n5I11zAsUVpJ+alS6axUwusojiUO5enmgsJV065kMB7GFUM3Td3QqYRMhUzFNlWuLGzOlIte1kyriqpQxqiiWo7tecVCetrxEoaaYDJD8smSphoJzyo0qxqXcT5Em8AsK9Vpx/fx8P0cHlGfsIsvLz7Hx38hBtkmO2R9tGICoVcy0aeRKzKRKXlIkM3fIzKWg4yUAEmCCUFckBIgHWxf3RgvzA8qXc4zrWobWhBw1/HC7mDYH0bU7np54N5wDaKMckwVprEAyI+ojzluA2YSM4tY1vp1zBNmLgN36LBOm51evTmgsq4yPQE2T2WdZuPeq6Vam4FRfLqSyohU9vqdSS6nrlw5+NP6FWmU34DWo8nk0dzfmp3Ls61ev5441pK2+KsmePr2d6vlrO1NvxHOzGwPsiJdUjRmL88vvPt+fT473vpH6BUDs3Xn0Z05QqSLc6z9Jaz9FumTVbJGNkdXcjZnqCX/hwaw+t8mXGDBc4YSgJUSSYB8hJUjH7Tnli8PB93OXL/db1Q9X+Feq9qJdioynmMCDyKSCx7MQ623TiOAECdEpwhRAdU7AXe87qBX82JUPEfAgmr5xeVjVWVqVlX61h5eJFXdd4blnCF4zrXmLWu54vq/mq7VerWa/9be3lt7H/whlUk54hhfZqqq9HBavMC+I2Vs100KI2kA5A3x51qvWu3Vnl2Ppl0nNNa/c/iMjMkGeWW0vwQyTwCVV7FmKNslMqdIsocCYWCopogAQVnlJ7HeTiK9PSJI4gNKwk6zUQnctJkUMhnTsRLpYAf3FBUuykMBkDL9XqSDLtb7OgzqNZTGMK5i1MThGu334odeMVKuTBuix+TiwZMnDyqVlEiJirO699r24XFPYzLl9tXF7mK77GQlpovAyUuU+hju1u0nD+CzJ5//JpHzrybTJ3vLkzdX9zymOUI4xe7OsLV0kHe02YKG4CUcWXrXzVQK79948IS80Ncz+DdyokEWyTWySybkDnlv9I6DmCArJG5w6T4xVG6o3yEJUCChYPkQLjF+YmL5UE2mJ0lQddBA1Y7RYBQByokFAg1pghdBjrBHDlaW5mYnrx7e/tqtm68c3Ni/vjleurZyLezMLs4t2tWq27D5VKu6BAX6Ap5+DwUxOr8cLIMoR9AJ7mTqSxGfYnBFBGAax9Gw/vJGCB00HrfcL/fDfuiCSKdTX7+1tRvOTnAFI1xpdfY/bM3O53Pp1CiXttq1XNqca8yHxaasVYKlUZ9cbGzM4PGpnap64fXFRliY4rmUZsF6s1dt5GY7M7Nu2jcvp62Z5k0vXZy9cf6fRikbFCCR7lTaYAQbG8F4TGLOPYObiLFCnMh1I6NGuxVsB2kmRV6LkILEDglwkFCPjrEUqXyINkXvYmFSNHcnnbIt00hGvovrKBHbhn1RH2ZE3R2G9owd7Tfslz8KG4/fa/Qu3z7/4y3/n7nXvuzF4y8+Of879IfPn8fxkFL8D3CJtMnWaDzXbBRRZuVc1rUlJmnwohIk+RR/ASQ0V8pOkf9os1gVsVRGOQVyUPHLdlDnfBqJz4XroGsFdVTKIYrAi8sqeJkoe/EZuY8+ycVgCBeZ/Pjj1+/uKPbO5WCg6YqZrCw4uXnz9k/Z6tylYt3Xg0IBfhm4yZ2fvTEPl6BRokxZqtEELQ2nc/e5rrfWZhS75khJ3A+9OCdPUePPMLLXSWvUmACGuRtHzTBeOJVQ3ci3GDm4sbrSqNkGOWJHPAJxCYJYtFGyUKuWYYjlGAv6GvTrsR9HzoyhF6gBrk8LdA2wmNchxN8CEdMxNnJuUl5vR+8IbkL5C2Vqczq/allMooKxa1wWCcubUoQMijBllUlmx7GEgtGhMWsZK4/I72Uk3uaJ6RxATRfoi1tmWvM9S0V3ShZ/R32/8M1yWZXwfw0kNZ+rTctS1bayCZWBSqnAT9nGTJKmFEORpHxuBQ2fafaamgzSUwDlrJFEHWNJMePwTEJTZKz//wFiHl1QAHicY2BkYGAA4r8pbBfj+W2+MsgzMYDARZWodzD6/+//B5hYGE8CuRwMYGkAXXUNCHicY2BkYGA8+f8Agx4Tw//fDAxMLAxAERTADQCAcwTHeJxj2M0gyAACqxgYGP8zMDAxgOj/vxlN//9j/AdkfwLiQIjc/38A+IoM5wAAAAAoACgAKACAAZgCJgKoAzAD4gQqBJQFMgAAAAEAAAAMAJ0ABgAAAAAAAgAiADIAdwAAAIkAeAAAAAB4nI2Pz2rCQBDGv/UftEjpUXqa3hRM2MR68WYVzwXBewjbuKiJbHLx1hdo7z31DfpufYN+iVvwUnBhmN/MfrPzLYA7fEPhfB6x9KzQx5vnFrr49NzGED+eO+irJ89d3KvUc4/9DypV54bVczNVs8IAr55buMW75zZe8OW5g4F68NyFqLnnHvsVFihwxAkOFhm2qCD0k2LEHEMjwhRj8pyKCgYH8hoJZwz1FjmwKI4nZ7NtJcN0JLGOpmOZu8ocZJ0cTWYpKbklpTrBHgHDYsf5khdFapN9sLc7w+riwndWHMy5uM6OC01jK6QxwYzx38Pn24i6ABPG31ewKvJqVbjMSBxqmcmlAZaRDiZB/YWrPW/YdGzbxqlwT70pbHLtEhvjSlvkonUUaq3l2pd/AdsaXukAAHicY2BiAIP/BxgkGbABHiBmZGBiZGJkZmRhZGVkY2Rn5GDkZORiL83LdDM0MITSRlDaGEqbQGlTKG0Gpc2htAWUtgQAymEV0HicY/DewXAiKGIjI2Nf5AbGnRwMHAzJBRsZ2Jw2MTAyaIEYm7mZGDkgLH4GMIvdaRczA1CaE8jmcNrF4ABhMzO4bFRh7AiM2ODQEbGROcVloxqIt4ujgYGRxaEjOSQCpCQSCDbzMjHyaO1g/N+6gaV3IxNQH2uKCwBlrSSbAAAA") format("woff");font-weight:400;font-style:normal}.social-likes__icon_facebook:before{content:"\f101"}.social-likes__icon_github:before{content:"\f102"}.social-likes__icon_mailru:before{content:"\f103"}.social-likes__icon_odnoklassniki:before{content:"\f104"}.social-likes__icon_pinterest:before{content:"\f105"}.social-likes__icon_plusone:before{content:"\f106"}.social-likes__icon_single:before{content:"\f107"}.social-likes__icon_twitter:before{content:"\f108"}.social-likes__icon_vkontakte:before{content:"\f109"}.social-likes{min-height:36px;margin:-.5em;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.social-likes,.social-likes_single-w{line-height:1.5}.social-likes,.social-likes__widget_single{font-size:14px}.social-likes__widget{margin:.5em;line-height:1.5;border:0;text-align:left;cursor:pointer}.social-likes__button,.social-likes__counter{box-sizing:border-box;font-family:"Helvetica Neue",Arial,sans-serif;vertical-align:baseline;color:#fff}.social-likes__button{padding:.04em .7em .18em 1.65em;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.social-likes__icon{top:0;left:.21em;font-family:"social-likes";font-weight:400;font-style:normal;speak:none;text-transform:none;font-size:1.15em;vertical-align:baseline}.social-likes__counter{padding-right:.5em;font-weight:400;font-size:.85em}.social-likes_vertical .social-likes__widget{min-width:13em}.social-likes_vertical .social-likes__counter{position:absolute;top:0;right:0;margin-top:.3em}.social-likes_light .social-likes__widget{min-width:0;background:0 0}.social-likes_light .social-likes__button,.social-likes_single-light+.social-likes__button{min-width:0;padding-left:1.35em;font-weight:400;text-decoration:underline;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}.social-likes_light .social-likes__icon{margin-top:-.1em;margin-left:-.25em}.social-likes_light .social-likes__counter,.social-likes_single-light+.social-likes__button+.social-likes__counter{position:static;margin-top:0;color:#999}.social-likes_notext .social-likes__button{width:1.85em}.social-likes_notext .social-likes__icon{margin-left:.1em}.social-likes_notext.social-likes_light,.social-likes_notext.social-likes_light .social-likes__widget,.social-likes_notext.social-likes_light .social-likes__icon{margin:0;left:0}.social-likes_notext.social-likes_light .social-likes__button{width:1.4em;padding-left:0}.social-likes_single{margin-top:-1.2em;padding:.5em;background:#fff;border:1px solid #ddd}.social-likes__widget_single{height:1.7em;margin:0;padding:.1em 0;line-height:1.5;background:#007aff}.social-likes_single-light+.social-likes__widget_single{color:#007aff}.social-likes__icon_single{left:.4em;font-size:1.1em}.social-likes__widget_facebook{background:#3d5b95}.social-likes_light .social-likes__button_facebook{color:#3d5b95}.social-likes__icon_facebook{left:.25em;top:.05em;font-size:1.1em}.social-likes_notext .social-likes__icon_facebook{margin-left:.15em}.social-likes__widget_twitter{background:#24aadd}.social-likes_light .social-likes__button_twitter{color:#24aadd}.social-likes__icon_twitter{top:.1em;left:.25em}.social-likes_light .social-likes__icon_twitter{left:.1em}.social-likes__widget_plusone{background:#d23e30}.social-likes_light .social-likes__button_plusone{color:#d23e30}.social-likes_notext .social-likes__icon_plusone{margin-left:0}.social-likes__icon_plusone{left:.25em}.social-likes_light .social-likes__icon_plusone{margin-top:0}.social-likes__widget_mailru{background:#00468c}.social-likes_light .social-likes__button_mailru{color:#00468c}.social-likes__icon_mailru{left:.25em}.social-likes_light .social-likes__icon_mailru{left:.1em}.social-likes_notext .social-likes__icon_mailru{margin-left:.075em}.social-likes__widget_vkontakte{background:#587e9f}.social-likes_light .social-likes__button_vkontakte{color:#587e9f}.social-likes__icon_vkontakte{top:.2em;left:.25em}.social-likes__widget_odnoklassniki{background:#f59310}.social-likes_light .social-likes__button_odnoklassniki{color:#f59310}.social-likes__icon_odnoklassniki{left:.4em}.social-likes_light .social-likes__icon_odnoklassniki{left:.25em}.social-likes_notext.social-likes_light .social-likes__button_odnoklassniki{width:1em}.social-likes__widget_pinterest{background:#cb132d}.social-likes_light .social-likes__button_pinterest{color:#cb132d}.social-likes_light .social-likes__icon_pinterest{left:.1em}
/* Flags icons */
.flag-icon-background {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
.flag-icon {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.3333333333333333em;
line-height: 1em;
}
.flag-icon:before {content: "\00a0";}
.flag-icon.flag-icon-squared {width: 1em;}
.flag-icon-ua {background-image: url(42016042012232784354.);}
.flag-icon-ru {background-image: url(42016042012232786956.);}
.flag-icon-en {background-image: url(42016042012232791658.);}
.nav-toggle .flag-icon{
width: 1em
}
.nav-toggle.language-toggle{
padding-left: 3px;
padding-right: 3px;
}
.service-block img {
-webkit-filter: grayscale(100%);padding:0px;
}
.service-block:hover img {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-filter: grayscale(0%);
}
.service-block img#mark101 { margin-top: -153px;-webkit-transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
-ms-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;}
.service-block:hover img#mark101 {transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.contact101:hover {background:transparent!important}
.contact101 {width:201px}
.blogremont-category>div {
display: inline-block;
width: 33%;
text-align: center;
vertical-align:top;
min-width:250px
}
.cat-children>.fulllist {
width: 30%;
display: inline-block;
vertical-align: top;
padding: 5px;
margin: 5px;
min-width: 250px;
text-align: center;}
.cat-children>.fulllist h3 {
border: 3px solid #35a8df;
text-align: center;
padding: 5px;
margin-bottom: 0;
}
.cat-children>.fulllist h3.maincategory {
border: none;
}
i.fa.fa-clock-o.black-color {
background: url(/images/clock.png) no-repeat bottom;
display: inline-block;
background-size: 14px;
width: 18px;
height: 18px;
-webkit-filter: invert(1);
}
i.fa.fa-phone {
background: url(/images/telephone.png) no-repeat bottom;
display: inline-block;
background-size: 14px;
width: 18px;
height: 18px;
-webkit-filter: invert(1);
}
i.fa.fa-sort-down {
background: url(/images/arrows.png) no-repeat bottom;
display: inline-block;
background-size: 25px;
width: 25px;
height: 25px;
margin: 10px 0;
}
form#new-order i.fa.fa-phone {
-webkit-filter: invert(0);
}
@media screen and (max-width: 419px) and (max-height:300px) {
h1.fittext,.read-more {display:none;}
}
@media screen and (max-width: 800px) {
.cat-children>.fulllist {width:47.5%;}
}
@media screen and (max-width: 500px) {
.cat-children>.fulllist {width:100%;width: 96%;
margin: 2%;
padding: 2%;}
}
@media screen and (max-width: 419px) {
h1.fittext {font-size:50px!important;}
.top-phone {display:none;}
}
@media screen and (max-width: 419px) and (max-height:500px) {
h1.fittext {font-size:40px!important;}
}
i.fa.fa-vk {
background: url(/images/vk.png) no-repeat;
background-size: 20px;
padding: 10px;
margin-bottom: -3px;
}
i.fa.fa-facebook { background: url(/images/fb.png) no-repeat;
background-size: 20px;
padding: 10px;
margin-bottom: -3px;
}
section#callback form#new-order .dashed {
width:195px;
}
form#new-order .dashed {
padding-right: 10px;
margin: 5px auto 15px;
display: block;
background: url(/images/show.png) no-repeat 180px center;
}
.page-header h2,
.page-header h1.page_404 {
margin: 0;
padding:40px 0;
font-size: 28px;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
text-align: center;
}
.page-header h1.page_404 {
color:#666666;
}
.breadcrumbsbrcr {
padding: 20px 20px 5px;
z-index: 1000;
}
.breadcrumbsbrcr img {
margin-top: -5px;
}
form#new-order .dashed.drop {
background: none;
}
span.dashed.drop .arr {
background: url(/images/download.png) center center no-repeat;
background-size: 100%;
width: 20px;
height: 20px;
display: inline-block;
border: none;
vertical-align: bottom;
}
.cat-children>.fulllist h4>.price {
float: right;
color: #35a8df;
padding-right: 30px;
}
.cat-children>.fulllist h4>a {
display: inline-block;
width: 60%;
}
@media only screen and (max-width: 970px) {
.cd-tabs-navigation li a i {
background: none!important;
padding: 0!important;
margin-bottom: 0!important;
}
}
.service-body.half.column {
width:40%;
min-width:350px;
}
@media screen and (max-width: 999px) {
.contact_right {
width:90%;
min-width:400px;
margin:0 auto;
text-align:center;
}
.contact_right>ul {
display: inline-block;
text-align: left;
}
.service-body.half.column {
display:block;
margin-bottom:15px;
}
}
@media screen and (max-width: 400px) {
.contact_right {
min-width:300px;
width:100%;
}
.service-body.half.column {
min-width:300px;
width:100%;
}
}
@media screen and (max-width: 700px) {
.service-body.half.column {
margin: 0 auto;
text-align: center;
width: 100%;
}
.cd-tabs-content li.selected {
padding: 1.4em 0;
}
}
div#vk_comments {
max-width:100%;
}
ul.cd-tabs-content.white {
max-width: 100%;
overflow: hidden;
}
div#vk_comments iframe {
max-width: 100%;
}
span.phone-error {
display: none;
}
span.phone-error:nth-child(1) {
display: block;
}
form#new-order.serv {
margin-top: 10px;
}
form#new-order.serv input[type="submit"] {
margin: -12px 0 25px;
}
div#form-success {
color: #35a8df;
max-width: 400px;
text-align: center;
margin: 21px auto 25px;
font-weight: 600;
}
.service-body ul li {
text-align: left;
}
@media screen and (max-width: 600px) {
.cat-children>.fulllist h4 {
font-size:14px;
}
.cat-children>.fulllist h4>a {
width: 55%;
font-weight: 400;
}
.section-title h1 {
font-size: 24px;
}
.service-body h2 {
font-size: 22px;
}
ul {
max-width: 90%;
padding-left: 10%;
}
.service-body.half.column {
margin: 0;
}
.container { padding: 60px 00px;}
}
.cat-children>.fulllist h3 img {
vertical-align: top;
margin: 0 2px 0 -26px;
-webkit-filter: grayscale(100%);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cat-children>.fulllist:hover h3 img {
-webkit-filter: grayscale(0%);
}
.cat-children>.fulllist h4>a {
font-weight:400;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cat-children>.fulllist h4>a:hover {
color: #EF7A23;
}
i.fa.fa-mobile {
background: url(../images/device.png) no-repeat bottom;
background-size: 100%;
width: 16px;
height: 16px;
display: inline-block;
margin-bottom: -1px;
margin-right: 1px;
}
i.fa.fa-delivery {
background: url(../images/delivery.png) no-repeat bottom;
background-size: 100%;
width: 16px;
height: 16px;
display: inline-block;
margin-bottom: -1px;
margin-right: 1px;
}
i.fa.fa-contact,i.fa.fa-user {
background: url(../images/profile.png) no-repeat bottom;
background-size: 100%;
width: 16px;
height: 16px;
display: inline-block;
margin-bottom: -1px;
margin-right: 1px;
}
i.fa.fa-envelope {
background: url(../images/mail.png) no-repeat bottom;
background-size: 100%;
width: 16px;
height: 16px;
display: inline-block;
margin-bottom: -1px;
margin-right: 1px;
}
i.fa.fa-location-arrow {
background: url(../images/building.png) no-repeat bottom;
background-size: 100%;
width: 16px;
height: 16px;
display: inline-block;
margin-bottom: -1px;
margin-right: 1px;
}
.homemap {
height: 310px;
margin-top: 0;
width: 100%;
z-index: 0;
}
.stp {
width: 80%;
height: 310px;
position: absolute;
z-index: 2;
margin: 0 10%;
}
.cat-children>.fulllist a>img {
height:176px;
width: auto;
}
.layout-blog .page-header h1 { margin: 0;
padding: 40px 0;
font-size: 28px;
color: #666;
font-weight: 600;
text-transform: uppercase;
text-align: center;}
.layout-blog h2 { margin: 0;
padding: 40px 0;
font-size: 28px;
color: #666;
font-weight: 600;
text-transform: uppercase;
text-align: center;}
.layout-blog .page-header h2[itemprop="name"] {
margin: 0;
padding: 0px 0 40px;
font-size: 28px;
color: #666;
font-weight: 600;text-align:center;
text-transform: none;}
.layout-blog .container.no-padding .items-leading div[itemprop="blogPost"],
.layout-blog .container.no-padding .items-row .span6 {padding-bottom: 40px;
margin-bottom: 40px;min-height:316px;
border-bottom: 2px dashed #999;}
.layout-blog .container.no-padding .items-leading div[itemprop="blogPost"]:last-child {border:none!important}
.gainsboro.problemi ul {width:100%;display:block;}
.gainsboro.problemi li { border: 0px solid red;
display: block;
width: 25%;
list-style-type: none;
float: left;
min-height:74px;
padding-top: 10px;
padding-left: 30px;}
.gainsboro.problemi li a {display:block; margin: 6px 0 0 12px;}
.gainsboro.problemi li::before {content:'';display:block;float:Left;width:35px;height:35px;margin:0px 11px 0px 0px;background:url('/images/icons-uslugi.png');background-position:0px 0px}
.item-page-uslugi-super h2::before {content: '';
display: inline-block;
float: none;
width: 35px;
height: 35px; filter: brightness(200%);-webkit-filter: brightness(200%);-moz-filter: brightness(200%);-ms-filter: brightness(200%);
margin: 0px 11px -9px 0px;
background: url('/images/icons-uslugi.png');
background-position: 0px 0px;}
.cat-children>.fulllist h4>a {padding-top:10px;padding-bottom: 4px;}
.cat-children>.fulllist h4>.price {padding-top:10px;}
/*.cat-children>.fulllist h4>a:before { margin-top: -5px;}*/
.gainsboro.problemi li:hover:before,
.item-page-uslugi-super h2::before:hover {background:url('/images/icons-uslugi1.png');}
.gainsboro.problemi li#usl2:before,
body.itemid-129 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(2) span.icon51::before {background-position:0px 0px}
.gainsboro.problemi li#usl3:before,
body.itemid-143 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(3) span.icon51::before {background-position:0px -140px}
.gainsboro.problemi li#usl4:before,
body.itemid-144 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(4) span.icon51::before {background-position:0px -280px}
.gainsboro.problemi li#usl5:before,
body.itemid-145 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(5) span.icon51::before {background-position:0px -420px}
.gainsboro.problemi li#usl6:before,
body.itemid-146 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(6) span.icon51::before {background-position:0px -105px}
.gainsboro.problemi li#usl7:before,
body.itemid-147 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(7) span.icon51::before {background-position:0px -35px}
.gainsboro.problemi li#usl8:before,
body.itemid-148 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(8) span.icon51::before {background-position:0px -70px}
.gainsboro.problemi li#usl9:before,
body.itemid-149 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(9) span.icon51::before {background-position:0px -280px}
.gainsboro.problemi li#usl10:before,
body.itemid-150 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(10) span.icon51::before {background-position:0px -350px}
.gainsboro.problemi li#usl11:before,
body.itemid-151 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(11) span.icon51::before {background-position:0px -315px}
.gainsboro.problemi li#usl12:before,
body.itemid-152 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(12) span.icon51::before {background-position:0px -177px}
.gainsboro.problemi li#usl13:before,
body.itemid-153 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(13) span.icon51::before {background-position:0px -455px}
.gainsboro.problemi li#usl14:before,
body.itemid-154 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(14) span.icon51::before {background-position:0px -385px}
.gainsboro.problemi li#usl15:before,
body.itemid-155 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(15) span.icon51::before {background-position:0px -245px}
.gainsboro.problemi li#usl16:before,
body.itemid-156 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(16) span.icon51::before {background-position:0px -210px}
body.itemid-159 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(17) span.icon51::before {background-position:0px 32px}
body.itemid-180 .item-page-uslugi-super h2::before,
.no-layout .cat-children>.fulllist h4:nth-child(15) span.icon51::before {background-position:0px -245px}
.gainsboro.problemi li:hover,.gainsboro.problemi li:focus,.gainsboro.problemi li:active,
.gainsboro.problemi a:hover,.gainsboro.problemi a:focus,.gainsboro.problemi a:active {outline:none}
.no-layout .cat-children>.fulllist {text-align:justify!important;width:100%;display:table;}
.no-layout .cat-children>.fulllist>div {text-align:justify;display:table-cell;vertical-align:top;}
.no-layout .cat-children>.fulllist h3,
h3.page-header.item-title.submodelssamecat {
border: 0px solid #35a8df;
text-align: left;display:block;
padding: 20px 0px;
border-bottom: 1px solid #fff;
margin-bottom: 0;
padding: 10px;
margin: 20px;display:block;
border-bottom: 1px dotted #999999;
}
h3.page-header.item-title.submodelssamecat { text-align: Center;
margin-top: 60px;
font-size: 25px;
padding-top: 40px;
border-bottom: 0px;
border-top: 1px dotted #999999;}
.no-layout .cat-children>.fulllist h4 {
padding: 10px;
margin: 15px 0;
display:block;
width:30%;margin:1.5%;float:left;
text-align:right;background:#fff;border:0px!important}
.no-layout .cat-children>.fulllist h4:hover {cursor:pointer;background:#35a8df;}
.no-layout .cat-children>.fulllist h4 span.icon51 {display:block;float:right;background:#fff;width:63px;height:63px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border: 2px solid #35a8df;}
.no-layout .cat-children>.fulllist h4:hover span.icon51 { border: 2px solid #ff8400;}
.no-layout .cat-children>.fulllist h4 span.icon51::before {display: block;
content: '';
margin: 12px;
background: url('/images/icons-uslugi2.png');
width: 35px;
height: 35px;
}
.no-layout .cat-children>.fulllist h4 .price {float:right;display:block;padding-right:10px; padding-top:0px; width: calc(100% - 100px); font-size: 23px; line-height: 130%;
font-weight: 400;}
.no-layout .cat-children>.fulllist h4:hover .price {color:#ffffff;}
.no-layout .cat-children>.fulllist h4 .price a { font-size: 16px;
line-height: 100%;
font-weight: bold;
display: block;}
.no-layout .cat-children>.fulllist h4:hover .price a {color:#222222;}
@media (min-width:992px) and (max-width:1200px) {
.no-layout .cat-children>.fulllist h4 .price a {
font-size: 13px;}
}
@media (min-width:768px) and (max-width:991px) {
.no-layout .cat-children>.fulllist h4 {width:45%}
}
@media (min-width:600px) and (max-width:767px) {
.no-layout .cat-children>.fulllist h4 {width:45%}
.no-layout .cat-children>.fulllist h4 .price a {font-size: 13px;}
.no-layout .cat-children>.fulllist h4 {width: 45%;height: 89px;}
}
@media (min-width:320px) and (max-width:599px) {
.no-layout .cat-children>.fulllist h4 {width:96%}
}
.item-page-uslugi-super h2 {color:#ffffff;font-size:33px;text-transform:none}
.item-page-uslugi-super h2::before {}
body.itemid-129 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-143 .gainsboro,
body.itemid-161 .gainsboro,
body.itemid-168 .gainsboro,
body.itemid-169 .gainsboro
{background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-159 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-144 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-145 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-146 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-147 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-148 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-149 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-150 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-151 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-152 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-153 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-154 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-155 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-156 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-180 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-181 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-182 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-183 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-184 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-185 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-186 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-187 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-188 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-189 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-190 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-191 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-192 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-193 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-194 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-195 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-196 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-197 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-198 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-199 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-200 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-201 .gainsboro {background:#dddddd url('/images/usl/bg1.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-203 .gainsboro {background:#dddddd url('/images/usl/bg3.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-204 .gainsboro {background:#dddddd url('/images/usl/bg11.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-205 .gainsboro {background:#dddddd url('/images/usl/bg44.jpg') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-206 .gainsboro {background:#dddddd url('/images/usl/bg-e-book.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-207 .gainsboro {background:#dddddd url('/images/usl/bg_kolobki.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-208 .gainsboro {background:#dddddd url('/images/usl/bg-acer.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-209 .gainsboro {background:#dddddd url('/images/usl/bg-asus.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-210 .gainsboro {background:#dddddd url('/images/usl/bg-dell.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-212 .gainsboro {background:#dddddd url('/images/usl/bg-lenovo.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-213 .gainsboro {background:#dddddd url('/images/usl/bg-hp.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-214 .gainsboro {background:#dddddd url('/images/usl/bg-fujitsu.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-215 .gainsboro {background:#dddddd url('/images/usl/bg-toshiba.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-216 .gainsboro {background:#dddddd url('/images/usl/bg-samsung.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-217 .gainsboro {background:#dddddd url('/images/usl/bg-sony-vaio.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-222 .gainsboro {background:#dddddd url('/images/usl/bg-macbook.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
body.itemid-224 .gainsboro {background:#dddddd url('/images/usl/remont-dualsense-kiev.png') no-repeat top left; background-size: 100% 272px!important;-webkit-background-size: 100% 272px!important;-moz-background-size: 100% 272px!important;-ms-background-size: 100% 272px!important;}
.icons777 { text-align: center;}
.icons777>div {display:inline-block;color:#ffffff;padding-right:20px;}
.icons777>div img {margin:0 10px 3px 0}
.price-uslug { text-align: center;}
.price-uslug>div {border:1px solid #fff;padding:10px;width:224px;height:101px;display:inline-block;margin:0px 20px 20px 0px;
-webkit-transform: skew(-10deg);
-moz-transform: skew(-10deg);
-o-transform: skew(-10deg);
transform: skew(-10deg);
}
.price-uslug>div:hover {border:1px solid #666666;cursor:pointer}
.price-uslug>div::before { content: '';
display: block;float:left;
height: 79px;
width: 79px;
background-repeat:no-repeat;background-position:center center;
background-size: auto 100%!important;-webkit-background-size: auto 100%!important;moz-background-size: auto 100%!important;-ms-background-size: auto 100%!important;
-webkit-transform: skew(10deg);
-moz-transform: skew(10deg);
-o-transform: skew(10deg);
transform: skew(10deg);}
.price-uslug>div div {display:block;color:#fff; font-size: 19px; padding-top: 15px; text-align: center;
padding-left: 87px;-webkit-transform: skew(10deg);
-moz-transform: skew(10deg);
-o-transform: skew(10deg);
transform: skew(10deg);}
.price-uslug>div:hover div {color:#666666}
.price-uslug>div div span {font-weight:bold;}
.price-uslug>div div a {font-size:14px;color:#35a8df;font-weight:bold;}
.price-uslug>div div::before {display:none}
.price-uslug>div.zagol-uslug { color: #666666;
text-align: center;
font-weight: bold;
font-size: 32px;border:0px;width:100%;height:auto;display:block;
margin:30px 0 15px;-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-o-transform: skew(0deg);
transform: skew(0deg);}
.price-uslug>div.zagol-uslug:first-child {margin:60px 0 15px;}
.price-uslug>div.zagol-uslug::before {display:none}
.price-uslug>div#iphone-4::before {background: url('/images/gadjeti/iphone.png') no-repeat center center;}
.price-uslug>div#iphone-4s::before {background: url('/images/sampledata/category/4s.png') no-repeat center center;}
.price-uslug>div#iphone-5::before {background: url('/images/sampledata/category/5.png') no-repeat center center;}
.price-uslug>div#iphone-5c::before {background: url('/images/sampledata/category/5c.png') no-repeat center center;}
.price-uslug>div#iphone-5s::before {background: url('/images/sampledata/category/5s.png') no-repeat center center;}
.price-uslug>div#iphone-se::before {background: url('/images/sampledata/category/se.png') no-repeat center center;}
.price-uslug>div#iphone-6::before {background: url('/images/sampledata/category/6.png') no-repeat center center;}
.price-uslug>div#iphone-6-plus::before {background: url('/images/sampledata/category/6pl.png') no-repeat center center;}
.price-uslug>div#iphone-6s::before {background: url('/images/sampledata/category/6s.png') no-repeat center center;}
.price-uslug>div#iphone-6s-plus::before {background: url('/images/sampledata/category/6spl.png') no-repeat center center;}
.price-uslug>div#iphone-7::before {background: url('/images/sampledata/category/6.png') no-repeat center center;}
.price-uslug>div#iphone-7-plus::before {background: url('/images/sampledata/category/6pl.png') no-repeat center center;}
.price-uslug>div#iphone-8-plus::before {background: url('/images/iphone/iphone_8_plus_remont_kiev.png') no-repeat center center;}
.price-uslug>div#iphone-8::before {background: url('/images/iphone/iphone_8_remont_kiev.png') no-repeat center center;}
.price-uslug>div#iphone-x::before {background: url('/images/iphone/iphone_x_remont_v_kieve.png') no-repeat center center;}
.price-uslug>div#iphone-xs::before {background: url('/images/sampledata/category/remont-iPhone-Xs-v-kiev.png') no-repeat center center;}
.price-uslug>div#iphone-xr::before {background: url('/images/iphone/iphone-xr-remont-v-kieve.png') no-repeat center center;}
.price-uslug>div#iphone-xs-max::before {background: url('/images/iphone/remont-iphone-xs-max-v-kieve.png') no-repeat center center;}
.price-uslug>div#iphone-11::before {background: url('/images/iphone/iphone-11-remont-kiev-goloseevo.png') no-repeat center center;}
.price-uslug>div#iphone-11-pro-max::before {background: url('/images/iphone/iphone-11-pro-max-remont-kiev.png') no-repeat center center;}
.price-uslug>div#iphone-11-pro::before {background: url('/images/iphone/iphone-11-pro-remont-v-kieve.png') no-repeat center center;}
.price-uslug>div#iphone-se-2020::before {background: url('/images/iphone/zamena-ekrana-iphone-se-2020-v-kieve.png') no-repeat center center;}
.price-uslug>div#iphone-SE-2022::before {background: url('/images/iphone/iphone-se-2-2022-remont-metro-Demeevskaya.png') no-repeat center center;}
.price-uslug>div#iphone-13::before {background: url('/images/iphone/iphone-13-remont-kiev.png') no-repeat center center;}
.price-uslug>div#iphone-13-mini::before {background: url('/images/iphone/iphone-13-mini-remont-Obolon.png') no-repeat center center;}
.price-uslug>div#iphone-13-Pro::before {background: url('/images/iphone/zamena-akkymyljatora-iphone-13-pro-kiev-tsena.png') no-repeat center center;}
.price-uslug>div#iphone-13-Pro-Max::before {background: url('/images/iphone/iphone-13-pro-max-zamena-batarei-kiev.png') no-repeat center center;}
.price-uslug>div#iphone-12::before {background: url('/images/iphone/iphone-12-remont-v-kieve.png') no-repeat center center;}
.price-uslug>div#iphone-12-mini::before {background: url('/images/iphone/iphone-12-mini-ne-vkluchaetsya.png') no-repeat center center;}
.price-uslug>div#iphone-12-Pro::before {background: url('/images/iphone/iphone-12-pro-ne-derjit-batareya.png') no-repeat center center;}
.price-uslug>div#iphone-12-Pro-Max::before {background: url('/images/iphone/iphone-12-pro-max-zamena-akb-kiev-tsena.png') no-repeat center center;}
.price-uslug>div#iphone-14-Plus::before {background: url('/images/iphone/14-plus-remont-v-kieve-obolon.png') no-repeat center center;}
.price-uslug>div#iphone-14::before {background: url('/images/iphone/iPhone-14-zamina-batarei-kiev.png') no-repeat center center;}
.price-uslug>div#iphone-14-mini::before {background: url('/images/iphone/iphone-14-mini-remont-goloseevo.png') no-repeat center center;}
.price-uslug>div#iphone-14-Pro::before {background: url('/images/iphone/iPhone-14-pro-ne-zarjazhaetsya.png') no-repeat center center;}
.price-uslug>div#iphone-14-Pro-Max::before {background: url('/images/iphone/remont-iphone-14-pro-max-v-kieve.png') no-repeat center center;}
.price-uslug>div#iphone-15::before {background: url('/images/iphone/zamena-baterei-iphone-15-kiev-tsena.png') no-repeat center center;}
.price-uslug>div#iphone-15-Plus::before {background: url('/images/iphone/remont-iphone-15-plus-v-kieve.png') no-repeat center center;}
.price-uslug>div#iphone-15-Pro::before {background: url('/images/iphone/iphone-15-pro-remont-kyiv.png') no-repeat center center;}
.price-uslug>div#iphone-15-Pro-Max::before {background: url('/images/iphone/iphone-15-pro-max-remont-kiev.png') no-repeat center center;}
.price-uslug>div#ipad-2::before {background: url('/images/sampledata/category/ipad2.png') no-repeat center center;}
.price-uslug>div#ipad-3::before {background: url('/images/sampledata/category/ipad3.png') no-repeat center center;}
.price-uslug>div#ipad-4::before {background: url('/images/sampledata/category/ipad4.png') no-repeat center center;}
.price-uslug>div#ipad-air::before {background: url('/images/sampledata/category/air.png') no-repeat center center;}
.price-uslug>div#ipad-air-2::before {background: url('/images/sampledata/category/air.png') no-repeat center center;}
.price-uslug>div#ipad-mini::before {background: url('/images/sampledata/category/ipanmini.png') no-repeat center center;}
.price-uslug>div#ipad-mini-2::before {background: url('/images/sampledata/category/ipanmini.png') no-repeat center center;}
.price-uslug>div#ipad-mini-3::before {background: url('/images/sampledata/category/ipanmini.png') no-repeat center center;}
.price-uslug>div#ipad-mini-4::before {background: url('/images/category/ipad-mini-4.png') no-repeat center center;}
.price-uslug>div#ipad-pro-9::before {background: url('/images/category/iPad-Pro9.png') no-repeat center center;}
.price-uslug>div#ipad-pro-12::before {background: url('/images/category/iPad-Pro-12.png') no-repeat center center;}
.price-uslug>div#samsung-S::before {background: url('/images/category/samsung-S.png') no-repeat center center;}
.price-uslug>div#samsung-A::before {background: url('/images/category/samsung-A.png') no-repeat center center;}
.price-uslug>div#ipod-nano-5g::before {background: url('/images/category/ipod5g.png') no-repeat center center;}
.price-uslug>div#samsung-Note::before {background: url('/images/category/samsung-note.png') no-repeat center center;}
.price-uslug>div#samsung-J::before {background: url('/images/category/samsung-J.png') no-repeat center center;}
.price-uslug>div#samsung-other::before {background: url('/images/category/samsung-other.png') no-repeat center center;}
.price-uslug>div#samsung-tablet::before {background: url('/images/category/ samsung-planshet.png') no-repeat center center;}
.price-uslug>div#htc::before {background: url('/images/sampledata/category/htc.png') no-repeat center center;}
.price-uslug>div#lenovo::before {background: url('/images/sampledata/category/lenovo.png') no-repeat center center;}
div[itemprop="description"] {padding:20px}
@media (min-width:767px) and (max-width:850px) {
.icons777>div img {width:35px;}
.page-header h2 {padding: 40px 0 20px;}
}
@media (max-width:767px) {
body.itemid-129 .gainsboro,
body.itemid-143 .gainsboro,
body.itemid-144 .gainsboro,
body.itemid-145 .gainsboro,
body.itemid-146 .gainsboro,
body.itemid-147 .gainsboro,
body.itemid-148 .gainsboro,
body.itemid-149 .gainsboro,
body.itemid-150 .gainsboro,
body.itemid-151 .gainsboro,
body.itemid-152 .gainsboro,
body.itemid-153 .gainsboro,
body.itemid-154 .gainsboro,
body.itemid-155 .gainsboro,
body.itemid-159 .gainsboro,
body.itemid-318 .gainsboro,
body.itemid-156 .gainsboro{
background-size: 100% 187px!important;
-webkit-background-size: 100% 187px!important;
-moz-background-size: 100% 187px!important;
-ms-background-size: 100% 187px!important;}
.icons777 {margin:70px 0 0px;}
.icons777>div {display:block;margin:5px auto;text-align: left;width: 250px; color: #000;}
.price-uslug>div.zagol-uslug:first-child {margin: 18px 0 15px;}
}
@media(max-width:450px) {
.text-center.one_third.column.no-margin-left,
.text-center.one_third.column.no-margin-left:first-child {width:100%!important;text-align:Center;padding:0 20px;}
}
@media (min-width:840px) and (max-width:1100px) {
.gainsboro.problemi li {width:33%}
}
@media (min-width:620px) and (max-width:839px) {
.gainsboro.problemi li {width:48%}
}
@media (min-width:320px) and (max-width:620px) {
.gainsboro.problemi li {width:100%}
}
.widget-body {border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;-ms-border-radius:20px!important}
.consult {margin:0px 0px 43px;text-align:center}
.text-center.one_third.column.no-margin-left {width: 260px;text-align: left;border:0px solid red}
.text-center.one_third.column.no-margin-left.repair-service { padding-left: 20px;}
.text-center.one_third.column.no-margin-left.repair-service h3 {font-size: 26px;}
#footer-bottom .full_width {display: table;}
#footer-bottom .full_width div {width:33%;display:table-cell;vertical-align:top;}
#footer-bottom .full_width div h4 { font-size: 25px;
font-weight: 400; margin-bottom: 5px;}
#footer-bottom .full_width div a {color:#ffffff}
#footer-bottom .full_width div a:hover {color:#666666}
#footer-bottom .full_width div p:nth-child(1) {margin-top: 5px!important;}
@media (min-width:320px) and (max-width:768px) {
#footer-bottom .full_width {display: block;}
#footer-bottom .full_width div {width:100%;display:block;}
}
.price-uslug2 { text-align:center ;border:0px solid red;width:calc(100% - 308px);margin:0 auto 50px;}
.price-uslug2>div { width: 100%;
height: 25px;
margin-bottom: 14px;
display: block;
border-bottom: 1px dotted #333;}
.price-uslug2>div div {background: #ddd;
margin-bottom: -2px;
display: block;
padding-top: 8px;
float: left;
text-align: left;}
.price-uslug2>div div:last-child {text-align: right;float: right;color:#35a8df;}
.price-uslug2>div div:last-child span {font-size:120%;font-weight:bold;}
.price-uslug2>div div:first-child {font-weight:bold;}
.price-uslug2>div div:first-child::before {content: '';
display: block;
width: 45px;
float: left;
height: 35px;
margin-right: 5px;
margin-top: -8px;
background: url(/images/noutbuki/1.png) center center no-repeat;}
.price-uslug2>div#stroka1 div:first-child::before {background: url(/images/noutbuki/1.png) center center no-repeat;}
.price-uslug2>div#stroka2 div:first-child::before {background: url(/images/noutbuki/2.png) center center no-repeat;}
.price-uslug2>div#stroka3 div:first-child::before {background: url(/images/noutbuki/3.png) center center no-repeat;}
.price-uslug2>div#stroka4 div:first-child::before {background: url(/images/noutbuki/4.png) center center no-repeat;}
.price-uslug2>div#stroka5 div:first-child::before {background: url(/images/noutbuki/5.png) center center no-repeat;}
.price-uslug2>div#stroka6 div:first-child::before {background: url(/images/noutbuki/6.png) center center no-repeat;}
.price-uslug2>div#stroka7 div:first-child::before {background: url(/images/noutbuki/7.png) center center no-repeat;}
.price-uslug2>div#stroka8 div:first-child::before {background: url(/images/noutbuki/8.png) center center no-repeat;}
.price-uslug2>div#stroka9 div:first-child::before {background: url(/images/noutbuki/9.png) center center no-repeat;}
.price-uslug2>div#stroka10 div:first-child::before {background: url(/images/noutbuki/10.png) center center no-repeat;}
.price-uslug2>div#stroka11 div:first-child::before {background: url(/images/noutbuki/11.png) center center no-repeat;}
.price-uslug2>div#stroka12 div:first-child::before {background: url(/images/noutbuki/12.png) center center no-repeat;}
.price-uslug2>div#stroka13 div:first-child::before {background: url(/images/noutbuki/13.png) center center no-repeat;}
.price-uslug2>div#stroka14 div:first-child::before {background: url(/images/noutbuki/14.png) center center no-repeat;}
.price-uslug2>div#stroka15 div:first-child::before {background: url(/images/noutbuki/15.png) center center no-repeat;}
.price-uslug2>div#stroka16 div:first-child::before {background: url(/images/noutbuki/16.png) center center no-repeat;}
.price-uslug2>div#stroka17 div:first-child::before {background: url(/images/noutbuki/17.png) center center no-repeat;}
.price-uslug2>div#stroka18 div:first-child::before {background: url(/images/noutbuki/18.png) center center no-repeat;}
.price-uslug2>div#stroka19 div:first-child::before {background: url(/images/noutbuki/19.png) center center no-repeat;}
.price-uslug2>div#stroka20 div:first-child::before {background: url(/images/noutbuki/20.png) center center no-repeat;}
.brends div {margin:10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border:1px solid #c0c0c0;display:inline-block;}
.brends {text-align:center}
.brends:last-child {margin-bottom:50px;}
@media (max-width:767px) {
.price-uslug2>div div {width:100%;text-align:left!important; float: none;}
.price-uslug2>div {margin-bottom:30px;height:auto;margin-bottom: 41px;width:300px;margin:0 auto 20px;}
.price-uslug2>div div:last-child {padding-left:50px;padding-top: 0px;float:none}
}
.gainsboro .item-page .pull-left.item-image img {max-width:400px!important;margin-right:30px;margin-left:30px;}
#lenovo-left { display: table-cell;
vertical-align: top;width:284px;
border: 0px solid red;}
#lenovo-left .moduletable {background:#fff;border-radius:10px;margin-right:30px;padding:15px;}
#lenovo-left h3 {font-size: 16px;}
#lenovo-left ul {padding-left:28px;}
#lenovo-left ul li {font-size:13px;}
#lenovo-left ul li a {color:#35a8df}
#lenovo-left ul li a:hover {color:#000;}
#lenovo-left ul li h4 {margin: 10px 0;}
.price-uslug2 {display: table;}
#lenovo-left + .price-uslug2 {display: table-cell;border:0px solid blue;}
.cont501 {border:0px solid green;display:table; width: 100%;margin-top:30px;}
@media (min-width:768px) and (max-width:850px) {
.price-uslug2>div div:first-child {font-size:14px;}
.price-uslug2>div div:last-child span {font-size:14px;}
}
@media (min-width:578px) and (max-width:767px) {
.price-uslug2>div div:first-child {font-size:14px;}
.price-uslug2>div div:last-child span {font-size:14px;}
.price-uslug2>div {margin:0 auto 20px 15px;}
.price-uslug2 {border-left:1px solid #ccc;}
.samecatslider .slick-next,
.cat-children .slick-next {right:0px;}
}
@media (min-width:320px) and (max-width:577px) {
.price-uslug2>div div:first-child {font-size:14px;}
.price-uslug2>div div:last-child span {font-size:14px;}
#lenovo-left {width:calc(100% - 60px);display:block;margin:0 30px 30px;}
.price-uslug2 {width:calc(100% - 60px);display:block;}
#lenovo-left .moduletable {margin-right:0px;}
.samecatslider .slick-next,
.cat-children .slick-next {right:15px;}
}
div[itemprop="articleBody"] p a {color:#35a8df}
.price-uslug3 { text-align:center ;border:0px solid red;/*width:calc(100% - 308px);*/width:100%;margin:0 auto 50px;}
.price-uslug3>div { width: 100%; max-width : 321px
height: 25px;
margin-bottom: 14px;
display: block;
border-bottom: 1px dotted #333;}
.price-uslug3>div div {background: #ddd;
margin-bottom: -2px;
display: block;
padding-top: 8px;
float: left;
text-align: left;}
.price-uslug3>div div:last-child {text-align: right;float: right;color:#35a8df;}
.price-uslug3>div div:last-child span {font-size:120%;font-weight:bold;}
.price-uslug3>div div:first-child {font-weight:bold;}
.price-uslug3>div div:first-child::before {content: '';
display: block;
width: 45px;
float: left;
height: 35px;
margin-right: 5px;
margin-top: -8px;
text-align: left;}
.price-uslug3>div#stroka1 div:first-child::before {center ceter no-repeat;}
.brends div {margin:10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border:1px solid #c0c0c0;display:inline-block;}
.brends {text-align:left}
.brends:last-child {margin-bottom:50px;}
.remont-category .cat-children {display:none}
.remont-category .cat-children.slick-slider {display:block}
.pagination {display: block;
height: 105px;
border-top: 2px dashed #999;
margin-top: 40px;
padding-top: 10px;}
.pagination ul { height: 20px;
display: block;
text-align: center;}
@media (max-width:767px) {
.pagination ul {width:100%;}
.pagination p.counter.pull-right {width:100%;text-align:center;clear:both;float:none;}
.pagination {height:155px;}
}
.pagination li { display:none;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 5px;
border-radius: 50%;
background: rgba(255,255,255,0.5);
font-size: 19px;;}
.pagination li.hidden-phone { display: inline-block;}
.pagination li.active,
.pagination li:hover{background:#00a2d3;color:#fff;}
.pagination li:hover a,
.pagination li:focus a {outline:none;color:#fff;}
.pagination li.active a {color:#fff;}
.nav.nav-inverse .turquoise:nth-child(2) {display:none!important;}
.site .chatCopyright_3s .text_30,
.site .logo_1D._bottom_2g .hoverBox_10,
.site .copy_2W,
.site .label_39 .leafCont_2L,
.site .leaf_25._bottom_DW .cssLeaf_1k {display:none!important;}
.site .label_39._bottom_3v._pad100_GR,
.site .headerBox_3s {background:linear-gradient(135deg, rgb(53, 168, 223) 20%, rgb(103, 200, 180) 80%)!important;}
.site .headerBox_3s,
.site .main_Lb {border-top-right-radius:8px!important;}
.site .label_39 .hoverl_6R,
.site .drag_22 {background: url(/images/logosc.png) 92% 47% no-repeat;
background-size: 52px;}
.site .sendButton_1o {background: url(stripe.jpg)!important}
.site .label_39._bottom_3v {border-top-right-radius:8px!important;}
.site .info_2s .title_1g {opacity:0.7;}
.site .__client_1w ._green_Tb,
.site .button_Jn{background:#37a9de!important;}
.site .main_1s.__green_1p {box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.08), 0 0 1px 0 rgba(0, 0, 0, 0.22), inset 0 2px 0 0 #67c8b4;}
.category-desc + .cat-children {display:none}
.itemid-119 .category-desc + .cat-children,
.itemid-125 .category-desc + .cat-children,
.itemid-128 .category-desc + .cat-children,
.itemid-163 .category-desc + .cat-children,
.itemid-178 .category-desc + .cat-children,
.itemid-159 .category-desc + .cat-children,
.itemid-168 .category-desc + .cat-children,
.itemid-205 .category-desc + .cat-children,
.itemid-203 .category-desc + .cat-children,
.itemid-204 .category-desc + .cat-children,
.itemid-206 .category-desc + .cat-children,
.itemid-207 .category-desc + .cat-children,
.itemid-208 .category-desc + .cat-children,
.itemid-209 .category-desc + .cat-children,
.itemid-210 .category-desc + .cat-children,
.itemid-212 .category-desc + .cat-children,
.itemid-213 .category-desc + .cat-children,
.itemid-214 .category-desc + .cat-children,
.itemid-215 .category-desc + .cat-children,
.itemid-216 .category-desc + .cat-children,
.itemid-217 .category-desc + .cat-children
.itemid-222 .category-desc + .cat-children{display:block}
.price-uslug3 #stroka1 {min-height:25px;/*border-bottom:0px;*/}
/*.price-uslug3 #stroka1:after {content:'';position:absolute;width:100%;height:20px;height:1px;display:block;border-bottom:1px dotted #333;}*/
/*.price-uslug3 #stroka1 div:first-child {max-width: 200px;}*/
.price-uslug3 #stroka1 div:first-child:before {display:none;}
.price-uslug4 #stroka11 {min-height:25px; width:80%;/*border-bottom:0px;*/}
/*.price-uslug4 #stroka11:after {content:'';position:absolute;width:100%;height:20px;height:1px;display:block;border-bottom:1px dotted #333;}*/
/*.price-uslug4 #stroka1 div:first-child {max-width: 200px;}*/
.price-uslug4 #stroka11 div:first-child:before {display:none;}