/* Start:/service/style.css?173020009416347*/
@charset "utf-8";
/* CSS Document by Bullevie - dev: www.3dteapot.com*/
/*------------------------------------------------------------------------Base-*/
html, body{
	scroll-behavior: smooth;
}
/*------------------------------------------------------------------------Font`s-*/
@font-face{
	font-family:Gerbera-Light;
	src: url(/service/font/Gerbera-Light.ttf);
}
@font-face{
	font-family:Gerbera-Bold;
	src: url(/service/font/Gerbera-Bold.ttf);
}
/*------------------------------------------------------------------------Styles-*/
.block-shadows{
	width: auto;
	min-height: 100px;
	border-radius: 15px;
	background-color: white;
	-webkit-box-shadow: 2px 2px 23px -9px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 2px 2px 23px -9px rgba(0, 0, 0, 0.23);
	box-shadow: 2px 2px 23px -9px rgba(0, 0, 0, 0.23);
	transition: all ease 0.2s; 
}
.block-shadows:hover{
	-webkit-box-shadow: 1px 1px 11px -5px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 1px 1px 11px -5px rgba(0, 0, 0, 0.23);
	box-shadow: 1px 1px 11px -5px rgba(0, 0, 0, 0.23);
	transition: all ease 0.2s; 
}
.shadows-left{
	width: 30%;
	background-color: aqua; 
	float: left;   
	text-align: center;
    vertical-align: middle;
	height: 100px; 
}
.shadows-right{
	width: 70%;
	background-color: gray; 
	float: left;
	text-align: left;
}
/*------------------------------------------------------------------------Styles-*/
.back{
	background-color: #00BCE0;
}
.img-pad{
	padding-bottom: 25px;
}
.img-pad-two{
	padding-bottom: 10px;
	margin: 0 auto;
}
.grey{
	color: #A7A7A7;
	font-size: 11px;
}
.blue{
	color:#00BCE0;
}
.callback{
	margin-bottom: 100px;
	margin-top: 100px;
	padding-bottom: 40px;
	padding-top: 40px;
	color: white;
}
/*------------------------------------------------------------------------Styles-*/
.block-shadows-line{
	width: auto;
	min-height: 250px;
	border-radius: 15px;
	padding-top: 30px;
	text-align: center;
	font-size: 13px;
	background-color: white;
	line-height: 1.3;
	padding-left: 15px;
	font-family:Gerbera-Light;
	padding-right: 15px;
	-webkit-box-shadow: 2px 2px 23px -9px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 2px 2px 23px -9px rgba(0, 0, 0, 0.23);
	box-shadow: 2px 2px 23px -9px rgba(0, 0, 0, 0.23);
	transition:all ease 0.2s; 
}
.block-shadows-line:hover{
	-webkit-box-shadow: 1px 1px 11px -5px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 1px 1px 11px -5px rgba(0, 0, 0, 0.23);
	box-shadow: 1px 1px 11px -5px rgba(0, 0, 0, 0.23);
	transition:all ease 0.2s; 
}
.prrr {margin-top: 15px;}
.strprrr {margin-top: 80px;}

.prrr .teampro__item-icon img {min-width: 40px;}
.teampro__item-icon {margin-right: 20px;}
.strprrr .teampro__item_ser {padding-left: 34px; padding-right: 34px;}
section.structure div.title {margin-bottom: 50px;}

.pokup .teamprotitl {font-size: 32px;}
section.pokup {margin-bottom: 0px; margin-top: 60px;}
.pokup .section-title1 {}
.g-4 .img-pad {margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}
section.specmind {margin-top: 80px;}
h2.section-title1 .pokup span {font-size: 32px;}
.sertit {margin-top: 25px; margin-left: 0px; margin-right: 0px;}
.title-white{text-align: left;}
div.sertit1 .logo1-left img {margin-top: 18px;} 

section.slider-logo {margin-bottom: 80px;}

#serviceworks {padding-top: 0px;}
.serviceworksitem {margin-top: 20px;}
.product-item-container {margin-top: 25px;}
h2.works {margin-bottom: 15px;}
a.product {min-height: 55px;}
.trade-good-box .trade-good-wrapper .trade-good-desc {min-height: 110px;}

.title-white{text-align: left;}
.title-small {margin-top: 12px;}
.call-button {margin-top: 36px;}


@media (max-width: 1400px){
  .block-shadows-line{
	min-height: 230px;
}}
@media (max-width: 1200px){
  .block-shadows-line{min-height: 260px;}
  .sertit1 {margin-top: 25px;}
  div.sertit1 .logo1-left img {margin-top: 0px;} 
}

