* {
outline: none !important;
}
html {
scroll-behavior: smooth;
}
body {
font-size: 16px;
font-family: 'PT Sans', sans-serif;
color: #5E5E5E;
}
h1 {
font-size: 35px;
}
h2 {
clear: both;
text-align: center;
font-weight: normal;
font-size: 30px;
margin: 25px 0 25px 0;
text-transform: uppercase;
}
h1, h2, h3 {
color: #333;
font-family: 'PT Sans Narrow', sans-serif;
}
h3 {
position: relative;
z-index: 2;
}
a {
color: #333;
}
a:hover {
cursor: pointer;
}
.center {
text-align: center !important;
}
#system-message-container {
position: fixed;
top: 75px;
z-index: 30;
right: 15px;
}
.article-info-term {
display: none;
}
.nicescroll-rails {
z-index: 2 !important;
}
article section {
padding-top: 60px;
margin-bottom: -60px;
}
footer section {
margin-top: 50px;
}
header {
clear: both;
height: 60px;
padding: 0 5%;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
position: fixed;
z-index: 15;
background-color: white;
left: 0 !important;
right: 0 !important;
display: flex;
}
header .logo, header .tvtma-megamnu {
display: inline-block;
}
header .logo {
width: 280px;
height: 26px;
float: left;
line-height: 50px;
}
header .logo img {
height: 26px;
}
header .tvtma-megamnu {
float: right;
margin: 0;
}
header .tvtma-megamnu .nav {
position: relative;
left: 0;
display: block;
float: left;
margin: 0 45px 0 0;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .navbar .nav a:hover {
text-transform: uppercase;
color: #444;
text-shadow: none;
background-color: transparent;
box-shadow: none;
border: solid 1px rgb(212, 212, 212);
}
.navbar .nav > li {
margin-left: 5px;
}
.navbar .nav > li > a {
padding: 0 10px;
text-transform: uppercase;
font-family: 'PT Sans Narrow', sans-serif;
line-height: 40px;
color: #444;
margin: 9px 0;
border: solid 1px transparent;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
color: #000;
}
.dj-megamenu li.hover div.dj-subwrap li.hover > div.dj-subwrap {
right: auto !important;
top: 40px !important;
left: auto !important;
}
/* !important is needed sometimes */ ::-webkit-scrollbar {
width: 12px !important;
}
/* Track */ ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}
/* Handle */ ::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #414042 !important;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #414042 !important;
}
.languageswitcher {
position: absolute;
right: 0;
top: 0;
background-color: rgb(65, 64, 66);
text-align: center;
padding: 0 15px;
}
.languageswitcher a {
display: inline-block;
color: white;
line-height: 60px;
text-transform: uppercase;
}
.lang-en-gb .item-207, .lang-en-gb .item-222 {
display: none;
}
.dropdown .dropdown-menu {
text-transform: uppercase;
border-radius: 0;
background-color: #10214c;
border: none;
left: -140px;
margin: 0;
}
.item-314:hover .dropdown-menu, .item-314:active .dropdown-menu, .open > .dropdown-menu {
display: flex;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
display: none;
}
.dropdown-menu > li > a {
color: white;
padding: 5px 25px;
}
.navbar .nav > li > .dropdown-menu:after {
border-bottom: 6px solid #10214c;
}
.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after {
left: 48%;
}
.dropdown-menu a:hover, .dropdown-menu > .active > a {
color: white !important;
border: none !important;
background: none !important;
}
article {
overflow: hidden;
}
article #home {
min-height: 600px;
height: 100vh;
padding: 0;
}
article .intro {
overflow: hidden;
position: relative;
min-height: inherit;
height: inherit;
padding: inherit;
background-color: #10214c;
}
article .intro:before {
position: absolute;
content: '';
width: 2400px;
height: 1800px;
border-radius: 50%;
background-color: #fff;
background-image: url(/templates/videoservice/images/bg1.jpg);
background-position: 120% center;
background-size: 50%;
background-repeat: no-repeat;
top: 50%;
margin-top: -900px;
right: 50%;
z-index: 2;
box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.75);
}
article .intro .text {
position: absolute;
top: 60px;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
align-items: center;
margin-left: 2.5%;
margin-right: 2.5%;
}
article .intro .text > .left {
float: left;
width: 50%;
padding: 0 50px 0 25px;
box-sizing: border-box;
}
article .intro .text > .left h2 {
line-height: 55px;
text-align: left;
color: white;
font-weight: bold;
text-shadow: 0 1px 2px #333, 0 0 20px rgba(0, 0, 0, 0.7);
}
article .intro .text > .left .buttons {
position: absolute;
bottom: 25px;
}
.action-btn {
display: flex;
justify-content: center;
z-index: 2;
position: relative;
}
article #home .text .order-button, .action-btn .order-button {
display: inline-block;
background-color: rgba(16, 33, 76, 1);
border-radius: 50px;
padding: 8px 15px;
color: white;
text-transform: uppercase;
vertical-align: text-bottom;
margin: 25px 5px 25px 0;
border: solid 3px rgb(255, 255, 255);
text-align: center;
}
article #home .text .order-button.grey, .action-btn .order-button.grey {
background-color: #414042 !important;
}
article .intro .text > .right {
float: right;
width: 50%;
text-align: center;
padding: 50px;
box-sizing: border-box;
text-shadow: 0 2px 2px #333;
}
article .intro .text > .right a {
color: white;
}
article .intro .text > .right a:hover {
text-decoration: none;
}
article .intro .text > .right h2 {
color: white;
font-weight: bold;
width: 205px;
margin: 0 auto;
}
article .intro video {
position: relative;
top: 0;
bottom: 0;
right: -25%;
z-index: 1;
object-fit: cover;
min-height: 600px;
height: 100vh;
}
article .intro #video-controls {
z-index: 2;
position: absolute;
right: 15px;
bottom: 0;
}
article .intro #video-controls > div {
border: solid 1px rgba(255, 255, 255, 0.25);
width: 50px;
height: 50px;
text-align: center;
color: white;
line-height: 50px;
margin: 15px 0 15px 15px;
display: inline-block;
cursor: pointer;
}
article .intro:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url(../images/bg-pixel.png);
z-index: 1;
}
article .intro .intro-header {
text-align: center;
color: white;
text-transform: uppercase;
font-size: 25px;
font-weight: bold;
padding: 50px 13%;
z-index: 2;
position: relative;
}
article .intro .intro-header .line1 {
border-bottom: solid 1px white;
padding-bottom: 10px;
margin-bottom: 10px;
padding-bottom: 25px;
margin-bottom: 25px;
font-size: 30px;
text-shadow: 0 1px 1px #000;
z-index: 2;
position: relative;
font-family: 'PT Sans Narrow', sans-serif;
}
article .video-intro {
clear: both;
overflow: auto;
margin-bottom: 30px;
}
article .video-intro h2 {
text-align: center;
text-transform: uppercase;
margin: 75px 50px 50px;
padding: 0 0 50px 0;
position: relative;
}
article .video-intro .avPlayerWrapper {
clear: initial;
width: 33.3%;
float: left;
}
.avPlayerWrapper {
position: relative;
z-index: 2;
}
article .about-us > .wrap {
width: auto;
display: inline-block;
margin-left: 5%;
margin-right: 5%;
box-sizing: border-box;
padding-bottom: 75px;
z-index: 3;
text-align: justify;
}
article .about-us .wrap strong {
padding-top: 25px;
display: block;
}
article .about-us .about-us:after {
content: "";
background-image: url(../images/camera.jpg);
background-position: left;
background-size: cover;
left: auto;
right: 0;
top: 0;
bottom: 0;
position: absolute;
width: 80%;
z-index: -2;
}
.custom.about-us:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
background: rgba(255, 255, 255, 0.9);
}
.view-article .custom.about-us:before {
content: none;
}
.view-article article .about-us .header p {
margin: 0;
}
article .about-us .about-us {
position: relative;
z-index: 1;
display: block;
}
article .about-us .header {
text-align: center;
padding-top: 35px;
padding-bottom: 25px;
margin: 0 0 25px;
position: relative;
z-index: 2;
}
article .about-us .header p {
margin: 0 15%;
}
article .about-us .left, article .about-us .right {
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
article .about-us .left {
border-right: solid 1px rgb(212, 212, 212);
width: 50%;
padding: 25px 50px 25px 0;
}
article .about-us .right {
width: 50%;
padding: 25px 0 25px 50px;
}
article .about-us .left h2, article .about-us .right h2 {
text-align: left;
}
article .about-us .header img {
width: 350px;
padding-bottom: 25px;
}
article .about-us ul {
margin: 0;
list-style: none;
}
article .about-us ul li {
width: 30%;
}
.project {
display: block;
width: 100%;
padding: 40px 5%;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: center;
background-color: rgb(65 64 66);
}
.view-featured .project {
margin-bottom: -60px;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
color: white;
opacity: 0.7;
font-size: 40px;
position: absolute;
/* top: 70px;
right: 70px;*/
top: 15px;
right: 25px;
}
.project a, #projectStart .modal-body, #projectStartCorp .modal-body {
color: white;
text-decoration: none;
max-height: 83vh;
height: 100%;
overflow-y: auto;
padding-right: 25px;
}
.modal-body a {
color: white;
}
.modal-body .rsform-block-terms-agree a {
color: #f90;
}
.project a span, #projectStart .modal-body > span, #projectStartCorp .modal-body > span {
clear: both;
display: block;
}
.project .img-ico {
background-color: white;
display: block;
width: 35px;
margin: 0 auto;
height: 40px;
text-align: center;
line-height: 39px;
padding-left: 5px;
}
.project a span:nth-child(1), #projectStart .modal-body > span:nth-child(1), #projectStartCorp .modal-body > span:nth-child(1) {
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
}
.project a span:nth-child(2), #projectStart .modal-body > span:nth-child(2), #projectStartCorp .modal-body > span:nth-child(2) {
font-size: 20px;
padding: 20px 0;
}
.project a span:nth-child(3), #projectStart .modal-body > span:nth-child(3), #projectStartCorp .modal-body > span:nth-child(3) {
font-size: 35px;
font-weight: bold;
padding-bottom: 20px;
}
.cont-mod #projectStart, .cont-mod #projectStartCorp {
background-image: url(/templates/videoservice/images/worldmapform.jpg);
background-position: top center;
background-size: cover;
background-color: transparent;
padding: 50px 75px 50px 100px;
position: fixed;
border-radius: 150px;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
width: 800px;
max-height: 100%;
height: 95vh;
box-sizing: border-box;
z-index: 999999;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 5px rgba(40, 40, 40, 1);
box-shadow: inset 25px 25px 100px 25px black, inset -15px -15px 100px 0px rgb(36, 36, 36);
}
.cont-mod #projectStart {
max-height: 850px;
height: auto;
}
.itemid-207 .cont-mod #projectStart {
height: 600px;
}
.cont-mod #projectStart span, .cont-mod #projectStartCorp span {
text-align: center;
}
.gtooltip {
top: auto !important;
left: auto !important;
margin-top: -33px !important;
}
.cont-mod .modal-body {
padding: 0;
}
.cont-mod form {
overflow: auto;
margin: 15px 0 0 0;
padding: 0 5px;
}
.modal-body .rsform .formRow > div {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.modal-body .formResponsive .formHorizontal .rsform-block {
flex: 0 1 47%;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.modal-body .formResponsive .formHorizontal .rsform-block-order-info {
flex: 1 1 100%;
text-align: center;
justify-content: center;
}
.modal-body .formResponsive .formHorizontal .rsform-block-order-info strong {
text-transform: uppercase;
color: #ff9900;
font-size: 17px;
}
.modal-body .formResponsive .formHorizontal .rsform-block-equipment {
flex: 0 1 100%;
margin-bottom: 15px;
}
.modal-body .formResponsive .formHorizontal .rsform-block-message, .modal-body .formResponsive .formHorizontal .rsform-block-submit {
flex: 0 1 100%;
}
.modal-body .formResponsive .formHorizontal .rsform-block-submit {
margin-top: 15px;
}
.rsform-block-email, .rsform-block-website, #rsform_4_page_0 .rsform-block-phone {
display: none !important;
}
.modal-body div.formBody {
display: flex;
flex-wrap: wrap;
float: none;
}
.modal-body div.formBody select {
flex: 1;
padding: 2px 7px;
margin-bottom: 12px;
}
.modal-body .formResponsive .formError {
color: red;
padding-left: 0;
vertical-align: middle;
font-size: 12px;
line-height: 12px;
font-weight: normal;
margin: 0;
height: auto;
display: block;
}
.modal-body .formResponsive select, .modal-body .formResponsive textarea, .modal-body .formResponsive input[type="text"], .modal-body .formResponsive input[type="number"], .modal-body .formResponsive input[type="email"], .modal-body .formResponsive input[type="tel"], .modal-body .formResponsive input[type="url"], .modal-body .formResponsive input[type="password"] {
padding: 7px;
margin-bottom: 3px;
font-size: 13px;
}
.modal-body .formResponsive input, .modal-body .formResponsive textarea {
flex: 0 97%;
color: #333;
}
.modal-body .formResponsive .formHorizontal .formControlLabel {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
.modal-body .formResponsive .formHorizontal .formControls {
padding-left: 0;
margin-left: 0;
flex: 100%;
}
.modal-body .formResponsive button[type="submit"], .modal-body .formResponsive button[type="submit"]:hover {
line-height: 40px;
width: 100%;
text-transform: uppercase;
font-size: 20px;
background: whitesmoke;
color: initial;
text-shadow: none;
}
.stripe-page {
display: flex;
height: 100vh;
}
.cont-mod form .chronoform-container {
margin: 0;
}
.cont-mod form .chronoform-container .form-group {
margin-bottom: 15px;
display: inline-block;
width: 50%;
}
.cont-mod form .chronoform-container .gcore-display-table {
display: table;
width: 90%;
}
.cont-mod form .chronoform-container #form-row-textarea4 {
width: 100%;
}
.cont-mod form .chronoform-container #form-row-textarea4 .gcore-display-table {
width: 95%;
}
.cont-mod form .chronoform-container #form-row-button21 {
color: #333;
padding-left: 25px;
margin-bottom: 18px;
}
.cont-mod form .chronoform-container #form-row-button21 #button21 {
line-height: 61px;
width: 99%;
text-transform: uppercase;
font-size: 20px;
}
.cont-mod form form #chronoform-container-48 {
margin: 15px 0 0 0;
}
.gvalidation-error-text {
font-size: 14px !important;
text-transform: none !important;
font-weight: normal !important;
line-height: 17px !important;
}
article #service .body .slide .bt-inner .bt-title .icon {
height: 71px;
padding: 15px 0 15px 0;
}
article #service .body .slide .bt-inner .bt-title .icon img {
height: 100%;
}
#projectStart .qfblock, #projectStartCorp .qfblock {
text-align: left;
padding: 50px 0 0;
color: white;
}
#projectStart .qfblock div, #projectStartCorp .qfblock div {
padding: 3px 0;
position: relative;
width: 50%;
float: left;
}
#projectStart .qfblock .qfemail, #projectStartCorp .qfblock .qfemail {
text-align: right;
}
#projectStart .qfblock .qfemail label, #projectStartCorp .qfblock .qfemail label {
left: 36px;
}
#projectStart .qfblock label, #projectStartCorp .qfblock label {
text-align: right;
padding: 0;
display: inline-block;
width: auto;
top: -22px;
left: 10px;
position: absolute;
color: white;
font-size: 16px;
}
#projectStart .qfblock div input, #projectStartCorp .qfblock div input {
display: inline-block;
float: none;
margin: 0;
background-color: transparent;
border: solid 1px white;
padding: 0 10px;
height: 45px;
margin-bottom: 33px;
width: 90%;
}
#projectStart .qftextarea, #projectStartCorp .qftextarea {
clear: both;
float: none;
width: 97.5% !important;
}
#projectStart .qfblock textarea, #projectStartCorp .qfblock textarea {
vertical-align: top;
background-color: transparent;
width: 100%;
margin-bottom: 33px;
}
#projectStart .qfsubmit, #projectStartCorp .qfsubmit {
width: 100% !important;
text-align: center;
}
#projectStart .qfsubmit input, #projectStartCorp .qfsubmit input {
border-radius: 4px;
border-width: 1px;
border-style: solid;
color: #fff;
font-size: 24px;
margin: 0px auto !important;
padding: 0 38px !important;
}
article #service {
overflow: auto;
}
article #service > div {
background-color: #F5F5F5;
}
.view-article article #service > div {
background-color: transparent;
z-index: 2;
position: relative;
}
article #service .left {
position: relative;
display: flex;
}
article #reviews {}
article #reviews > .otzivi:before {
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
z-index: 1;
}
article #reviews > .otzivi:before {
background-color: rgba(0, 0, 0, 0.5);
}
article #service .header {
padding: 0 5%;
box-sizing: border-box;
}
article #service .header .moduletable {
z-index: 1;
}
article #service .header h2 {
padding: 35px 0 25px 0;
border-bottom: solid 1px rgb(212, 212, 212);
}
article #service .header .custom {
text-align: center;
}
article #service .header .custom p {
width: 80%;
margin: 0 auto;
}
article #service .body {
position: relative;
padding: 50px 0 90px;
box-sizing: border-box;
margin-bottom: 60px;
}
article #service .body .bt-cs, article #clients .bt-cs {
margin: 0 5%;
box-sizing: border-box;
}
.view-article article #service .body .bt-cs {
margin: 0;
}
article #partneri .bt-cs {
margin: 0 5% 50px;
box-sizing: border-box;
}
article #service .body .bt-cs .slide, article #clients .bt-cs .slide, article #partneri .bt-cs .slide, .view-article article #service .body .bt-cs .slide {
display: flex;
flex-wrap: wrap;
position: relative;
}
.no-flexbox article #service .body .bt-cs .slide, .no-flexbox article #clients .bt-cs .slide, .no-flexbox article #partneri .bt-cs .slide {
display: block;
}
article #service .body .bt-cs .slide:after, article #clients .bt-cs .slide:after, article #partneri .bt-cs .slide:after {
content: '';
width: 5px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
background-color: #F5F5F5;
z-index: 1;
}
.rent-cards .slide:after {
content: '';
width: 5px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
background-color: #F5F5F5;
z-index: 1;
}
article #clients .bt-cs .slide:after, article #partneri .bt-cs .slide:after {
background-color: #FFF;
}
article #service .body .bt-cs .slide:before, article #clients .bt-cs .slide:before, article #partneri .bt-cs .slide:before, .view-article article #service .body .bt-cs .slide:before {
content: '';
height: 3px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-color: #F5F5F5;
z-index: 1;
}
.rent-cards .slide:before {
content: '';
height: 3px;
position: absolute;
left: 0;
right: 0;
top: 0;
background-color: #F5F5F5;
z-index: 1;
}
.view-article article #service .body .bt-cs .slide:before, .view-article article #service .body .bt-cs .slide:after {
background-color: #FFFFFF;
}
.rent-cards .slide:after, .rent-cards .slide:before {
background-color: #FFFFFF;
}
article #clients .bt-cs .slide:before, article #partneri .bt-cs .slide:before {
background-color: #FFF;
}
article #service .body .bt_handles li {
position: relative;
opacity: 0.9;
}
article #service .bt-cs:hover a.prev {
opacity: 1 !important;
left: -50px;
}
article #service .bt-cs:hover .next {
opacity: 1 !important;
right: -40px;
}
article #service .body .bt-cs a.prev {
opacity: 0;
display: block;
z-index: 5;
}
article #service .body .bt-cs a.next {
opacity: 0;
display: block;
z-index: 5;
}
article #service .body .bt_handles li a {
display: block !important;
width: 17px;
height: 0;
background-image: none;
background-position: 0 0;
background-color: #ccc;
border-radius: 150px;
float: left;
padding: 17px 0 0 0 !important;
overflow: hidden;
margin: 0 6px;
}
article #service .body .bt_handles li a:before {
opacity: 0;
content: '';
position: absolute;
top: -5px;
bottom: 0;
left: 1px;
right: 0;
border: 1px dotted #cccccc;
width: 25px;
height: 25px;
border-radius: 150px;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
article #service .body .bt_handles li.current a:before, article #service .body .bt_handles li:hover a:before {
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
article #service .body #btcontentslider131 .bt_handles {
bottom: -33px !important;
left: 50% !important;
right: auto !important;
top: auto !important;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
article #service .body .slide .bt-row, article #clients .slide .bt-row, article #partneri .slide .bt-row {
float: left;
width: 33.3% !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 15px 50px 50px 50px;
border-right: solid 1px rgb(212, 212, 212);
border-bottom: solid 1px rgb(212, 212, 212);
}
.view-article article #service .body .slide .bt-row {
width: 50% !important;
}
_::-moz-svg-foreign-content, :root article #clients .slide .bt-row, :root article #partneri .slide .bt-row {
min-height: 440px;
}
#service .body .slide .bt-row:not([attr*='']) {
min-height: 440px;
}
article #service .body .slide .bt-inner, article #clients .slide .bt-inner, article #partneri .slide .bt-inner {
margin: 0;
position: initial;
height: 100%;
text-align: center;
padding: 0;
}
article #service .body .slide .bt-inner .bt-title img {
outline: none;
border: none;
max-width: 99%;
margin: 0;
}
article #service .body .slide .bt-inner .bt-title, article #clients .slide .bt-inner .bt-title, article #partneri .slide .bt-inner .bt-title {
clear: both;
font-family: 'PT Sans Narrow', sans-serif;
color: #333;
font-weight: normal;
padding: 0 0 25px 0;
text-transform: uppercase;
display: inline-block;
font-size: 20px;
}
article #clients .slide .bt-inner .bt-title, article #partneri .slide .bt-inner .bt-title {
padding: 0 0 10px 0;
}
article #clients .slide .bt-inner .bt-title .icon, article #partneri .slide .bt-inner .bt-title .icon {
height: 200px;
overflow: hidden;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
article #clients .bt-cs .bt-inner img, article #partneri .bt-cs .bt-inner img {
width: 100%;
}
.no-flexbox article #clients .slide .bt-inner .bt-title .icon, .no-flexbox article #partneri .slide .bt-inner .bt-title .icon {
display: block;
}
.no-flexbox article #clients .bt-cs .bt-inner img, .no-flexbox article #partneri .bt-cs .bt-inner img {
height: 100%;
width: 100%;
}
article #service .body .slide .bt-inner .bt-introtext, article #clients .slide .bt-inner .bt-introtext, article #partneri .slide .bt-inner .bt-introtext {
font-size: 15px;
line-height: 19px;
margin-bottom: 45px;
}
article #service .body .slide .bt-inner .bt-introtext .order-button, article #clients .slide .bt-inner .bt-introtext .order-button, article #partneri .slide .bt-inner .bt-introtext .order-button {
display: block;
position: absolute;
bottom: -15px;
left: 0;
right: 0;
margin-left: 15%;
margin-right: 15%;
background-color: #414042;
padding: 8px 30px;
color: white;
text-transform: uppercase;
vertical-align: text-bottom;
}
article #service .body .slide .bt-inner .bt-introtext .order-button:not(*:root), article #clients .slide .bt-inner .bt-introtext .order-button:not(*:root), article #partneri .slide .bt-inner .bt-introtext .order-button:not(*:root) {
bottom: 35px;
}
_::-moz-range-track, body:last-child article #service .body .slide .bt-inner .bt-introtext .order-button, _::-moz-range-track, body:last-child article #clients .slide .bt-inner .bt-introtext .order-button, body:last-child article #partneri .slide .bt-inner .bt-introtext .order-button {
bottom: 35px;
}
_:-ms-input-placeholder, :root article #service .body .slide .bt-inner .bt-introtext .order-button, _:-ms-input-placeholder, :root article #clients .slide .bt-inner .bt-introtext .order-button, :root article #partneri .slide .bt-inner .bt-introtext .order-button {
bottom: -15px;
}
article #partneri .slide .bt-inner .bt-introtext .modal-body {
text-align: justify;
}
article #partneri .slide .bt-inner .bt-introtext .modal-body h2 {
padding: 15px 0 20px;
}
article #partneri .slide .bt-inner .bt-introtext .modal-body a {
color: #111;
}
article .uslugi h2, article .otzivi h2 {
position: relative;
z-index: 1;
color: white;
text-align: center;
text-transform: uppercase;
padding: 6% 10% 0;
}
article .uslugi .uslugi {
position: relative;
z-index: 1;
padding: 0;
overflow: auto;
display: flex;
}
article .uslugi .uslugi .left p {
text-align: center;
margin-bottom: 0;
position: relative;
z-index: 1;
}
article .uslugi .uslugi ul {
margin: 50px -150px 0 100px;
list-style: none;
}
article .uslugi .uslugi ul li {
display: inline-block;
width: 49.7%;
padding: 0 150px 75px 0;
box-sizing: border-box;
color: rgba(185, 189, 200, 1);
}
article .uslugi .uslugi ul li .icon {
position: absolute;
margin: 0 0 0 -100px;
border: solid 1px rgba(255, 255, 255, 0.25);
width: 70px;
height: 70px;
text-align: center;
}
article .uslugi .uslugi ul li .icon img {
padding-top: 20px;
}
article .uslugi .uslugi ul li .text {}
article .uslugi .uslugi ul li strong {
clear: both;
float: none;
display: block;
text-transform: uppercase;
font-size: 20px;
padding: 0 0 10px 0;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 20px;
font-style: normal;
color: white;
}
article #reviews .bt-cs a.next {
right: 50px !important;
opacity: 0;
background: url(../images/next-01.png) right center no-repeat !important;
}
article #reviews .bt-cs a.prev {
left: 50px !important;
opacity: 0;
background: url(../images/prev-01.png) right center no-repeat !important;
}
article #reviews:hover .bt-cs a.next, article #reviews:hover .bt-cs a.prev {
opacity: 0.7;
display: block;
}
article #reviews > .otzivi {
position: relative;
background-color: #F2F2F2;
overflow: auto;
text-align: center;
background-image: url(../images/wood-bg-1.jpg);
background-position: center top;
clear: both;
float: none;
width: 100%;
}
article .otzivi h2 {
padding: 75px 0 25px;
margin: 0 10% 25px;
border-bottom: solid 1px rgba(255, 255, 255, 0.25);
}
article .otzivi .slides_container {
overflow: hidden;
position: relative;
z-index: 2;
}
article .otzivi .slides_container .slide {
min-height: 230px;
}
article .otzivi .bt-center img {
outline: none;
border: 5px solid #fff;
}
article .otzivi .bt-cs .bt-inner {
margin: 0;
position: relative;
padding: 0 15%;
}
article .otzivi .bt-cs .bt-center {
text-align: center;
float: left;
margin-right: 50px;
}
article .otzivi .bt-introtext {
font-size: 25px;
line-height: 35px;
font-family: 'PT Sans Narrow', sans-serif;
color: white;
text-align: justify;
float: left;
display: inline-block;
width: 70%;
}
article .otzivi .bt-introtext p:last-child {
font-size: 16px;
}
article #clients {
position: relative;
margin-top: 50px;
}
article .o-nas .page-header:before {
background-color: rgba(0, 0, 0, 0.85);
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
}
article #clients h2, article #partneri h2 {
text-align: center;
text-transform: uppercase;
padding: 35px 5% 25px;
margin: 0 5% 25px;
position: relative;
border-bottom: solid 1px rgb(212, 212, 212);
}
article #clients .ot_logo_scroller_wrapper {
width: 100%;
position: relative;
padding-top: 0;
margin: 0;
padding-bottom: 50px;
}
article #clients .ot_logo_scroller_wrapper .ot_row {
margin: 0 75px;
overflow: visible;
display: flex;
flex-wrap: wrap;
list-style: none;
}
.no-flexbox article #clients .ot_logo_scroller_wrapper .ot_row {
display: block;
}
article #clients .ot_logo_scroller_wrapper .ot_row > li {
width: 20%;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 25px;
height: 150px;
}
article #clients .ot_logo_scroller_wrapper .ot_row > li img {
-webkit-filter: grayscale(1) opacity(0.7);
object-fit: contain;
width: 100%;
height: 100%;
}
article #clients .ot_logo_scroller_wrapper .ot_row > li:hover img {
-webkit-filter: grayscale(0) opacity(1);
}
article .o-nas .page-header {
background-image: url(../images/commercial-set.jpg);
background-repeat: no-repeat;
text-align: center;
margin: 0;
padding: 0 0 50px 0;
border: none;
background-size: cover;
background-position: center;
position: relative;
}
article .o-nas .page-header h1 {
color: white;
margin: 0;
padding: 50px 13% 50px;
position: relative;
text-transform: uppercase;
background-image: url(../images/line-white.png);
background-repeat: no-repeat;
background-position: center bottom;
}
article .center-row {
padding: 50px 13%;
text-align: center;
}
article .row {
display: flex;
justify-content: space-between;
}
article .o-nas .left {
background-image: url('/images/vs/about-us.jpg');
width: 50%;
float: left;
background-size: cover;
background-position: center;
}
article .o-nas .right {
float: left;
width: 50%;
padding: 50px;
box-sizing: border-box;
background-color: #F5F5F5;
}
.square {
margin: 25px 50px;
}
.square li {
padding: 10px 0 10px 10px;
position: relative;
z-index: 1;
text-align: left;
}
.square li:before {
content: '';
border: solid 1px rgb(150, 150, 150);
width: 25px;
height: 25px;
display: block;
position: absolute;
top: 7px;
left: -29px;
z-index: -1;
}
_::-moz-range-track, body:last-child .square li:before {
left: -30px;
}
article .center-row .big-text {
text-transform: uppercase;
font-size: 30px;
font-family: 'PT Sans Narrow', sans-serif;
margin-right: 100px;
display: inline-block;
}
article .center-row .phone {
border: solid 2px #10214C;
padding: 0px 25px;
font-size: 30px;
color: #10214C;
font-family: 'PT Sans Narrow', sans-serif;
line-height: 40px;
vertical-align: middle;
margin-top: -15px;
display: inline-block;
}
article .center-row .phone .icon {
width: 30px;
float: left;
padding-right: 10px;
background-color: rgb(16, 33, 76);
margin: 0px 0 0px -25px;
display: inline-block;
margin-right: 25px;
}
article .center-row .phone .icon img {
padding: 0px 5px 5px 5px;
}
article #reviews:before {
content: '';
position: absolute;
margin-top: -222px;
left: 0;
right: 0;
height: 507px;
z-index: 2;
}
/*** Arenda videooborudovanija ***/
.rent-cards .slide {
display: flex;
flex-wrap: wrap;
display: relative;
}
.rent-cards .slide .bt-row {
flex: 0 0 33.3%;
width: 33.3%;
height: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 25px 15px;
border-left: solid 1px rgb(212, 212, 212);
border-top: solid 1px rgb(212, 212, 212);
background-color: white;
}
.rent-cards .bt-introtext .sige {
padding: 10px 0;
margin: 0;
list-style: none;
display: flex;
min-height: 180px;
align-items: center;
}
.rent-cards .bt-introtext .sige li {
width: 100%;
text-align: center;
}
.rent-cards .bt-introtext .sige li span {
background: none;
margin: 0;
float: none;
display: block;
}
.rent-cards .bt-introtext .sige li span img {
margin: 0 auto;
padding: 0;
max-width: 100%;
border: none;
max-height: 200px;
}
.rent-cards .price-block {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.rent-cards .price-block .price {
color: #ff5e00;
font-size: 25px;
font-weight: bold;
flex: 1 1 100%;
text-align: center;
}
.rent-cards .price-block small {
font-style: italic;
}
.rent-cards .tech-info > li {
list-style: none;
}
.rent-cards .tech-info > li {
list-style: none;
padding: 7px 0;
}
.rent-cards .tech-info > li:before {
margin-left: -20px;
padding-right: 5px;
content: "\f046";
color: rgba(16, 33, 76, 1);
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.rent-cards .tech-info > li a {
text-decoration: underline;
}
.rent-cards .bt-title {
min-height: 50px;
font-family: 'PT Sans Narrow', sans-serif;
clear: both;
color: rgba(16, 33, 76, 1);
font-size: 20px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
line-height: 120%;
display: inline-block;
}
.rent-cards .order-button {
display: block;
margin-left: 15%;
margin-right: 15%;
margin-bottom: 10px;
margin-top: 10px;
background-color: #414042;
padding: 8px 30px;
color: white;
text-transform: uppercase;
vertical-align: text-bottom;
clear: both;
float: none;
text-align: center;
}
.img-text {
width: 35%;
margin: 0 25px 15px 0;
}
.img-text.pull-right {
margin: 0 0 15px 25px;
}
.arenda-rulles, .arenda-vopros {
padding-bottom: 50px;
}
.arenda-rulles ul {
margin-left: 32px;
text-align: left;
}
.arenda-rulles li {
list-style: none;
padding: 15px 0;
}
.arenda-rulles li > b {
border: solid 1px rgb(150, 150, 150);
width: 25px;
height: 25px;
display: inline-block;
text-align: center;
line-height: 25px;
margin-left: -32px;
margin-right: 5px;
}
.moduletable .accordion-group {
margin-bottom: 0;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.moduletable .accordion-heading .accordion-toggle {
display: block;
padding: 10px 0;
}
.moduletable .accordion-inner {
padding: 0 0 25px 0;
border-top: 1px solid #e5e5e5;
}
.moduletable .accordion-inner p {
text-align: left;
}
.video-blocks {
list-style: none;
margin: 0;
padding: 0;
}
.video-blocks > li {
width: 47%;
display: inline-block;
margin: 0 10px;
}
article .video-blocks > li .avPlayerWrapper {
margin: 0;
}
article .video-blocks > li .avVideo .avPlayerContainer .avPlayerBlock iframe {
min-width: auto !important;
}
#portfolio {
overflow: auto;
z-index: 5;
position: relative;
}
.sp-portfolio {
position: relative;
z-index: 10;
}
article .portfolio figure, article #blog figure {
margin: 0;
padding: 0;
}
div.default .sp-portfolio-thumb img {
margin: 0;
width: 275px;
height: 206px;
object-fit: cover;
}
.itemid-126 div.default .sp-portfolio-thumb img {
width: 100% !important;
height: 300px !important;
}
div.default .sp-portfolio-item-inner {
border: solid 1px #f6f7f8;
}
div.bt-cs .sp-portfolio-item-inner {
border: none;
margin: 0;
}
article .portfolio figure p, .view-category article .blog .items-row .portfolio .article-info {
font-family: 'PT Sans Narrow', sans-serif;
color: white;
line-height: normal;
margin: 0;
}
.view-category article .blog .items-row .portfolio .article-info dd {
margin: 0;
}
article .portfolio figure figcaption, article .portfolio figure figcaption > a, article #blog figure figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: white;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-decoration: none;
padding: 30px;
}
article .portfolio .sp-portfolio-item-inner figure figcaption > a {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
}
article .portfolio figure figcaption div {
width: 100%;
height: 100%;
}
article .portfolio figure figcaption div a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
_::-moz-range-track, body:last-child article .portfolio figure figcaption, _::-moz-range-track, body:last-child article .portfolio figure figcaption > a, _::-moz-range-track, body:last-child .view-category article .blog .items-row .portfolio .page-header a, _::-moz-range-track, body:last-child article #blog figure figcaption {
padding-top: 20%;
}
article .portfolio figure figcaption > a, article #blog figure figcaption > span {
font-family: 'PT Sans Narrow', sans-serif;
font-weight: normal;
font-size: 20px;
padding-left: 35px;
padding-right: 35px;
box-sizing: border-box;
-moz-box-sizing: border-box;
line-height: 20px;
z-index: 1;
}
.no-flexbox article .portfolio figure figcaption > a, article #blog figure figcaption > span {
padding-left: 0;
padding-right: 0;
}
article #blog figure figcaption {
padding: 30px;
box-sizing: border-box;
color: #fff;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
}
.no-flexbox article .portfolio figure figcaption, article #blog figure figcaption {
padding: 0 !important;
}
.view-category article .blog .items-row .portfolio .page-header {
margin: 0;
padding: 0;
border-bottom: none;
clear: both;
border-top: solid 5px #414042;
}
.view-category article .blog .items-row .portfolio .page-header h2 {
font-size: 16px;
padding: 15px 25px;
text-transform: none;
text-align: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
line-height: 19px;
margin: 0;
width: 100%;
height: 100%;
font-family: 'PT Sans', sans-serif;
color: #5E5E5E;
}
article .portfolio figure figcaption > p, .view-category article .blog .items-row .portfolio figure:hover .article-info {
position: absolute;
bottom: 25%;
left: 0;
right: 0;
}
.view-category article .blog .items-row .portfolio .page-header a {
color: white;
text-transform: none;
}
article .rent-block-fp .rent-cards {
margin: 0 5%;
}
article .moduletable.portfolio {
padding-bottom: 50px;
clear: both;
overflow: auto;
}
article #portfolio .rent-block-fp {
padding-bottom: 150px;
}
.black-btn {
background-color: #414042;
padding: 8px 30px;
color: white;
text-transform: uppercase;
margin: 50px auto 0 auto;
display: table;
}
.black-btn:hover {
color: white;
}
article .portfolio > h2, .rent-block-fp > h2 {
text-align: center;
text-transform: uppercase;
margin: 35px 5% 25px;
padding: 0 0 25px 0;
position: relative;
border-bottom: solid 1px rgb(212, 212, 212);
}
.view-featured .sp-portfolio {
margin: 0 5%;
}
div.default ul.sp-portfolio-filter {
list-style: none;
padding: 0;
margin: 25px;
text-align: center;
}
.view-featured div.default ul.sp-portfolio-filter {
display: none;
}
div.default ul.sp-portfolio-filter .btn {
background-color: transparent;
text-transform: uppercase;
background-image: none;
border: 0;
border-radius: 0;
box-shadow: none;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 20px;
margin-bottom: 0;
padding: 4px 12px;
text-align: center;
text-shadow: none;
vertical-align: middle;
-moz-border-radius: 0;
-moz-box-shadow: none;
-webkit-border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
div.default ul.sp-portfolio-filter .btn.active {
background-color: #414042;
color: white;
}
div.default ul.sp-portfolio-filter li .btn {
background-color: transparent;
text-transform: uppercase;
background-image: none;
box-shadow: none;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 14px;
margin-bottom: 0;
text-align: center;
text-shadow: none;
vertical-align: middle;
-moz-border-radius: 0;
-moz-box-shadow: none;
-webkit-border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: solid 1px transparent;
line-height: 40px;
color: #444;
margin: 9px 0;
padding: 0px 15px;
}
div.default ul.sp-portfolio-filter li:hover .btn {
border: solid 1px rgb(212, 212, 212);
}
div.default .col-5 {
width: 19% !important;
}
div.default ul.sp-portfolio-items {
margin: -12px !important;
}
div.default .sp-portfolio-loadmore .btn {
float: none;
margin-top: 30px;
min-width: 100px;
height: auto !important;
font-size: 18px;
color: #fff;
text-transform: uppercase;
font-size: 14px !important;
line-height: 40px !important;
padding: 0px 15px !important;
background-color: #414042 !important;
}
article #blog {
overflow: auto;
padding-bottom: 60px;
clear: both;
}
article #blog > .moduletable {
background-color: #F5F5F5;
padding-top: 1px;
}
article #blog .bt-cs {
padding: 0 5%;
}
article #blog .slides_container {
width: auto;
margin: 0 -25px;
}
article #blog .slides_container .slides_control {
width: 100% !important;
}
article #blog h2 {
border-bottom: solid 1px rgb(212, 212, 212);
margin: 35px 5% 25px;
padding-bottom: 25px;
}
article #blog .slide {
width: 100% !important;
}
article #blog .slide .bt-row {
float: left;
position: relative;
overflow: hidden;
padding: 25px;
border-left: solid 1px rgb(212, 212, 212);
margin-left: -1px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
article #blog .slide .bt-row:first-child {
border-left: none;
margin-left: 0;
}
article #blog .slide .bt-inner {
margin: 0;
position: relative;
padding: 0;
overflow: hidden;
}
article #blog .bt-cs .bt-inner .bt-title {
position: relative;
display: block;
}
article #blog figure figcaption > span {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
line-height: 250px;
color: white;
box-sizing: border-box;
text-decoration: none;
padding-left: 35px;
padding-right: 35px;
}
article #blog .slide .bt-inner .bt-center {
text-align: center;
height: 250px;
overflow: hidden;
position: relative;
}
article #blog .slide .bt-inner .bt-center > div {
background-position: center;
background-size: cover;
height: 100%;
}
article #blog .slide .bt-inner img {
outline: none;
border: none;
max-width: none;
margin: 0;
max-height: 100%;
}
article #blog .slide .bt-inner .title {
clear: both;
color: #333;
font-weight: normal;
text-transform: none;
line-height: 150%;
display: block;
padding: 5px 0 5px 15px;
margin: 20px 0;
border-left: solid 3px #10214C;
}
.view-category article, .view-article article {
padding-top: 60px;
}
article .article-top {
background-image: url(../images/breadcrumbs-bg.jpg);
height: 70px;
padding: 25px 75px;
box-sizing: border-box;
}
article .article-top .cat-title {
float: left;
text-transform: uppercase;
font-size: 25px;
}
article .article-top .cat-title h2 {
font-size: 25px;
margin: 0;
line-height: 25px;
}
article .article-top .krizalys_breadcrumb {
float: right;
color: #999;
z-index: 2;
position: relative;
margin: 0;
background-color: transparent;
padding: 0;
}
.breadcrumb > li {
display: inline-block;
text-shadow: none;
}
article > .blog {
display: flex;
}
article > .blog img {
margin: 25px 0;
}
.column-2 {
column-count: 2;
column-gap: 50px;
}
.view-category article .blog > .left {
padding: 50px 75px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.view-category article .blog #item-group {
display: flex;
flex-wrap: wrap;
z-index: 2;
position: relative;
}
.no-flexbox .view-category article .blog #item-group {
display: block;
}
.view-category article .blog .items-row {
float: left;
width: 24%;
margin-bottom: 15px;
}
.itemid-132.view-category article .blog .items-row, .itemid-253.view-category article .blog .items-row {
float: left;
width: 50%;
margin: 0 0 25px 0;
}
.itemid-132.view-category article .portfolio figure figcaption {
position: absolute;
top: auto;
bottom: 0;
height: auto;
background-color: rgba(16, 33, 76, 0.9);
}
.itemid-132.view-category article .blog .items-row .portfolio figure:hover .page-header {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.itemid-132.view-category article .blog .items-row .portfolio figure {
height: 250px;
overflow: hidden;
position: relative;
}
.itemid-132.view-category article .blog .items-row .portfolio figure .page-header {
opacity: 1;
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
}
.itemid-132.view-category article .blog .items-row .portfolio figure.effect-oscar figcaption::before, .itemid-132.view-category article .blog .items-row .portfolio figure.effect-oscar p, .itemid-132.view-category article .blog .items-row .portfolio figure.effect-oscar figcaption a, .itemid-132.view-category article .blog .items-row .portfolio figure.effect-oscar figcaption span, .itemid-132.view-category article .blog .items-row .portfolio figure:hover .page-header, .itemid-132.view-category article .blog .items-row .portfolio figure:hover .article-info {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.itemid-132.view-category article .blog .items-row .portfolio .page-header a {
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
padding-top: 0;
color: white;
box-sizing: border-box;
text-decoration: none;
padding-left: 0;
padding-right: 0;
}
.itemid-132.view-category article .blog .items-row .portfolio figure.effect-oscar h2 {
margin: 0;
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
}
.itemid-132.view-category article .blog .items-row .portfolio .article-info {
display: none;
}
.view-category article .blog .items-row .portfolio {
margin: 0 15px;
padding: 0;
height: 100%;
overflow: hidden;
background-color: #f6f7f8;
border: solid 1px #f6f7f8;
}
.view-category article .blog .left h2 {
font-size: 25px;
margin: 0px 0 25px;
z-index: 2;
position: relative;
}
.view-category article .blog .left h2:first-child {
margin: 0 0 25px;
}
.view-category article .blog .items-row .portfolio figure {
overflow: hidden;
position: relative;
}
.view-category article .blog .items-row .portfolio .item-image, .view-category article .blog .items-row .portfolio .item-image img {
width: 100%;
height: 250px;
object-fit: cover;
margin: 0;
}
article .blog > .left {
float: left;
width: 75%;
position: relative;
}
article .blog.full-page > .left {
width: 100%;
}
article .blog > .left .item-page {
padding: 50px 75px 0;
}
article .blog > .left .item-page > div:nth-of-type(2) {
position: relative;
z-index: 2;
}
.blocks-3 {
display: flex;
flex-wrap: wrap;
}
.blocks-3 > li {
flex: 1 1 25%;
border: solid 1px rgb(212, 212, 212);
margin: 15px;
padding: 15px;
text-align: left;
}
.blocks-3 > li .data-btn {
display: block;
margin-left: 15%;
margin-right: 15%;
margin-bottom: 10px;
margin-top: 10px;
background-color: #414042;
padding: 8px 30px;
color: white;
text-transform: uppercase;
vertical-align: text-bottom;
clear: both;
float: none;
text-align: center;
}
article .blog .left .moduletable {
margin-top: 50px;
text-align: center;
margin-bottom: 50px;
}
article .blog .left .moduletable p {
text-align: center;
}
article .blog .left .moduletable .addthis_sharing_toolbox {
margin-top: 25px;
}
article .blog > .right {
float: right;
width: 25%;
padding: 50px 45px;
box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #F6F7F8;
}
article .blog .right .moduletable {
margin-bottom: 50px;
}
article .blog .right .moduletable .slide {
flex-wrap: wrap;
}
article .blog .right h3 {
font-size: 20px;
text-transform: uppercase;
font-weight: normal;
text-align: center;
line-height: 20px;
border-bottom: solid 1px rgb(229, 229, 229);
padding: 0 0 20px 0;
margin: 0 0 15px 0;
}
article .blog .right .pop-art ul {
margin: 0 0 0 20px;
}
article .blog .right .pop-art li {
list-style-type: square;
border-bottom: solid 1px rgb(229, 229, 229);
padding-bottom: 15px;
margin-bottom: 15px;
}
article .blog .right .categories-module {
list-style: none;
margin: 0;
}
article .blog .right .categories-module a {
color: #333;
font-weight: normal;
padding: 7px 15px;
display: block;
border: solid 1px transparent;
margin: 2px 0;
}
article .blog .right .categories-module a:hover, article .blog .right .categories-module li.active a, article .blog .right .categories-module li.current a {
border: solid 1px #333;
text-decoration: none;
background-color: transparent;
}
article .blog .right .categories-module a .badge {
float: right;
background-color: rgb(65, 64, 66);
}
article .blog .right .bt-cs .bt-row {
float: left;
position: relative;
overflow: hidden;
padding: 5px 0;
}
article .blog .right .bt-cs .bt-inner {
margin: 0;
position: relative;
padding: 0 5px;
}
article .blog .right .bt-cs .bt-inner img {
outline: none;
border: none;
max-width: 99%;
margin: 0;
}
article .blog h1 {
display: block;
width: 100%;
font-size: 30px;
font-weight: normal;
text-transform: uppercase;
margin: 0 0 35px;
text-align: center;
z-index: 2;
position: relative;
}
.itemid-345 .text-block {
padding: 58px 0 57px 0;
}
article .blog .category-desc {
margin-bottom: 35px;
}
.itemid-132 article .blog .category-desc {
display: none;
}
article .blog .category-desc ol {
margin: 0 10% 25px;
}
article .blog .category-desc .cat-img, article .blog .item-page .item-image {
margin: 0;
height: 400px;
overflow: hidden;
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
}
_::article .blog .category-desc .cat-img, _::article .blog .item-page .item-image {
margin: -50px -75px 50px;
}
article .blog .category-desc .cat-img img, article .blog .item-page .item-image img {
width: 100%;
object-fit: cover;
height: 100%;
margin: 0;
}
article .blog .category-desc .cat-img:before, article .blog .item-page .item-image:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.8) 25%, rgba(255, 255, 255, 1) 100%); /* W3C */
}
article .blog .category-desc .cat-img img, article .blog .item-page .item-image img {
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
article .blog p {
text-align: justify;
z-index: 2;
position: relative;
}
article .blog .text {
float: left;
width: 70%;
border-right: solid 1px rgb(229, 229, 229);
box-sizing: border-box;
padding: 10px 25px 10px 0;
}
article .blog .info {
float: left;
width: 30%;
padding: 10px 0 10px 25px;
box-sizing: border-box;
}
article .blog .info ul {
margin: 0;
list-style: none;
}
article .blog .info ul li {
margin: 0 0 20px 0;
}
article .blog .textgal {
display: flex;
}
article .blog .textgal > div {
width: 50%;
}
article .blog .textgal > .gal {
padding: 10px 0 10px 25px;
}
article .blog .item-page h3 {
padding: 0;
margin: 0 0 10px 0;
font-size: 20px;
text-transform: uppercase;
font-weight: normal;
text-align: center;
line-height: 20px;
}
article .blog .textgal > .gal .sige {
padding: 0;
}
.backstage-foto {
margin-top: 50px;
}
.backstage-foto .sige {
padding: 0 !important;
}
article .blog .sige {
clear: both;
float: none;
overflow: auto;
padding: 50px 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
.no-flexbox article .blog .sige {
display: block;
}
article .blog .sige > li {
width: 20%;
height: auto;
}
article .blog .sige_thumb img {
display: block;
position: relative;
margin: 0;
}
article .blog .video-portfolio {
display: flex;
flex-wrap: wrap;
clear: both;
}
article .blog .video-portfolio > div {
width: 50%;
float: left;
margin: 0;
padding: 10px 5px;
box-sizing: border-box;
}
.itemid-132 .fb-page {
margin: 0 auto;
width: 500px !important;
display: table;
}
#form-row-text65, #form-row-text66, #form-row-text67, #form-row-text71, #form-row-text72, #form-row-text73, #form-row-text69, #form-row-text70 {
display: none;
}
/*** Cookies bar ***/
.cookie {
position: fixed;
left: 0;
right: 400px;
bottom: 0;
z-index: 99;
min-height: 30px;
color: white;
background: linear-gradient(95deg, rgb(47, 50, 74) 20%, rgb(66, 72, 103) 80%);
text-align: center;
font-size: 13px;
line-height: 12px;
border-radius: 0 10px 0 0;
padding: 7px 10px 3px;
display: flex;
align-items: center;
max-width: 750px;
}
.cookie p {
margin: 0;
}
.cookie .btn {
line-height: 18px;
height: 18px;
background-color: #18c139;
background-image: none;
color: white;
text-shadow: none;
box-shadow: none;
border: none;
margin-left: 25px;
}
.cookie a {
color: white;
}
/*** Online montaz ***/
.itemid-314 article p {
text-align: center;
}
.header-block {
display: flex;
align-items: center;
z-index: 2;
position: relative;
}
.itemid-345 .header-block {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: auto;
position: relative;
}
.itemid-345 article .blog .item-page .item-image {
margin: 0;
height: 400px;
overflow: hidden;
position: absolute;
z-index: 1;
left: -75px;
right: -75px;
top: -50px;
bottom: -50px;
}
.itemid-345 .header-block .item-image {
height: 115% !important;
width: 65%;
}
.itemid-345 .header-block .item-image:before {
background: linear-gradient(to right, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 1) 100%) !important;
}
.itemid-345 .header-block .header-wrap {
flex: 1 1 100%;
display: flex;
z-index: 2;
padding-bottom: 100px;
padding-top: 50px;
align-items: center;
}
.itemid-345 .header-block .header-wrap > div {
flex: 1 1 50%;
padding: 0 25px;
}
.itemid-345 .header-block .header-wrap .left {
height: 25vw;
}
.itemid-345 .header-block .header-wrap .left iframe {
border: none;
}
.itemid-345 .header-block ul {
list-style: none;
text-align: center;
}
.itemid-345 .header-block ul li {
padding: 5px 0;
}
.itemid-345 .price-offer-block {
margin-top: 0;
}
.header-block .header-img {
float: right;
width: 45%;
margin-right: -75px;
margin-top: -50px;
margin-left: auto;
}
article .header-block p, article .grey-header p {
text-align: center;
}
.header-block .welcome {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 35px;
}
.tags {
list-style: none;
margin: 0 0 25px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tags > li {
background-color: rgb(94 94 94);
color: white;
border-radius: 5px;
padding: 5px 10px;
margin: 10px;
text-transform: uppercase;
font-family: 'PT Sans Narrow', sans-serif;
}
.header-block .price {
font-size: 25px;
margin: 50px 0 15px 0;
}
.header-block .price span {
font-size: 40px;
font-weight: bold;
color: #39c138;
}
.header-block .order-info-btns {
clear: left;
}
.grey-header {
background-color: #414042;
background-image: url(/images/vs/online-editor/video-editing.jpg);
background-size: cover;
background-attachment: fixed;
color: white;
margin: 50px -75px 0;
padding: 35px 75px;
position: relative;
}
.itemid-363 .grey-header {
background-image: url(/images/vs/online-transljacija/online-video-broadcast.jpg);
}
.grey-header:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgb(65 64 66 / 80%);
}
.grey-header h2, .grey-header p {
color: white;
position: relative;
}
.incredit {
text-align: center;
border-top: solid 5px #3fc2f0;
border-bottom: solid 5px #3fc2f0;
text-transform: uppercase;
padding: 25px;
font-size: 20px;
font-weight: bold;
color: #060709;
line-height: 35px;
}
.incredit img {
height: 30px;
margin-top: -9px;
margin-left: 15px;
}
.steps-block {
display: flex;
flex-wrap: wrap;
}
.steps-block > div {
flex: 0 0 33.3%;
padding: 50px 15px 10px;
text-align: center;
box-sizing: border-box;
position: relative;
}
.steps-block > div span {
font-size: 20px;
background-color: #10214c;
color: rgb(255 255 255);
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 40px;
height: 40px;
border-radius: 50%;
margin-right: 15px;
}
.steps-block > div h4 {
text-transform: uppercase;
color: #10214c;
font-size: 20px;
display: flex;
align-items: center;
text-align: left;
}
article .steps-block > div p {
text-align: center;
}
.order-info-btns {
clear: both;
float: none;
display: flex;
justify-content: center;
margin: 35px 0;
}
.order-info-btns a {
display: block;
margin: 10px 15px;
background-color: #414042;
padding: 8px 30px;
color: white;
text-transform: uppercase;
vertical-align: text-bottom;
clear: both;
float: none;
text-align: center;
}
.order-info-btns .start {
background-color: #10214c;
}
.price-offer-block {
background-color: #10214c;
color: white;
margin: 75px -75px;
padding: 75px;
position: relative;
z-index: 2;
}
.price-offer-block h2 {
color: white;
}
.montaz-sect {
display: flex;
border-bottom: solid 1px rgb(16 33 76 / 25%);
margin-bottom: 50px;
}
.montaz-sect > li {
flex: 1 1 50%;
}
.montaz-sect > li.active, .montaz-sect > li:hover {
background-color: #10214c;
}
.montaz-sect a {
text-transform: uppercase;
text-align: center;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 18px;
border-radius: 0;
color: black;
background-color: transparent;
border: none;
border-bottom-color: transparent;
border: none !important;
}
.montaz-sect .active a, .montaz-sect li:hover a {
color: white !important;
cursor: pointer;
background-color: transparent !important;
border: none !important;
border-bottom-color: transparent !important;
}
.montaz-sect a small {
display: block;
text-transform: lowercase;
font-size: 13px;
}
#accordion176 .accordion-group {
margin-bottom: 25px;
}
.price-grid {
display: flex;
flex-wrap: wrap;
position: relative;
}
.price-grid:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 2px;
background-color: #10214c;
}
.price-grid:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background-color: #10214c;
}
.price-grid .price-offer {
flex: 0 0 33.3%;
padding: 10px;
display: flex;
flex-direction: column;
box-sizing: border-box;
border-bottom: solid 1px rgb(255 255 255 / 50%);
border-right: solid 1px rgb(255 255 255 / 50%);
}
.price-grid .price-offer > div {
padding: 15px;
box-sizing: border-box;
}
.price-grid .price-offer > div:nth-of-type(1) {
padding: 15px;
display: flex;
height: 150px;
width: 100%;
}
.price-grid .price-offer > div:nth-of-type(2) {
flex: 1 1 100%;
display: flex;
flex-direction: column;
}
.price-grid .price-offer > div:nth-of-type(2) ul {
margin: 0 0 25px 25px;
}
.price-grid .price-offer > div > div {
border: solid 3px white;
padding: 0 15px 15px;
flex: 1;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.price-grid .price-offer:nth-of-type(3) {
box-shadow: 0 0 10px 0 #060e23;
background-color: white;
color: black;
}
.price-grid .price-offer:nth-of-type(3) > div > div {
border-color: #10214c;
}
.price-grid .price-offer:nth-of-type(3) h4 {
background-color: white;
}
.price-grid:hover .price-offer:nth-of-type(3) {
box-shadow: none;
background-color: #10214c;
color: white;
}
.price-grid:hover .price-offer:hover {
box-shadow: 0 0 10px 0 #060e23;
background-color: white;
color: black;
}
.price-grid:hover .price-offer:nth-of-type(3) > div > div {
border-color: white;
}
.price-grid:hover .price-offer:hover > div > div {
border-color: #10214c;
}
.price-grid .price-offer .title {
height: 190px;
}
.price-grid .price-offer h4 {
text-align: center;
text-transform: uppercase;
font-size: 20px;
background-color: #10214c;
margin: -13px 15px 0 15px;
}
.price-grid:hover .price-offer:nth-of-type(3) h4 {
background-color: #10214c;
}
.price-grid:hover .price-offer:hover h4 {
background-color: white;
}
.price-grid .price-offer .price {
text-align: center;
font-size: 25px;
font-weight: bold;
}
.price-grid .price-offer .intro-text {
text-align: center;
font-style: italic;
}
.price-grid .price-offer .order-button {
display: block;
margin: auto 15px 10px;
background-color: #fff;
padding: 8px 30px;
color: #5E5E5E;
text-transform: uppercase;
vertical-align: text-bottom;
clear: both;
float: none;
text-align: center;
}
.price-grid .price-offer:nth-of-type(3) .order-button {
background-color: #10214c;
color: white;
}
.price-grid:hover .price-offer:nth-of-type(3) .order-button {
background-color: white;
color: #5E5E5E;
}
.price-grid:hover .price-offer:hover .order-button {
background-color: #10214c;
color: white;
}
.squares-block {
display: flex;
flex-wrap: wrap;
position: relative;
margin: 50px 0;
}
.squares-block > div {
flex: 33.3%;
border-right: solid 1px rgb(212, 212, 212);
border-bottom: solid 1px rgb(212, 212, 212);
box-sizing: border-box;
padding: 25px;
text-align: center;
}
.squares-block > div h4 {
text-transform: uppercase;
color: #10214c;
font-size: 20px;
margin: 0 0 25px 0;
}
article .squares-block > div p {
text-align: center;
}
.squares-block:before {
content: '';
background-color: white;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 3px;
}
.squares-block:after {
content: '';
background-color: white;
position: absolute;
right: 0;
left: 0;
bottom: 0;
height: 3px;
}
.price .old {
font-size: 16px;
text-decoration: line-through;
color: #333;
}
#Online_order_form .rsform-block-message, #Online_order_form .rsform-block-payment, #Online_order_form .rsform-block-videolink {
margin-top: 12px;
}
#Online_order_form .rsform-block-payment, #Online_order_form .rsform-block-terms-agree, #Online_order_form .rsform-block-videolink, #Online_order_form .rsform-block-videoprimer, #Online_order_form .rsform-block-titri {
flex: 100%;
margin-bottom: 5px;
}
#Online_order_form .rsform-block-payment label:nth-of-type(2) {
margin-left: 25px;
}
#Online_order_form .rsform-block-payment label img {
height: 30px;
margin-top: -7px;
margin-left: 5px;
}
#Online_order_form .rsform-block-payment .formBody label:nth-of-type(2), #Online_order_form .rsform-block-payment.VIP .formBody label:nth-of-type(3), #Online_order_form .rsform-block-terms-agree .formControlLabel {
display: none;
}
#Online_order_form .rsform-block-payment.VIP .formBody label:nth-of-type(2), #projectStartCorp #Online_order_form .rsform-block-payment .formBody label:nth-of-type(2) {
display: block;
}
strong.formRequired {
color: red;
}
.our-works {
background-color: #f6f7f8;
margin: 50px -75px;
padding: 50px 75px;
background-image: url(https://www.toptal.com/designers/subtlepatterns/patterns/funky-lines.png);
}
.our-works .best-works-block {
margin-top: 35px;
}
.portfolio-list {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.portfolio-list > li {
flex: 0 0 25%;
padding: 15px;
box-sizing: border-box;
}
.portfolio-list > li > a {
display: flex;
flex-direction: column;
background-color: #f6f7f8;
border: solid 1px #f6f7f8;
text-align: center;
}
.portfolio-list > li > a > img {
margin: 0;
}
.portfolio-list > li > a > span {
padding: 15px;
}
.best-works-block ul {
margin: 0;
list-style: none;
display: flex;
}
.best-works-block ul li {
padding: 30px 15px;
flex: 0 0 25%;
box-sizing: border-box;
}
.montaz-kategorii ul {
margin: 0;
list-style: none;
columns: 2;
column-gap: 1rem;
}
.montaz-kategorii ul li {
flex: 0 0 33.3%;
padding: 30px 15px;
box-sizing: border-box;
display: inline-block;
}
.montaz-kategorii ul li .pic {
position: relative;
margin-bottom: 15px;
}
.montaz-kategorii ul li .pic img {
width: 100%;
height: 100%;
max-height: 350px;
object-fit: cover;
margin: 0;
}
.montaz-kategorii ul li .pic h4 {
position: absolute;
bottom: 0;
background-color: rgb(16 33 76 / 0.9);
text-align: center;
padding: 10px 5px;
margin: 0;
color: white;
font-size: 15px;
left: 0;
right: 0;
height: 38px;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
}
/*** END ***/
footer {
color: white;
font-size: 14px;
clear: both;
overflow: hidden;
}
footer .footer {
position: relative;
}
footer .footer > h2 {
text-align: center;
text-transform: uppercase;
margin: 35px 5% 25px;
padding: 0 0 25px 0;
position: relative;
border-bottom: solid 1px rgb(212, 212, 212);
}
.footer .contacts {
background-image: url(../images/videoservice-office-s.jpg);
background-position: center;
background-size: cover;
width: 100%;
height: 50vh;
position: relative;
}
_::-moz-svg-foreign-content, :root .footer .contacts {
height: 450px;
}
.footer .contacts .data {
width: 80%;
background-color: #FFF;
border-radius: 2px;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 40vh;
text-align: center;
text-transform: uppercase;
color: #333;
padding: 15px 25px;
box-sizing: border-box;
}
_::-moz-svg-foreign-content, :root .footer .contacts .data {
bottom: 350px;
}
.footer .contacts .data h2 {
color: #333;
padding: 25px 0 15px 0;
border-bottom: solid 1px rgb(212, 212, 212);
margin: 0 10% 25px;
}
.footer .contacts .data ul li {
list-style: none;
padding: 10px 0;
}
.footer .contacts .data .address:before, .footer .contacts .data .phone:before, .footer .contacts .data .mail:before, article .blog .info ul .company:before, article .blog .info ul .category:before, article .blog .info ul .date:before {
content: '';
background-position: left;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 20px;
display: inline-block;
margin-bottom: -3px;
}
.footer .contacts .data .address:before {
background-image: url(../images/situation.png);
}
.footer .contacts .data .phone:before {
background-image: url(../images/smartphone86.png);
}
.footer .contacts .data .mail:before {
background-image: url(../images/email19.png);
}
article .blog .info ul .company:before {
background-image: url(../images/home78.png);
}
article .blog .info ul .category:before {
background-image: url(../images/officematerial14.png);
}
article .blog .info ul .date:before {
background-image: url(../images/calendar146.png);
}
footer .footer .gmap {
height: 400px;
clear: both;
width: 100%;
}
footer .right {
padding: 75px;
}
footer .right h2 {
text-align: center;
text-transform: uppercase;
padding: 0 0 50px;
margin-bottom: 50px;
color: white;
position: relative;
border-bottom: solid 1px white;
}
footer ul {
margin: 0;
list-style: none;
}
footer ul li {
margin: 15px 20px;
display: inline-block;
}
footer .socials {
background-color: rgb(16, 33, 76);
padding: 25px 75px;
text-align: center;
}
footer .socials li {
display: inline-block;
width: 50px;
margin-left: 5px;
}
footer .socials .links li {
width: auto;
padding: 0 15px;
}
footer .socials .links li a {
color: white;
}
/*** Popup
*******************/
#lbOverlay {
background-color: rgba(0, 0, 0, 0.9) !important;
}
#lbOuterContainer, #lbDetailsContainer {
background-color: transparent !important;
border: none !important;
}
#lbOuterContainer, #lbImageContainer, #lbIframeContainer {
padding: 0 !important;
}
#lbDetails {
display: none !important;
}
#lbDetailsContainer {
overflow: visible !important;
z-index: 11;
position: relative;
}
#lbClose {
width: 20px !important;
height: 20px !important;
float: right;
border: solid 1px #C5C5C5;
margin: -20px 0 0 0;
padding: 5px;
background: url(/plugins/content/sige/plugin_sige/close-shadow.png) no-repeat center !important;
}
#lbHoverNav a {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
#lbNext:hover, #lbNext:visited:hover {
margin-right: -40px !important;
background-image: url(../images/next-01.png) !important;
background-repeat: no-repeat !important;
background-position: right center !important;
}
#lbPrev:hover, #lbPrev:visited:hover {
margin-left: -40px !important;
background-image: url(../images/prev-01.png) !important;
background-repeat: no-repeat;
!important;
background-position: left center !important;
}
/*** Scroll top ***/
#scrollToTop {
cursor: pointer;
position: fixed;
text-align: center;
z-index: 9999;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
color: rgb(197, 197, 197);
left: 25px;
bottom: 25px;
opacity: 1;
border: solid 1px rgb(212, 212, 212);
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
}
#scrollToTop:after {
content: "\f106";
font: normal normal normal 20px FontAwesome;
}
#scrollToTop:hover {
opacity: 0.9;
}
#scrollToTop > img {
display: block;
margin: 0 auto;
}
/*** Block Animation
*****************************/
/*---------------*/
/***** Oscar *****/
/*---------------*/
figure.effect-oscar {
// background: -webkit-linear-gradient(45deg, #819CD5 0%,#183DCB 40%,#010835 100%);
// background: linear-gradient(45deg, #819CD5 0%,#183DCB 40%,#010835 100%);
}
figure.effect-oscar figcaption {
padding: 3em;
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}
figure.effect-oscar figcaption::before {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
content: '';
}
figure.effect-oscar h2 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 125%, 0);
transform: translate3d(0, 125%, 0);
}
/*figure.effect-oscar figcaption::before, figure.effect-oscar p, figure.effect-oscar figcaption a, figure.effect-oscar figcaption span, .view-category article .blog .items-row .portfolio figure .page-header, .view-category article .blog .items-row .portfolio figure .article-info {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}*/
figure.effect-oscar:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/*figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p, figure.effect-oscar:hover figcaption a, figure.effect-oscar:hover figcaption span, .view-category article .blog .items-row .portfolio figure:hover .page-header, .view-category article .blog .items-row .portfolio figure:hover .article-info {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}*/
figure.effect-oscar:hover figcaption {
background-color: rgba(16, 33, 76, 0.9);
}
figure.effect-oscar:hover figcaption a {
opacity: 1 !important;
}
/*** Transition ***/
a, article #clients .ot_logo_scroller_wrapper .ot_row > div img, article #service .right .slide .bt-row, article #service .right .slide .bt-row .bt-title, article #service .right .slide .bt-row .bt-introtext, article #service .right .bt_handles li a:before, div.default ul.sp-portfolio-filter li, .price-grid .price-offer, .lp-animation #order-form .formResponsive button[type="submit"] {
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.price-grid .price-offer h4 {
-webkit-transition: background 0.6s ease;
-moz-transition: background 0.6s ease;
-ms-transition: background 0.6s ease;
-o-transition: background 0.6s ease;
transition: background 0.6s ease;
}
/*** Fancybox ***/
body.compensate-for-scrollbar {
overflow: hidden
}
.fancybox-active {
height: auto
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: 0;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992
}
.fancybox-container * {
box-sizing: border-box
}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997
}
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-toolbar {
right: 0;
top: 0
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994
}
.fancybox-is-open .fancybox-stage {
overflow: hidden
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
display: block
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0
}
.fancybox-slide--image::before {
display: none
}
.fancybox-slide--html {
padding: 6px
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in
}
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
cursor: -webkit-grab;
cursor: grab
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing
}
.fancybox-container [data-selectable=true] {
cursor: text
}
.fancybox-image, .fancybox-spaceball {
background: 0 0;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.fancybox-spaceball {
z-index: 1
}
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%
}
.fancybox-slide--video .fancybox-content {
background: #000
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df
}
.fancybox-slide--iframe .fancybox-content {
background: #fff
}
.fancybox-iframe, .fancybox-video {
background: 0 0;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0
}
.fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
color: #ccc
}
.fancybox-button:hover {
color: #fff
}
.fancybox-button:focus {
outline: 0
}
.fancybox-button.fancybox-focus {
outline: 1px dotted
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: 0
}
.fancybox-button div {
height: 100%
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0
}
.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--play svg:nth-child(2) {
display: none
}
.fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1) {
display: none
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998
}
.fancybox-close-small {
background: 0 0;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px
}
.fancybox-navigation .fancybox-button div {
padding: 7px
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right)
}
.fancybox-caption {
background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996
}
@supports (padding:max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
}
}
.fancybox-caption--separate {
margin-top: -50px
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all
}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
color: #ccc;
text-decoration: none
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline
}
.fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: 0 0;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg)
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0)
}
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1)
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg)
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0);
transform: rotate(0)
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1)
}
@media all and (max-height:576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px
}
.fancybox-slide--image {
padding: 6px 0
}
.fancybox-close-small {
right: -6px
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px
}
@supports (padding:max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right))
}
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0
}
.fancybox-share p {
margin: 0;
padding: 0
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap
}
.fancybox-share__button:link, .fancybox-share__button:visited {
color: #fff
}
.fancybox-share__button:hover {
text-decoration: none
}
.fancybox-share__button--fb {
background: #3b5998
}
.fancybox-share__button--fb:hover {
background: #344e86
}
.fancybox-share__button--pt {
background: #bd081d
}
.fancybox-share__button--pt:hover {
background: #aa0719
}
.fancybox-share__button--tw {
background: #1da1f2
}
.fancybox-share__button--tw:hover {
background: #0d95e8
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px
}
.fancybox-share__button svg path {
fill: #fff
}
.fancybox-share__input {
background: 0 0;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: 0;
padding: 10px 15px;
width: 100%
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
top: 0;
width: 212px;
z-index: 99995
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: 0;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991
}
.fancybox-thumbs__list a:focus::before {
opacity: .5
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1
}
@media all and (max-width:576px) {
.fancybox-thumbs {
width: 110px
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px)
}
}
@media (max-width: 1600px) {
.view-category article .blog .items-row {
float: left;
width: 33.3%;
}
}
@media (max-width: 1500px) {
article .blog .textgal > .gal .sige > li {
width: 50%;
height: auto;
}
.view-category div.default .col-4 {
width: 33.3%;
}
}
@media (max-width: 1400px) {
header, .project, article #service .header, article #clients h2, article #blog .bt-cs {
padding-left: 2.5%;
padding-right: 2.5%;
}
.img-text {
width: 50%;
}
article .intro:before {
background-position: 140% center;
}
article .intro .text > .left {
padding: 0 50px 0 0;
}
article #service .body .bt-cs, article #clients .bt-cs, article #clients h2, article #partneri .bt-cs, article #partneri h2, article .portfolio > h2, .sp-portfolio, article #blog h2, footer .footer > h2 {
margin-left: 2.5%;
margin-right: 2.5%;
}
.view-article article #service .body .bt-cs {
margin: 0;
}
article .about-us > .wrap {
margin-left: 2.5%;
margin-right: 2.5%;
}
article #clients .ot_logo_scroller_wrapper .ot_row {
margin: 0 2.5%;
}
header .dj-megamenu-wrapper {
margin: 0 65px 0 0;
}
div.default .col-5 {
width: 24% !important;
}
article #service .bt-cs:hover .next {
opacity: 1 !important;
right: -10px;
z-index: 6 !important;
}
article #service .bt-cs:hover a.prev {
opacity: 1 !important;
left: -10px;
z-index: 6 !important;
}
article .otzivi .bt-introtext {
font-size: 20px;
line-height: 25px;
}
article #portfolio {
background-size: contain;
}
_::-moz-svg-foreign-content, :root article #service .body .slide .bt-row {
min-height: 460px;
}
#service .body .slide .bt-row:not([attr*='']) {
min-height: 460px;
}
header .dj-megamenu-vs li a.dj-up_a span.dj-drop {
padding: 0 5px 0 0 !important;
}
header .dj-megamenu-vs li a.dj-up_a .arrow {
right: 2px;
}
}
@media (max-width: 1230px) {
div.default .col-4 {
width: 33.3% !important;
}
.view-category div.default .col-4 {
width: 48% !important;
}
.languageswitcher {
padding: 0 10px;
}
.languageswitcher a {
font-size: 14px;
}
article .blog .left .item-page {
padding: 50px 50px 0;
}
.video-blocks > li {
width: 46%;
}
header .logo {
width: 210px;
float: left;
line-height: 55px;
}
header .tvtma-megamnu .nav {
margin: 0 60px 0 0;
}
.navbar .nav > li > a {
padding: 0px 5px;
font-size: 14px;
}
article .otzivi .bt-introtext {
width: 64%;
}
article .otzivi .bt-introtext {
font-size: 18px;
line-height: 20px;
}
article #clients .ot_logo_scroller_wrapper .ot_row > div {
width: 25%;
}
article .blog > .left {
width: 70%;
}
article .blog > .right {
width: 30%;
padding: 25px;
}
.square {
margin: 25px 15px 25px 25px;
}
article #service .body .slide .bt-row, article #clients .slide .bt-row, article #partneri .slide .bt-row {
padding: 15px 15px 50px 15px;
}
.view-category article .blog .items-row {
float: left;
width: 50%;
}
article .article-top {
padding: 25px;
}
article .blog .sige > li {
width: 49%;
}
_::-moz-svg-foreign-content, :root article #service .body .slide .bt-row {
min-height: 540px;
}
#service .body .slide .bt-row:not([attr*='']) {
min-height: 540px;
}
.header-block .header-img {
margin-right: -50px;
}
.grey-header {
margin: 50px -50px 0;
}
.price-offer-block {
margin: 75px -50px;
padding: 50px;
}
.our-works {
margin: 50px -50px;
padding: 50px;
}
.rent-cards .slide .bt-row {
flex: 0 0 49%;
width: 49%;
}
}
@media (max-width: 1150px) {
header .dj-megamenu-wrapper {
margin: 0 0 0 25px;
}
}
@media (max-width: 1000px) {
.video-blocks > li {
width: 100%;
}
.itemid-345 .header-block .item-image {
margin: 0 !important;
}
}
@media (max-width: 1119px) {
.itemid-345 .header-block .header-wrap {
flex-wrap: wrap;
padding-top: 0;
}
.itemid-345 .header-block .header-wrap .left {
height: 50.625vw;
}
.itemid-345 .header-block .header-wrap > div .left iframe {
min-height: unset;
}
.itemid-345 .header-block .header-wrap .right {
order: -1;
}
.itemid-345 .text-block {
padding: 0;
}
}
@media (max-width: 1100px) {
article #home .text .order-button {
display: block;
}
.rent-cards .slide .bt-row {
flex: 0 0 50%;
}
article .blog .textgal {
display: block;
}
article .blog .textgal > div {
width: 100%;
border: none;
padding: 0;
clear: both;
}
article .blog .textgal > .gal {
padding: 10px 0 10px 0;
}
.header-block {
flex-wrap: wrap;
justify-content: center;
}
.header-block .header-img {
width: auto;
margin-right: auto;
margin-left: auto;
margin-top: 0;
max-height: 500px;
}
.steps-block > div {
flex: 0 0 50%;
}
.price-grid .price-offer > div:nth-of-type(1) {
padding: 15px 3%;
}
.best-works-block ul {
flex-wrap: wrap;
}
.best-works-block ul li {
flex: 50%;
}
.montaz-kategorii ul {
columns: 1;
}
.price-grid .price-offer {
flex: 0 0 50%;
}
.navbar .nav > li {
margin-left: 0px;
}
}
@media (max-width: 1057px) {}
@media (max-width: 979px) {
header {
overflow: visible;
}
header .tvtma-megamnu {
float: none;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
z-index: 1;
}
header .tvtma-megamnu .btn-navbar {
float: none;
margin: 12px auto;
display: block;
padding: 7px 10px;
color: #333;
text-shadow: none;
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-transform: uppercase;
border: solid 1px rgba(51, 51, 51, 0.25);
border-radius: 0;
}
header .tvtma-megamnu .btn-navbar .sr-only {
float: left;
margin-left: 30px;
}
header .tvtma-megamnu .btn-navbar .icon-bar {
display: block;
width: 18px;
height: 2px;
background-color: #414042;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
header .tvtma-megamnu .btn-navbar span:nth-child(2) {
margin-top: 4px;
}
header .tvtma-megamnu .nav-collapse, header .tvtma-megamnu .nav-collapse.collapse {
background-color: white;
}
header .tvtma-megamnu .nav {
width: 100%;
margin: 0 60px 0 0;
}
header .tvtma-megamnu .nav > li > a {
display: inline-block;
min-width: 110px;
border-radius: 0;
font-weight: normal;
}
header .tvtma-megamnu .nav-collapse .nav > li > a:hover, header .tvtma-megamnu .nav-collapse .nav > li > a:focus, header .tvtma-megamnu .nav-collapse .dropdown-menu a:hover, header .tvtma-megamnu .nav-collapse .dropdown-menu a:focus {
background-color: transparent;
}
article #home {
height: auto;
position: relative;
}
body article .intro:before {
position: absolute;
content: '';
border-radius: 0;
background-color: #fff;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
top: 0;
bottom: 0;
margin-top: 0;
right: 0;
left: 0;
z-index: 2;
box-shadow: 0 0 30px 5px rgb(0 0 0 / 75%);
width: auto;
height: auto;
}
article .intro:before {
position: absolute;
content: '';
width: 1800px;
height: 2400px;
border-radius: 50%;
background-color: #fff;
background-image: url(/templates/videoservice/images/bg1.jpg);
background-position: 53% 18%;
background-size: 50%;
background-repeat: repeat;
top: -50%;
margin-top: -1400px;
right: -50%;
z-index: 2;
box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.75);
}
article .intro video {
top: 25%;
right: 0;
}
article .intro .text {
display: block;
top: 15%;
}
article .intro .text > .left .buttons {
position: relative;
text-align: center;
display: flex;
justify-content: center;
}
article .intro .text > .left, article .intro .text > .right {
float: none;
width: auto;
height: 50%;
padding: 0;
}
article .intro .text > .left h2 {
text-align: center;
}
article .otzivi .bt-introtext {
width: 60%;
}
article .about-us > .wrap {
width: auto;
margin-right: 2.5%;
}
article #service .body .slide .bt-row, article #clients .slide .bt-row, article #partneri .slide .bt-row {
width: 50% !important;
}
header .logo {
z-index: 2;
position: relative;
}
.languageswitcher {
z-index: 2;
}
_::-moz-svg-foreign-content, :root header .tvtma-megamnu .btn-navbar {
margin-left: 50% !important;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
_::-moz-svg-foreign-content, :root article #service .body .slide .bt-row, _::-moz-svg-foreign-content, :root article #clients .slide .bt-row, _::-moz-svg-foreign-content, :root article #partneri .slide .bt-row {
min-height: 450px;
}
#service .body .slide .bt-row:not([attr*='']), #clients .slide .bt-row:not([attr*='']), #partneri .slide .bt-row:not([attr*='']) {
min-height: 450px;
}
.squares-block > div {
flex: 100%;
}
.steps-block > div {
flex: 0 0 100%;
}
article .steps-block > div p {
text-align: justify;
}
.item-314 ul {
display: flex !important;
background-color: transparent !important;
justify-content: center !important;
width: auto;
margin-top: -10px !important;
}
.item-314 ul li a, .dropdown-menu a:hover, .dropdown-menu > .active > a {
font-weight: normal !important;
font-family: 'PT Sans Narrow', sans-serif !important;
color: #444 !important;
border-top: solid 1px #10214c !important;
border-bottom: solid 1px #10214c !important;
border-radius: 0 !important;
font-size: 14px !important;
}
.itemid-345 .header-block div:nth-of-type(2) {
width: 100%;
}
}
@media (max-width: 862px) {
.rent-cards .slide .bt-row {
flex: 0 0 100%;
width: 100%;
}
}
@media (max-width: 850px) {
div.default .col-4 {
width: 50% !important;
}
.rent-cards .slide .bt-row {
flex: 0 0 100%;
}
.rent-cards .bt-title {
display: block;
}
footer {
position: relative;
z-index: 21474836461 !important;
}
.cookie {
right: 0;
border-radius: 0;
max-width: 100%;
z-index: 21474836460 !important;
}
._show_359.wrap_abe {
z-index: 10000 !important;
}
.cont-mod #projectStart, .cont-mod #projectStartCorp {
width: 95%;
}
}
@media (max-width: 900px) {
div.default .col-5 {
width: 32% !important;
}
article .intro:before {
background-position: 75% -19%;
background-size: 65%;
}
article #clients .ot_logo_scroller_wrapper .ot_row > div {
width: 33%;
}
article #service .body .slide .bt-row, article #clients .slide .bt-row, article #partneri .slide .bt-row {
width: 100% !important;
}
article .otzivi .bt-cs .bt-center {
text-align: center;
float: none;
margin-right: 0;
margin-bottom: 25px;
}
article .otzivi .bt-introtext {
width: 100%;
text-align: center;
}
article .blog .right .categories-module a .badge {
display: none;
}
article .about-us .left, article .about-us .right {
float: none;
width: auto;
border-right: none;
padding: 0;
}
.view-category article .blog .items-row {
float: none;
width: 100%;
}
.cont-mod form {
margin-left: 0;
}
.cont-mod form .chronoform-container .form-group {
margin-bottom: 15px;
display: block;
width: 100%;
}
.cont-mod form .chronoform-container .gcore-display-table, .cont-mod form .chronoform-container #form-row-textarea4 .gcore-display-table {
width: 100%;
}
.g-recaptcha > div > div {
margin: 0 auto;
}
.cont-mod form .chronoform-container #form-row-button21 {
padding-left: 0;
}
_::-moz-svg-foreign-content, :root article #service .body .slide .bt-row {
min-height: 380px;
}
#service .body .slide .bt-row:not([attr*='']) {
min-height: 380px;
}
_::-moz-svg-foreign-content, :root article .blog .right .categories-module a .badge {
display: none;
}
}
@media (max-width: 767px) {
body {
padding-right: 0;
padding-left: 0;
}
.view-article article #service .body .slide .bt-row {
width: 100% !important;
}
.itemid-132.view-category article .blog .items-row, .itemid-253.view-category article .blog .items-row {
width: 100%;
}
article .intro:before {
right: -70%;
}
.video-blocks > li {
width: 46%;
}
article .article-top {
background-image: url(../images/breadcrumbs-bg.jpg);
height: 105px;
}
article .article-top .cat-title {
float: none;
margin-bottom: 10px;
}
article .article-top .krizalys_breadcrumb {
float: none;
text-align: center;
}
.view-category article .article-top .krizalys_breadcrumb {
margin-top: 34px;
}
article > .blog {
display: block;
}
article .blog .left {
width: 100%;
}
.no-flexbox article .blog .left, .no-flexbox article .blog .right {
width: auto;
float: none;
}
article .blog .right {
width: 100%;
}
article .blog .right .categories-module a .badge {
display: block;
margin-left: 15px;
}
article .blog .right .categories-module {
text-align: center;
}
article .blog .right .categories-module > li {
display: inline-block;
}
article .blog .right .bt-cs .bt-inner img {
max-width: none;
width: 100% !important;
}
article #blog .slide .bt-row {
width: 100% !important;
}
_::-moz-svg-foreign-content, :root article #service .body .slide .bt-row, _::-moz-svg-foreign-content, :root article #clients .slide .bt-row, _::-moz-svg-foreign-content, :root article #partneri .slide .bt-row {
min-height: 380px;
}
#service .body .slide .bt-row:not([attr*='']), #clients .slide .bt-row:not([attr*='']), #partneri .slide .bt-row:not([attr*='']) {
min-height: 380px;
}
.rent-cards .slide .bt-row {
flex: 0 0 50%;
}
.modal-body .formResponsive .formHorizontal .rsform-block {
flex: 1 1 auto;
}
.price-grid .price-offer {
flex: 0 0 100%;
}
.view-category article .blog .items-row {
width: 50%;
}
}
@media (max-width: 630px) {
.view-category div.default .col-4 {
width: 33.3% !important;
}
.sp-portfolio {
margin: 0;
}
div.default ul.sp-portfolio-filter {
margin: 15px 0;
}
div.default ul.sp-portfolio-items {
margin: -5px !important;
}
div.default .sp-portfolio-item-inner {
margin: 5px;
}
.cont-mod #projectStart, .cont-mod #projectStartCorp {
padding: 50px 5%;
border-radius: 50px;
width: 95%;
}
article .intro:before {
right: -100%;
}
.video-blocks > li {
width: 100%;
}
.rent-cards .slide .bt-row {
flex: 0 0 100%;
}
.itemid-345 .header-block .item-image {
width: 100%;
}
div.default .col-5 {
width: 48% !important;
}
.view-category article .blog > .left {
padding: 25px;
}
.view-category article .blog #item-group {
margin: 0 -5px;
}
.view-category article .blog .items-row .portfolio {
margin: 0 5px;
}
.view-category article .blog .items-row .portfolio .item-image, .view-category article .blog .items-row .portfolio .item-image img {
height: 165px;
}
}
@media (max-width: 609px) {}
@media (max-width: 584px) {}
@media (max-width: 580px) {
article .intro .text > .left .buttons {
flex-wrap: wrap;
}
article .intro .text > .right {
margin-top: 35px;
}
div.default .col-4 {
width: 100% !important;
}
.view-category div.default .col-4 {
width: 49% !important;
}
header .tvtma-megamnu .btn-navbar {
margin-left: 235px;
}
.img-text {
width: 100%;
margin: 0 0 15px 0;
}
.img-text.pull-right {
margin: 0 0 15px 0;
}
article .blog .left .item-page {
padding: 25px 25px 0;
}
article .blog p {
text-align: left;
}
article .intro:before {
right: -125%;
}
article .intro .text > .left h2 {
line-height: 30px;
font-size: 25px;
margin-top: 0;
}
article #home .text .order-button {
margin: 10px 5px 10px 0;
}
article #clients .ot_logo_scroller_wrapper .ot_row > div {
width: 50%;
}
article #reviews > .otzivi {
padding-top: 85px;
}
article .blog .category-desc .cat-img {
margin: -130px -75px -200px;
}
.order-info-btns {
flex-wrap: wrap;
}
.price-offer-block .nav-tabs {
flex-wrap: wrap;
}
.price-offer-block .nav-tabs > li {
flex: 1 1 100%;
}
.price-grid .price-offer {
flex-wrap: wrap;
}
.price-grid .price-offer > div {
flex: 0 1 100%;
}
.best-works-block ul li {
flex: 100%;
}
body .header-block p {
text-align: center;
}
}
@media (max-width: 559px) {
.itemid-345 .header-block {
position: relative;
}
.itemid-345 .header-block .item-image {
height: 105% !important;
width: 100%;
object-fit: cover;
left: -25px !important;
top: -25px !important;
right: -25px !important;
}
}
@media (max-width: 430px) {
header {
position: relative;
}
header .dj-megamenu-wrapper {
top: 55px;
background-color: white;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
}
header .dj-megamenu-offcanvas {
margin: 4px auto 12px auto;
text-align: center;
}
header .languageswitcher a {
padding: 0 3px;
}
.view-category article .article-top .krizalys_breadcrumb {
margin-top: 45px;
}
article .blog .right .categories-module > li {
display: block;
}
.view-category article .blog .items-row {
float: left;
}
.view-category article .blog .items-row .portfolio .item-image, .view-category article .blog .items-row .portfolio .item-image img {
height: 120px;
}
.view-category article .blog .items-row .portfolio .page-header h2 {
padding: 7px 10px;
text-align: center;
}
article .article-top {
height: 140px;
}
.view-category article .blog .left {
padding: 50px 15px;
}
article .blog .category-desc .cat-img, article .blog .item-page .item-image {
margin: -50px -25px -75px;
height: 150px;
}
}
@media (max-height: 540px) {
header .tvtma-megamnu .nav-collapse.in {
height: 200px !important;
overflow-y: scroll;
}
}
/****************** Calculator for video ******************/
article .blog > .left .big-image {
padding: 0;
}
article .full-page .big-image .item-image {
height: calc(100vh - 60px);
position: relative;
float: none;
}
article .blog .big-image .item-image:before {
background: rgba(0, 0, 0, 0.6);
}
article .full-page .big-image .item-image img {
position: relative;
}
article .blog > .left .big-image > div:nth-of-type(2) {
position: inherit;
}
article .full-page .big-image .b-text {
height: calc(100vh - 60px);
width: 100%;
position: absolute;
top: 0;
display: flex;
justify-content: center;
align-items: center;
color: white;
flex-direction: column;
}
article .full-page .big-image .b-text h1 {
font-weight: 700;
font-size: 75px;
line-height: 75px;
color: white !important;
}
.b-text h2 {
z-index: 2;
margin: calc(100vh*0.05) calc(100vw*0.08);
color: white !important;
}
/*********/
.calculator-container {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100vh;
top: -60px;
z-index: 1;
}
.order-calculate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0px 0px 45px 0px;
color: white;
}
.order-calculate a {
text-decoration: none;
padding: 20px;
border: 2px solid white;
border-radius: 40px;
color: white;
}
.order-calculate .txt-before-btn {
font-size: 20px;
}
.order-calculate a:hover {
background-color: #10214c;
border: 2px solid #10214c;
-webkit-transition: all .7s;
transition: all .7s;
}
.description-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 25px;
width: 100%;
}
.description-container p {
text-align: center !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 70px 0px 70px;
font-size: 40px !important;
line-height: 45px;
}
.description-container p:nth-child(2) {
padding: 0px 70px 70px 70px;
}
.description-container span {
display: block;
width: 100px;
height: auto;
border-bottom: 2px solid #10214c;
margin: 70px 0px;
}
.vimeo-container {
height: 100%;
width: 100%;
}
.vimeo-holder {
width: 60%;
margin: auto;
}
@media (max-width: 580px) {
.description-container p {
padding: 70px 15px 0px 15px;
font-size: 20px !important;
line-height: 20px;
}
.description-container span {
margin: 30px 0px;
}
.b-text h1 {
font-size: 40px !important;
line-height: 40px !important;
}
}
@media (max-width: 430px) {
.description-container {
margin-top: 75px;
}
.b-text {
height: calc(100vh - 190px) !important;
top: -40px !important;
}
.calculator-container {
top: -120px;
}
.b-text h2 {
font-size: 14px !important;
line-height: 20px !important;
margin: 0 !important;
}
}
@media (max-width: 680px) {
.b-text h2 {
font-size: 25px;
line-height: 35px;
}
.vimeo-holder {
width: 100%;
}
}
/* .calculator-img-bg {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url(/images/vs/calculator/eibsee.jpg);
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/images/vs/calculator/eibsee.jpg);
height: 100vh;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
font-size: 4.5vw;
text-align: center;
}
*/
/*** Landing Animation ***/
article .blog > .left .lp-animation {
padding: 0;
font-size: 20px;
color: #000 !important;
line-height: 25px;
}
.lp-animation #intro {
position: relative;
}
.lp-animation #intro .bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.lp-animation #intro .bg img {
margin: 0;
}
.lp-animation .wrap {
padding: 50px 50px 0 50px;
}
.lp-animation #intro .wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 100px 50%;
grid-template-columns: repeat(2, 50%);
grid-column-gap: 100px;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.lp-animation #intro .wrap > div {
z-index: 2;
position: relative;
}
.lp-animation #intro h1 {
font-weight: 700;
font-size: 55px;
line-height: 55px;
background-image: -o-linear-gradient(315deg, #1922b9, #f248ff);
background-image: linear-gradient(135deg, #1922b9, #f248ff);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.lp-animation #intro h2 {
font-size: 20px;
line-height: 25px;
font-family: 'PT Sans', sans-serif;
font-weight: 700;
}
.lp-animation #intro .text {
float: left;
width: 100%;
border-right: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.lp-animation #intro .sales {
padding-top: 35px;
padding-right: 35px;
padding-bottom: 57px;
padding-left: 35px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: -22px;
margin-left: 0px;
border-radius: 40px;
background-color: #fff;
z-index: 2;
position: relative;
-webkit-box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
border: solid 1px rgb(212 210 245 / 50%);
text-align: center;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 30px;
font-weight: 700;
z-index: -1;
}
.lp-animation #intro .ny {
background: linear-gradient(321deg, rgb(234 208 222 / 66%) -3%, rgb(187 179 242 / 64%) 91%) transparent;
}
.lp-animation #intro .btn-order {
margin-bottom: 50px;
}
.lp-animation .text p {
margin: 0 0 25px;
text-align: center;
}
.lp-animation #intro .right>div {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.lp-animation #intro .right video {
margin: 0 auto;
display: block;
border-radius: 50px;
width: 380px;
}
.lp-animation #intro .right .avPlayerWrapper {
border-radius: 40px;
overflow: hidden;
margin: 0;
}
.btn-order a {
border: solid 3px #672fd2;
padding: 10px 25px;
border-radius: 25px;
background-color: #fff;
margin: 0 auto;
display: table;
font-weight: 700;
text-decoration: none;
text-align: center;
line-height: 19px;
}
.btn-order a:hover, .lp-animation #order-form .formResponsive button[type="submit"]:hover {
background-color: #672fd2;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.lp-animation #services .wrap:before {
position: absolute;
content: '';
background: rgb(224, 217, 237);
background: -o-radial-gradient(circle, rgba(224, 217, 237, 1) 0%, rgba(255, 255, 255, 0) 80%);
background: radial-gradient(circle, rgba(224, 217, 237, 1) 0%, rgba(255, 255, 255, 0) 80%);
width: 400px;
height: 450px;
margin-left: -200px;
margin-top: 150px;
}
.lp-animation #services .wrap > div {
padding-top: 100px;
padding-right: 95px;
padding-bottom: 100px;
padding-left: 95px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-radius: 40px;
background-color: #fff;
z-index: 2;
position: relative;
-webkit-box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
border: solid 1px rgb(212 210 245 / 50%);
}
.lp-animation #services .wrap > div > div {
display: -ms-grid;
display: grid;
-ms-grid-columns: 40% 50px calc(60% - 50px);
grid-template-columns: 40% calc(60% - 50px);
grid-column-gap: 50px;
}
.lp-animation #services .left {
position: relative;
display: flex;
justify-content: center;
}
.lp-animation #services .left>div {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.lp-animation #services .left img {
border-radius: 50px;
margin: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.lp-animation #services video {
border-radius: 40px;
overflow: hidden;
margin: -5px;
position: absolute;
height: 100%;
}
.lp-animation #services h2, .lp-animation #advantages h2, .lp-animation #reviews h2 {
font-weight: 700;
font-size: 55px;
line-height: 55px;
background-image: -o-linear-gradient(150deg, #1922b9, #f248ff);
background-image: linear-gradient(300deg, #1922b9, #f248ff);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
margin: 0 0 50px 0;
}
.lp-animation #services .right > ul {
list-style: none;
margin: 0;
padding: 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.lp-animation #services ul li {
margin: 0 0 15px 0;
background: -o-linear-gradient(289deg, rgba(224, 217, 237, 1) 0%, rgba(255, 255, 255, 0) 35%);
background: linear-gradient(161deg, rgba(224, 217, 237, 1) 0%, rgba(255, 255, 255, 0) 35%);
padding: 20px 20px 20px 30px;
border-radius: 35px;
}
.lp-animation #services ul li strong {
display: block;
text-transform: uppercase;
font-family: 'PT Sans Narrow', sans-serif;
margin-bottom: 10px;
}
.lp-animation #services .pattern {
position: absolute;
bottom: -75px;
}
.lp-animation #advantages h2 {
background-image: -o-linear-gradient(78deg, #1922b9, #f248ff);
background-image: linear-gradient(12deg, #1922b9, #f248ff);
}
.lp-animation .center-text p {
text-align: center;
}
.lp-animation #advantages .cards {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 50px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 50px;
position: relative;
max-width: 1000px;
margin: 0 auto;
}
.lp-animation #advantages .cards:before {
position: absolute;
content: '';
background: rgb(224, 217, 237);
background: -o-radial-gradient(circle, rgba(224, 217, 237, 1) 0%, rgba(255, 255, 255, 0) 70%);
background: radial-gradient(circle, rgba(224, 217, 237, 1) 0%, rgba(255, 255, 255, 0) 70%);
width: 800px;
height: 800px;
margin-left: auto;
margin-top: -200px;
z-index: 1;
right: -200px;
}
.lp-animation #advantages .cards:after {
position: absolute;
content: '';
background: rgb(224, 217, 237);
background: -o-radial-gradient(circle, rgb(206 207 247 / 50%) 0%, rgba(255, 255, 255, 0) 70%);
background: radial-gradient(circle, rgb(206 207 247 / 50%) 0%, rgba(255, 255, 255, 0) 70%);
width: 600px;
height: 600px;
margin-left: -200px;
margin-top: 200px;
z-index: 1;
right: auto;
}
.lp-animation #advantages .cards .col:nth-of-type(2) {
margin-top: 75px;
}
.lp-animation #advantages .cards > div > div {
position: relative;
background-color: #ffffff;
padding: 50px;
border-radius: 32px;
margin: 50px 0;
-webkit-box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
border: solid 1px rgb(212 210 245 / 50%);
z-index: 2;
}
.lp-animation #advantages .cards picture {
position: absolute;
top: -10px;
right: 20px;
z-index: -1;
opacity: 0.5;
width: 80px;
}
.lp-animation #advantages .cards h4 {
font-family: 'PT Sans Narrow', sans-serif;
font-size: 35px;
line-height: 35px;
text-transform: uppercase;
background-image: -o-linear-gradient(264deg, #1922b9, #f248ff);
background-image: linear-gradient(186deg, #1922b9, #f248ff);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
margin: 0;
padding: 0 65px 25px 0;
}
.lp-animation #advantages .btn-order {
margin-top: 50px;
}
.lp-animation #portfolio {
overflow: unset;
}
.lp-animation #portfolio .header {
background: -o-linear-gradient(344deg, rgba(234, 209, 216, 0.7) -3%, rgba(208, 208, 242, 0.7) 91%) transparent;
background: linear-gradient(106deg, rgba(234, 209, 216, 0.7) -3%, rgba(208, 208, 242, 0.7) 91%) transparent;
border-radius: 40px;
padding-top: 100px;
padding-right: 95px;
padding-bottom: 250px;
padding-left: 95px;
position: relative;
overflow: hidden;
}
.lp-animation #portfolio .header picture {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.lp-animation #portfolio .header picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
margin: 0;
}
.lp-animation #portfolio .header h2, .lp-animation #call-to .header h2 {
font-weight: 700;
font-size: 55px;
line-height: 55px;
background-image: -o-linear-gradient(51deg, #1922b9, #f248ff);
background-image: linear-gradient(39deg, #1922b9, #f248ff);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
margin: 0 0 50px 0;
}
.lp-animation #portfolio .portfolio-cards {
margin-top: -175px;
}
.lp-animation #portfolio .portfolio-cards .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin-bottom: 100px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
}
.lp-animation #portfolio .portfolio-cards .card .avPlayerWrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
border-radius: 40px;
overflow: hidden;
margin: 0;
height: 100%;
}
.lp-animation #portfolio .portfolio-cards .description {
padding: 25px 35px;
-webkit-box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
z-index: 3;
right: 100px;
top: 100px;
width: 20%;
margin: auto 0;
background: rgba(255, 255, 255, 0.4);
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
border: solid 1px rgb(212 210 245 / 50%);
}
.lp-animation #portfolio .portfolio-cards .description h3 {
font-family: 'PT Sans Narrow', sans-serif;
font-size: 30px;
line-height: 30px;
text-transform: uppercase;
background-image: -o-linear-gradient(264deg, #1922b9, #f248ff);
background-image: linear-gradient(186deg, #1922b9, #f248ff);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
margin: 0;
padding: 0 0 15px 0;
}
.lp-animation #portfolio .portfolio-cards .description p {
text-align: center;
}
.lp-animation #portfolio .portfolio-cards .card:nth-of-type(odd) .description {
border-radius: 32px;
margin-left: -50px;
}
.lp-animation #portfolio .portfolio-cards .card:nth-of-type(even) .description {
border-radius: 32px;
margin-right: -50px;
}
.lp-animation #portfolio .portfolio-cards .card:nth-of-type(even) .description {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.lp-animation #portfolio .portfolio-cards .card:nth-of-type(odd):before {
position: absolute;
content: '';
background: rgb(224, 217, 237);
background: -o-radial-gradient(circle, rgba(224, 217, 237, 1) 0%, rgba(255, 255, 255, 0) 70%);
background: radial-gradient(circle, rgba(224, 217, 237, 1) 0%, rgba(255, 255, 255, 0) 70%);
width: 800px;
height: 800px;
z-index: 1;
right: 0;
bottom: -250px;
}
.lp-animation #portfolio .portfolio-cards .card:nth-of-type(even):before {
position: absolute;
content: '';
background: rgb(224, 217, 237);
background: -o-radial-gradient(circle, rgb(206, 207, 247, 1) 0%, rgba(255, 255, 255, 0) 70%);
background: radial-gradient(circle, rgb(206, 207, 247, 1) 0%, rgba(255, 255, 255, 0) 70%);
width: 800px;
height: 800px;
left: 0;
z-index: 1;
right: auto;
bottom: -250px;
}
.lp-animation #reviews h2 {
background-image: -o-linear-gradient(78deg, #1922b9, #f248ff);
background-image: linear-gradient(12deg, #1922b9, #f248ff);
}
.lp-animation .center-text p {
text-align: center;
}
.lp-animation #reviews .cards {
position: relative;
margin: 0 auto;
}
.lp-animation #reviews .cards:before {
position: absolute;
content: '';
background: rgb(224, 217, 237);
background: -o-radial-gradient(circle, rgba(224, 217, 237, 1) 0%, rgba(255, 255, 255, 0) 70%);
background: radial-gradient(circle, rgba(224, 217, 237, 1) 0%, rgba(255, 255, 255, 0) 70%);
width: 800px;
height: 800px;
margin-left: auto;
margin-top: -200px;
z-index: 1;
right: -200px;
}
.lp-animation #reviews .cards:after {
position: absolute;
content: '';
background: rgb(224, 217, 237);
background: -o-radial-gradient(circle, rgb(206 207 247 / 50%) 0%, rgba(255, 255, 255, 0) 70%);
background: radial-gradient(circle, rgb(206 207 247 / 50%) 0%, rgba(255, 255, 255, 0) 70%);
width: 600px;
height: 600px;
margin-left: -200px;
margin-top: 200px;
z-index: 1;
right: auto;
}
.lp-animation #reviews .cards > div > div > div {
position: relative;
background-color: #ffffff;
padding: 35px;
border-radius: 32px;
margin: 0 0 50px 0;
-webkit-box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
z-index: 2;
border: solid 1px rgb(212 210 245 / 50%);
height: auto;
box-sizing: border-box;
}
.lp-animation #reviews .cards .header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 25px;
}
.lp-animation #reviews .cards picture {
margin-right: 10px;
flex: 0 0 36px;
width: 36px;
height: 36px;
}
.lp-animation #reviews .cards picture img {
margin: 0;
}
.lp-animation #reviews .cards .name {
font-weight: 700;
margin-bottom: -8px;
}
.lp-animation #reviews .cards .location {
font-size: 15px;
}
.lp-animation #reviews .btn-order {
margin-top: 50px;
position: relative;
z-index: 3;
}
.lp-animation #process {
position: relative;
}
.lp-animation #process .bg {
position: absolute;
top: -150px;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.lp-animation #process .bg img {
margin: 0;
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.lp-animation #process h2 {
font-weight: 700;
font-size: 55px;
line-height: 55px;
background-image: -o-linear-gradient(150deg, #1922b9, #f248ff);
background-image: linear-gradient(300deg, #1922b9, #f248ff);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
margin: 0 0 50px 0;
}
.lp-animation #process .steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-column-gap: 35px;
grid-row-gap: 35px;
list-style: none;
margin: 50px 0;
padding: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.lp-animation #process .steps li {
position: relative;
background-color: #ffffff;
padding: 45px 35px 45px 100px;
border-radius: 32px;
margin: 0;
-webkit-box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
z-index: 2;
overflow: hidden;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
min-width: 330px;
border: solid 1px rgb(212 210 245 / 50%);
}
.lp-animation #process .steps li .num {
position: absolute;
font-size: 160px;
line-height: 250px;
left: 5px;
top: -45px;
font-weight: 900;
background-image: -o-linear-gradient(150deg, #1922b9, #f248ff);
background-image: linear-gradient(300deg, #1922b9, #f248ff);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
opacity: 0.5;
}
.lp-animation #process .steps li .title {
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 700;
margin-bottom: 25px;
text-transform: uppercase;
}
.lp-animation #order-form .header {
background: -o-linear-gradient(317deg, rgb(254 246 255) -3%, rgb(242 242 255) 91%) transparent;
background: linear-gradient(133deg, rgb(254 246 255) -3%, rgb(242 242 255) 91%) transparent;
border-radius: 40px;
padding-top: 100px;
padding-right: 95px;
padding-bottom: 250px;
padding-left: 95px;
position: relative;
overflow: hidden;
z-index: 2;
}
.lp-animation #order-form .header picture {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.lp-animation #order-form .header picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
margin: 0;
}
.lp-animation #order-form .header h2 {
font-weight: 700;
font-size: 55px;
line-height: 55px;
background-image: -o-linear-gradient(51deg, #1922b9, #f248ff);
background-image: linear-gradient(39deg, #1922b9, #f248ff);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
margin: 0 0 50px 0;
}
.lp-animation #order-form .b-wrap {
position: relative;
background-color: #ffffff;
padding: 50px;
border-radius: 32px;
margin: 50px 0;
-webkit-box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
box-shadow: 0 2px 5px 0 rgb(212 210 245 / 50%);
z-index: 3;
margin: -200px 100px 0 100px;
border: solid 1px rgb(212 210 245 / 50%);
}
.lp-animation #order-form .b-wrap p {
text-align: center;
}
.lp-animation #order-form .b-wrap .rsform {
margin-top: 50px;
}
.lp-animation #order-form .rsform .formResponsive {
margin: 0;
}
.lp-animation #order-form .b-wrap .rsform .formSpan12 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.lp-animation #order-form .b-wrap .rsform .formSpan12 > div {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.lp-animation #order-form .b-wrap .rsform .formSpan12 .rsform-block-message, .lp-animation #order-form .rsform-block-submit {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
}
.lp-animation #order-form .formResponsive .formHorizontal .formControlLabel {
float: none;
width: auto;
padding-top: 0;
text-align: left;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
margin-bottom: 15px;
margin-left: 15px;
}
.lp-animation #order-form .formResponsive .formHorizontal .formControls {
margin-left: 0;
}
.lp-animation .formResponsive .formBody {
display: flex;
}
.lp-animation .rsform-block-namesurname .formBody {
padding-right: 25px;
}
.lp-animation .rsform-block-repeat-email .formBody {
padding-left: 25px;
}
.lp-animation #order-form .formResponsive input[type="text"], .lp-animation #order-form .formResponsive input[type="email"], .lp-animation #order-form .formResponsive input[type="email"], .lp-animation #order-form .formResponsive .formHorizontal textarea {
border-radius: 25px;
padding: 15px 20px;
font-size: 16px;
margin: 0;
flex: 1 1 auto;
min-width: 255px;
}
.lp-animation #order-form strong.formRequired {
color: #a70101;
}
.lp-animation #order-form .formResponsive button[type="submit"] {
border: solid 3px #672fd2;
padding: 10px 25px;
border-radius: 25px;
margin: 0 auto;
display: table;
font-weight: 700;
text-decoration: none;
background: none;
text-shadow: none;
color: #000;
font-size: inherit;
}
.lp-animation #order-form ul {
list-style: none;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.lp-animation #order-form ul li a {
margin: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
}
.lp-animation #order-form ul li picture {
width: 55px;
height: 55px;
margin-right: 15px;
}
.lp-animation #order-form ul li picture img {
margin: 0;
}
.lp-animation .rsform-block-phone {
display: none;
}
.lp-animation .salebot_tilda_block, #salebot_tilda_block {
min-height: 450px;
border: solid 1px #000000;
border-radius: 25px;
}
.lp-animation .sb_block .btn_new img {
margin: 0;
}
.lp-animation .salebot-label {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
color: #000;
margin-bottom: 10px;
}
.lp-animation .salebot-label {
font-family: 'PT Sans', sans-serif !important;
}
.lp-animation .other-works h4 {
padding: 0 0 25px 0;
position: relative;
font-weight: 700;
font-size: 40px;
line-height: 55px;
background-image: -o-linear-gradient(51deg, #1922b9, #f248ff);
background-image: linear-gradient(39deg, #1922b9, #f248ff);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
text-align: center;
text-transform: uppercase;
}
.lp-animation .video-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.lp-animation .video-cards > div {
width: 100%;
border-radius: 32px;
overflow: hidden;
}
.lp-animation #call-to .header {
background: -o-linear-gradient(344deg, rgba(234, 209, 216, 0.7) -3%, rgba(208, 208, 242, 0.7) 91%) transparent;
background: linear-gradient(106deg, rgba(234, 209, 216, 0.7) -3%, rgba(208, 208, 242, 0.7) 91%) transparent;
border-radius: 40px;
padding-top: 100px;
padding-right: 95px;
padding-bottom: 100px;
padding-left: 95px;
position: relative;
overflow: hidden;
}
@media (max-width: 1300px) {
.lp-animation .wrap {
padding: 75px 50px 0 50px;
}
.lp-animation #intro .wrap {
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 50px;
}
.lp-animation #intro .right .avPlayerWrapper {
max-width: 800px;
margin: auto;
}
.lp-animation #services .wrap > div {
padding: 50px;
}
.lp-animation #services .right > ul {
grid-template-columns: repeat(1, 1fr);
}
.lp-animation #services .left {
display: block;
}
.lp-animation #services video {
position: relative;
height: auto;
width: 100%;
}
.lp-animation #advantages .cards > div > div {
margin: 15px 0 50px 0
}
.lp-animation #advantages .cards > div > div {
padding: 35px;
}
.lp-animation #portfolio .header, .lp-animation #call-to .header {
padding-top: 50px;
padding-right: 50px;
padding-left: 50px;
}
.lp-animation #call-to .header {
padding-bottom: 50px;
}
.lp-animation #portfolio .portfolio-cards .card {
display: block;
}
.lp-animation #portfolio .portfolio-cards .card .avPlayerWrapper {
max-width: 800px;
margin: auto;
}
.lp-animation #portfolio .portfolio-cards .description {
width: 100%;
max-width: 800px;
margin-left: auto !important;
margin-right: auto !important;
position: relative;
left: 0;
right: 0;
top: -55px;
}
.lp-animation #portfolio .portfolio-cards .card {
margin-bottom: 0px;
}
}
@media (max-width: 1100px) {
.lp-animation #services .left>div {
position: relative;
}
.lp-animation #services .wrap > div > div {
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 50px;
}
.lp-animation #services .wrap > div > div .right {
order: -1;
}
.lp-animation #services .right > ul {
grid-template-columns: repeat(2, 1fr);
}
.lp-animation #services video {
max-width: 400px;
margin: 0 auto;
display: block;
z-index: 2;
}
.lp-animation .video-cards {
grid-template-columns: repeat(2, 1fr);
}
.lp-animation #portfolio .portfolio-cards .description {
width: auto;
}
.lp-animation #order-form .b-wrap {
margin: -200px 25px 0 25px;
}
.lp-animation #order-form ul {
flex-wrap: wrap;
}
.lp-animation #order-form ul li {
min-width: 210px;
}
.lp-animation #intro .bg img, .lp-animation #process .bg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 10%;
}
}
@media (max-width: 900px) {
.lp-animation #intro h1, .lp-animation #services h2, .lp-animation #advantages h2, .lp-animation #reviews h2, .lp-animation #portfolio .header h2, .lp-animation #process h2, .lp-animation #order-form .header h2, .lp-animation #call-to .header h2 {
font-size: 40px;
line-height: 40px;
}
.lp-animation #advantages .cards h4, .lp-animation #portfolio .portfolio-cards .description h3 {
font-size: 25px;
line-height: 25px;
}
.lp-animation .other-works h4 {
font-size: 30px;
line-height: 30px;
}
.lp-animation #advantages .cards {
grid-template-columns: repeat(1, 1fr);
max-width: 500px;
}
.lp-animation #advantages .cards > div > div {
margin: 15px 0 35px 0;
}
.lp-animation #advantages .cards .col:nth-of-type(2) {
margin-top: -15px;
}
.lp-animation #portfolio .portfolio-cards .card .avPlayerWrapper {
margin: 0 50px;
}
.lp-animation #order-form .b-wrap .rsform .formSpan12 > div {
flex: 0 0 100%;
}
.lp-animation .rsform-block-namesurname .formBody {
padding-right: 0;
}
.lp-animation .rsform-block-repeat-email .formBody {
padding-left: 0;
}
}
@media (max-width: 700px) {
.lp-animation .wrap {
padding: 50px 25px 0 25px;
}
.lp-animation #services .wrap > div {
padding: 50px 25px;
}
.lp-animation #intro .right video {
width: 100%;
}
.lp-animation #portfolio .portfolio-cards .description {
padding: 25px;
}
.lp-animation .video-cards {
grid-template-columns: repeat(1, 1fr);
}
.lp-animation #services .right > ul {
grid-template-columns: repeat(1, 1fr);
}
.lp-animation #portfolio .portfolio-cards .card .avPlayerWrapper {
margin: 0 15px;
}
.lp-animation #order-form .b-wrap .rsform .formSpan12 > div {
min-width: 260px;
}
.lp-animation #portfolio .portfolio-cards .card {
margin-bottom: 35px;
}
.lp-animation #portfolio .portfolio-cards .card .avPlayerWrapper {
margin: 0 0 25px 0;
}
.lp-animation #portfolio .portfolio-cards .description {
top: 0;
}
.lp-animation #order-form .header {
padding-top: 50px;
padding-right: 25px;
padding-left: 25px;
}
.lp-animation #order-form .b-wrap {
padding: 25px;
}
.lp-animation #process .steps li {
padding: 25px 25px 25px 100px;
}
article .lp-animation .text p {
text-align: center;
}
.lp-animation #services ul li {
margin-bottom: 35px;
}
}
@media (max-width: 500px) {
.lp-animation .wrap {
padding: 50px 15px 0 15px;
}
.lp-animation #services .wrap > div {
padding: 35px 15px;
}
.lp-animation #services h2, .lp-animation #advantages h2, .lp-animation #reviews h2 {
margin: 0 0 25px 0;
}
.lp-animation #services ul li {
padding: 25px 20px 20px 20px;
}
.lp-animation #advantages {
margin-top: 50px;
}
.lp-animation #advantages .cards > div > div {
padding: 25px 20px 20px 20px;
}
.lp-animation #advantages .cards picture {
width: 50px;
}
.lp-animation #advantages .cards h4 {
padding: 0 50px 25px 0;
}
.lp-animation #advantages .btn-order {
margin-top: 25px;
margin-bottom: 35px;
}
.lp-animation #portfolio .header, .lp-animation #call-to .header {
padding-top: 50px;
padding-right: 15px;
padding-left: 15px;
}
.lp-animation #call-to .header {
padding-bottom: 25px;
}
.lp-animation #portfolio .portfolio-cards .description {
padding: 25px 15px 15px;
}
.lp-animation #process {
margin-top: 50px;
}
.lp-animation #process h2 {
margin: 0 0 25px 0;
}
.lp-animation #process .steps {
margin: 25px 0;
}
.lp-animation #process .steps li {
min-width: fit-content;
}
.lp-animation #process .steps li .num {
font-size: 125px;
}
.lp-animation #order-form .header {
padding-top: 50px;
padding-right: 15px;
padding-left: 15px;
}
.lp-animation #order-form .header {
padding-bottom: 175px;
}
.lp-animation #order-form .b-wrap, .lp-animation #reviews .cards > div > div {
padding: 15px;
}
.lp-animation #order-form .b-wrap {
margin: -200px 0px 0 0px;
}
.lp-animation #reviews {
margin-top: 50px;
}
.lp-animation #services .wrap {
padding: 0px 15px 0 15px;
}
.lp-animation #reviews .btn-order {
margin-bottom: 50px;
}
.lp-animation #process .steps li {
padding: 25px 15px 15px 85px;
}
}