body {
background-image: url(https://stroimdomaspb.ru/wp-content/uploads/2020/03/2587183.png);
background-size: cover;
margin:0;
}
h3 {
font-size: large;
font-family: 'Open Sans';
color: #FFF;
line-height: 1.2;
font-weight:100;
margin:0;
}
.container {
display: block;
width: 1170px;
margin: 0 auto;
}
.header {
display: block;
width: 100%;
height: 110px;
position: fixed;
background: rgba(69, 106, 181, 0.6);
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 15;
overflow: hidden;
}
.header-logo {
display: block;
width: auto;
float: left;
}
.bloginfo {
margin-left: 2%;
padding-top: 38px;
display: block;
width: auto;
float: left;
}
.mobile-menu {
display: none;
}
.header__nav-list {
margin:0;
}
nav.header__nav {
display: inline-block;
width: 70%;
text-align: right;
float: right;
}
ul.header__nav-list li {
display: inline-block;
padding: 40px 0 52px 0;
}
ul.header__nav-list li a {
color: #fff;
text-transform: uppercase;
padding: 0px 12px;
font-size: 15px;
font-family: auto;
text-decoration: none;
font-family: 'Montserrat';
}
ul.header__nav-list li.active,ul.header__nav-list li:hover {
background: #2d303980;
}
.text {
margin-top: 0px;
margin-bottom: 110px;
}
.footer-up {
background: #292929;
height: 45px;
top: 100%;
z-index: 9;
left: 0;
right: 0;
padding-top: 30px;
}
.animate {
background: rgb(69 106 181);
}
a:hover {
color:#FFFFFF;
text-decoration:underline;
}
#left {
color: #fff!important;
float: left;
text-align: left;
}
#right {
color: #fff!important;
float: right;
text-align: right;
}
@media screen and (max-width: 992px){
.mobile-menu {
display: block;
width: 50px;
height: 50px;
float: right;
margin: 12px 10px 0 0;
}
.mobile-menu img {
width: 100%;
height: auto;
}
nav.header__nav {
display: none;
}
.mobile-menu {
display: block;
width: 50px;
height: 50px;
float: right;
margin: 12px 10px 0 0;
}
}
a {
color:inherit;
text-decoration: none;
}
.lft {
display: inline-block;
width: 27%;
vertical-align: top;
margin-top: 130px;
}
.rgt {
margin-top: 40px;
display: inline-block;
width: 72%;
float: right;
vertical-align: top;
padding-top: 64px;
text-align: right;
}
.lft h3 {
color: #213245;
font-size: 20px;
font-weight: bold;
padding-top: 20px;
padding-bottom: 28px;
padding-left: 25px;
font-family: Open-Sans;
}
.lft h3:before {
content: '';
display: block;
width: 10px;
height: 10px;
background: #8fa5d2;
border: 1px solid #7d91b9;
border-radius: 50px;
position: absolute;
transform: rotate(45deg);
margin-top: 8px;
margin-lefT: -25px;
}
.lft .text {
border: 1px solid #a1a7b3;
background: #efefef;
border-radius: 5px;
padding: 20px;
height: 490px;
overflow:auto;
}
.lft .text p {
text-indent: 10px;
margin-bottom: 10px;
line-height: 1.5
}
.lft .text p:last-child {
margin-bottom:0;
}
.container { }
.slider { width: 410px;
}
.slider-nav-photo div, .slider-nav-video div {
background: #949494;
padding: 0px;
padding-top: 2px;
padding-bottom: 2px;
cursor: pointer;
}
.slick-slide slick-current slick-active slick-center{
padding-top:1000px;
}
.slider-photo-for .slick-track div {
height: 410px;
}
.slider-photo-for, .slider-video-for {
width: 410px;
height: 410px!important;
background: #ccc;
color: #000;
cursor: pointer;
vertical-align:top;
}
.slider-video-for {
width: 410px;
height: 410px!important;
}
.slider-photo-for h3 {
color: #000;
}
.uno {
display: inline-block;
width: 49%;
}
.slick-slide img {
display: block;
width: 100px;
height: 65px!important;
}
.uno {
text-align: center;
}
.buttons a {
display: inline-block;
background: #8fa5d2;
width: 30%;
text-align: center;
padding: 10px;
margin: 1%;
margin-bottom: 10px;
color: #fff;
font-weight: bold;
border-radius: 3px;
border: 1px solid #7d91b9;
}
.buttons a:hover, .buttons a.active {
background: #405682;
border: 1px solid #33476d;
}
.tab-list .slick-prev, .tab-list .slick-prev:hover {
left: -25px;
background: #8fa5d2;
padding: 3px;
width: 29px;
height: 29px;
border-radius: 50px;
}
.tab-list .slick-next, .tab-list .slick-next:hover {
right: -35px;
background: #8fa5d2;
padding: 3px;
width: 29px;
height: 29px;
border-radius: 50px;
}
.header-logo h1 {
color: #fff;
font-size: 25px;
line-height: 0px;
font-weight: bold;
font-family: 'Montserrat';
}
#footerwork{
position: absolute;
margin-top: 0px;
width: auto;
}
@media (min-width: 992px) and (max-width: 1200px){
.text-slide h2{
font-size:55px;
}
ul.header__nav-list{
text-align: left;
}
ul.header__nav-list li {
display: inline-block;
padding: 45px 0 47px 0;
}
.lft{
width:80%;
padding-left:10%;
}
.rgt{
padding-top:0px;
padding-top: 0px;
width: 100%;
}
body{
overflow-x:hidden;
}
}
.slick-center{
outline: 2px solid #000; outline-offset: -3px; }
@media screen and (max-width:1199px){
.lft .text{
height:auto;
}
}
@media screen and (max-width:992px){
.header-logo{
padding-top:inherit;
}
.container{
max-width:100%;
}
header.header .container {
position: relative;
}
.header-logo {
width: auto;
padding-left: 7%;
}
.header-logo h1 {
font-size: 16px;
font-weight: bold;
font-family: 'Montserrat';
padding-left: 5px;
line-height: 75px;
}
header.header {
height: 75px;
overflow: visible;
}
nav.header__nav {
display: none;
}
.mobile-menu {
display: block;
width: 50px;
height: 50px;
float: right;
}
.mobile-menu img {
width: 100%;
height: auto;
}
.mobile-menu {
display: block;
width: 50px;
height: 50px;
float: right;
margin: 12px 10px 0 0;
}
a.page-link {
margin-top: -175px;
}
nav.open-menu {
display: block;
float: none;
background: #2a7fbf;
width: 100%;
position: absolute;
left: 0;
top: 75px;
}
ul.header__nav-list {
text-align: center;
}
ul.header__nav-list li {
display: block;
padding: 10px;
}
ul.header__nav-list li a {
font-size: 18px;
display: block;
width: 100%;
}
.sim-slider-arrow-left, .sim-slider-arrow-right, .sim-slider-dots {
display: block;
}
.lft{
width: 80%;
margin-left: 10%;
}
.rgt{
padding-top:0px;
padding-top: 0px;
width: 100%;
}
}
@media (max-width:1080px) {
.rgt {
float: inherit;
margin-bottom: 100px;
margin-top:0px;
}
.text {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media (max-width: 992px) {
div.sim-slider-arrow-left{
margin-top: -170px;
}
div.sim-slider-arrow-right{
margin-top: -170px;        
}
}
@media (max-width: 850px) {
.lft{
width: 80%;
margin-left: 10%;
}
.rgt{
padding-top:0px;
padding-top: 0px;
width: 100%;
}
.uno {
display: inline-block;
width: 75%;
}
}
@media (max-width: 800px) {
.lft{
width: 80%;
margin-left: 10%;
}
.rgt{
padding-top:0px;
padding-top: 0px;
width: 100%;
}
.uno {
display: inline-block;
width: 75%;
}
}
@media (max-width:767px) {
body{
background-color: snow;
}
.text-slide {
width: 100%;
}
div.sim-slider-dots {
left:45%;
}
a.page-link{
left: 36%;
margin-left: 0px;
}
}
@media (min-width:701px) {
.carousel-slider-outer{
display: none;
}
}
@media (max-width:700px) {
a.page-link{
left: 34%;
}
.gallery{
display:none;
}
.uno {
display: inline-block;
width: 80%;
}
}
@media (max-width:670px) {
a.page-link{
left: 32%;
}
.uno {
display: inline-block;
width: 82%;
}
}
@media (max-width:630px) {
a.page-link{
left: 32%;
}
.uno {
display: inline-block;
width: 85%;
}
}
@media (max-width:600px) {
a.page-link{
left: 32%;
}
.uno {
display: inline-block;
width: 87%;
}
}
@media (max-width:560px) {
a.page-link{
left: 30%;
}
.uno {
display: inline-block;
width: 87%;
}
}
@media (max-width:500px) {
a.page-link{
left: 26%;
}
.uno {
display: inline-block;
width: 92%;
}
}
@media (max-width:440px) {
a.page-link{
left: 22%;
top:90%;
}
body{    
overflow-x: hidden;
}
.lft {
width: 100%;
margin-left: 0%;
}
.uno {
display: inline-block;
width: 100%;
}
div.sim-slider-arrow-left {
display:none;
}
div.sim-slider-arrow-right {
display:none;
}
div.sim-slider-dots{
display:none;
}
}
@media (max-width:370px) {
a.page-link{
left: 18%;
margin-top: -250px;
}
}
@media (max-height: 400px) {
a.page-link{
display: none; 
}
}
@media (max-height: 480px) {
a.page-link{
margin-top: -150px; 
}
}
@media screen and (max-width:992px) {
.container{
max-width:100%;
}
}