@media (max-width: 992px){
  .block-shadows-line{min-height: 200px;}
  a.product {min-height: 35px;}
.trade-good-box .trade-good-wrapper .trade-good-desc {min-height: 10px;}
.trade-good-box {max-height: 280px;}
.serviceworksitem {margin-top: 0px;}

}
@media (max-width: 410px){
  .block-shadows-line{
	min-height: 220px;
}}
/*------------------------------------------------------------------------Styles-*/
.margin-01{
	margin-top: 0px;
	margin-bottom: 130px;
}
.block-grey{
	width: auto;
	min-height: 100px;
	border-radius: 15px;
	text-align: center;
	background-color: #F5F5F5;
	line-height: 1.3;
	font-size: 14px;
	font-family:Gerbera-Light;
}
/*------------------------------------------------------------------------Styles-*/
.title{
	font-size: 40px;
	font-family:Gerbera-Light;
	margin-bottom: 20px;
	line-height: 1.2;
}
@media (max-width: 576px){
  .title{
	 font-size: 32px;
}}
.title-white{
	font-size: 32px;
	font-family:Gerbera-Bold;
	line-height: 1.2;
}
@media (max-width: 992px){
  .title-white{
	  text-align: center;
}}
@media (max-width: 576px){
  .title-white{
	  font-size: 26px;
}}
.title-small{
	font-size: 28px;
	font-family:Gerbera-Bold;
	line-height: 1.2;
	margin-bottom: 5px;
}
.phoneser{
	font-size: 24px;
	font-family:Gerbera-Bold;
	line-height: 1.2;
}
@media (max-width: 576px){
  .phoneser{
	 font-size: 18px;
}}
.phonesers{
	margin-top: -5px;
	margin-right: 7px;
}
.phoneser-small{
	font-size: 21px;
	font-family:Gerbera-Bold;
	line-height: 1.2;
	margin-bottom: 5px;
}
@media (max-width: 768px){
  .phoneser-small{font-size: 20px;}
  .logo1-left img {margin: 0 auto;}
  .trade-good-box {max-height: 235px;}


}
@media (max-width: 576px){
  .phoneser-small{
	  font-size: 21px;
}}
/*------------------------------------------------------------------------Styles-*/
.head-left{
	width: auto;
	min-height: 200px;
	background-color: #F5F5F5;
	line-height: 1.3;
	font-size: 14px;
	font-family:Gerbera-Light;
	border-radius: 35px 0px 0px 0px;
	transition:all ease 0.5s; 
}
.head-left:hover{
	background-color: #EFEFEF;
	transition:all ease 0.5s; 
}
.head-center{
	width: auto;
	text-align: center;
	min-height: 200px;
	background-color: #F5F5F5;
	line-height: 1.3;
	font-size: 13px;
	font-family:Gerbera-Light;
	border-radius: 0px 0px 0px 0px;
	padding-top: 35px;
	transition:all ease 0.5s; 
}
.head-center:hover{
	background-color: #EFEFEF;
	transition:all ease 0.5s; 
}
.head-blue{
	width: auto;
	text-align: center;
	min-height: 200px;
	background-color: #39ADC5;
	color: white;
	line-height: 1.3;
	font-size: 14px;
	font-family:Gerbera-Light;
	border-radius: 0px 0px 0px 0px;
	transition:all ease 0.5s; 
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 42px;
}
.head-blue .link{color:#FFF;text-decoration:none;border:none;font-size: 16px;}
.head-blue .link:hover{color:#FFF;text-decoration:underline;border-bottom: 1px dashed;}
.phoneser-small .phn {color:#FFF;text-decoration:none;border:none;}
.phoneser-small .phn:hover{color:#FFF;text-decoration:underline;border-bottom: 1px dashed;}
p.blankz a {color: #191919; text-decoration:none;border:none;}
p.blankz a:hover {color: #191919; text-decoration:underline;border-bottom: 1px dashed;}


.head-down{
	width: auto;
	text-align: center;
	min-height: 170px;
	background-color: #F5F5F5;
	line-height: 1.3;
	font-size: 13px;
	font-family:Gerbera-Light;
	border-radius: 0px 0px 0px 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
	transition:all ease 0.5s;
	min-height: 190px; 
}
.head-down:hover{
	background-color: #EFEFEF;
	transition:all ease 0.5s; 
}
.head-down-end{
	width: auto;
	text-align: center;
	min-height: 170px;
	background-color: #F5F5F5;
	line-height: 1.3;
	font-size: 13px;
	font-family:Gerbera-Light;
	border-radius: 0px 0px 35px 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
	transition:all ease 0.5s; 
	min-height: 190px;
}
.head-down-end:hover{
	background-color: #EFEFEF;
	transition:all ease 0.5s; 
}
/*------------------------------------------------------------------------Styles-*/
.button{
	border-radius:0px;
	background-color:#FFF;
	color:#39ADC5;
	border:#ffc823 solid 0px;
	padding:18px 0px 20px 0px;
	font-size:14px;
	transition-property: all;
	transition: all ease 0.5s;	
	line-height:1.0;
	width: 100%;
	font-family:Gerbera-Bold;
	margin-top: 30px;
}
.button-serv{
	border-radius:0px;
	background-color:#FFF;
	color:#39ADC5;
	border:#ffc823 solid 0px;
	padding:18px 0px 20px 0px;
	font-size:14px;
	transition-property: all;
	transition: all ease 0.5s;	
	line-height:1.0;
	width: 100%;
	font-family:Gerbera-Bold;
	margin-top: 28px;
}
.button:hover{
	background-color:#247C8E;
	color: white;
	transition:0.5s;
	cursor:pointer;
}
/*------------------------------------------------------------------------Styles-*/
.logo1{
	min-height: 200px;
}
.logo1-left{
	text-align: center;
	margin-top: 58px;
}
.logo1-right{
	margin-top: 58px;
}
.logo1-left img {padding-left: 10px;}
@media (max-width: 768px)
{
  .logo1-left{margin-top: 20px;}
  .logo1-right{font-size: 16px; margin-top: 20px; text-align: left;}
  .title-small {text-align: left; font-size: 18px;}
}
@media (max-width: 768px){
  .logo1-right{
	  text-align: center;	  
	  padding-bottom: 40px;
}}
@media (max-width: 768px){
  .logo1-text{
	  text-align: center;
	  padding-left: 15px;
	  padding-right: 15px;
}}
/*------------------------------------------------------------------------Styles-*/
.link{color:#FFF;text-decoration:none;}
.link:hover{color:#FFF;text-decoration:underline;}
/*------------------------------------------------------------------------Styles-*/
.button-call{
	border-radius:12px;
	background-color:#DEF8FF;
	color:#000;
	border:#ffc823 solid 0px;
	padding:18px 0px 20px 0px;
	font-size:21px;
	transition-property: all;
	transition: all ease 0.5s;	
	line-height:1.0;
	width: 255px;
	height: 65px;
	font-family:Gerbera-Light;
}
.button-call:hover{
	background-color:#FFF;
	color: black;
	transition:0.5s;
	cursor:pointer;
}
@media (max-width: 992px){
  .button-call{
	 margin-bottom: 10px;
}}
@media (max-width: 576px){
  .button-call{
	  font-size:18px;
}}
/*------------------------------------------------------------------------Styles-*/
.call-button{
	text-align: right;
	margin-top: 11px;
}
@media (max-width: 1200px){
  .call-button{
	  text-align: center;
}}
.shadows{
	min-height: 100px;
}
.shadows-center{
	text-align: center;
}
.shadows-text{
	line-height:1.2;
	font-family:Gerbera-Light;
	font-size: 14px;
}
/*------------------------------------------------------------------------Styles-*/
.small-text{
	font-size: 18px;
}
/*------------------------------------------------------------------------Styles-*/
.block-shadows-grey{
	width: auto;
	min-height: 100px;
	border-radius: 15px;
	background-color: #F5F5F5;
	transition:all ease 0.2s; 
}
.block-shadows-grey:hover{
	transition:all ease 0.2s; 
	background-color:#EFEFEF;
}
/*------------------------------------------------------------------------Styles-*/
.title-two{
	font-size: 40px;
	font-family:Gerbera-Light;
	line-height: 1.0;
	margin-top: 10px;
	margin-bottom: 10px;
}
@media (max-width: 576px){
  .title-two{
	 font-size: 32px;
}}
.title-blue{
	font-size: 24px;
	color: #00BBDD;
	font-family:Gerbera-Bold;
}
/*------------------------------------------------------------------------Styles-*/
.block-shadows-300{
	width: auto;
	min-height: 280px;
	border-radius: 15px;
	padding-top: 30px;
	text-align: center;
	font-size: 16px;
	background-color: white;
	line-height: 1.3;
	padding-left: 20px;
	font-family:Gerbera-Light;
	padding-right: 20px;
	-webkit-box-shadow: 2px 2px 23px -9px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 2px 2px 23px -9px rgba(0, 0, 0, 0.23);
	box-shadow: 2px 2px 23px -9px rgba(0, 0, 0, 0.23);
	transition:all ease 0.2s; 
}
.block-shadows-300:hover{
	-webkit-box-shadow: 1px 1px 11px -5px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 1px 1px 11px -5px rgba(0, 0, 0, 0.23);
	box-shadow: 1px 1px 11px -5px rgba(0, 0, 0, 0.23);
	transition:all ease 0.2s; 
}
@media (max-width: 1400px){
  .block-shadows-300{
	 min-height: 310px;
}}
@media (max-width: 1200px){
  .block-shadows-300{min-height: 300px;}
  	div.lastt .trade-good-box {display: none;}

}
@media (max-width: 992px){
  .block-shadows-300{min-height: 270px;}
}
@media (max-width: 768px){
  .block-shadows-300{min-height: 310px;}
	div.lastt .trade-good-box {display: block; height: 30px;}
}
@media (max-width: 576px){
  .block-shadows-300{min-height: 230px; height: auto;}
  .trade-good-box {max-height: 290px;}
  .product-item-container {margin-top: 10px;}
}
@media (max-width: 450px){
  .block-shadows-300{min-height: 260px;}
}
@media (max-width: 860px){
  .teampro__item_ser{padding-left: 25px;}
}
/*------------------------------------------------------------------------Styles-*/
.icon-case{
	margin-left: 5px;
	margin-top: -4px;
}
.name-font{
	font-size: 21px;
    font-family:Gerbera-Bold;
	margin-top: 5px;
	margin-bottom: 10px;	
	line-height: 1.1;
}
.name{
	font-size: 14px;
    font-family:Gerbera-Light;
	line-height: 1.3;
}
/*------------------------------------------------------------------------Styles-*/
.block-shadows-photo{
	width: auto;
	min-height: 300px;
	border-radius: 15px;
	padding-top: 30px;
	text-align: center;
	font-size: 16px;
	background-color: black;
	margin-bottom: 20px;
	background-image: url(/service/images/avatar.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
/*------------------------------------------------------------------------Styles-*/
.block-shadows-work{
	width: auto;
	min-height: 200px;
	border-radius: 15px;
	padding-top: 30px;
	text-align: center;
	font-size: 16px;
	background-color: #F5F5F5;
	margin-bottom: 20px;
}
.sert-01{
	background-image: url(/service/images/sert-01.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	min-height: 200px;
	margin-bottom: 10px;
}
@media (max-width: 992px){
  .sert-01{
	min-height: 100px;
}}

.font-12{
	font-size: 12px;
}
.sert-02{
	background-image: url(/service/images/sert-02.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	min-height: 200px;
	margin-bottom: 10px;
}


@media (max-width: 1150px) {
	.title-white {font-size: 20px; margin-top: 16px; padding-left: 6% !important;}
	.container1 {margin: auto;}
	div.phoneser a {font-size: 20px;}
}
@media (max-width: 992px){
  .sert-02{min-height: 100px;}
  .title-white {font-size: 20px; margin-top: 13px; padding-left: 0px !important;}
  .block-shadows-300 {margin-bottom: 25px;}
  .block-shadows-line {margin-bottom: 25px;}
}
@media (max-width: 768px){
  .logo1-text{text-align: left; padding-left: 0px; text-align: center;}
  .head-left {min-height: 150px;}
  .logo1-left {margin-top: 50px;}
  div.logo1-left img {max-width: 100px; padding-left: 0px;}
  div.logo1-right {margin-top: 20px;}
  div.logo1-right {margin-top: 20px;}
  .title-small {margin: 0 auto; text-align: center; padding-right: 15px; padding-left: 15px; font-size: 24px;}
  .logo1-left {margin-top: 25px;}
}
@media (max-width: 684px){
  div.logo1-right {margin-top: 10px;}
}
@media (max-width: 576px) {
	
  	.logo1-right {margin-top: 50px;}
  	.pokup .teamprotitl {line-height: 1.1; font-size: 27px;}
  	.section-title1 .teamprotitl {line-height: 1.1; font-size: 27px;}
  	p {font-size: 16px;}
  	.teampro__item-name_ser {font-size: 16px;}
  	.block-shadows-line p {font-size: 16px;}
}
@media (max-width: 450px){
  .title-small {font-size: 20px;}
  .logo1-text {font-size: 14px; padding-top: 5px;}
  .head-center {display: none;}
  .sertit1 {margin-top: 10px;}
  .margin-01 {margin-bottom: 50px;}
  section.back {margin-bottom: 50px;}
  .strprrr {margin-top: 0px;}
  section.pokup {margin-top: 0px;}
  section.specmind {margin-top: 0px;}
  div.logo1-left img {margin-bottom: 0px;}
  div.logo1-right {margin-top: 20px;}

}
@media (max-width: 380px){
  .logo1-text {font-size: 14px; padding-top: 3px;}
  .logo1-left {margin-top: 20px;}

}

















/* End */
/* /service/style.css?173020009416347 */