/************** deafault css******************/

.floatleft {
    float: left
}

.floatright {
    float: right
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

.section_padding {}

a:focus {
    outline: 0px solid
}

a:hover {
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto;
}

.fix {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
    font-family: 'Cabin', sans-serif;
}

html,
body {}

.section_padding {
    padding: 50px 0px
}

p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 14px;
}
/************** main css ******************/
/************** header css ******************/
.nav a:visited,.nav a:link{
	color:#FFFFFF;
	text-decoration:none
}
.nav a:hover{
	color:#ab3732;
	/*text-decoration:underline;*/
	text-decoration:none;
	
}
.nav{
	color:#FFFFFF;
	text-decoration:none;
}
	
#header_area {
    /*background: url(../images/1_bg.jpg);*/
    padding-top: 50px;
    background-size: cover;
    background-position: center center;
	/*height:73vh;*/
}

#header_area_hzjm {
    background: url(../images/hzjm/hzjm_bg.jpg);
    padding-top: 50px;
    background-size: cover;
    background-position: center center;
	/*height:73vh;*/
}

.logo {
	position: relative;
    	/*padding: 30px 0;*/
}


.row a:hover,.row a:link,.row a:visited{
	
	text-decoration:none;
}
@media (max-width:940px ) {
	.wdx-nav{
		display: none;
	}
}
.logo h2  {
    color: #fff;
    text-align:center;
    
}
.hacktest{
	color: #ffffff;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ .hacktest{color:#ffffff;} }
.navbar-nav>li>a {
    font-size: 14px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase
}

.navbar-nav>li>a:hover,
.navbar-nav>li>a:active,
.navbar-nav>li>a:focus {
    background: none
}

.header_area_text {
    padding-top: 200px;
    padding-bottom: 200px;
    padding-right: 500px;
}

.header_area_text h2 {
    font-size: 50px;
    color: #fff;
	font-size:24px;
}

.header_area_text p {
    color: #fff;
    margin: 30px 0px;
}

.header_area_text a {
    background: #4ECB8C;
    display: inline-block;
    padding: 10px 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
/************** feature area css ******************/

#features_area{
 	background: url(../images/2_bg.jpg);
    padding-top: 50px;
    background-size: cover;
    background-position: center center;
	/*height:80vh;*/
}

#features_area h2 {
    margin-bottom: 2px;
	color:#A5282E;
	/*font-weight:bold;*/
	text-align:center;
	font-size:24px;
}

#features_area h3 {
    margin-bottom: 2px;
	color:#A5282E;
	font-weight:bold;
}

.single_feature {
    border: 2px solid #F2F2F2;
    padding: 10px;
}

.single_feature h3 {
    margin-top: 35px;
}

.single_feature i {
    background: #36C36E;
    font-size: 25px;
    padding: 20px;
    color: #fff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    text-align: center;
    padding-top: 17px;
    position: absolute;
    top: -17%;
    left: 44%;
}
/************** story area css ******************/

#story_area {
    background:#FFFFFF;
	/*height:80vh;*/
}
#story_area h2 {
    margin-bottom: 2px;
	color:#A5282E;
	font-weight:bold;
	font-size:24px;
}
#story_area h3 {
    margin-bottom: 2px;
	color:#A5282E;
	font-weight:bold;
}
.story_text {}

.story_text h2,
.experience h2 {
    margin-bottom: 40px;
}

.story_text p,
.experience p {
    margin-bottom: 30px;
}

.story_text a {
    border: 2px solid #333333;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #000;
    margin-top: 20px;
    text-transform: uppercase
}

.experience a {
    border: 2px solid #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    margin-top: 20px;
    text-transform: uppercase
}

#clients_say_area {
    /*background: url(../images/5_bg.png);*/
	background-color:#E6E6E6;
    padding-top: 50px;
    background-size: cover;
    background-position: center center
    position: relative;
	/*height:80vh;*/
}

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

#cooperation_area {
    background: url(../images/hzjmbg.jpg);
	
    padding-top: 50px;
    background-size: cover;
    background-position: center center
    position: relative;
	/*height:80vh;*/
}

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

