/* You can add global styles to this file, and also import other style files */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,300i,400,400i,500,500i,600,600i,700,700i');
/*default*/
* {outline:none!important;}
body {font-family:'Open Sans', sans-serif; color:#000; font-weight:300;}
img {max-width:100%;}
.transition, .transition *, a {-webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;}
.transition-fast{-webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out; -ms-transition:all 0.6s ease-out; -o-transition:all 0.6s ease-out; transition:all 0.6s ease-out; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;}
.bl-about.about1 .col-12:before, .bl-about.about4 .col-12:before, .bl-about.about2 .col-12:before, .bl-about .content, .bl-about .content2 {-webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -ms-transition:all 1s ease-out; -o-transition:all 1s ease-out; transition:all 1s ease-out; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;}
/* .bl-about .year {-webkit-transition:all 5s ease-out; -moz-transition:all 5s ease-out; -ms-transition:all 5s ease-out; -o-transition:all 5s ease-out; transition:all 5s ease-out; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;} */
.spn {line-height:1; text-transform:uppercase;}
.bgLayer {background-size:initial!important;}

.btn.bl-strange5  {text-transform:uppercase;}
.btn.btn-default {font-size:16px; color:#fff; border-radius:0; border:1px solid #fff; padding:15px; background:rgba(255,255,255,.2); font-weight:100; line-height:1;}
.btn.btn-warning {font-size:16px; color:#f27158; border-radius:0; border:1px solid #f27158; padding:15px; background:rgba(242, 113, 88, .2); font-weight:100; line-height:1;}

.modal-content {background:transparent; color:#fff;}
.modal-header {border:0;}
.modal-backdrop.show {opacity:.8;}
.modal-header .close {color:#fff; text-shadow:none; opacity:1; font-weight:100; font-size:40px; padding:0;}
#services .title, #success .title, #order .title {font-size:30px; font-weight:300; line-height:1; margin-bottom:30px;}
#services .title small, #success .title small, #order .title small {font-size:18px; display:block; margin-bottom:15px;}
#services li:not(:last-child) {margin-bottom:10px;}
#services li a {text-decoration:underline; color:#fff; font-size:20px;}
#services .ftitle, #order .ftitle {font-size:20px; line-height:1; margin-bottom:30px; margin-top:30px;}
#services form, #order form {max-width:400px;}

#services .form-control, #order .form-control, input[name="cms_custom"], .wpcf7-form-control.wpcf7-text {color:#fff; box-shadow:none; background:transparent; border:0; border-bottom:1px solid #ccc; border-radius:0; padding:0; height:50px;}

#services .btn, #order .btn {font-size:18px; color:#fff; background:#de5c43; border:0; border-radius:0; height:50px; padding:0 30px; margin-top:30px;}
#services .menu {line-height:1.2;}
.modal.info .modal-body .head {font-size:24px; margin-bottom:20px;}
.modal.info .modal-dialog {max-width:576px!important;}

#site_info .modal-body .head {font-size:24px; margin-bottom:20px;}
#site_info .modal-dialog {max-width:576px!important;}

#shop_info .modal-body .head {font-size:24px; margin-bottom:20px;}
#shop_info .modal-dialog {max-width:576px!important;}

#in1_info .modal-body .head {font-size:24px; margin-bottom:20px;}
#in1_info .modal-dialog {max-width:576px!important;}

#in2_info .modal-body .head {font-size:24px; margin-bottom:20px;}
#in2_info .modal-dialog {max-width:576px!important;}

#in3_info .modal-body .head {font-size:24px; margin-bottom:20px;}
#in3_info .modal-dialog {max-width:576px!important;}

#s3_info .modal-body .head {font-size:24px; margin-bottom:20px;}
#s3_info .modal-dialog {max-width:576px!important;}


.none {display:none;}
input[name="cms_custom"] {background:transparent!important; font-size:16px!important; color:#fff!important; border:0px!important; border-bottom:1px solid #ccc!important; }
.form-control::-webkit-input-placeholder { color: #fff; font-size:16px;}
.form-control:-moz-placeholder { color: #fff; font-size:16px;}
.form-control::-moz-placeholder { color: #fff; font-size:16px;} 
.form-control:-ms-input-placeholder { color: #fff; font-size:16px;}
.form-control::-ms-input-placeholder { color: #fff; font-size:16px;}

main {background:url('/wp-content/themes/ultraSite/images/bg/main.jpg') no-repeat 0 top; min-height:100vh;}
main, footer {background-color:#ebebeb;}
.left, .right {overflow:hidden; position:relative;}
.fp-tableCell {height:100vh; align-items: center; display:flex; padding:100px 0 0 0;}
.container-fluid {padding:0;}
.page-about .fp-tableCell {padding:0;}
.page-template-page-about .fp-tableCell {padding:0;}

.bl-bavbar {background:url('/wp-content/themes/ultraSite/images/bg/header.jpg') no-repeat 0 top #ebebeb;}
.bl-bavbar .container-fluid {padding:0 15px;}
.bl-bavbar .navbar-brand {font-size:16px; color:#000;}
.bl-bavbar .navbar-brand span {margin-left:15px; display:none;}
.bl-bavbar .row {height:100px;}
.bl-bavbar .nav-link {color:#464646; font-size:16px; font-weight:300; text-transform:uppercase;}
.bl-bavbar .nav-item:not(.active) .nav-link:hover {text-decoration:underline;}
.bl-bavbar .nav-item.active a {position:relative; color:#fff;}
.bl-bavbar .nav-item.active a span {position:relative;}

/*.bl-bavbar .nav-item.active a:before {content:''; position:absolute; left:0; right:0; bottom:0; top:-50px; background:#464646;}*/
.bl-bavbar .nav-item.active {background:#464646;}

.bl-bavbar .navbar-toggler {border:1px solid #333; width:50px;}
.bl-bavbar .navbar-toggler-icon {display:block; width:100%; height:1px; background:#333; margin:6px 0;}

.bl-intro .left {position:relative;}
.bl-intro .left .inner {position:absolute; top:0; bottom:0; right:0; left:0; margin:auto;}
.bl-intro .right {background:#de5c43;}
.bl-intro .introtext {margin-bottom:10px;}
.bl-intro .slogan {padding:15px; font-size:20px; color:#fff; font-weight:300; line-height:1.1;}
.bl-intro .picture img {min-width:100%;}
.bl-intro .picture img.glass {z-index:100; position:absolute; left:0; right:0%; top:0; margin:auto; max-width:100%; min-height:100%; min-width:100%;}
.bl-intro .sunglass img {animation:blink 1s; animation-iteration-count:infinite;}
.bl-intro .sunglass img:hover, .bl-intro .sunglass.active img {animation:none; opacity:1;}
.bl-intro p, .bl-intro a {text-shadow:0 0 8px rgba(255, 255, 255, 0.3); font-family:Courier, monospace; font-smoothing:antialiased; margin:0.8em 0; font-size:18px; color:#fff;}

.bl-intro.contacts .left {background: rgba(0,0,0,0.5);}

.bl-intro.contacts #map {position:relative; padding:100px; height:100%; width:100%; min-height:400px;}
.bl-intro.contacts #map > ymaps {left:0; top:0; height:100%!important; width:100%; position:absolute;}
.bl-intro.contacts .slogan {font-size:18px;}
.bl-intro.contacts .slogan .introtext {font-size:24px; line-height:1; margin-bottom:15px;}
.bl-intro.contacts .slogan .phone-container {margin-bottom:15px;}
.bl-intro.contacts .slogan .title {font-size:16px; line-height:1; margin-bottom:5px;}
.bl-intro.contacts .slogan small {font-size:14px;}
.bl-intro.contacts .slogan .address-container {margin-bottom:15px;}
.bl-intro.contacts .slogan .address {margin-bottom:10px;}
.bl-intro.contacts .slogan .open {font-size:14px;}
.bl-intro.contacts .slogan .email {font-size:20px; text-decoration:underline;}
.bl-intro.contacts .slogan .list-inline {margin-top:10px; margin-bottom:15px;}

.ghost, .glitch {opacity:0.25;}
#animate {text-shadow:0 0 8px rgba(209, 194, 165, 0.1); position:absolute; color:#4f4228; bottom:0;}
#container:before {pointer-events:none; position:absolute; height:100%; width:100%; content:""; left:0; top:0;}
@keyframes blink {0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;}}

.bl-footer {padding:15px 0; background:url('/wp-content/themes/ultraSite/images/bg/footer.jpg') no-repeat 0 top; background-size:cover;}
.bl-footer .container-fluid {padding:0 15px;}
.bl-footer .row {height:100px; position:relative; }
.bl-footer .scroll a {display:none; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:32px; height:50px; z-index:100;}
.bl-footer a {font-size:18px; color:#464646; font-weight:300;}
.bl-footer .copyright {font-size:14px; color:#464646;}

/* .not-front .bl-footer {background:transparent;} */

.bl-projects .left, .bl-projects .right {background:#464646;}
.bl-projects .right figure {position:relative; margin:0; overflow:hidden;}
.bl-projects .right figcaption, .bl-projects .right figure a {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; z-index:10;}
.bl-projects .right figure a {z-index:20;}
.bl-projects .right .row {max-height:33.33333333%;}
.bl-projects .right figure:after {content:''; position:absolute; left:0; top:0; width:400%; height:400%; -webkit-transition:-webkit-transform .25s cubic-bezier(.47,.78,.48,.53); transition:-webkit-transform .25s cubic-bezier(.47,.78,.48,.53); transition:transform .25s cubic-bezier(.47,.78,.48,.53); transition:transform .25s cubic-bezier(.47,.78,.48,.53),-webkit-transform .25s cubic-bezier(.47,.78,.48,.53); -webkit-transform:translate(-100%,-100%) rotate(45deg); transform:translate(-100%,-100%) rotate(45deg); background-color:rgba(222, 92, 67, .9); -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.bl-projects .right figure:hover:after{-webkit-transition-delay:.2s; transition-delay:.2s; -webkit-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg);}
.bl-projects .right .project-message {color:#fff; font-size:24px; padding:15px; opacity:1;}
.bl-projects .col-lg-4 .project-message {font-size:18px;}
.bl-projects .right .project-message.leave {opacity:0;}
.bl-projects .right .project-message p {line-height:1; margin:0;}
.bl-projects .row.middle {padding-left:55px; position:relative;}
.bl-projects .free-case {display:inline-block; padding:0; width:200px; height:20px; transform:rotate(-90deg); transform-origin:left; font-size:20px; text-align:center; white-space:nowrap; position:absolute; left:20px; bottom:-12px; margin:auto; color:#fff; line-height:1;}
.bl-projects .grid-container {padding:15px;}
.bl-projects .grid-container .title {font-size:28px; font-weight:300; line-height:1; margin-bottom:20px; color:#fff;}
.bl-projects .grid:after {content:''; display:block; clear:both;}
.bl-projects .grid-item {position:relative; width:100%; height:80px; float:left; margin:0; color:#fff;}
.bl-projects .grid-item--width2 {width:100%; height:80px;}
.bl-projects .grid-item--width3 {width:100%; height:80px;}
.bl-projects .grid-item--width4 {width:100%; height:80px;}
.bl-projects .grid .year {font-size:22px; color:#ebebeb; line-height:1; margin-bottom:15px;}
.bl-projects .grid .year span {border-bottom:1px solid #ebebeb;}
.bl-projects .grid .introtext {font-size:16px; color:#ebebeb; line-height: 1.2; display:none;}
.bl-projects .grid-item a {text-decoration:none;}
.bl-projects .tab-pane {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:10; -webkit-transition:-webkit-transform .4s cubic-bezier(.7,.62,.21,.93); transition:-webkit-transform .4s cubic-bezier(.7,.62,.21,.93); transition:transform .4s cubic-bezier(.7,.62,.21,.93); transition:transform .4s cubic-bezier(.7,.62,.21,.93), -webkit-transform.4s cubic-bezier(.7,.62,.21,.93); -webkit-transform:translateX(100%) perspective(600px) rotate3d(300,-95,0,-235deg); transform:translateX(150%) perspective(100px) rotate3d(100,-50,0,-270deg);}
.bl-projects .tab-pane.active {-webkit-transform:translateX(0); transform:translateX(0); opacity:1; z-index:100;;}
.bl-projects .tab-content>.tab-pane, .bl-projects .tab-content>.active {display:block!important;}
.bl-projects .tab-pane img {-o-object-fit:cover; object-fit:cover; object-position:top; height:100%; width:100%;}

.bl-projects .bg1 {background: #739725;}
.bl-projects .bg2 {background:url('/wp-content/themes/ultraSite/images/bg/bg2.jpg') no-repeat 0 0; background-size:cover;}
.bl-projects .bg3 {background: #2aa09f;}
.bl-projects .bg4 {background: #613ab0;}
.bl-projects .bg5 {background:url('/wp-content/themes/ultraSite/images/bg/bg5.jpg') no-repeat 0 0; background-size:cover;}
.bl-projects .bg6 {background: #c67927;}
.bl-projects .bg7 {background: #de5c43;}

.bl-plus .right {background:#464646;}
.bl-plus .right .tab-container {height:100%; padding:15px;}
.bl-plus .right .title {font-size:24px; color:#fff; line-height:1.3; margin-bottom:20px;}
.bl-plus .right .nav-link {position:relative; font-size:18px; font-weight:300; line-height:1; padding:15px; border-radius:0; color:#fff;}
.bl-plus .right .nav-link.active:before {content:''; position:absolute; top:0; left:-40px; bottom:0; margin:auto; width:40px;}
.bl-plus .right .nav-item:not(:last-child) {margin-bottom:15px;}
.bl-plus .brown, .bl-plus .nav-link.brown.active:before {background:#ce8d28!important;}
.bl-plus .red, .bl-plus .nav-link.red.active:before {background:#de5c43!important;;}
.bl-plus .blue, .bl-plus .nav-link.blue.active:before {background:#319298!important;;}
.bl-plus .violet, .bl-plus .nav-link.violet.active:before {background:#665ba5!important;;}
.bl-plus .pink, .bl-plus .nav-link.pink.active:before {background:#ac5ea4!important;;}
.bl-plus .green, .bl-plus .nav-link.green.active:before {background:#879839!important;;}
.bl-plus .left img {object-fit:cover; width:100%; height:100%;}
.bl-plus .left .introtext {font-family:'Times New Roman', sans-serif; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; padding:100px 20px 20px 20px; font-weight:100; line-height:1.3; color:#fff; font-style:italic; font-size:24px;}
.bl-plus .left .introtext small {display:block; font-size:18px; margin-bottom:20px;}
.bl-plus .introtext.brown, .bl-plus .introtext.red {bottom:inherit}
.bl-plus .introtext.violet, .bl-plus .introtext.pink, .bl-plus .introtext.green {top:inherit}
.bl-plus .tab-pane {height:500px!important;}

.bl-last .left {background:url('/wp-content/themes/ultraSite/images/tmp/last-left.jpg') no-repeat 0 0; background-size:cover;}
.bl-last .right {background:url('/wp-content/themes/ultraSite/images/tmp/last-right.jpg') no-repeat 0 0; background-size:cover;}
.bl-last .right.hovered {background:#c03535;}
.bl-last .left .tab-content {padding:15px;}
.bl-last .left .tab-content .title {font-size:24px; line-height:1; margin-bottom:30px; color:#fff;}
.bl-last .left .tab-content .title small {font-size:20px; display:block;}
.bl-last .left .nav-link {font-size:20px; color:#fff; padding:5px 0;}
.bl-last .left .nav-link span {border-bottom:4px dotted #fff; display:inline-block;}
.bl-last .left .nav-link.active {background:transparent;}
.bl-last .left .nav-link.active span {display:block;}
.bl-last .intro {font-size:24px; color:#fff; padding:15px;}
.bl-last .right.hovered .intro {opacity:0;}
.bl-last .right .tab-container {position:relative;}
.bl-last .right .tab-content {left:0; right:0; bottom:0; top:0; margin:auto;}
.bl-last .right .tab-pane {left:100%; right:0; bottom:0; top:0; margin:auto; background:#c03535; color:#fff; padding:15px;}
.bl-last .right .tab-pane.active {left:0;}
.bl-last .right .tab-pane li {position:relative;}
.bl-last .right .tab-pane li:not(:last-child) {padding-bottom:20px;}
.bl-last .right .tab-pane .title {font-size:20px; color:#fff; line-height:1; margin-bottom:5px;}
.bl-last .right .tab-pane .introtext {font-size:16px; color:#fff; line-height:1.2;}
.bl-last .right .tab-pane img {position:relative; display:none!important;}

.block {margin-bottom:100px;}
.block.fore {margin-bottom:0;}
.section-container {padding:100px 30px; background-color:#fff;}
.section-container.bg1 {background:url('/wp-content/themes/ultraSite/images/bg/bg1.jpg') no-repeat center top; background-color:#fff;}
.section-container.bg2 {background:url('/wp-content/themes/ultraSite/images/bg/bg3.jpg') no-repeat center bottom; background-color:#fff;}
.section-container.bg4 {background:url('/wp-content/themes/ultraSite/images/bg/bg4.jpg') no-repeat center 0; background-size:cover;}

.bl-breadcrumbs .breadcrumb {background:transparent; position:relative; padding:0;}
.bl-breadcrumbs a, .bl-breadcrumbs li {font-size:16px; color:#464646;}

.bl-pagetitle {margin-bottom:30px;}
.btitle {font-size:26px; color:#464646; font-weight:300; line-height:1; text-transform:uppercase; position:relative; padding-top:20px;}
.btitle:after {content:''; position:absolute; top:0; left:0; height:3px; width:160px; background:#dadada;}

.bl-strange1 .container {max-width:800px; padding:0;}
.bl-strange1 .text {font-size:20px; margin-bottom:30px; color:#000;}

.bl-strange1 .blockquote {padding-left:30px; margin-bottom:30px; font-size:20px; position:relative; line-height:1.2; font-family:'Cormorant Garamond', serif;}
.bl-strange1 .blockquote:before {content:''; position: absolute; left:0; top:0; bottom:0; margin:auto; width:6px;}
.bl-strange1 .blockquote.yellow:before {background:#ce8d28;}
.bl-strange1 .blockquote.red:before {background:#de5c43;}
.bl-strange1 .blockquote.red {font-size:26px;}

.bl-strange2 .blockquote {padding-left:30px; margin-bottom:30px; font-size:20px; position:relative; line-height:1.2;}
.bl-strange2 .blockquote:before {content:''; position: absolute; left:0; top:0; bottom:0; margin:auto; width:6px;}
.bl-strange2 .blockquote.yellow:before {background:#ce8d28;}
.bl-strange2 .blockquote.red:before {background:#de5c43;}
.bl-strange2 .blockquote.red {font-size:26px;}


.bl-strange1 .text-big {font-size:26px; margin-bottom:40px; color:#464646;}

.bl-strange2 {text-align:center;}
.bl-strange2 .title {font-size:30px; line-height:1; margin-bottom:40px; font-family:'Cormorant Garamond', serif;}
.bl-strange2 img {margin:0 auto 30px;}

.bl-strange3 .container {max-width:800px; padding:0;}
.bl-strange3 .d-flex {position:relative;}
.bl-strange3 .d-flex:not(:last-child) {margin-bottom:30px;}
.bl-strange3 .title {font-size:34px; font-style:italic; line-height:1; margin-bottom:20px; font-family:'Cormorant Garamond', serif;}
.bl-strange3 .introtext {font-size:20px;}
.bl-strange3 .number {position:absolute; left:0; font-size:150px; color:#de5c43; font-weight:300; font-family:'Cormorant Garamond', serif;}

.bl-strange4 .container {padding:0;}
.bl-strange4 .title {font-size:28px; font-style:italic; font-family:'Cormorant Garamond', serif; line-height:1; margin-bottom:30px;}
.bl-strange4 .introtext p {font-size:20px;}
.bl-strange4 .row {margin-bottom:40px;}
.bl-strange4 ul {margin-bottom:30px;}
.bl-strange4 li {position:relative; padding-left:20px; font-size:20px;}
.bl-strange4 li:before, fieldset .info li:before {content:''; position:absolute; left:0; top:8px; width:8px; height:12px; background:url('/wp-content/themes/ultraSite/images/icons/li.png') no-repeat 0 0;}

.bl-strange5 .container {padding:0;}
.bl-strange5 .title {font-size:28px; color:#fff; line-height:1.3; font-weight:300; margin-bottom:30px;}
.bl-strange5 .title small {display:block; font-size:30px; color:#f27158; font-weight:300;}
.bl-strange5 .introtext {color:#fff; font-size:20px; line-height:1.3; font-weight:100; margin-bottom:30px;}
.bl-strange5 .price {font-size:26px; color:#f27158; font-weight:300; line-height:1.2; margin-bottom:30px;}
.bl-strange5 .price small {display:block; font-size:28px;}
.bl-strange5 .btn.btn-default {margin:0 15px;}
.bl-strange5 .btn.btn-warning {margin:0 15px;}


.bl-about .row.outer {background:#fff; color:#fff; overflow:hidden;}
.bl-about .year {font-size:30px; line-height:1; font-weight:300;}
.bl-about .content {position:relative; padding:30px;}
.bl-about .title {font-size:24px; line-height:1.2; margin-bottom:30px; font-weight:300;}
.bl-about .introtext p {font-size:16px; font-weight:300;}
.bl-about .col-12.outer {background-color:rgb(222, 92, 67);}
.bl-about .btn.btn-warning {border-color:#fff; color:#fff; text-transform:uppercase;}
.bl-about .text {font-size:20px; line-height:1.1; font-style:italic; margin-bottom:15px; font-family:'Cormorant Garamond', serif;}
.bl-about .content2 {padding:30px; position:relative;}
.page-about .section:not(:last-child) {margin-bottom:30px;}
.page-template-page-about .section:not(:last-child) {margin-bottom:30px;}
.bl-about.about6 figure {position:relative; margin:0; font-size:14px;}
.bl-about.about6 figcaption {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; padding:15px;}
.bl-about.about6 a {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.bl-about.about6 .titl {font-size:20px; line-height:1; font-weight:300; margin-bottom:5px;}
.bl-about.about6 .titl small {font-size:14px; display:block;}
.bl-about.about6 .site {margin-bottom:5px;}
.bl-about.about6 .introtext {line-height:1.2; white-space:nowrap; overflow:hidden !important; text-overflow:ellipsis;}
.about6 .col-lg-2 {margin-bottom:10px;}
.about6 .row.outer {background:transparent;}
.page-project .bl-about .col-12.outer {background:transparent;}

.slick-for figure, .slick-for-order figure {position:relative;}
.slick-for, .slick-for .slick-list, .slick-for .slick-track, .slick-for .slick-slide,
.slick-for-order, .slick-for-order .slick-list, .slick-for-order .slick-track, .slick-for-order .slick-slide {height:100%;}
.slick-for img, .slick-for-order img {width:100%; height:100%; object-fit:cover;}
.slick-for figcaption {top:0; left:0; right:0; bottom:0; margin:auto; padding:30px 15px 10px;}
.slick-for .introtext p {font-size:20px; margin-bottom:20px; line-height:1.2; font-style:italic; font-family:'Cormorant Garamond', serif;}
.slick-for .fio {font-size:30px; line-height:1; font-family:'Cormorant Garamond', serif; font-style:italic;}
.slick-for .position {font-size:20px; line-height:1; margin-bottom:20px;}
.slick-for .ingtro {font-size:18px; line-height:1;}
.slick-for .company {font-size:20px;}
.slick-for .site a {font-size:14px; line-height:1; color:#fff; text-decoration:underline;}
.slick-nav {bottom:0; left:0; right:0; margin:auto; padding:15px 30px; z-index:999; background:rgba(0,0,0, .5);}
.slick-nav .fio {font-size:20px; line-height:1; font-family:'Cormorant Garamond', serif; font-style:italic;}
.slick-nav .position {font-size:14px; line-height:1;}
.slick-nav .company {font-size:16px;}
.slick-nav .nav-container {padding:10px; border:5px solid transparent;}
.slick-nav .nav-container:hover {border:5px solid #464646; cursor:pointer;}
.slick-nav .slick-prev {left:8px;}
.slick-nav .slick-next {right:8px;}

.slick-nav-order {position:absolute; top:0; left:0; right:0; margin:auto; padding:100px; z-index:999; background:rgba(0,0,0, .5);}

/* Shine */
.hover14 figure {position:relative; overflow:hidden;}
.hover14 figure::before {position:absolute; top:0; left:-75%; z-index:2; display:block; content:''; width:50%; height:100%; background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform:skewX(-25deg); transform:skewX(-25deg);}
.hover14 figure:hover::before {-webkit-animation:shine .75s; animation:shine .75s;}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

/*sliderFrame*/
#sliderFrame {width:100%; position:relative; display:none;}
#sliderFrame:after,
.block-portfolio-grid .wrapper .outer .inner .row .col-md-3:before {content:''; top:0px; right:0px; bottom:0px; left:0px; margin:auto; position:absolute; background:url('/wp-content/themes/ultraSite/images/tmp/portfolio/bg-5.png') 0px 0px;}
#slider, #slider .sliderInner {width:100%; height:auto; min-height:100%;}
#slider .mc-caption {display:none;}

/*block-portfolio-grid*/
.block-portfolio-grid {margin-bottom:30px;}
.block-portfolio-grid .container-fluid {position:relative;}
.block-portfolio-grid .navBulletsWrapper {display:none;}
.block-portfolio-grid .wrapper {max-width:1170px; padding:0px 15px; top:0px; z-index:50; left:0px; right:0px; margin:auto; bottom:0px;}
.block-portfolio-grid .wrapper a.before {color:#fff; text-decoration:none; border:5px solid transparent; position:absolute; left:0px; right:0px; bottom:0px; top:0px; margin:auto;}
.block-portfolio-grid .wrapper .col-md-3:hover a.before {border: 5px solid #fff;}
.block-portfolio-grid .wrapper a.after {position:absolute; left:0px; right:0px; bottom:0px; top:0px; margin:auto;}
.block-portfolio-grid .wrapper h3 {font-size:24px; margin-bottom:0px; color:#fff; margin-top:0px; position:relative;}
.block-portfolio-grid .wrapper small {font-size:14px; text-decoration:underline; color:#fff; position:relative;}
.block-portfolio-grid .wrapper small.site {margin-bottom:10px; display:inline-block;}
.block-portfolio-grid .wrapper p {font-size:16px; margin-bottom:10px; color:#fff; position:relative; line-height:1.1;}
.block-portfolio-grid .wrapper .outer {display:table; width:100%; height:100%;}
.block-portfolio-grid .wrapper .outer .inner {display:table-cell; vertical-align:middle;}
.block-portfolio-grid .wrapper .outer .inner .row .col-md-3 {padding:15px;}
.block-portfolio-grid .bgLayer {background-size:initial!important;}



#msform .outer small {    display: block;
  font-size: 12px;
  margin: 10px 0 0; opacity:0;}
.order-container {padding:30px; background:url('/wp-content/themes/ultraSite/images/tmp/review2.jpg') no-repeat 0 0; background-size:cover;}
fieldset .form-container {max-width:962px; margin:auto;}
fieldset .form-check-label {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1;
  font-weight: 100;
}
fieldset .form-check-label span {border-bottom: 1px dashed #fff;}
fieldset .info {padding:30px 0 0; display:none;}
fieldset .info .header {    font-size: 40px;
  line-height: 1;
  color: #cacaca;
  font-weight: 100;
  margin-bottom: 5px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;}
fieldset .info .helper {    font-size: 24px;
  line-height: 1;
  color: #cacaca;
  font-weight: 100;
  margin-bottom: 30px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;}
fieldset .info .head, fieldset .info li {    font-size: 16px;
  line-height: 1.2;
  margin-bottom: 15px;
  font-weight: 100;
  color: #cacaca;}
fieldset .info .head {color:#fff; text-decoration:underline; display:inline; cursor:pointer;}
fieldset .info li {padding-left:20px; position:relative; font-size:14px;}
fieldset .info .big li {font-size:20px;}
fieldset .info p {color: #cacaca; font-size:14px;}
fieldset .discount {text-decoration:underline;}
fieldset small {    line-height: 1;
  font-size: 14px;
  color: #cacaca;
}
.heads {text-decoration:underline; cursor:pointer;}

#msform fieldset .form-check {    position: relative;
  text-align: center;
  padding: 0;
}
#msform fieldset input.form-check-input {    position: absolute;
  left: 0;
  width: auto;
  margin: auto;
  top:4px;
  bottom: 0;
  position: relative; padding-left:20px;
}
/*form styles*/
#msform {
    text-align: center;
    position: relative;
}

#msform fieldset {
  background: transparent;
  border: 0 none;
  border-radius: 0px;
  box-shadow: none;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ee0979;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
  width: 100px;
  background: #de5c43;
  color: white;
  border: 0 none;
  border-radius: 15px 15px 15px 0;
  cursor: pointer;
  padding: 5px 5px;
  margin: 15px 0 0 0;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
  width: 100px;
  background: #464646;
  color: white;
  border: 0 none;
  border-radius: 15px 15px 0;
  cursor: pointer;
  padding: 5px 5px;
  margin: 15px 0 0 0;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1;
}

/*headings*/
.fs-title {
  font-size: 26px;
  color: #fff;
  margin-bottom: 15px;
  font-weight: 300;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
    margin:0 -30px 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
    padding:0;
}

#progressbar li {
  list-style-type: none;
  color: white;
  font-size: 24px;
  line-height: 1;
  text-align: left;
  padding:0px 15px;
}
#progressbar li span {opacity:0; font-family:'Cormorant Garamond', serif; font-style:italic;}
#progressbar li.active span {opacity:1;}
#progressbar li .outer {position:relative; height:100%; padding:15px; z-index: 100; border: 1px solid #464646;}
#progressbar li .outer:before {
  content: counter(step);
  counter-increment: step;
  font-size: 30px;
  color: #464646;
  /* background: white;
  border-radius: 50%; */
  margin: 0 auto 10px auto;
  justify-content: center;
  align-items: center;
  /* position: absolute; */
  left:30px;
  display: block;
}
#progressbar li.active .outer:before{
  color:#fff;
}
/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 1px;
  background: #464646;
  position: absolute;
  left: -50%;
  top: 0;
  z-index: -1;
  bottom: 0;
  margin: auto;
}
#progressbar li.active:after {
  z-index: 1;
}
#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}
#msform li.active .outer small {opacity: 1;}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
    /* background: #ee0979; */
    /* color: white; */
}
#progressbar li.active .outer {
  background:#de5c43;
  border: 1px solid #de5c43; line-height:1;
}
#progressbar li.active.visited .outer  {background:#464646; border-color:#464646;}

/* Not relevant to this form */
.dme_link {
    margin-top: 30px;
    text-align: center;
}
.dme_link a {
    background: #FFF;
    font-weight: bold;
    color: #ee0979;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 5px 25px;
    font-size: 12px;
}

.dme_link a:hover, .dme_link a:focus {
    background: #C5C5F1;
    text-decoration: none;
}
#msform input[name="sites"] {    background: transparent!important;
  border: 0;
  color: #fff;
  padding: 0 0 0 30px;
  border-bottom: 1px solid #de5c43;
  margin-top: 10px;}
.form-group.link {position:relative;}
.form-group.link:before {content:''; position: absolute; left:0; top:0; bottom:0; margin:auto; width:16px; height:16px; background:url('/wp-content/themes/ultraSite/images/tmp/link.png') no-repeat 0 0;}



.md-projects figure {position:relative;}
.md-projects figure .picture {position:relative;}
.md-projects figure .picture:after {content:''; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; background:rgba(0,0,0, .4);}
.md-projects figcaption { position:absolute; left:15px; top:15px; right:15px; line-height:1; z-index:100;}
.md-projects .title {font-weight:bold;}


.bl-404 img {height: calc(100vh - 200px); width:100%;object-fit:cover; object-position:right;}
.bl-404 .container-404 {position:absolute; right:0; top:0; bottom:0; margin:auto; color:#fff; line-height:1.2; font-size:20px; padding:0 30px;}
.bl-404 .number {font-size:60px;}
.bl-404 .introtext {margin-bottom:30px;}
.bl-404 a {color:#fff; text-decoration:underline;}


@media (max-width: 425px){
  .fixed-top, .fixed-bottom {position:static;}
}
@media (max-height: 600px){
  .fixed-top, .fixed-bottom {position:static;}
  .section, .fp-tableCell {height:inherit!important;}
  .fp-tableCell {padding:0;}
}
@media (max-height: 650px){
	.page-reviews .bl-about .pl-lg-5 {max-height:230px; overflow:hidden;}
	.page-reviews .bl-about .pl-lg-5 .introtext {height:100%; overflow-y:scroll; margin-right:-35px;}
	.page-reviews .bl-about .pl-lg-5:before {content:''; position:absolute; top:0; bottom:0; left:15px; width:18px; height:36px;margin:auto; background:url('/wp-content/themes/ultraSite/images/icons/arrow.png') no-repeat 0 0; background-size:100%;}
}
@media (max-width: 991px){
  /* .bl-intro .picture img.glass {top:-22%!important;} */
  .market-big-image {
		display: none;
  }
  .market-text {
	max-width: 100%;
	flex: 100%;
  }

  .market-text p {
	padding: 20px !important;
  }
  .market-block {
	height: auto !important;
  }
}
@media (min-width: 425px){
  .block.fore {margin-bottom:100px;}
}
@media (min-width: 576px){
    
}
@media (min-width: 768px){
  .bl-plus .tab-pane {height:100%!important;}
}
@media (min-width: 992px){
	.bl-404 .container-404 {font-size:30px; max-width:600px;}
	.bl-404 .number {font-size:100px;}
	.bl-404 img {object-position:center; height:100%;}

  .bl-intro img.glass {top:0;}
  .bl-intro .slogan {padding:0 15px;}

  .bl-footer {padding:0;}

  .bl {height:calc(100vh);}
  /* .page-about .bl {height:100vh;} */

  .bl-intro .picture img.glass.active {top:-180px!important;}

  .bl-projects .right .row {min-height:33.33333333%;}
  .bl-projects .right figure {height:100%;}
  .bl-projects .right .picture {height:100%; overflow:hidden; position:relative;}
  .bl-projects .right .picture img {position:absolute; left:-100%; right:-100%; bottom:-100%; top:-100%; margin:auto; width:auto!important; max-width:initial; min-height:100%; min-width:100%;}

  .section-container {padding:100px;}

  .btitle {font-size:46px;}
  .btitle:after {width:260px;}

  .bl-pagetitle {margin-bottom:100px;}

  .bl-strange1 .blockquote {padding-left:100px; font-size:30px;}
  .bl-strange1 .blockquote:before {left:48px;}
  .bl-strange1 .blockquote.red {font-size:46px;}
  .bl-strange1 .text-big {font-size:36px;}

  .bl-strange2 .blockquote {padding-left:60px; font-size:25px; text-align: left;}
  .bl-strange2 .blockquote:before {left:25px;}
  .bl-strange2 .blockquote.red {font-size:46px;}

  .bl-strange2 .title {font-size:60px;}

  .bl-strange4 .title {font-size:48px;}

  .bl-strange3 .title {font-size:48px;}
  .bl-strange3 .d-flex {padding-left:110px;}
  .bl-strange3 .number {position:absolute; left:0; top:0; bottom:0; margin:auto;}
  .bl-strange3 .d-flex:nth-child(1) .number {width:67px; height:72px; background:url('/wp-content/themes/ultraSite/images/icons/1.jpg') no-repeat 0 0;}
  .bl-strange3 .d-flex:nth-child(2) .number {width:76px; height:64px; background:url('/wp-content/themes/ultraSite/images/icons/2.jpg') no-repeat 0 0;}
  .bl-strange3 .d-flex:nth-child(3) .number {width:74px; height:103px; background:url('/wp-content/themes/ultraSite/images/icons/3.jpg') no-repeat 0 0;}
  .bl-strange3 .d-flex:nth-child(4) .number {width:86px; height:90px; background:url('/wp-content/themes/ultraSite/images/icons/4.jpg') no-repeat 0 0;}
  .bl-strange3 .d-flex:nth-child(5) .number {width:74px; height:106px; background:url('/wp-content/themes/ultraSite/images/icons/5.jpg') no-repeat 0 0;}
  .bl-strange3 .d-flex:nth-child(6) .number {width:84px; height:102px; background:url('/wp-content/themes/ultraSite/images/icons/6.jpg') no-repeat 0 0;}
  .bl-strange3 .d-flex:nth-child(7) .number {width:77px; height:105px; background:url('/wp-content/themes/ultraSite/images/icons/7.jpg') no-repeat 0 0;}
  .bl-strange3 .d-flex:nth-child(8) .number {width:87px; height:89px; background:url('/wp-content/themes/ultraSite/images/icons/8.jpg') no-repeat 0 0;}

  .bl-strange5 .title {font-size:48px;}
  .bl-strange5 .title small {font-size:60px;}
  .bl-strange5 .introtext {font-size:30px;}
  .bl-strange5 .price {font-size:36px;}
  .bl-strange5 .price small {font-size:48px;}
  
  .btn.btn-default {font-size:18px;}
  .btn.btn-warning {font-size:18px;}

  .block.first {padding:100px 0 0;}

  .bl-about .year {position:absolute; font-size:56px; line-height:1; font-weight:300; opacity:0;}
  .bl-about .content {opacity:0; padding:0;}
  .bl-about .title {font-size:28px; line-height:1.2; margin-bottom:30px; font-weight:300;}
  .bl-about .introtext p {font-size:14px; font-weight:300;}
  
  .bl-about.about1 .year {left:-190px;}
  .bl-about.about1 .content {right:-150%;}
  .bl-about.about1 .col-12.outer {background:url('/wp-content/themes/ultraSite/images/bg/about1.jpg') no-repeat right 0; background-color:rgb(222, 92, 67); background-size:cover;}
  .bl-about.about1 .col-12.outer:before {content:''; position:absolute; opacity:0; left:-100%; bottom:0; top:0; margin:auto; width:860px; background:url('/wp-content/themes/ultraSite/images/bg/about1.png') no-repeat left center; background-size:contain;}

  .bl-about.about3 .year {left:-190px;}
  .bl-about.about3 .content {right:-150%;}
  .bl-about.about3 .col-12.outer {background:url('/wp-content/themes/ultraSite/images/bg/about1.jpg') no-repeat right 0; background-color:rgb(222, 92, 67); background-size:cover;}
  .bl-about.about3 .col-12.outer:before {content:''; position:absolute; opacity:0; left:-100%; bottom:0; top:0; margin:auto; width:860px; background:url('/wp-content/themes/ultraSite/images/bg/about1.png') no-repeat left center; background-size:contain;}

  .bl-about.about2 .col-12.outer {background:url('/wp-content/themes/ultraSite/images/bg/about2.jpg') no-repeat left 0; background-color:rgb(222, 92, 67); background-size:cover;}
  .bl-about.about2 .col-12.outer:before {content:''; position:absolute; opacity:0; right:-100%; bottom:0; top:0; margin:auto; width:860px; background:url('/wp-content/themes/ultraSite/images/bg/about2.png') no-repeat right center; background-size:contain;}

  .bl-about.about2 .year{bottom:0; right:-190px;}
  .bl-about.about2 .content {left:-150%;}

  .bl-about.about3 .col-12.outer:before {background:url('/wp-content/themes/ultraSite/images/bg/about3.png') no-repeat left center; background-size:contain;}
  
  .bl-about.about4 .col-12.outer:before {background:url('/wp-content/themes/ultraSite/images/bg/about4.png') no-repeat right center; background-size:contain;}
  .bl-about.about4 .col-12.outer:before {content:''; position:absolute; opacity:0; right:-100%; bottom:0; top:0; margin:auto; width:860px; background:url('/wp-content/themes/ultraSite/images/bg/about4.png') no-repeat right center; background-size:contain;}

  .bl-about.about2.about4 .col-12.outer {background:url('/wp-content/themes/ultraSite/images/bg/about3.jpg') no-repeat left 0; background-color:rgb(222, 92, 67); background-size:cover;}

  .bl-about.about4 .col-12.outer {background:url('/wp-content/themes/ultraSite/images/bg/about3.jpg') no-repeat left 0; background-color:rgb(222, 92, 67); background-size:cover;}


  .bl-about .content2 {position:absolute; bottom:0; padding:3rem 3rem 30px; opacity:0; left:-150%;}
  .page-about .section:not(:last-child) {margin-bottom:0;}
  .page-template-page-about .section:not(:last-child) {margin-bottom:0;}



  .section.active .bl-about.about1 .col-12.outer:before {opacity:1; left:0;}
  .section.active .bl-about.about2 .col-12.outer:before {opacity:1; right:0;}
  .section.active .bl-about.about3 .col-12.outer:before {opacity:1; left:0;}
  .section.active .bl-about.about4 .col-12.outer:before {opacity:1; right:0;}

  .section.active .bl-about .year {opacity:1;}
  .section.active .bl-about.about1 .content {opacity:1; right:0;}

  .section.active .bl-about.about2 .content {opacity:1; left:0;}
  .section.active .bl-about.about2 .content2 {opacity:1; left:0;}

  .section.active .bl-about.about3 .content {opacity:1; right:0;}

  .section.active .bl-about.about4 .content {opacity:1; left:0;}
  .section.active .bl-about.about4 .content2 {opacity:1; left:0;}
  /* .page-about .section {opacity:1;}
  .page-about .section.active {opacity:1;} */

  #services .col-lg-6:first-child {padding-right:50px;}
  #services .col-lg-6:last-child {padding-left:50px; border-left:3px solid #fff;}
  .modal-dialog {max-width:calc(100% - 100px);}
  #services .title, #order .title {font-size:60px; font-weight:300; line-height:1; margin-bottom:0;}
  #services .ftitle, #order .ftitle  {font-size:30px; margin-top:0;}
  #services li a {font-size:36px;}


  .block-portfolio-grid .wrapper .outer .inner .row {margin:0px -15px;}
	.block-portfolio-grid .wrapper .outer .inner .row .col-md-3 {padding:30px;}
	/* .block-portfolio-grid .wrapper .outer .inner .row {display:table;}
	.block-portfolio-grid .wrapper .outer .inner .row .col-md-3 {display:table-cell; vertical-align:top; float:none;} */
	.block-portfolio-grid .wrapper {position:absolute;}
	.block-portfolio-grid .wrapper a.before {left:15px; right:15px; bottom:15px; top:15px;}
	.block-portfolio-grid .wrapper a.after {left:15px; right:15px; bottom:15px; top:15px;}
	.block-portfolio-grid .wrapper h3 {color:#fff;}
	.block-portfolio-grid .wrapper small {color:#fff;}
	.block-portfolio-grid .wrapper p {color:#fff;}
	.block-portfolio-grid .wrapper .outer .inner .row:not(:last-child) {margin-bottom:50px;}
	.block-portfolio-grid .wrapper .outer .inner .row .col-md-3 {background:transparent !important;}
	.block-portfolio-grid .wrapper .outer .inner .row .col-md-3:before {display:none;}
  .block-portfolio-grid .wrapper .col-md-3:hover a.before {background:rgba(152, 0, 0, 0.7);}
  
  #sliderFrame {display:block;}

  .about6 .outer > .row {margin:0 -5px;}
  .about6 .col-lg-2 {padding:0 5px; -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%; height:calc(33.333333% - 10px);}
  .about6 .col-lg-2 figure {height:100%;}

  .slick-nav {position:absolute;}
  .slick-for figcaption {position:absolute; padding-bottom:30px;}

  
  #progressbar li .outer {padding:30px;}
  #progressbar {margin:0 -30px 0px;}
  .fs-title {font-size:48px;}
  #msform fieldset {padding: 20px 30px;}
  fieldset .form-check-label {font-size: 24px;}
}
@media (min-width: 1200px){
    .bl-bavbar .navbar-brand span {display:inline-block;}

    .bl-intro .slogan {padding:0 50px; font-size:24px;}

    .container-fluid, .bl-footer .container-fluid, .bl-bavbar .container-fluid {padding:0 15px;}

    .bl-projects .grid-container {padding:100px 10px 30px 30px;}

    .bl-projects .grid-item {width:369px; height:80px;}
    .bl-projects .grid-item--width2 {width:370px; height:80px;}
    .bl-projects .grid-item--width3 {width:175px; height:80px;}
    .bl-projects .grid-item--width4 {width:175px; height:80px;}

    .bl-plus .right .tab-container {padding:50px 40px;}
    
    .bl-last .right .tab-content {position:absolute;}
    .bl-last .right .tab-pane {position:absolute;}
    .bl-last .intro {padding:0;}

    .block-portfolio-grid  .d-xl-block {display:none!important;}
}
@media (min-width: 1300px){
	.page-reviews .bl-about .pl-lg-5 {max-height:100%;}
	.page-reviews .bl-about .pl-lg-5 .introtext {overflow-y:auto; margin-right:0;}
	.page-reviews .bl-about .pl-lg-5:before {display:none;}
}
@media (min-width: 1400px){
    .container-fluid, .bl-footer .container-fluid, .bl-bavbar .container-fluid {padding:0 30px;}

    .bl-intro .slogan {font-size:36px;}

    .modal-dialog {max-width:calc(100% - 200px);}

    .order-container {padding:100px;}
    #progressbar {margin:0 -30px 50px;}
    #progressbar li {
      font-size: 34px;
      padding:0px 30px;
    }
    #progressbar li .outer {padding:30px 15px 30px 90px;}
    #progressbar li .outer:before {
      font-size: 60px;
      position: absolute;
    }

    .bl-footer .scroll a {display:block;}

    .bl-about .title {font-size:34px;}
  	.bl-about .introtext p {font-size:18px;}

  	.bl-projects .grid-item {width:369px; height:80px; margin-bottom:18px; margin-right:18px;}
    .bl-projects .grid-item--width2 {width:370px; height:80px;}
    .bl-projects .grid-item--width3 {width:175px; height:80px;}
    .bl-projects .grid-item--width4 {width:175px; height:80px;}
  	
}
@media (min-width: 1440px){
  .bl {height:calc(100vh);}
}
@media (min-width: 1760px){
	.slick-for figcaption {padding:100px 15px 150px;}
	.slick-for .introtext p {font-size:24px;}
	.slick-for .fio {font-size:60px;}
	.slick-for .position {font-size:30px; margin-bottom:100px;}
	.slick-for .ingtro {font-size:24px;}
	.slick-for .company {font-size:36px;}
	.slick-for .site a {font-size:18px;}
	.slick-nav {padding:100px 100px;}
	.slick-nav .fio {font-size:36px;}
	.slick-nav .position {font-size:16px;}
	.slick-nav .company {font-size:18px;}
	.slick-nav .nav-container {padding:30px; border:10px solid transparent;}
	.slick-nav .nav-container:hover {border:10px solid #464646; cursor:pointer;}
	.slick-nav .slick-prev {left:25px;}
	.slick-nav .slick-next {right:25px;}

	/*.page-reviews .bl-about .pl-lg-5 {max-height:500px;}
  	.page-reviews .bl-about .pl-lg-5 .introtext {overflow-y:scroll; margin-right:-35px;}
  	.page-reviews .bl-about .pl-lg-5:before {display:block;}*/
  	.page-reviews .bl-about .container {max-width:100%!important;}
  	.page-template-page-reviews .bl-about .container {max-width:100%!important;}

  	.bl-404 .number {font-size:180px;}
}
@media (min-width: 1920px){
  .bl-intro .slogan {padding:0 95px; font-size:48px;}
  .container-fluid, .bl-footer .container-fluid, .bl-bavbar .container-fluid {padding:0 100px;}

  .bl-about .year {font-size:72px;}
  .bl-about .title {font-size:48px;}
  .bl-about .introtext p {font-size:20px;}

  .bl-about.about2.about4 .year {bottom:-190px; right:-260px;}
  .bl-about.about4 .year {bottom:-190px; right:-260px;}

  .bl-about .text {font-size:48px; margin-bottom:30px;}
  .bl-about .content2 {padding:3rem 3rem 100px;}

  #services .col-lg-6:first-child {padding-right:100px;}
  #services .col-lg-6:last-child {padding-left:100px;}
  #order .title  {margin-bottom:50px;}

  .bl-intro.contacts .slogan {font-size:30px;}
  .bl-intro.contacts .slogan .introtext {font-size:48px; margin-bottom:30px;}
  .bl-intro.contacts .slogan .phone-container {margin-bottom:30px;}
  .bl-intro.contacts .slogan .title {font-size:24px; margin-bottom:5px;}
  .bl-intro.contacts .slogan small {font-size:16px;}
  .bl-intro.contacts .slogan .address-container {margin-bottom:30px;}
  .bl-intro.contacts .slogan .address {margin-bottom:10px;}
  .bl-intro.contacts .slogan .open {font-size:16px;}
  .bl-intro.contacts .slogan .email {font-size:30px;}
  .bl-intro.contacts .slogan .list-inline {margin-top:10px; margin-bottom:30px;}

  .block-portfolio-grid  .d-xl-block {display:block!important;}

  .bl-about.about6 .titl {font-size:30px; margin-bottom:10px;}
  .bl-about.about6 .titl small {font-size:18px;}
  .bl-about.about6 .site {margin-bottom:10px;}

  .page-project .bl.about6 {height:calc(100vh - 230px);}

  /*.slick-for figcaption {padding:100px 15px 150px;}
  .slick-for .introtext p {font-size:24px;}
  .slick-for .fio {font-size:60px;}
  .slick-for .position {font-size:30px; margin-bottom:100px;}
  .slick-for .ingtro {font-size:24px;}
  .slick-for .company {font-size:36px;}
  .slick-for .site a {font-size:18px;}
  .slick-nav {padding:30px 100px;}
  .slick-nav .fio {font-size:36px;}
  .slick-nav .position {font-size:16px;}
  .slick-nav .company {font-size:18px;}
  .slick-nav .nav-container {padding:30px; border:10px solid transparent;}
  .slick-nav .nav-container:hover {border:10px solid #464646; cursor:pointer;}
  .slick-nav .slick-prev {left:25px;}
  .slick-nav .slick-next {right:25px;}*/

  fieldset .info {display:block;}

  /*.page-reviews .bl-about .pl-lg-5 {max-height:500px;}
  .page-reviews .bl-about .pl-lg-5 .introtext {overflow-y:scroll; margin-right:-35px;}*/
}

@media (min-height: 600px ) and (min-width:1024px){
  .bl-intro .picture img, .bl-intro .picture img.glass {position:absolute; left:-100%; right:-100%; top:0; margin:auto; max-width:inherit; min-height:100%; min-width:100%;}

  #fullpage {height:100vh!important;}
  .section {position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}
  .section .left, .section .right {height:100vh; max-height:100%!important;}
  .section .left {-webkit-transform:translateY(100%); transform:translateY(100%);}
  .section .right {-webkit-transform:translateY(-100%); transform:translateY(-100%);}
  .page-about .section {position:static;}
  .page-template-page-about .section {position:static;}

  .bl-plus .right .title {font-size:24px;margin-bottom:20px;}
  .bl-plus .right .nav-link {font-size:18px; padding:15px;}

  .bl-last .left .tab-content {padding:100px 0 20px 20px;}
  .bl-last .left .tab-content .title {font-size:24px;}
  .bl-last .left .tab-content .title small {font-size:20px;}
  .bl-last .left .nav-link {font-size:24px; padding:25px 0;}
}
@media (min-height: 800px ) and (min-width:1440px){
  .bl-projects .grid-item {width:369px; height:120px;}
  .bl-projects .grid-item--width2 {width:370px; height:260px;}
  .bl-projects .grid-item--width3 {width:175px; height:260px;}
  .bl-projects .grid-item--width4 {width:175px; height:120px;}
  .bl-projects .grid .year {font-size:28px;}
  .bl-projects .grid .introtext {display:block;}

  .bl-plus .right .title {font-size:28px;margin-bottom:30px;}
  .bl-plus .right .nav-link {font-size:20px;}

  .bl-last .intro {font-size:48px; margin-bottom:175px;}
}
@media (min-height: 900px ) and (min-width:1440px){
  .bl-projects .grid-item {width:369px; height:135px;}
  .bl-projects .grid-item--width2 {width:370px; height:290px;}
  .bl-projects .grid-item--width3 {width:175px; height:290px;}
  .bl-projects .grid-item--width4 {width:175px; height:135px;}
  .bl-projects .grid-container {padding:100px 30px 40px 40px;}

  .bl-plus .right .title {font-size:38px;}
  .bl-plus .right .nav-link {font-size:24px; padding:20px;}

  .bl-plus .left .introtext {padding:100px 40px 40px 40px; font-size:36px;}
  .bl-plus .left .introtext small {font-size:30px; margin-bottom:30px;}

  .bl-last .left .tab-content {padding:200px 0 40px 40px;}
  .bl-last .left .tab-content .title {font-size:36px;}
  .bl-last .left .tab-content .title small {font-size:26px;}
  .bl-last .left .nav-link {font-size:36px;}
  .bl-last .right .tab-pane li:not(:last-child):before {content:''; position:absolute; left:31px; top:0; height:100%; width:16px; background:url('/wp-content/themes/ultraSite/images/icons/dots.jpg') repeat-y 0 0;}
  .bl-last .right .tab-pane img {position:relative; display:block!important;}
  .bl-last .right .tab-pane {padding:40px;}
  .bl-last .right .tab-pane .content {margin-left:30px;}
  .bl-last .right .tab-pane li:not(:last-child) {padding-bottom:30px;}
  .bl-last .right .tab-pane .title {font-size:24px; margin-bottom:10px;}
  .bl-last .right .tab-pane .introtext {font-size:18px;}

  .bl-about.about6 .introtext {white-space:inherit;}
}
@media (min-height: 1000px ) and (min-width:1440px){
  .bl-projects .grid-item {width:369px; height:150px;}
  .bl-projects .grid-item--width2 {width:370px; height:320px;}
  .bl-projects .grid-item--width3 {width:175px; height:320px;}
  .bl-projects .grid-item--width4 {width:175px; height:150px;}
  .bl-projects .grid-container {padding:50px 20px 50px 50px;}
  .bl-projects .grid-container .title {font-size:48px; margin-bottom:50px;}

  .bl-plus .right .title {font-size:48px;}
  .bl-plus .right .nav-link {font-size:30px; padding:25px 30px;}

  .bl-last .left .tab-content .title {font-size:48px;}
  .bl-last .left .tab-content .title small {font-size:36px;}
}
@media (min-height: 1030px ){
	.none{display:block;}
	fieldset .info .head {color:#fff; text-decoration:none; display:block; cursor:auto;}
	.heads {text-decoration:none; cursor:auto;}
}

.section-container.market_bg1 {background:url('/wp-content/themes/ultraSite/images/bg/market_bg1.png') no-repeat center top; background-color:#FFF; padding: 100px 30px 10px 30px;}

.section-container.fullwidth { padding: 60px 30px; color: #fff; min-height: 470px;}
.section-container.market_bg2 {background:url('/wp-content/themes/ultraSite/images/bg/market_bg2.png') no-repeat center top; background-color:#f35d41;}

.section-container.fullwidth ul li {
	list-style: none;
	font-size: 23px;
	border-left: 5px solid #fff;
	padding-left: 30px;
	margin-bottom: 30px;
}

.section-container.fullwidth ul li:before {
	width: 3px;
	background: #fff;
	height: auto;
	display: inline-block;
	position: absolute;
}

.text-black {
	color: #464646;
}

.text-mid {
	font-size: 20px;
}

.pad30 {
	padding-top: 30px;
}

.marketIcons {
	padding: 20px 0;
}

.bl-strange2.market2 {
	text-align: left;
	color: #fff;
	font-size: 20px;
}

.bl-strange2.market2 .container {
	background:url('/wp-content/themes/ultraSite/images/bg/market_bg3.png') no-repeat center top; 
	background-color:#c35ea8;
	max-width: 999px;
	padding: 30px;
}

.bl-strange2.market2 .big-text {
	font-size: 25px;
}

.section-container.bg5 {background:url('/wp-content/themes/ultraSite/images/bg/market_bg4.png') no-repeat center top; background-color:#fff;}

.market-block {
	max-width: 500px;
	color: #fff;
	font-size: 20px;
	height: 246px;
	margin-bottom: 30px;
}

.market-block p {
	text-align: left;
	padding: 35px 95px;
}

.market-block.first {
	background:url('/wp-content/themes/ultraSite/images/bg/market_bg5.png') no-repeat center top; 
	background-color:#f35d41;
}

.market-block.second {
	background:url('/wp-content/themes/ultraSite/images/bg/market_bg6.png') no-repeat center top; 
	background-color:#f35d41;
}

.market-text p {
	text-align: left;
	font-size: 20px;
}

.market-mini .container {
	max-width: 800px;
}

.market-foot {
	max-width: 800px;
}

.section-container.bg6 {background:url('/wp-content/themes/ultraSite/images/bg/market_bg7.png') no-repeat center top; background-color:#fff;}

.bl-plus .nav-link.bluenav, .bl-plus .nav-link.bluenav.active:before {
    background: #319298 !important;
}

.page-id-168 #fp-nav, .page-template-page-reviews #fp-nav, .page-template-page-portfolio #fp-nav, .page-template-page-order #fp-nav {
	display: none !important;
}

.bl-intro.contacts #servicesContacts {padding:110px;}

.bl-intro.contacts #servicesContacts .ftitle {
	font-size: 30px;
}

.bl-intro.contacts #servicesContacts .ftitle {
	color: #fff;
	font-weight: bold;
}

.wpcf7-form-control.wpcf7-text {
	color: #000;
}

.wpcf7-form-control.wpcf7-text::placeholder {
	color: #fff;
}

.servicesContacts #map {
 	padding: 0 !important;
}


.navbar-nav .dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 0;
    min-width: 200px; /* Установите ширину подменю */
}

/* Показываем подменю при наведении */
.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    top: 100%; /* Позиционируем под родительским пунктом */
    left: 0;
    margin-top: 0;
}

/* Убираем стандартное поведение клика Bootstrap */
/*
.navbar-nav .nav-item.dropdown .nav-link {
    padding: 15px 20px;
    color: #fff;
}
*/

.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
	background-color: #de5c43;
    color: #fff; /* Цвет при наведении, если нужно */
}

.bl-bavbar .nav-item.dropdown.active .dropdown-menu a {
	color: #212529;
}

.bl-bavbar .nav-item.dropdown.active .dropdown-menu li.active a {
	color: #fff;	
}

/* Отключаем hover на мобильных устройствах */
@media (max-width: 991px) {
    .navbar-nav .dropdown-menu {
        display: none !important; /* Скрываем подменю */
    }
    .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
        display: none !important; /* Отключаем hover */
    }
    .navbar-nav .nav-item.dropdown.show .dropdown-menu {
        display: block !important; /* Включаем показ при клике через Bootstrap JS */
    }
}