pre{
	padding: 20px;
    background: whitesmoke;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/os400.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../osago_plus/fonts/OpenSansLight/OpenSansLight.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../osago_plus/fonts/OpenSansLightItalic/OpenSansLightItalic.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans sb'), local('OpenSans-sb'), url('fonts/os600.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans b'), local('OpenSans-b'), url('fonts/os700.woff2') format('woff2');
}

body{
background: #ebf0f3;
}
header{
	  
}
.zone{
    background: white;
    overflow: hidden;
    padding: 24px 40px 24px 40px;
    box-shadow: 1px 1px 2px #d7d7d7;
}
.header-right ul li a i,.header-right ul li a i:before,.footer-icon a i,#scrollUp i:before{
	line-height:40px;
}
.header-text span{
	line-height: 33px;
}
.footer-wrapper a:hover{
	color:#fab522;
}
.footer-wrapper a{
	color:white;
}
.footer-content p{
	text-align: left;
    text-indent: 0;
}
.footer-descr p{
	    font-size: 16px;
    text-indent: 0;
}
.standard-logo{
	max-width:100%;
}
.footer-logo img{
	max-width:200px;
}
.services-title h3{
	color:white;
}
.contact-bg{
	    border: 1px solid lightgrey;
}
.defform input[type="text"]:focus,.defform input[type="password"]:focus,.defform textarea:focus{
background: aliceblue!important;
}
.defform input[type="text"]:hover,.defform input[type="password"]:hover,.defform textarea:hover{
	box-shadow: none;
   
}
.defform input[type="text"],.defform input[type="password"]{
	display: block;
    height: 60px;
    width: 100%;
    border: 2px solid #e9e9e9!important;
    margin-bottom: 20px;
    padding: 0 15px;
    color: #7b8e9d;
    font-size: 14px;
    transition: .3s;
    background: #fff;
    font-weight: 400;
	box-shadow: 2px 2px 2px #c3c3c3;
}
.defform textarea{
	box-shadow: 2px 2px 2px #c3c3c3;
}
.defform>.btn{
	margin-bottom:40px;
}
.defform a{
	    display: inline-block;
    margin-bottom: 25px;
	    background: #f9bf26;
    color: white;
    padding: 2px 20px;
}
.defform{
	    padding: 20px;
    border: 3px solid #408858;
}
.dropdown-menu li a:hover{
	background: #f2f2f2;
    font-weight: 600;
}
.dropdown-menu li a{
	display: block;
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
}
.dropdown-menu{
	width: 100%;
	    display: block;
    box-shadow: 2px 2px 3px #5f5f5f;
    margin-top: 1px;
}
.tt span,.tt a{
	    color: white!important;
}
.header-transparent .main-menu nav > ul > li > a{
	color: white!important;
}
.header-icon a{
	    color: #575f65!important;
}
.sticky button{
	box-shadow: none;
	border-radius: 0;
}
.header-3 .header-right{
	    margin-top: 24px!important;
}
.product-tab li{
	    padding: 0 30px!important;
}
.product-tab-img i{
	    color: #d4d4d4!important;
    text-shadow: 2px 1px black;
}
.owl-next i,.owl-prev i{
	top: 12px;
    position: relative;
}
.plt_enter:hover{
	color: #f9bf26;
}
.plt_enter{
	line-height: 30px;
    position: relative;
    padding: 20px;
    text-transform: uppercase;
    font-size: 14px;
    top: 3px;
    background: #408858;
    color: white;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
}
.plt_enter i{
	margin-right: 10px;
    font-size: 24px;
    position: relative;
    line-height: 20px;
    top: 3px;
    color: #f9bf26;
    text-shadow: 1px 1px black;
}
#t1{
	    margin-right: 5px;
    font-size: 20px;
    font-weight: 500;
    color: #a6a6a6;
    line-height: 20px;
}
#t2{
	    font-size: 20px;
    font-weight: 500;
    color: #408858;
    line-height: 20px;
}
.t{
	    position: relative;
    top: 6px;
}