#cooperation_area .hzjm{
	font-size:26px;
	font-weight:bold;
	color:#ab3732;
}

#clients_say_area1 {
    background: url(../images/hzjmbj.png);
    padding-top: 50px;
    background-size: cover;
    background-position: center center
    position: relative
}

#clients_say_area1 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-image:url(../images/lxwmbg.jpg);
    color: #fff;
	/*height:80vh;*/
}

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

#Experience_area h3 {
    margin-bottom: 2px;
	color:#A5282E;
	font-weight:bold;
}

#Experience_area1 {
    background: url(../images/swhzbj.png);
    
    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 ******************/

#footer_area {
    background: #232323;
    padding: 30px 0px;
    color: #fff;
}

.footer-area{
	 float:left; 
	 margin-right:1vw;
	 font-size:1vw;
}

.footer-area a:hover,.footer-area a:visited,.footer-area a:link{
	color:#FFFFFF;
	text-decoration:underline;
}

.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:3.6vw;letter-spacing: 0.5vw;text-align: center;
}
@media (max-width:500px ) {
	.kj{
		font-size: 5vw;
	}
}
.dropdown{
	display: none;
}
@media(max-width: 940px) {
	.wdx-nav{
		display: none;
	}
	.dropdown{
		display: inline;
	}
}
.wrcs{
	/*width: 40%;*/
	float: left;
}
.wrcs{
	color:#FFFFFF;font-size:2.4em; margin-left: 0.5vw; float: left; line-height: 2.4em;
}
@media (max-width: 940px) {
	.wrcs{
		width: 70%;
		float: none;
		
	}
}
@media (max-width: 650px) {
	.wrcs{
		font-size: 4vw;
		/*margin-top: 1.7vh;*/
	}
}
.tjan{
	
	
	width: 10vw;
	text-align: center;
}
@media (max-width: 500px) {
	
	.tjan{
		width: 12vw;
	}
}
@media (max-width: 550px) {
	.wrcs{
		font-size: 5vw;
	}
	
}
@media (max-width: 500px) {
	.wrcs{
		font-size: 6vw;
	}
	
}
@media (max-width: 400px) {
	.wrcs{
		font-size: 7vw;
	}
	
}
@media (max-width: 400px) {
	
	.tjan{
		width: 14vw;
		/*margin-top: 1.9vh;*/
	}
}
@media (max-width: 350px) {
	
	.tjan{
		width: 15vw;
		/*margin-top: 2.1vh;*/
	}
}
@media (max-width: 300px) {
	
	.tjan{
		width: 16vw;
	}
}
.srk{
	width: 50%;
	float: left;
	margin-top: 5px;
}
.srkk{
	width: 60%;
	float: left;
	padding-left: 2%;
}
.srkwz{
	width: 30%;
	float: left;
}
@media (max-width: 1200px) {
	.srk{
		width: 100%;
		
	}
}
@media (max-width: 770px) {
	.srkk{
		margin: auto;
		width: 80%;
	}
	.srkwz{
		width: 20%;
	}
	.form-control{
		width: 80%;
	}
}
.jsjswz{
	width:70%; 
	padding-top:200px;
}
@media (max-width:992px ) {
	.jsjswz{
		padding-top: 240px;
	}
}
@media (max-width:734px ) {
	.jsjswz{
		padding-top: 260px;
	}
}
@media (max-width:731px ) {
	.jsjswz{
		padding-top: 240px;
	}
}
@media (max-width:632px ) {
	.jsjswz{
		padding-top: 250px;
	}
}
@media (max-width:552px ) {
	.jsjswz{
		padding-top: 310px;
	}
}
@media (max-width:424px ) {
	.jsjswz{
		padding-top: 340px;
	}
}
@media (max-width:385px ) {
	.jsjswz{
		padding-top: 360px;
	}
}
@media (max-width:345px ) {
	.jsjswz{
		padding-top: 400px;
	}
}
@media (max-width:310px ) {
	.jsjswz{
		padding-top: 450px;
	}
}
@media (max-width:294px ) {
	.jsjswz{
		padding-top: 480px;
	}
}
@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;
	}
}