/**** add igrkiv.ru ***/

:root {
--color-red: #800000;
}

input[type="text"]:focus { outline: none; }   
input[type="button"]:focus { outline: none; }   
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
a:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
/* input#search-area118:focus { outline: none; }  */
button:focus { outline: none; }   

button:active, button:focus {
outline: none !important;
}
button::-moz-focus-inner {
border: 0 !important;
}

body {
font-family: 'Open Sans', sans-serif;
background:#fff;
color:#000;
line-height:1.3;
overflow-x:hidden;
}

img {
max-width:100%;
height:auto;
}

a {
    color: #212121;
}
a:hover {
    color: #FF9117;
	text-decoration:none;
}

/***** header ***/
.header{
margin-top:1px;
position:absolute;
top:0;
left:0;
width:100%;
background: url(../images/header-dots.png) center center no-repeat;
z-index:9;
}
.header-wrap {
display:flex;
align-items:center;
justify-content:space-between;
}
.header1 {
background:#f0f0f0;
padding:16px 0 16px 35px;
width:372px;
height:89px;
margin-left: 10px;
}
.logo {
width:275px;
}
.header2 {
line-height: 1.2;
}
.header2 .contact-top {
text-align:center;
}
.contact-top a{
color: #f9f9f7;
}
.phone-top {
color: #f9f9f7;
font-size: 26px;
font-weight: 700;
}
.mail-top {
color: #f9f9f7;
font-size: 18px;
font-weight: 500;
}