.print{
	color:white!important;
}
@media print {
    .header-area{
        display:none!important;
    }
	.services-sidebar{
		 display:none!important;
	}
	.footer-bg{
		 display:none!important;
	}
	.main-menu{
		 display:none!important;
	}
}
@media (max-width: 892px) {
  .calcus h2{
	font-size: 12px!important;  
  }
	.edit{
		font-size: 12px!important;
    padding: 0!important;
	}
}

::-webkit-scrollbar-button {

background-repeat:no-repeat;
width:10px;
height:5px
}

::-webkit-scrollbar-track {
background-color:#ecedee
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: grey;

}

::-webkit-scrollbar-thumb:hover{
background-color:#f9bf26;
}

::-webkit-resizer{
background-repeat:no-repeat;
width:4px;
height:0px
}

::-webkit-scrollbar{
    width: 10px;
}

.cssload-container{
	position:relative;
	    margin-top: 70px;
}
	
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid rgb(250,229,0);
	border-left-color: rgb(42,138,23);
	border-radius: 974px;
		-o-border-radius: 974px;
		-ms-border-radius: 974px;
		-webkit-border-radius: 974px;
		-moz-border-radius: 974px;
}

.cssload-whirlpool {
	margin: -24px 0 0 -24px;
	height: 49px;
	width: 49px;
	animation: cssload-rotate 2200ms linear infinite;
		-o-animation: cssload-rotate 2200ms linear infinite;
		-ms-animation: cssload-rotate 2200ms linear infinite;
		-webkit-animation: cssload-rotate 2200ms linear infinite;
		-moz-animation: cssload-rotate 2200ms linear infinite;
}

.cssload-whirlpool::before {
	content: "";
	margin: -22px 0 0 -22px;
	height: 43px;
	width: 43px;
	animation: cssload-rotate 2200ms linear infinite;
		-o-animation: cssload-rotate 2200ms linear infinite;
		-ms-animation: cssload-rotate 2200ms linear infinite;
		-webkit-animation: cssload-rotate 2200ms linear infinite;
		-moz-animation: cssload-rotate 2200ms linear infinite;
}

.cssload-whirlpool::after {
	content: "";
	margin: -28px 0 0 -28px;
	height: 55px;
	width: 55px;
	animation: cssload-rotate 4400ms linear infinite;
		-o-animation: cssload-rotate 4400ms linear infinite;
		-ms-animation: cssload-rotate 4400ms linear infinite;
		-webkit-animation: cssload-rotate 4400ms linear infinite;
		-moz-animation: cssload-rotate 4400ms linear infinite;
}



