a, p, h1, h2, h3, h4, h5, h6, span{
	font-family: "Open Sans";
}
.head-contacts{
	font-size: 14px;
	color: #15aae0;
}
.head-text{
	font-size: 14px;
	color: #9a9a9a;
}
.btn-primary{
	color: #fff;
	font-size: 14px;
	background-color: #00a2dd;
	padding: .5rem 2.5rem;
	border-radius: 0!important;
	
}
.head-section{
	background-color: #ffffff;
}
.logo{
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}
.header-info{
	margin-top: 30px;
}
.header-info .ico{
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 19px;
}


.slide-section{
	background-image: url("../assets/bg1.png");
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	max-height: 598px;
	background-size: cover;
	position: relative;
	padding-top: 8rem;
	padding-bottom: 10rem;
	position: relative;
	
}
.slide-text{
	font-size: 26px;
	color: #fff;
	font-weight: 700;

	font-family: "Open Sans";
	letter-spacing: 1.04px;

}
.slide-small-text{
	font-size: 16px;
	color: #009dda;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.slide-btn{
	color: #fff;
	font-size: 14px;
	padding: .5rem 2rem;
	border: 1px solid #fff;
}
.work{
max-width: 468px;
min-height: 293px;

}
.work-img{
	max-width: 100%;

}

.work-blog{
	background-color: #FAFAFA;
	padding-left: 30px;
	padding-top: 17px;
	padding-bottom: 23px;
	border: 1px solid #e8e8e8;
	border-top: none;
	background-color: #fafafa;
}
.work-blog p {
	color: #1d1d1d;
	font-family: "Open Sans - Semibold";
	font-size: 18px;
	font-weight: 400;

}
.work-blog span {
	color: #1d1d1d;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 400;

}
.work-title{
	color: #1d1d1d;
	font-size: 18px;
	font-weight: 600;
}
.work-description{
	color: #1d1d1d;
}

