#clients_say_area_ynxw {
    background-color: #FFFFFF;
    padding-top: 50px;
    
    position: relative
}

#clients_say_area_ynxw h2 {
    margin-bottom: 2px;
	color:#A5282E;
	font-weight:bold;
}

.clients_say {
    margin-bottom: 30px
}

.clients_say_list {
    margin-top: 20px;
}

.clients_say p {
    border: 2px solid #E3E3E3;
    padding: 20px 40px;
}

.say {
    text-align: right;
    width: 90%;
    margin-top: 10px
}

.say h5 {
    margin: 0;
    color: #000
}

.say h6 {
    margin: 0;
    color: #666666
}

.c_img {
    width: 10%;
    text-align: right
}

.c_img img {
    border-radius: 50%
}

#Experience_area {
    background: #F8F8F8;
    color: #fff
}

#Experience_area h2 {
    margin-bottom: 2px;
	color:#A5282E;
	font-weight:bold;
}
#Experience_area1 {
    background: url(../images/swhzbj.jpg);
    
    background-size: cover;
    background-position: center center
    position: relative
    color: #000
}

#Experience_area1 h2 {
    margin-bottom: 2px;
	color:#A5282E;
	font-weight:bold;
}
.skills {}

.skills h2 {
    margin-bottom: 40px;
}

.progress-bar {
    background: #36C36E;
}
/************** blog area css ******************/

#blog_area {
    background: #fff
}

.single_blog {}

.single_blog img {}

.single_blog h2 {
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    margin-top: 20px
}

.single_blog p {
    margin: 10px 0px;
}

.comment_area {
    color: #999999
}

.date i,
.comment i {
    margin-right: 10px;
}
/************** call to action css ******************/

#caal_to_action_area {
    background: #36C36E;
    padding: 30px 0px;
    color: #fff;
}

.call_to_action_text {}

.call_to_action_text h2 {
    margin: 0
}

.call_project a {
    border: 2px solid #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    margin-top: 13px;
    text-transform: uppercase
}
/************** footer area css ******************/



.company_logo {
    margin-top: 50px
}

.company_logo h2 {}

.company_address {
    padding: 10px 30px;
}

.company_address h2 {
    font-size: 18px;
    text-transform: uppercase
}

.company_address p {
    font-size: 14px;
    font-weight: 300
}

.company_address h3 {
    font-size: 14px;
    font-weight: 300
}

#preloader {
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
#preloader i {
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}
.jsjst{
	float:left;
	 margin-right:5px;
	  padding-top:-2px;
	   width:40%
}
.jsjsz{
	float:left;
	 width:55%;
	  line-height:18px;
	   text-align:left;
	   padding:0 0 0 8px;
}
@media (max-width:730px ) {
	.jsjst{
		width:33%;
	}
	.jsjsz{
		width:64%;
	}
}
.kj{
	color:#FFFFFF; margin-top: -3%; font-size:4vw;letter-spacing: 0.5vw;text-align: center;
}
@media (max-width:500px ) {
	.kj{
		font-size: 5vw;
	}
}
.dropdown{
	display: none;
}

 .order {
   
   line-height: 40px;
   text-align: center;
}
 .order .line {
   display: inline-block;
   width: 9vw;
   border-top: 1px solid #ccc ;
}
.order .txt {
	font-size: 16px;
   color: #888888;
   vertical-align: middle;
}
.row p{
	font-size: 18px;
	line-height: 30px;
}
@media (max-width:770px ) {
	
	.row{
		width: 90%;
		margin-left: 5%;
	}
	.row p{
	font-size: 17px;
	line-height: 28px;
}
}
@media (max-width:413px ) {
	.order .txt{
		font-size:14px;
	}
	 .order .line {
   
   width:7vw;
  
}
	.row p{
	font-size: 16px;
	line-height: 26px;
}
}
@media (max-width:370px ) {
	.order .txt{
		font-size:12px;
	}
}
@media (max-width:326px ) {
	.order .txt{
		font-size:10px;
	}
}
@media (max-width:283px ) {
	.order .line{
		display: none;
	}
}
@media (max-width:1400px ) {
	.badge{
		display: none;
	}
}
.mf{
	width: 4vw;border-radius: 10px;color:white;background: rgb(152,42,20);
}
@media (max-width: 1200px) {
	.mf{
		display: none;
	}
}