.line_text-9 .gallery_photos > div a b,
        .line_text-11 .gallery_photos > div a b {
            cursor: pointer;
            font-family: 'CenturyGothicbold';
            font-size: 16px;
            color: #222;
            display: inline-block;
            vertical-align: top;
            height: 40px;
            line-height: 40px;
            border-radius: 4px;
            text-decoration: none;
            background: #da9c3a;
            text-align: center;
            position: absolute;
            bottom: 15px;
            left: 15px;
            right: 15px;
            z-index: 9;
            opacity: 0;
        }
        
        .line_text-9 .gallery_photos > div:hover a b,
        .line_text-11 .gallery_photos > div:hover a b {
            opacity: 1;
        }
        
        .line_text-9 .gallery_photos > div a b:hover,
        .line_text-11 .gallery_photos > div a b:hover {
            background: #eca83c;
        }
        
        .line_text-9 .gallery_photos > div a i,
        .line_text-11 .gallery_photos > div a i {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 55px;
            background: url(wp-content/themes/granit/img/icon-look.png) no-repeat 50% 50%;
            background-size: 64px auto;
            transition: all 150ms linear;
            z-index: 2;
            opacity: 0;
            cursor: pointer;
        }
        
        .line_text-9 .gallery_photos > div:hover a i,
        .line_text-11 .gallery_photos > div:hover a i {
            opacity: 1;
        }
        
        .line_text-9 .gallery_photos > div a i:hover,
        .line_text-11 .gallery_photos > div a i:hover {
            opacity: .6;
        }
        
        @font-face {
            font-family: 'estimobodylight';
            src: url(wp-content/themes/granit/fonts/estimobodylight.eot);
            src: url(wp-content/themes/granit/fonts/estimobodylight.eot) format("embedded-opentype"), url(wp-content/themes/granit/fonts/estimobodylight.woff2) format("woff2"), url(wp-content/themes/granit/fonts/estimobodylight.woff) format("woff"), url(wp-content/themes/granit/fonts/estimobodylight.ttf) format("truetype"), url(wp-content/themes/granit/fonts/estimobodylight.svg) format("svg")
        }
        
        @font-face {
            font-family: 'estimobodybold';
            src: url(wp-content/themes/granit/fonts/estimobodybold.eot);
            src: url(wp-content/themes/granit/fonts/estimobodybold.eot) format("embedded-opentype"), url(wp-content/themes/granit/fonts/estimobodybold.woff2) format("woff2"), url(wp-content/themes/granit/fonts/estimobodybold.woff) format("woff"), url(wp-content/themes/granit/fonts/estimobodybold.ttf) format("truetype"), url(wp-content/themes/granit/fonts/estimobodybold.svg) format("svg")
        }
        
        @font-face {
            font-family: 'CenturyGothic';
            src: url(wp-content/themes/granit/fonts/CenturyGothic.eot);
            src: url(wp-content/themes/granit/fonts/CenturyGothic.eot) format("embedded-opentype"), url(wp-content/themes/granit/fonts/CenturyGothic.woff2) format("woff2"), url(wp-content/themes/granit/fonts/CenturyGothic.woff) format("woff"), url(wp-content/themes/granit/fonts/CenturyGothic.ttf) format("truetype"), url(wp-content/themes/granit/fonts/CenturyGothic.svg) format("svg")
        }
        
        @font-face {
            font-family: 'CenturyGothicbold';
            src: url(wp-content/themes/granit/fonts/CenturyGothicbold.eot);
            src: url(wp-content/themes/granit/fonts/CenturyGothicbold.eot) format("embedded-opentype"), url(wp-content/themes/granit/fonts/CenturyGothicbold.woff2) format("woff2"), url(wp-content/themes/granit/fonts/CenturyGothicbold.woff) format("woff"), url(wp-content/themes/granit/fonts/CenturyGothicbold.ttf) format("truetype"), url(wp-content/themes/granit/fonts/CenturyGothicbold.svg) format("svg")
        }
        
        body {
            margin: 0;
            padding: 0;
            color: #222;
            font-size: 16px;
            line-height: 24px;
            font-family: 'CenturyGothic';
            -webkit-font-smoothing: antialiased
        }
        
        a,
        .show-all {
            transition: all 100ms linear
        }
        
        p {
            margin: 0;
            padding: 10px 0
        }
        
        input {
            font-family: 'CenturyGothic';
            outline: none
        }
        
        .alignleft {
            float: left;
            margin: 0 35px 35px 0
        }
        
        .alignright {
            float: right;
            margin: 0 0 35px 35px
        }
        
        .admin-bar .head {
            top: 32px
        }
        
        .header-line2,
        h2,
        h1 {
            font-family: 'estimobodylight'
        }
        
        .header {
            height: 950px
        }
        
        .header-bg {
            height: 950px;
            position: absolute;
            overflow: hidden;
            z-index: 1;
            left: 0;
            right: 0
        }
        
        .header-bg:after,
        .header-bg:before {
			
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 950px;
            z-index: 1;
            background-size: cover!important
        }
        
        .header .w {
            z-index: 2;
            position: relative
        }
        
        .header-bg:before {
            background: url(bg.jpg) ;
			background-position: 100%; 
         //   animation: header 15s ease-in-out infinite;
           // animation-direction: alternate
        }
        
        @keyframes header {
            0% {
                transform: scale(1)
            }
            100% {
                transform: scale(1.2)
            }
        }
        
        .header-bg:after {
            //background: url(wp-content/themes/granit/img/header-top.png) no-repeat 50% 100%
        }
        
        .w {
            max-width: 1170px;
            padding: 0 15px;
            margin: auto
        }
        
        .header-line1 {
            display: flex;
            color: #fff;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0 0
        }
        
        .header-line1 a {
            color: #fff;
            text-decoration: none
        }
        
        .logo {
            display: block;
           // background: url(wp-content/themes/granit/img/logo.png) no-repeat 0 0;
            width: 200px;
            flex: 200px 0 0;
            height: 74px
        }
        
        .header-contact {
            text-align: right
        }
        
        .header-contact a {
            font-size: 24px;
            display: block;
            padding: 0 0 5px
        }
        
        .header-contact a:hover {
            color: #a7d4ff
        }
        
        .header-center {
            flex: auto 0 0;
            text-align: center;
            font-family: 'CenturyGothicbold';
            font-size: 18px;
            text-transform: uppercase
        }
        
        .header-line2 {
           
            padding: 15px 0;
          //  border-top: 5px rgba(255, 255, 255, 0.15) solid;
            //border-bottom: 5px rgba(255, 255, 255, 0.15) solid
        }
        
        .header-line2 ul {
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 0;
            text-align: center;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-evenly
        }
        
        .header-line2 ul li {
            display: block
        }
        
        .header-line2 ul li a {
            text-transform: uppercase;
            font-size: 20px;
            text-decoration: none;
            color: #fff;
            display: block
        }
        
        .header-line2 ul li a:hover {
            color: #a7d4ff
        }
        
        .header-line3 {
            background: url(wp-content/themes/granit/img/header-img.jpg) no-repeat 50% 50%;
            height: 587px;
            margin: 98px 0 0;
            display: flex;
            align-items: flex-end;
            text-align: center;
            font-family: 'CenturyGothicbold';
            font-size: 16px;
            padding: 0 10px;
            text-transform: uppercase
        }
        
        .header-line3 > div {
            flex: 100% 0 0;
            padding: 0 0 24px
        }
        
        .header-line3 a {
            color: #222;
            display: inline-block;
            vertical-align: top;
            width: 270px;
            height: 40px;
            line-height: 40px;
            border-radius: 4px;
            text-decoration: none;
            background: #da9c3a
        }
        
        .header-line3 a:hover {
            background: #eca83c
        }
        
        .page-con h3 {
            margin: 0;
            padding: 50px 0 10px;
            font-size: 16px;
            color: #125fa8;
            text-transform: uppercase;
            font-family: 'CenturyGothicbold'
        }
        
        h1 {
            font-family: 'estimobodybold'
        }
        
        h2 {
            position: relative;
            text-align: center;
            margin: 0;
            padding: 75px 0 65px;
            font-size: 36px;
            text-transform: uppercase;
            font-family: 'estimobodybold'
        }
        
        h2:after,
        h2:before {
            width: 60px;
            height: 1px;
            display: inline-block;
            margin: -4px 10px 0;
            content: '';
            background: #222;
            vertical-align: middle
        }
        
        .page-con > div {
            margin: auto
        }
        
        .page-con > div:nth-child(2) {
            max-width: 900px
        }
        
        .page-con > div:nth-child(3) {
            margin: 45px 0 0;
            background: #f7f7f7;
            padding: 0 40px
        }
        
        .page-con > div:nth-child(5) {
            padding: 0 0 40px;
            clear: both
        }
        
        .clear {
            clear: both
        }
        
        .line_text-7 {
              background: #f7f7f7;
    /* margin: 50px 0 0; */
    padding: 5px 0 0;
        }
        
        .line_text-7 ul {
            margin: 0;
            padding: 40px 0 90px;
            list-style: none;
            display: flex;
            justify-content: center;
            flex-wrap: wrap
        }
        
        .line_text-7 li {
            flex: 20% 0 0;
            font-size: 16px;
            text-transform: uppercase;
            text-align: center;
            padding: 0 5px;
            box-sizing: border-box
        }
        
        .line_text-7 li:before {
            content: '';
            display: block;
            height: 52px;
            margin: 0 0 18px
        }
        
        .line_text-7 li:nth-child(1):before {
               background: url(7.png) no-repeat 50% 50%;
        }
        
        .line_text-7 li:nth-child(2):before {
            background: url(wp-content/themes/granit/img/icon-2.png) no-repeat 50% 50%
        }
        
        .line_text-7 li:nth-child(3):before {
            background: url(wp-content/themes/granit/img/icon-3.png) no-repeat 50% 50%;
            background-size: auto 52px!important
        }
        
        .line_text-7 li:nth-child(4):before {
            background: url(wp-content/themes/granit/img/icon-4.png) no-repeat 50% 50%;
            background-size: auto 52px!important
        }
        
        .line_text-7 li:nth-child(5):before {
            background: url(wp-content/themes/granit/img/icon-5.png) no-repeat 50% 50%;
            background-size: auto 52px!important
        }
        
        .line_custom_html-5 {
            color: #fff;
            background: url(wp-content/themes/granit/img/line_custom_html-5.jpg) no-repeat 50% 50%;
            background-size: cover;
            box-sizing: border-box;
            text-align: center;
            font-size: 18px;
            padding: 40px 0 85px
        }
        
        .line_custom_html-5 h2 {
            padding: 56px 0 25px;
            color: #fff
        }
        
        .line_custom_html-5 h2:after,
        .line_custom_html-5 h2:before {
            background: #fff
        }
        
        .line_custom_html-5 .form {
            max-width: 870px;
            margin: 60px auto 0
        }
        
        .form form .form-wrap {
            display: flex;
            width: 100%;
            flex-wrap: wrap;
            justify-content: space-evenly
        }
        
        .form form .form-wrap > div {
            flex: 33.3333%;
            box-sizing: border-box;
            padding: 0 15px
        }
        
        .input input {
            border: 1px #fff solid;
            background: none;
            border-radius: 7px;
            height: 50px;
            width: 100%;
            box-sizing: border-box;
            color: #fff;
            padding: 0 20px;
            font-size: 18px;
            transition: all 100ms linear
        }
        
        .input input:focus {
            box-shadow: 0 0 6px #99dcff
        }
        
        .input input::-webkit-input-placeholder {
            color: #fff
        }
        
        .input input::-moz-placeholder {
            color: #fff
        }
        
        .input input:-moz-placeholder {
            color: #fff
        }
        
        .input input:-ms-input-placeholder {
            color: #fff
        }
        
        .submit input {
            font-size: 18px;
            border-radius: 7px;
            display: block;
            text-transform: uppercase;
            -webkit-appearance: none;
            background: #fff;
            color: #222;
            text-align: center;
            font-family: 'CenturyGothicbold';
            width: 100%;
            box-sizing: border-box;
            height: 50px;
            border: none;
            cursor: pointer;
            transition: all 100ms linear
        }
        
        .submit input:hover {
            background: #da9c3a!important
        }
        
        .line_text-9 .gallery_photos,
        .line_text-11 .gallery_photos {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin: 0 -15px
        }
        
        .line_text-9 .gallery_photos > div,
        .line_text-11 .gallery_photos > div {
            flex: 25% 0 0;
            margin: 0;
            padding: 15px 15px 60px;
            box-sizing: border-box
        }
        
        .line_text-9 .gallery_photos > div a,
        .line_text-11 .gallery_photos > div a {
            width: 270px;
            height: 270px;
            display: block;
            position: relative;
            overflow: hidden;
            background-size: cover!important
        }
        
        .line_text-9 .gallery_photos > div a:after,
        .line_text-11 .gallery_photos > div a:after {
            content: '';
            text-transform: uppercase;
            width: 270px;
            height: 270px;
            line-height: 270px;
            position: absolute;
            color: #fff;
            font-size: 22px;
            text-align: center;
            background: rgba(17, 36, 55, 0.8);
            transition: all 150ms linear;
            transform: scale(.8);
            box-shadow: 0 0 2px 100px rgba(17, 36, 55, 0.6);
            opacity: 0
        }
        
        .line_text-9 .gallery_photos > div:hover a:after,
        .line_text-11 .gallery_photos > div:hover a:after {
            opacity: 1;
            transform: scale(1)
        }
        
        .g-title {
            text-align: center
        }
        
        .g-title b {
            font-family: 'CenturyGothicbold';
            font-weight: 400;
            text-transform: uppercase;
            display: block
        }
        
        .g-title span {
            display: block;
            padding: 0 0 6px
        }
        
        .g-desc h3 {
            color: #2369b1;
            position: relative;
            font-size: 26px;
            margin: 0;
            padding: 18px 0;
            font-family: 'CenturyGothicbold';
            font-weight: 400
        }
        
        .g-desc h3:after {
            position: absolute;
            width: 70px;
            height: 1px;
            bottom: 5px;
            content: '';
            background: #222;
            left: 0
        }
        
        .g-desc b {
            font-family: 'CenturyGothicbold';
            font-weight: 400;
            display: block
        }
        
        .line_text-9 .gallery_photos > div:nth-child(n+13) {
            visibility: hidden;
            opacity: 0;
            position: absolute;
            transform: scale(.8);
            transition: opacity 300ms linear, transform 200ms linear
        }
        
        .line_text-9.showed .gallery_photos > div:nth-child(n+13) {
            visibility: visible;
            opacity: 1;
            transform: scale(1);
            position: relative
        }
        
        .line_text-9.showed .gallery_photos > div:nth-last-child(4) {
            padding-bottom: 0
        }
        
        .show-all {
            font-family: 'CenturyGothicbold';
            font-size: 18px;
            position: relative;
            border-radius: 6px;
            color: #fff;
            text-transform: uppercase;
            text-align: center;
            background: #263d54;
            height: 50px;
            line-height: 50px;
            width: 270px;
            margin: auto;
            cursor: pointer
        }
        
        .show-all:hover {
            opacity: .8
        }
        
        .show-all:after,
        .show-all:before {
            background: #263d54;
            width: 26px;
            height: 2px;
            content: '';
            bottom: -35px;
            left: 45%;
            margin: 0;
            display: block;
            position: absolute
        }
        
        .show-all:after {
            transform: rotate(-45deg) translate(12px)
        }
        
        .show-all:before {
            transform: rotate(45deg) translate(-12px)
        }
        
        .line_text-9 {
            padding: 0 0 120px;
            border-bottom: 2px #263d54 solid
        }
        
        .line_text-11 .gallery_photos > div {
            padding: 0 14px 60px
        }
        
        .line_text-11 .gallery_photos > div a {
            margin: 0 auto 10px;
            width: 240px;
            height: 240px
        }
        
        .line_text-11 .gallery_photos > div a:after {
            width: 240px;
            height: 240px;
            line-height: 240px
        }
        
        .line_text-11 .g-title {
            height: 150px
        }
        
        .line_text-11 .gallery_photos > div > div {
            height: 100%;
            border: 1px #eee solid;
            padding: 15px 15px 0;
            border-radius: 6px;
            position: relative;
            box-shadow: 0 7px 5px rgba(0, 0, 0, 0.15)
        }
        
        .line_text-11 .g-title h3 {
            text-decoration: line-through
        }
        
        .line_text-11 .g-title h3:last-child {
            color: #ff4040;
            text-decoration: none
        }
        
        .line_text-11 .gallery_photos > div > div:after {
            content: '';
            background: url(wp-content/themes/granit/img/icon-wave.png) no-repeat 50% 50%;
            background-size: 145px auto;
            position: absolute;
            height: 20px;
            top: -13px;
            left: 0;
            right: 0
        }
        
        .gallery_photos h4 {
            margin: 0;
            padding: 0;
            font-size: 20px;
            font-weight: 400;
            color: #2369b1;
            font-family: 'CenturyGothicbold'
        }
        
        .line_text-11 .g-desc b {
            text-transform: uppercase;
            text-align: center;
            padding: 0 0 14px
        }
        
        .g-desc > div {
            line-height: 26px;
            padding: 0 10px
        }
        
        .g-desc > div:after {
            display: block;
            content: '';
            clear: both
        }
        
        .g-desc > div h4 {
            float: right
        }
        
        .g-title h3 {
            margin: 10px 0;
            padding: 0;
            font-size: 24px;
            font-weight: 400;
            color: #2369b1;
            font-family: 'CenturyGothicbold'
        }
        
        .line_text-11 h2 {
            padding: 75px 0;
            color: #263d54
        }
        
        .line_text-13 {
            background: url(wp-content/themes/granit/img/slider1-bg.jpg) no-repeat 50% 50%;
            background-size: cover;
            text-align: center;
            color: #fff;
            font-size: 22px;
            padding: 0 0 44px
        }
        
        .line_text-13 h2 {
            color: #fff;
            padding: 75px 0 24px
        }
        
        .line_text-13 h2:after,
        .line_text-13 h2:before {
            background: #fff
        }
        
        .line_text-13 .fotorama__wrap {
            margin: 45px auto 35px;
            background: #fff
        }
        
        .btn2 {
            font-family: 'CenturyGothicbold';
            font-size: 18px;
            border-radius: 6px;
            color: #222;
            text-transform: uppercase;
            text-align: center;
            background: #fff;
            height: 50px;
            line-height: 50px;
            width: 270px;
            margin: auto;
            cursor: pointer;
            text-decoration: none;
            display: block
        }
        
        .btn2:hover {
            opacity: .8
        }
        
        .line_text-15 {
            text-align: center;
            font-size: 22px
        }
        
        .line_text-15 h3 {
            color: #2369b1;
            font-size: 22px;
            text-transform: uppercase;
            padding: 45px 0;
            margin: 0
        }
        
        .line_text-15 h2,
        .line_text-17 h2,
        .line_text-21 h2 {
            padding: 75px 0 24px
        }
        
        .line_text-15 .gallery_photos {
            display: flex;
            padding: 0 0 20px;
            font-size: 14px;
            max-width: 1022px;
            margin: auto;
            justify-content: center;
            flex-wrap: wrap
        }
        
        .line_text-15 .gallery_photos > div {
            flex: 16.6663% 0 0;
            padding: 0 5px 15px;
            box-sizing: border-box
        }
        
        .line_text-15 .gallery_photos > div a {
            display: block;
            padding: 5px 0 0
        }
        
        .line_text-15 .gallery_photos > div img {
            vertical-align: top
        }
        
        * {
            outline: none
        }
        
        .line_text-17 .w {
            max-width: 100%;
            padding: 0;
            text-align: center;
            font-size: 22px
        }
        
        .line_text-17 .owl-carousel .owl-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            overflow: hidden;
            filter: sepia(70%) grayscale(40%)
        }
        
        .line_text-17 .owl-carousel .owl-item a {
            display: block;
            height: 470px;
            position: relative
        }
        
        .line_text-17 .owl-carousel .owl-item a:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(17, 36, 55, 0.8) url(wp-content/themes/granit/img/icon-look.png) no-repeat 50% 50%;
            background-size: 64px auto;
            transition: all 150ms linear;
            opacity: 0
        }
        
        .line_text-17 .owl-carousel .owl-item a:hover:after {
            opacity: 1
        }
        
        .owl-carousel {
            padding: 65px 0
        }
        
        .owl-theme .owl-dots .owl-dot span {
            background: #2b2b2b;
            width: 13px!important;
            height: 13px!important
        }
        
        .owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span {
            background: #fff;
            box-shadow: inset 0 0 0 2px #286db3
        }
        
        .owl-theme .owl-dots {
            margin-top: 60px
        }
        
        .owl-carousel .owl-nav button {
            position: absolute;
            font-size: 0;
            width: 28px;
            height: 58px;
            overflow: hidden
        }
        
        .owl-carousel .owl-nav button span {
            display: none
        }
        
        .owl-carousel .owl-nav button:before,
        .owl-carousel .owl-nav button:after {
            content: '';
            width: 40px;
            height: 2px;
            background: #222;
            display: block;
            position: absolute
        }
        
        .owl-carousel .owl-nav button:before {
            top: 20px;
            transform: rotate(45deg)
        }
        
        .owl-carousel .owl-nav button:after {
            bottom: 20px;
            transform: rotate(-45deg)
        }
        
        .owl-carousel .owl-nav button.owl-prev:before {
            top: 20px;
            right: 0;
            transform: rotate(-45deg)
        }
        
        .owl-carousel .owl-nav button.owl-prev:after {
            bottom: 20px;
            right: 0;
            transform: rotate(45deg)
        }
        
        .owl-carousel .owl-nav button.owl-next {
            right: 0
        }
        
        .owl-carousel .owl-nav button.owl-prev {
            left: 0
        }
        
        .owl-carousel .owl-nav {
            max-width: 900px;
            margin: auto
        }
        
        .line_text-17 .owl-carousel .owl-nav {
            max-width: 900px;
            margin: 34px auto 0;
            position: relative
        }
        
        .owl-theme .owl-nav [class*=owl-]:hover {
            background: none!important;
            opacity: .8
        }
        
        .line_text-19 .gallery_photos {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap
        }
        
        .line_text-19 .gallery_photos > div {
            padding: 0 14px 60px;
            flex: 360px 0 0;
            box-sizing: border-box
        }
        
        .line_text-19 .gallery_photos > div a {
            margin: 0 auto 10px;
            width: 268px;
            height: 268px;
            display: block;
            border-radius: 20px
        }
        
        .line_text-19 .gallery_photos > div a:after {
            width: 268px;
            height: 268px;
            line-height: 268px
        }
        
        .line_text-19 .gallery_photos > div > div {
            height: 100%;
            border: 1px #eee solid;
            padding: 15px 15px 0;
            border-radius: 6px;
            position: relative;
            box-shadow: 0 7px 5px rgba(0, 0, 0, 0.15)
        }
        
        .line_text-19 .gallery_photos > div > div:after {
            content: '';
            background: url(wp-content/themes/granit/img/icon-wave.png) no-repeat 50% 50%;
            background-size: 145px auto;
            position: absolute;
            height: 20px;
            top: -13px;
            left: 0;
            right: 0
        }
        
        .line_text-19 .g-desc span {
            font-size: 22px;
            color: #2369b1;
            display: block;
            text-transform: uppercase;
            text-align: center;
            padding: 15px 0 20px
        }
        
        .line_text-19 .g-title b {
            font-size: 24px;
            padding: 5px 0 20px
        }
        
        .line_text-21 .w {
            text-align: center;
            //font-size: 18px;
            //max-width: 100%;
            //padding: 0 0 390px;
            //background: url(sklad/sklad.jpg) no-repeat 50% 100%
        }
        
        .line_text-23 .owl-carousel .owl-nav {
            margin-top: -45px;
            position: absolute;
            left: -80px;
            right: -80px;
            top: 50%;
            max-width: inherit;
            width: 100%
        }
        
        .line_text-23 ul {
            margin: 0 auto;
            padding: 0;
            list-style: none;
            max-width: 972px
        }
        
        .line_text-23 .owl-stage {
            display: flex
        }
        
        .line_text-23 .owl-item {
            box-sizing: border-box;
            border-radius: 8px;
            padding: 40px;
            color: #626262;
            margin-left: 1px;
            box-shadow: inset 0 0 0 1px #222
        }
        
        .line_text-23 .owl-item strong {
            color: #222;
            position: relative;
            padding: 7px 0 0 75px;
            display: block
        }
        
        .line_text-23 .owl-item strong:before {
            content: '';
            background: url(wp-content/themes/granit/img/icon-comment.png) no-repeat 0 0;
            width: 54px;
            height: 45px;
            display: block;
            position: absolute;
            left: 0;
            top: 0
        }
        
        .line_text-23 .owl-item:after {
            content: '';
            border-bottom: 1px #222 solid;
            border-right: 1px #222 solid;
            display: block;
            width: 48px;
            height: 48px;
            border-radius: 0 0 6px 0;
            right: 10px;
            bottom: 10px;
            position: absolute
        }
        
        .line_text-23 {
            padding: 0 90px 50px;
            z-index: 2;
            position: relative
        }
        
        .map iframe {
            vertical-align: top
        }
        
        .footer {
            background: #141d27;
            color: #fff
        }
        
        .footer a {
            color: #fff;
            text-decoration: none
        }
        
        .footer-nav {
            text-align: center;
            padding: 40px 0
        }
        
        .footer-nav ul {
            margin: 0 auto;
            padding: 0;
            list-style: none;
            font-size: 0;
            display: flex;
            justify-content: space-around;
            max-width: 900px
        }
        
        .footer-nav li {
            display: block;
            vertical-align: top
        }
        
        .footer-nav a {
            font-size: 12px;
            text-transform: uppercase;
            color: #a9b4c0;
            border-bottom: 1px rgba(169, 180, 192, 0.8) solid
        }
        
        .footer-nav a:hover {
            color: #fff;
            border-bottom: 1px rgba(169, 180, 192, 1) solid
        }
        
        .footer-bottom {
            display: flex;
            justify-content: space-between
        }
        
        .cookieside {
            text-align: center;
            padding: 10px 0 30px
        }
        
        .cookieside a:hover {
            opacity: .7
        }
        
        .f-address {
            font-size: 16px;
            color: #fff;
            padding: 0 0 20px
        }
        
        .f-copy {
            color: #a9b4c0;
            font-size: 12px
        }
        
        .f-center {
            text-align: center
        }
        
        .f-phone-title {
            color: #a9b4c0;
            font-size: 18px;
            padding: 0 0 10px
        }
        
        .f-phone-con {
            color: #fff;
            font-size: 20px
        }
        
        .f-mail {
            font-size: 18px
        }
        
        .f-mail a:hover {
            color: #a9b4c0
        }
        
        .f-right {
            text-align: right
        }
        
        .f-phone-con a {
            margin: 0 5px
        }
        
        .f-phone-con a:hover {
            color: #a9b4c0
        }
        
        .f-social {
            text-align: right;
            padding: 20px 0 0;
            font-size: 17px
        }
        
        .f-social a {
            margin: 0 0 0 25px;
            line-height: 20px;
            display: inline-block;
            vertical-align: top
        }
        
        .f-social i {
            vertical-align: bottom
        }
        
        .f-social a:hover {
            color: #2368b0
        }
        
        .line_text-17 .owl-carousel .owl-stage {}
        
        .window {
            position: fixed;
            top: 50%;
            left: 50%;
            z-index: 99999;
            background: url(wp-content/themes/granit/img/window-bg.jpg) no-repeat 50% 50%;
            box-shadow: 0 0 2px 5000px rgba(19, 19, 19, 0.91);
            width: 970px;
            height: 574px;
            margin: -287px 0 0 -485px;
            box-sizing: border-box;
            padding: 15px;
            transition: all 200ms ease-in-out;
            opacity: 0;
            visibility: hidden;
            transform: scale(.5)
        }
        
        .window.show {
            opacity: 1;
            visibility: visible;
            transform: scale(1)
        }
        
        .window.hide {
            opacity: 0;
            visibility: hidden;
            transform: scale(1.5)
        }
        
        .window-con {
            border: 1px #fff solid;
            height: 100%;
            position: relative;
            color: #fff
        }
        
        .window form {
            display: block;
            margin: 0 40px;
            max-width: 335px;
            text-align: center;
            position: absolute;
            top: 50%;
            transform: translate(0, -50%)
        }
        
        .window .input,
        .window .submit,
        .window .cho {
            width: 272px;
            margin: 18px auto
        }
        
        .window .input {
            transition: all 100ms linear
        }
        
        .close-win {
            position: absolute;
            display: block;
            right: 0;
            top: 0;
            cursor: pointer;
            width: 40px;
            height: 40px
        }
        
        .close-win:before,
        .close-win:after {
            content: '';
            width: 30px;
            height: 2px;
            background: #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -1px 0 0 -15px;
            transition: all 100ms linear
        }
        
        .close-win:hover:before,
        .close-win:hover:after {
            background: #d69228
        }
        
        .close-win:before {
            transform: rotate(45deg)
        }
        
        .close-win:after {
            transform: rotate(-45deg)
        }
        
        .cho {
            text-align: left;
            font-size: 14px;
            line-height: 18px
        }
        
        .cho input {
            display: none
        }
        
        .cho input + label {
            position: relative;
            padding: 0 0 0 28px;
            display: block
        }
        
        .cho input + label:before,
        .cho input + label:after {
            position: absolute;
            content: '';
            display: block
        }
        
        .cho input + label:before {
            width: 15px;
            height: 15px;
            border: 1px #fff solid;
            left: 0;
            top: 50%;
            margin: -9px 0 0;
            border-radius: 2px
        }
        
        .cho input + label:after {
            width: 4px;
            height: 8px;
            left: 6px;
            transform: rotate(45deg) scale(2.5);
            top: 50%;
            margin: -7px 0 0;
            border-right: 2px #fff solid;
            border-bottom: 2px #fff solid;
            transition: all 100ms linear;
            opacity: 0
        }
        
        .cho input:checked + label:after {
            transform: rotate(45deg) scale(1);
            opacity: 1
        }
        
        .window .submit input {
            background: #d69227
        }
        
        .error {
            text-align: left;
            font-size: 14px;
            color: #f77;
            padding: 5px 0;
            position: absolute;
            transition: all 100ms linear;
            opacity: 0;
            transform: translate(0, -10px)
        }
        
        .window .input.show-error {
            margin: 18px auto 38px
        }
        
        .show-error input {
            border: 1px #f77 solid!important
        }
        
        .show-error .error {
            opacity: 1;
            transform: translate(0, 0)
        }
        
        input[type="submit"]:disabled {
            background: #bfbfbf;
            cursor: not-allowed
        }
        
        .cho.error-cho input + label:before {
            border: 1px #f77 solid
        }
        
        .success-msg {
            position: absolute;
            left: 0;
            right: 0;
            font-size: 20px;
            transition: all 100ms linear;
            opacity: 0;
            visibility: hidden
        }
        
        .form-wrap {
            transition: all 100ms linear
        }
        
        .show-msg .success-msg {
            opacity: 1;
            visibility: visible
        }
        
        .show-msg .form-wrap {
            opacity: 0;
            visibility: hidden
        }
        
        .window .success-msg {
            top: 50%;
            transform: translate(0, -50%)
        }
        
        blockquote {
            border-left: 5px #db9c3a solid;
            margin: 15px 0 0;
            padding: 5px 30px;
            background: #efebeb;
            font-size: 14px
        }
        
        .line_text-23 .owl-carousel .owl-nav button.owl-next {
            right: -80px
        }
        
        .line_text-23 .owl-carousel .owl-nav button.owl-prev {
            left: -80px
        }
        
        .line_text-26 {
            text-align: center;
            background: #f7f7f7;
            padding: 0 0 40px
        }
        
        .line_text-25 {
            box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
            position: relative;
            padding: 0 0 80px;
            background: #f7f7f7
        }
        
        .line_text-26 .w {
            max-width: 900px
        }
        
        .m-nav {
            display: none;
            position: absolute;
            right: 15px;
            top: 27px;
            transition: all .4s ease-out;
            background: rgba(255, 255, 255, 0.15);
            width: 50px;
            height: 50px;
            border-radius: 5px;
            box-sizing: border-box;
            padding: 11px 0 0;
            cursor: pointer;
            z-index: 999
        }
        
        .m-nav i {
            display: block;
            width: 39px;
            height: 5px;
            background: #fff;
            border-radius: 10px;
            margin: 0 0 6px 6px;
            transition: all .4s ease-out
        }
        
        .show-m-nav .m-nav {
            z-index: 9999999
        }
        
        .show-m-nav .m-nav i:nth-child(1) {
            transform: translate(0, 11px) rotate(45deg)
        }
        
        .show-m-nav .m-nav i:nth-child(2) {
            transform: scale(0)
        }
        
        .show-m-nav .m-nav i:nth-child(3) {
            transform: translate(0, -11px) rotate(-45deg)
        }
        
        .mob-nav {
            display: none;
            position: fixed;
            left: 0;
            top: 0;
            bottom: 0;
            width: 250px;
            background: #fff;
            z-index: 99;
            transition: all 200ms linear;
            box-shadow: 0 0 2px 600px rgba(0, 0, 0, 0.55);
            transform: translate(-250px);
            opacity: 0;
            visibility: hidden
        }
        
        .show-m-nav .mob-nav {
            transform: translate(0);
            opacity: 1;
            visibility: visible
        }
        
        .mob-nav ul {
            margin: 0;
            padding: 0;
            list-style: none
        }
        
        .mob-nav a {
            display: block;
            padding: 8px 20px;
            text-decoration: none;
            color: #222;
            border-bottom: 1px #eaeaea solid
        }
        
        .mob-nav a:hover,
        .mob-nav a:focus {
            background: #f5f5f5
        }
        
        @media screen and (max-width: 1220px) {
            .line_text-19 .gallery_photos > div {
                flex: 33.3333% 0 0;
                padding: 0 6px 50px
            }
            .line_text-19 .gallery_photos > div a {
                width: 250px;
                height: 250px
            }
            body {
                font-size: 14px
            }
            .line_text-9 .gallery_photos > div,
            .line_text-11 .gallery_photos > div {
                padding: 15px 5px 60px
            }
            .line_text-9 .gallery_photos > div a,
            .line_text-11 .gallery_photos > div a {
                width: auto;
                height: 250px;
                margin: auto
            }
            .line_text-9 .gallery_photos > div a:after,
            .line_text-11 .gallery_photos > div a:after {
                width: 100%;
                height: 250px;
                line-height: 250px
            }
            .line_text-11 .gallery_photos > div > div {
                padding: 15px 0 0
            }
            .line_text-11 .gallery_photos > div .g-desc {
                padding: 0 15px
            }
        }
        
        @media screen and (max-width: 1165px) {
            .line_text-9 .gallery_photos > div {
                flex: 33.333% 0 0
            }
            .line_text-11 .gallery_photos > div {
                flex: 50% 0 0
            }
            .line_text-11 .g-title {
                height: auto
            }
        }
        
        @media screen and (max-width: 990px) {
            .window {
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: 0;
                width: auto;
                height: auto;
                background: url(wp-content/themes/granit/img/window-bg.jpg) no-repeat 0 50%;
                background-size: cover
            }
            .window form {
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                margin: 0
            }
        }
        
        @media screen and (max-width: 930px) {
            .line_text-19 .gallery_photos > div {
                flex: 50% 0 0
            }
            .header-contact a {
                font-size: 20px
            }
            .header-line2 ul li a {
                font-size: 18px
            }
            .header-line3 {
                background-size: cover;
                height: 400px
            }
            .header {
                height: 700px
            }
            .header-bg {
                height: 600px
            }
            .header-bg:after,
            .header-bg:before {
                height: 600px
            }
            .header-center {
                font-size: 14px
            }
            .line_text-7 li {
                font-size: 14px
            }
            .line_text-17 .owl-carousel .owl-item img {
                height: 270px
            }
        }
        
        @media screen and (max-width: 780px) {
            .line_text-9 .gallery_photos > div {
                flex: 50% 0 0
            }
            h2:after,
            h2:before {
                display: none
            }
            h2 {
                line-height: initial
            }
            .f-phone-title,
            .f-mail {
                font-size: 14px
            }
            .f-phone-con {
                font-size: 16px
            }
            .f-social a {
                margin: 0 0 0 12px
            }
            .line_text-9 .gallery_photos,
            .line_text-11 .gallery_photos {
                margin: 0 -5px
            }
        }
        
        @media screen and (max-width: 720px) {
            .header-center {
                display: none
            }
            .header-line2 {
                display: none
            }
            .footer-nav {
                display: none
            }
            .logo {
                margin: 0 0 20px
            }
            .footer {
                padding: 20px 0 0
            }
            .header-contact {
                text-align: center;
                border-top: 5px rgba(255, 255, 255, 0.15) solid;
                border-bottom: 5px rgba(255, 255, 255, 0.15) solid;
                padding: 14px 0
            }
            .header-line1 {
                display: block
            }
            .header-line3 {
                height: 300px;
                margin: 50px 0 0;
                position: relative
            }
            .header-line3 > div {
                position: relative;
                z-index: 2
            }
            .header-line3:after {
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                top: 0;
                background: rgba(255, 255, 255, 0.35)
            }
            .header {
                height: 600px
            }
            .header-bg,
            .header-bg:after,
            .header-bg:before {
                height: 470px
            }
            .line_text-7 li {
                flex: 33.3333% 0 0;
                padding: 0 5px 40px
            }
            .form form .form-wrap > div {
                flex: 100%;
                padding: 15px 0
            }
            .line_custom_html-5 .form {
                margin: 30px auto 0
            }
            .line_custom_html-5 {
                font-size: 16px;
                padding: 10px 0 50px
            }
            .line_text-13,
            .line_text-15,
            .line_text-17 .w,
            .line_text-21 .w {
                font-size: 16px
            }
            .footer-bottom {
                display: block;
                text-align: center
            }
            .f-right,
            .f-social {
                text-align: center
            }
            .f-phone-con a {
                display: inline-block
            }
            .m-nav,
            .mob-nav {
                display: block
            }
        }
        
        @media screen and (max-width: 635px) {
            .line_text-19 .gallery_photos > div {
                flex: 100% 0 0
            }
            .owl-nav {
                display: none
            }
            .line_text-23 {
                padding: 0 0 90px
            }
            .alignleft,
            .alignright {
                float: none;
                margin: 0 0 26px;
                display: block;
                width: 100%;
                height: auto
            }
            .page-con > div:nth-child(3) {
                padding: 0;
                margin: 0;
                background: none
            }
        }
        
        @media screen and (max-width: 580px) {
            .line_text-9 .gallery_photos > div,
            .line_text-11 .gallery_photos > div {
                flex: 100% 0 0
            }
            .line_text-15 .gallery_photos {
                flex-wrap: wrap;
                margin: 0 -5px
            }
            .line_text-15 .gallery_photos > div {
                flex: 50% 0 0;
                padding: 0 5px 15px
            }
            .line_text-15 .gallery_photos > div img {
                width: 100%
            }
        }
        
        @media screen and (max-width: 490px) {
            .line_text-7 li {
                flex: 50% 0 0;
                padding: 0 5px 40px
            }
        }
        
        @media screen and (max-width: 420px) {
            .line_text-7 li {
                flex: 100% 0 0;
                padding: 0 0 40px
            }
            .header-line3,
            .header-line3:after {
                background: none
            }
            .header-line3 {
                color: #fff;
                height: auto
            }
            .header {
                height: 500px
            }
            .line_text-17 .owl-carousel .owl-item img {
                height: 170px
            }
            .line_text-9 .gallery_photos > div,
            .line_text-11 .gallery_photos > div {
                padding: 15px 5px 30px
            }
        }