@keyframes cssload-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-rotate {
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-rotate {
	100% {
		-moz-transform: rotate(360deg);
	}
}
.infoblock span{
	color:grey;
	display: block;
}
.infoblock{
	display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
	opacity: 0.7;
	text-align: right;

}
.callphone,.callbtn{
	    background: whitesmoke;
}
.callphone{
	    margin-top: -25px;
}
.callphone a{
	font-size: 28px;
    font-weight: 700;
    color: #408858;
}
.callbtn button{
	background: #f9bf26;
    text-transform: uppercase;
    font-size: 14px;
    padding: 20px;
}
.wrap{
	  padding: 60px 25px!important;
}
p a{
	font-weight: 500;
}
.ctawrap{
	padding-left:50px;
}
.breadcrumb-menu li:first-child{
	padding-left:0;
}
.bottomh li a{
	    font-weight: 100;
}
.bottomh li{
	display:inline-block;
	float:left;
	padding-right:20px;
}
.uosagobtn i{
	margin-right: 4px;
}
.uosagobtn:hover{
	color: #f9bf26;
}
.uosagobtn{
	    color: white;
    padding: 10px 30px;
	text-transform: uppercase;
    font-size: 14px;
    background: #000000;
    background: -moz-linear-gradient(60deg, #76C390 20%,#408858 20%,#408858 20%);
    background: -webkit-linear-gradient(60deg, #76C390 20%,#408858 20%,#408858 20%);
    background: -o-linear-gradient(60deg, #76C390 20%,#408858 20%,#408858 20%);
    background: -ms-linear-gradient(60deg, #76C390 20%,#408858 20%,#408858 20%);
    background: linear-gradient(60deg, #76C390 20%,#408858 20%,#408858 20%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
	border:none;
    border-radius: 5px;
    border-bottom: 2px solid #3E664B;

}
.uosagobtn-y{
	    color: white;
    padding: 10px 30px;
	text-transform: uppercase;
    font-size: 14px;
    background: #000000;
    background: -moz-linear-gradient(60deg, #ffd66a 20%,#f9bf26 20%,#f9bf26 20%);
    background: -webkit-linear-gradient(60deg, #ffd66a 20%,#f9bf26 20%,#f9bf26 20%);
    background: -o-linear-gradient(60deg, #ffd66a 20%,#f9bf26 20%,#f9bf26 20%);
    background: -ms-linear-gradient(60deg, #ffd66a 20%,#f9bf26 20%,#f9bf26 20%);
    background: linear-gradient(60deg, #ffd66a 20%,#f9bf26 20%,#f9bf26 20%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
	border:none;
    border-radius: 5px;
    border-bottom: 2px solid #3E664B;

}
.mainpage{
	    background: #0000002b!important;
    border: none!important;
    box-shadow: none!important;
}
.content img{
	max-width:100%;
}
.about-us-area,.product-area{
	background:white;
}
.logo-side img{
	max-width:100%;
}
.wrsect_box {
	border: 10px solid white;
}
.sect_box {
	text-transform: uppercase;
	padding: 20px;
	color: #222;
    border: 2px solid #f7b422;
}
.sect_box i{
	    font-size: 50px;
}
.p0{
	padding:0!important;
}
.mobile-menu .root-item-selected{
	background: inherit!important;
}
.platformlink{
	    text-transform: uppercase;
}
.mainpage_text ul{
	padding-left: 20px!important;
}
.mainpage_text p,.mainpage_text ul li{
	font-size: 14px!important;
	    line-height: 1.8em!important;
}
.mainpage_text h2{
	    font-size: 20px!important;
}
.articlcol{
	max-height: 500px;
    overflow: hidden;
}
.opened{
	max-height: initial;
}
.open_art{
	display: block;
    border-top: 1px solid #e2e2e2;
    padding: 15px;
}
.callaction{
	background: url(/upload/callus.png) whitesmoke;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: -50px;
    font-weight: 800;
    color: white;
    font-size: 24px;
}
.header-right .active{
	background: none!important;
    top: -3px;
}
.select2-container{
	width:100%!important;
}
.npad{
	padding: 0px 40px 0px 40px;
}
.calcus h2 {
    color: black;
    font-weight: 500;
}
p a,.content ul li a{
	text-decoration: underline;
    font-style: italic;
}
.attention{
	    display: inline-block;
    width: 12px;
    height: 12px;
    background: #00ff1f;
    border-radius: 10px;
    margin-left: 10px;
}
.rightbox_itm a{
								font-size:14px
							}
							.rightbox_itm img{
								max-width:100%
							}
							.contactul li a i{
								font-size: 16px;
								width: 18px;
								text-align: center;
								margin-right: 15px;
								color: #dddedf;
							}
							.contactul li a:hover i:first-child{
								    color: #097250;
							}
							.contactul li a{
								font-size: 14px;
									color: grey;
								padding-bottom: 10px;
								display: block;
								max-width: 100%;
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;
							}
							.cleartab>.nav-item>.nav-link.active{
								border-color:white;
								box-shadow:none;
								border-bottom: 3px solid #006d4a;
								color: #686868!important;
							}
							.cleartab>.nav-item>.nav-link:hover{
									border-color:white;
									 border-bottom: 3px solid #006d4a;
							}
							.cleartab>.nav-item:hover{
							border:none;
								   
							}
							.cleartab>.nav-item:first-child{
								 margin: 0;
							}
							.cleartab>.nav-item>.nav-link{
								border-bottom: 3px solid white;
							}
							.cleartab>.nav-item{
								 background: none;
								 
								 margin: auto;
							}
							.cleartab>.nav-item a{
									font-size: 14px;
								padding: 0px;
								padding-right: 5px;
								padding-bottom: 10px;
								margin-right:0;
								background: none;
							}
							.cleartab{
								background:white;
									padding: 0!important;
								border: none;
									border-bottom: 1px solid #dddedf;
							}
							.pl-link{
							    display: block;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    border: 2px solid #097250;	
							}
	