.slider {
	/* background: url(../images/home-boat.jpg) top center no-repeat;  */
	/* max-height: 887px; */
	/* height:100vh; */
	/* padding-top:250px; */
	/* padding-bottom:150px;	 */
	min-height:600px; 
	position:relative;	
	overflow-x:hidden;
	/* background-size: contain; */
}
.slider-img {
	text-align:center;
}
.slider-img img{
	min-height:600px;
}
.slider-info {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.slider-title {
color: #f9fbfc;
font-size: 90px;
font-weight: 700;
letter-spacing: -4.95px;	
position:relative;
margin-top:170px;
margin-bottom:65px;
}
.slider-title-shturval {
width:72px;
height:72px;	
background: url(../images/shturval.png) top center no-repeat;
transition:1s;
position:absolute;
top: -50px;
left: 505px;
}
.slider-title-shturval:hover{
transform: rotate(360deg);
}
.slider-title-title {
	position:relative;
}
.slider-title-title:before {
content:".............................................................................................................................................................................................................";
font-size: 16px;
font-weight: 700;
color: #f9fbfc;
line-height: 1;
letter-spacing: 3.2px;
position:absolute;
bottom:25px;
right:100%;
}
.slider-txt1 {
color: #f9fbfc;
font-size: 19px;
width:660px;
margin-bottom:90px;
}
.slider-txt1 span {
color: #f9fbfc;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -0.2px;
}
.slider-txt2 {
color: #f9fbfc;
font-size: 19px;
width:660px;

margin-left:140px;
position:relative;
}
.slider-txt2:before {
content:".............................................................................................................................................................................................................";
font-size: 16px;
font-weight: 700;
color: #f9fbfc;
line-height: 1;
letter-spacing: 3.2px;
position:absolute;
top:-30px;
left:0;	
}

.uslugi {
padding:50px 0;
background:#f8f8f8;	
}
h1 {
color: #005592;
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 6.86px;
display: block;
text-align: center;
margin-bottom:45px;
}

.uslugi-items {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.uslugi-item-link {
	margin-bottom:45px;	
}
.uslugi-item {
	width:520px;
	height:137px;
	background:#fff;
	box-shadow: 4px 1px 48px 7px rgba(147, 155, 181, 0.36);
	padding:20px;
	padding-left:40px;	
	padding-right:45px;
	display:flex;
	align-items:center;
	transition:0.3s;
}
.uslugi-item-img {
	width:90px;
	height:76px;
	margin-right:25px;
	flex-shrink: 0;
	transition:0.3s;
}
.uslugi-item-txt {
height:76px;
display:flex;
flex-direction:column;
justify-content:space-between;	
position:relative;
flex-grow: 1; 
	transition:0.3s;
}
.uslugi-item-label {
color: #ffffff;
background:#009ad9;
font-size: 16px;
font-weight: 400;
padding:7px 25px;
width:110px;
text-align:center;
}
.uslugi-item-title {
color: #005592;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;	
line-height:0.9;
}
.uslugi-item1 .uslugi-item-title {
font-size: 19px;
}
.uslugi-item-txt:after {
content:"";
display:block;	
width: 197px;
height: 76px;
position:absolute;
top:0;
right:0;
border-top:1px solid #005495;
border-right:1px solid #005495;
	transition:0.3s;
}

.uslugi-item1 .uslugi-item-img {
background:url(/images/uslugi/usluga1.png)	center center no-repeat;
}
.uslugi-item1:hover .uslugi-item-img {
background:url(/images/uslugi/usluga1w.png)	center center no-repeat;
}
.uslugi-item2 .uslugi-item-img {
background:url(/images/uslugi/usluga2.png)	center center no-repeat;
}
.uslugi-item2:hover .uslugi-item-img {
background:url(/images/uslugi/usluga2w.png)	center center no-repeat;
}
.uslugi-item3 .uslugi-item-img {
background:url(/images/uslugi/usluga3.png)	center center no-repeat;
}
.uslugi-item3:hover .uslugi-item-img {
background:url(/images/uslugi/usluga3w.png)	center center no-repeat;
}
.uslugi-item4 .uslugi-item-img {
background:url(/images/uslugi/usluga4.png)	center center no-repeat;
}
.uslugi-item4:hover .uslugi-item-img {
background:url(/images/uslugi/usluga4w.png)	center center no-repeat;
}
.uslugi-item .uslugi-item-img{
background-size:contain;
} 
.uslugi-item:hover .uslugi-item-img{
background-size:contain;
} 
.uslugi-item:hover {
background:#005495;	
}
.uslugi-item:hover .uslugi-item-img {
/* filter: invert(100%) brightness(500%) ; */
}
.uslugi-item:hover .uslugi-item-title {
color: #fff;
}
.uslugi-item:hover .uslugi-item-txt:after {
border-top:1px solid #fff;
border-right:1px solid #fff;
}
/***** footer  ********/
.footer {
padding-top:55px;
padding-bottom:40px;
background:url(../images/bg-footer.jpg) top right -120px no-repeat;	
color:#fff;
font-size: 18px;	
}

.logo-footer1 {
font-size: 18px;
}
.logo-footer2 {
color: #9ba9f7;
font-size: 27px;
font-weight: 700;
text-transform: uppercase;	
}
.footer a{
color:#fff;
font-size: 18px;	
}

.foot2 {
	margin-top:40px;
}
.menu-footer a {
	display:block;
	margin-bottom:15px;
}
.foot3 {
	margin-top:40px;
}
.sociallink {
	/* text-align:right; */
}
.sociallink img{
margin-right:5px;
}

/***** forms ********/
.verysmallfield {
border:none!important;
background:none!important;
padding:0!important;
width:2px!important;
height:2px!important;
display: block;
margin-top: -15px;
}
.modals .sscf-popup159.sscf-popup {
display:none;
}




/***** media ********/

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1240px;
}
}

@media (min-width: 1600px){
.slider-title {
font-size: 110px;
margin-top:250px;
margin-bottom:95px;
}
.slider-txt1 {
margin-bottom:115px;
}
.slider-title-shturval {
top: -55px;
left: 519px;
}
.footer {
padding-top:55px;
padding-bottom:40px;
background:url(../images/bg-footer.jpg) top center no-repeat;	
color:#fff;
font-size: 18px;	
}
}

@media(max-width: 1200px) {
.uslugi-items {
    justify-content: center;
}
}

