@font-face {
	font-family: logo;
	src: url(../fonts/SyntheticSharps.otf);
}

@font-face {
	font-family: exo;
	src: url(../fonts/10657.ttf);
}

@font-face {
	font-family: exoo;
	src: url(../fonts/exo2.ttf);
}

.logo {
	font-family: logo;
}

.

.width100{
	width: 100% !important;
}
.full_img{
	background: url('../images/bg.jpg') fixed;
	background-size: 100%; 
	height: auto;
	width: 100%;
	margin-top: 62px;
	color: #fff;
}

.full_img p{
	font-size: 20px;
}

.full_img h1 {
	color: #fff;
	margin: 30px 0;
}
.swiper-container {
        width: 100%;
        height: 100%;
    }
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.full_img img {
	width: 100%;
    max-width: 850px;
}

.fourBlock{
	bottom: 0;
	right: 0;
	margin: 0 0 20px 0;

}

.fourBlock_bg{
	background: #df0024;
	min-height: 100px;
	
	        transition: all 0.50s;
	        cursor: pointer;
}

.fourBlock_bg:hover{
	background: rgb(44, 189, 123);
	
	        transition: all 0.50s;
}

.fa_icon_fourBlock{
	font-size: 40px;
	border-right: 1px solid #fff;
	text-align: center;
	color: #fff;
	min-height: 100px;
	line-height: 100px;
}

.four_title{
	font-size: 16px;
	float: left;
	color:#fff;
	font-weight: 500;
	padding: 10px 0 0 0;
    text-align: left;
}

.f70{
	font-size: 53px !important;
}

.fourBlock_bg p{
	font-size: 12px;
	float: left;
	color: #fff;
}

.margin-top-10{
	margin: 10px 0 0 0;
}

.margin-top-20{
	margin: 20px 0 0 0;
}

.fright{
	float: right;
}

.padding-top-20{
	padding: 20px 20px;
}

.icon_uslugi{
	text-align: center;
	font-size: 60px;
	color: #333;
}

.fleft{
	float: left;
}

.uslugi_block{
	border:1px solid #ddd;
}

.margin-bottom-50{
	margin-bottom: 50px;
}


.margin-bottom-20{
	margin-bottom: 20px;
}


.typed-cursor{
    font-size: 100px
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    10% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    10% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    10% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

#typed3{
	color: #ff2c40;
}

.rz_site{
	font-family: exo;
	margin: 30px 0;
}

.boxed.boxed--border {
    border: 1px solid #ececec;
}

.boxed.boxed--lg {
    padding: 2.78571429em;
}
.boxed {
    border-radius: 6px;
}
.boxed {
    position: relative;
    overflow: hidden;
    padding: 15px !important;
    margin-bottom: 30px;
}

.boxed img{
	margin-bottom: 10px;
}

.f_icon {
	color: #6d6d6d;
	font-size: 60px !important;
	margin: 0 0 20px 0;
}

.bg_features{
	background: url('../images/uslugi/ff.jpg') fixed;
    transform: translate3d(0px, 35.25px, 0px);
	min-height: 500px;
	color: #fff;
	padding: 30px 0; 
	background-size: cover;
}

.bg_features:before{
	    background: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    background-size: cover;
    position: absolute;
}

.sx_features{
	text-align: center;
	font-size: 60px;
}

.sxf{
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}


.ftuares{
	padding:10px; 
	background-color: rgba(0,0,0,0.21);
	transition: all 0.5s;
}


.ftuares:hover{
	background: #fff;
	color: #333;
	transition: all 0.5s;
}

.margin-top-60{
	margin:60px 0 0 0;
}

.title_un{
	color: #565656;
	font-family: exoo;
}

.porfirio{
	height: 250px;
	overflow: hidden;
	transition: all 1s;
}

.porfirio img {
	transition: all 0.5s;
	min-height: 250px;
}

.porfirio:hover  img {
	transition: all 0.5s;
	transform: scale(1.1) rotate(-5deg);

}

.porfirio_h{
	transition: all 1s;
}



.p_hidden{
	position: absolute;
	top: 0;
	right: 0;
	padding: 30px;
	height: 250px;
	width: 100%;
	transition: all 1s;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.35);
	display: none;
}

.porfirio:hover .p_hidden{
	display: block;
	transition: all 1s;
}

.fff{
	background-color: #fff;
}

.margin-top-30{
	margin-top: 30px;
}

.uslugi{
	min-height: 150px;
	transition: all 0.5s;
	float: left;
	color: #6d6d6d;

}

.uslugi:hover {
	box-shadow: 0px 0px 35px 1px rgba(0,0,0,0.2);
	transition: all 0.5s;
	
}

.uslugi:hover .u_icon {
	color: #fff;
}

.margin-bottom-20{
	margin-bottom: 20px;
}

.u_icon{
	text-align: center;
	padding-top: 15px;
}

.padding-top-15{
	padding-top: 15px;
}

.u_titles{	
	font-size: 13px;
}

.OP_title{
	font-size: 18px;
}

.call_me{
	background:url('../images/bg3.jpg');
	color: #fff;
	padding: 30px 0 0 0;
	background-position: center;
	background-size: cover;

}

.padding-30{
  padding: 30px;
}

.call_me p {
	font-size: 18px;
}

.fleft{

}

.block-img{
	width: 222px;
}

.footer{
	background-color: #333;
	min-height: 50px;
	color: #fff;
}

.phone-num{
	float: left;
    width: 80%;
    text-shadow: 1px 1px 6px #000;
    font-size: 18px;
    padding: 3px 0 0 15px;
}

.email {
	float: left;
	padding: 0 0 0 15px; 
	line-height: 64px;
	font-size: 20px;
}

.address{
	padding: 0 0 0 15px;
}

.copy {
	line-height: 66px;
    font-size: 26px;
    font-family: logo;
}

.text-service{
	color: #696969;
	font-family: exoo;
}

.w_titles{	
	font-size: 14px;
}

.margin-bottom-30{
	margin-bottom: 30px;
}

.width100{
	width: 100%;
}

.bg_ddd{
	border-top: 1px solid #ddd;
	background-color: #fafafa;	
	min-height: 500px;
}

.padding-60{
	padding: 60px 0;
}

.text-service-2{
	color: #696969;
	font-family: exoo;
	font-size: 14px;
	margin: 15px 0;
}

.inet-acc{
	text-align: left;
    color: #fff;
    background: #dc3545;
    width: 100%;
    margin: 1px 0 0 0;
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}

.inet-acc:hover{
	color: #fff;
	text-decoration: none;
}

.text-left{
	text-align: left;
	color: #696969;

}

.padding-10{
	padding: 10px 10px;
}

.corp_text{
	color: #616161;

}

.corp-h2{
	color: #6d6d6d;
    margin: 0 0 25px 0;
}

.margin-bottom-30{
	margin-bottom: 30px;
}


.call_me_block{
	padding: 40px;
	margin-top: 30px;
	border:1px solid #df0024;	
}

.margin-bottom-10{
	margin: 0 0 10px 0;
}

h4{
	color: #444;
}

h3{
	color: #444;
}

h5{
	color: #444;
}

.margin-10{
	margin:10px 0;
}

.margin-20{
	margin:20px 0;
}

.color_fff{
	color: #fff;
}