/*
* === service ===
*/
.service-section{
	margin-top: 190px;
	min-height: 765px;
	background: #fafafa;
	padding-top: 52px;

}
.service-title{
	border-left: 5px;
    border-style: solid;
    border-color: #5dde7b;
    border-bottom: none;
    border-top: none;
    border-right: none;
    padding-left: 10px;
    margin-bottom: 60px;
    

}
.service-title span {
	color: #828282;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 400;
	padding: 0;
	margin: 0;
	text-transform: uppercase;

}
.service-title h2 {
	color: #1d1d1d;
	font-family: "Open Sans";
	font-size: 24px;
	font-weight: 700;

	text-transform: uppercase;
}
.serv p{
	width: 266px;
	height: 85px;
	color: #6d6d6d;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}
.serv h3{
	width: 85px;
	height: 12px;
	color: #1d1d1d;
	font-family: "Open Sans - Semibold";
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 15px;
}
.serv .row{
	margin-bottom: 10px;
}
.advantage-section{
	min-height: 765px;
	padding-top: 70px;
}
.elipse-row{
	margin-bottom: -180px;
}

.elipse{
	padding-top: 57px;
	width: 100%;
	height: auto;
}


.advantage-tile h2{
	margin-bottom: 36px;
	color: #1d1d1d;
	font-family: "Open Sans";
	font-size: 24px;
	font-weight: 700;

	text-transform: uppercase;
}

.advantage-section h3{
	margin-bottom: 10px;
	color: #eeeeee;
	font-family: "Open Sans";
	font-size: 43px;
	font-weight: 400;
		border: 1px solid #e8e8e8;
	border-top: none;
	border-left: none;
	border-right: none;
	width: 110%;
}

.advantage-section .i1{
	margin-bottom: -10px;
	color: red;
	
	
	
 		position:absolute;
 
  		border: 1px solid #e8e8e8;
	border-top: none;
	border-left: none;
	border-right: none;
  left:106%;
  padding-top: 59px;
  transform:rotate(10deg);
  width:80px;
}

.advantage-section .i3{
	margin-bottom: 20px;
	color: red;
 		position:absolute;
 
  		border: 1px solid #e8e8e8;
	border-top: none;
	border-left: none;
	border-right: none;
  left:104%;
  padding-top: 45px;
  transform:rotate(-10deg);
  width:70px;
}
.advantage-section .i2{
	margin-bottom: -10px;
	color: red;
	
	
	
 		position:absolute;
 
  		border: 1px solid #e8e8e8;
	border-top: none;
	border-left: none;
	border-right: none;
  left:-21.5%;
  padding-top: 59px;
  transform:rotate(-10deg);
  width:90px;
}
.advantage-section .i4{
	margin-bottom: -10px;
	color: red;
	
	
	
 		position:absolute;
 
  		border: 1px solid #e8e8e8;
	border-top: none;
	border-left: none;
	border-right: none;
  left:-19.2%;
  padding-top: 44px;
  transform:rotate(10deg);
  width:90px;
}
.advantage-section p{
	color: #1d1d1d;
	font-family: "Open Sans - Semibold";
	font-size: 16px;
	font-weight: 400;

}
.about-section{
	padding-top: 41px;
	padding-bottom: 43px;
	background-color: #fafafa;
	min-height: height: 475px;
}
.about-title{
	margin-top: 16px;
	border-left: 5px;
    border-style: solid;
    border-color: #5dde7b;
    border-bottom: none;
    border-top: none;
    border-right: none;
    padding-left: 10px;
    margin-bottom: 30px;
}
.about-section .btn{
	margin-top: 15px;
}


.gallery-righ-img{
	margin-bottom: 27px;
}

/*
* === FOOTER ===
*/
.footer-section{
	background-color: #434343;
	padding-top: 2rem;
	padding-bottom: 2rem;
	min-height: 300px;
	
}
.footer-heading{
	color: #ffffff;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 400;

	text-transform: uppercase;
}

.footer-info{
	margin-top: 25px;
	min-height: 41px;

	color: #f1f1f1;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 400;


}
.footer-info a{
	color: #f1f1f1;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}

.adress {
	max-width: 28px;
	margin-right: 5px;
}

.footer-info .ico{
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 23px;
}

.footer-info .infoo{
	border-left: 1px;
    border-style: solid;
    border-color: #7a7a7a;
    border-bottom: none;
    border-top: none;
    border-right: none;
    padding-left: 19px;

}
.grafik {
	margin-top: 22px;
	padding: 20px;
	width: 264px;
	height: 184px;
	border: 1px solid #f9f9f9;
}
.grafik table{
	color: #a6a6a6;

	font-family: "Open Sans";
	font-size: 12px;
	font-weight: 300;

}

.grafik .columnleft{
	padding-right: 70px;
}
.grafik-time{
	color: #ffffff;
}
.footer-section .dev-by{
	color: #f1f1f1;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 400;
	margin-left: 45px;
	margin-top: 20px;
}



@media (max-width: 1200px) {


.advantage-section .i1{
	margin-bottom: -10px;
  left:106%;
  padding-top: 56px;
  transform:rotate(10deg);
  width:50px;
}

.advantage-section .i3{
	
  left:102%;
  padding-top: 47px;
  transform:rotate(-10deg);
  width:55px;
}
.advantage-section .i2{
	margin-bottom: -10px;
  left:-14%;
  padding-top: 57px;
  transform:rotate(-10deg);
  width:55px;
}
.advantage-section .i4{
	
  left:-11.2%;
  padding-top: 47px;
  transform:rotate(10deg);
  width:55px;
}
}


@media (min-width: 992px) {


}

@media (max-width: 992px) {
.advantage-section .i1{
	margin-bottom: -10px;
  left:104%;
  padding-top: 56px;
  transform:rotate(10deg);
  width:50px;
}

.advantage-section .i3{
	
  left:100%;
  padding-top: 47px;
  transform:rotate(-10deg);
  width:55px;
}
.advantage-section .i2{
	margin-bottom: -10px;
  left:-19.5%;
  padding-top: 56px;
  transform:rotate(-10deg);
  width:55px;
}
.advantage-section .i4{
	
  left:-15.2%;
  padding-top: 47px;
  transform:rotate(10deg);
  width:55px;
}
.footer-info span{
	float: left;
}
.slide-section {

padding-top: 5rem;

}
.service-section{
	margin-top: 120px;
}
}

@media (max-width: 768px){

.advantage-section .i1{
 display: none;	
}

.advantage-section .i3{
 display: none;	
}
.advantage-section .i2{
 display: none;	
}
.advantage-section .i4{
	
 display: none;	
}

.header-info{
	margin-top: 15px;
}
.header-info .btn{
	margin-bottom: 15px;
	margin-top: 10px;
}
.service-section{
	margin-top: 0px;
}

.footer-section .dev-by span{
	margin-bottom: 3px;
}
.footer-section .dev-by{
	margin-bottom: 15px;
}

.footer-info .row {
	height: 50px;
}
.footer-info .infoo{
	
}
.head-section{
	text-align: center;
}

.service-section{
	margin-top: 560px;
}

.serv .row{
	margin-bottom: 10px;
}
.advantage-section{
	min-height: 765px;
	padding-top: 70px;
}
.elipse-row{
	margin-bottom: 0px;
}

.elipse{
	padding-top: 0px;
}
.gallery{
	text-align: center;
}
.gallery .col-md-6{
	padding: 0;
}




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