@media(max-width: 992px) {
.header {
text-align:center;
margin-top:28px;
background:none;
}
.header-wrap {
    display: block;
}
.header1 {
    position: static;
	padding:15px;
	margin-left: -15px;
    margin-right: -15px;
display: flex;
    justify-content: center;
	width:auto;
}
.header1 .logo {
    margin-left: 0;
	margin:0 auto;
}
.header2 {
    float: none;
	margin-top:20px;
	margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
background: #465b8d;
}

.contact-top {
    margin-right: 0;
}

.slider {
padding-top:290px;
background: url(../images/bg-home-mob.jpg) top right no-repeat;
	min-height:600px;
}
.slider-img {
	display:none;
}

.slider-info {
    position: static;
}

.slider-title {
font-size: 73px;
width:250px;
letter-spacing: -3.29px;
line-height:0.9;
margin-top:0;
}
.slider-title-title:before {
    bottom: 0;
    right: 0; 
    left: 90%;
}
.slider-title-shturval {
    width: 50px;
    height: 50px;
    top: -45px;
    left: 190px;
    background-size: cover;
}
.slider-txt1 {
width:auto;
margin-bottom:45px;
font-size:18px;
}
.slider-txt1 span{
font-size:18px;
}
.slider-txt2 {
    width: auto;
    margin-bottom: 100px;
    margin-left: 0;
font-size:18px;
}

.subheading-category {
    font-size: 36px;
    padding-right: 40px;
}

.main-wrapper {
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

h1 {
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 45px;
}
.uslugi-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer {
background-image:url(../images/shturval-footer.png), url(../images/bg-footer-mob.jpg) ;
background-position: bottom 25px right 40px, top right;
background-repeat:no-repeat;
text-align:left;
padding-top:40px;
padding-bottom:30px;
line-height:1.2;
}
.logo-footer {
margin-bottom:25px;	
}
.footer p {
	margin-bottom:10px;
}

.sociallink {
   text-align: left;
   margin-top:20px;
}
.foot2 {
    margin-top: 25px;
}
.foot3 {
    margin-top: 25px;
display:flex;
flex-direction:column;	
}
.foot3-1 {
	order:2;
}
.foot3-2 {
	order:1;
	margin-bottom:15px;
}

}  /*** end 920 **/

@media (max-width: 768px) {
}

@media (max-width: 560px) {
h1 {
	font-size:30px;
}
h2 {
	font-size:24px;
}
h3 {
	font-size:20px;
}
.uslugi-item-link {
display:block;
width: 100%;	
}
.uslugi-item {
width: 100%;
padding: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
align-items: center;
transition: 0.3s;
}	
.uslugi-item-txt {
    z-index: 1;
}
.uslugi-item-txt:after {
    width: 135px;
    z-index: -1;
}
h1 {
    font-size: 24px;
}
}

@media (max-width: 400px) {
.header1 {
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
}	
.logo {
	width:220px;
}
.header2 {
	padding-top:10px;
	padding-bottom:10px;
	height:auto;	
}
.phone-top {
    font-size: 20px;
}
.phone-top {
    color: #f9f9f7;
    font-size: 26px;
    font-weight: 700;
}
.slider {
    padding-top: 240px;
    min-height: 500px;
	padding-bottom:60px;
}
.slider-title {
    font-size: 60px;
    width: 200px;
}
.slider-title-shturval {
    width: 40px;
    height: 40px;
    top: -40px;
    left: 160px;
}
.slider-txt1 {
margin-bottom:30px;
font-size:16px;
}
.slider-txt1 span{
font-size:16px;
}
.slider-txt2 {
    margin-bottom: 0;
font-size:16px;
}
h1 {
    font-size: 18px;
}
.uslugi-item-link {
    margin-bottom: 25px;
}
.uslugi-item-title {
    font-size: 17px;
}
.uslugi-item1 .uslugi-item-title {
    font-size: 17px;
}
.logo-footer2 {
    font-size: 22px;
}
.footer {
    font-size: 16px;
}
}