body{
		background-color: #fafafa;
		font-family: 'Raleway', sans-serif;
}
.blue-color{
	color:#679006;
}

.blue-bg{
	background:#b26903;
}
.para{
	font-size:16px;
	line-height:30px;
}
.textcenter{
	text-align:center;
}
.textjust{
	text-align: justify;
}

.headtitle{
	font-family: 'Dancing Script', cursive;
	font-weight:300;
	
	margin-top:25px;
}
hr.soften {
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(196,196,196,0), rgba(103,144,6,.8), rgba(196,196,196,0));
    background-image: -moz-linear-gradient(left, rgba(196,196,196,0), rgba(196,196,196,.8), rgba(196,196,196,0));
    background-image: -ms-linear-gradient(left, rgba(196,196,196,0), rgba(196,196,196,.8), rgba(196,196,196,0));
    background-image: -o-linear-gradient(left, rgba(196,196,196,0), rgba(196,196,196,.8), rgba(196,196,196,0));
    border: 0;
}

hr.simple {
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(103,144,6,.8), rgba(103,144,6,.8), rgba(103,144,6,.8));
    background-image: -moz-linear-gradient(left, rgba(196,196,196,0), rgba(196,196,196,.8), rgba(196,196,196,0));
    background-image: -ms-linear-gradient(left, rgba(196,196,196,0), rgba(196,196,196,.8), rgba(196,196,196,0));
    background-image: -o-linear-gradient(left, rgba(196,196,196,0), rgba(196,196,196,.8), rgba(196,196,196,0));
    border: 0;
}
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #b26903;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
/* Bounce To Right */

.button {

  margin: .4em;
  padding: 7px 10px;
  cursor: pointer;
  font-size:15px;
  border:1px solid #e1e1e1;
  text-decoration: none;
  color: #b26903;
  background:#fff;
  border-radius:4px;
}

.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  border-radius:4px;
  background: #b26903;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: #fff;
    text-decoration:none;

}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}




/* ========================================================================
  2.5 Component: Why choose us
 ========================================================================== */

.why-choose-us .icon {
  font-size: 35px;
  height: 80px;
  width: 80px;
  background:#fff;
  line-height: 80px;
  border: 1px solid #efefef;
  display: inline-block;
  border-radius: 4px;
}
.why-choose-us .icon i {
  color: #e74c3c;
}
.why-choose-us h4 {
  margin: 15px 0 10px;
  font-size:24px;
  color: #fff;
  text-transform:uppercase;
}
.why-choose-us p {
  color: #333;
  font-size:16px;
}
.why-choose-us .service {
  padding: 5px;
  margin-bottom: 50px;
  cursor: pointer;
}
.why-choose-us .service:hover > .icon {
  background: #b26903;
  color: #fff;
  transition: all .85s;
}
.why-choose-us .service:hover > .icon i {
  color: #fff;
  transition: all .85s;
}

.icon-idea
{ content: url(../images/paper-icon.png);
}
.why-choose-us .service:hover .icon-idea
{ content: url(../images/paper-icon-hover.png);
}

.icon-house
{ content: url(../images/house-icon.png);
}
.why-choose-us .service:hover .icon-house
{ content: url(../images/house-icon-hover.png);
}

.icon-conversion
{ content: url(../images/conversion-icon.png);
}
.why-choose-us .service:hover .icon-conversion
{ content: url(../images/conversion-icon-hover.png);
}

.icon-autocad
{ content: url(../images/autocad-icon.png);
}
.why-choose-us .service:hover .icon-autocad
{ content: url(../images/autocad-icon-hover.png);
}

ul.popular li {
    background: url(../images/arrow.png) #000 left 13px no-repeat;
   padding: 5px 0 2px 17px;
}
ul.popular1 li {
    background: url(../images/arrow1.png) left 13px no-repeat;
   padding: 1px 0 2px 29px;
}


/*==================================*/
/*-------------footer-------------*/
/*==================================*/
.footer{
	background:#000;
	padding:10px 0;
}
.footer_grid ul{
	color:#999;
	line-height:30px;

}
.footer_grid li{
	text-decoration:none;
	list-style:none; 
	margin:0 5px 5px 0;}
.footer_grid li a{
	color:#ccc;
	padding:2px 10px;
	
	border-radius:5px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-o-transition:.5s all;
	-moz-transition:.5s all;
	-ms-transition:.5s all;
	 font-size:15px}
}
.footer_grid li a:hover{
	color:#00a8b6;
	padding-left:20px;
	font-size:1em;
	line-height:1.8em;
	margin:1.5em 0;
}
ul.footer_links{
	padding:0;
	margin:0;
	list-style:none;
}
ul.footer_links li{
	display:inline-block;
}
ul.footer_links li a{
	color: #40c0cb;
	margin-top: 10px;
	font-size: 0.85em;
}
ul.footer_links li a:hover{
	text-decoration:none;
	color: #999;
}
p.m_2{
	color: #40c0cb;
	margin-top: 10px;
	font-size: 0.85em;
}
ul.footer_socialnew {
	padding: 0;
	list-style: none;
}
ul.footer_socialnew li, ul.about_social li, ul.share li {
	padding:5px;
}
ul.footer_social {
	padding: 0;
	list-style: none;
	margin-top: 1em;
}
ul.footer_social li:first-child, ul.about_social li:first-child, ul.share li:first-child {
	margin-left: 0;
}
ul.footer_social li, ul.about_social li, ul.share li {
	display: inline-block;
}
ul.footer_social li a i, ul.about_social li a i{
	width: 25px;
	height: 25px;
	display: block;
	background: url(../images/img-sprite.png)no-repeat;
}
ul.footer_social li a i:hover, ul.about_social li a i:hover, ul.share li a i:hover{
	opacity:0.8;
}
ul.footer_social li a i.fb{
	background-position:-9px -158px;
}
ul.footer_social li a i.db{
	background-position:-68px -158px;
}
ul.footer_social li a i.tw{
	background-position:-39px -158px;
}
ul.footer_social li a i.google{
	background-position:-98px -158px;
}
.footer_grid1 h3{
	color:#fff;
	font-size:1.8em;
	margin-bottom: 1.4em;
}
ul.list1{
	padding:0;
	list-style:none;
}
ul.list2{
	margin-bottom:1em;
}
ul.list1 li.list1_img{
	width:23%;
	float:left;
	margin-right:4%;
}
ul.list1 li.list1_desc{
	width:73%;
	float:left;
}
p.m_3{
	color:#fff;
	font-size:1em;
	line-height:1.5em;
}
ul.tags_links, ul.widget_links {
	padding: 0;
	list-style: none;
}
ul.tags_links li {
	display: inline-block;
	margin: 0 0 13px 7px;
}
ul.tags_links li a {
	color: #fff;
	font-size: 0.8125em;
	background: #657273;
	padding: 7px 8px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}
ul.tags_links li a:hover{
	text-decoration:none;
	background:#8fbe00;
}
ul.widget_links li{
	width: 31.3333%;
	float: left;
	margin: 0 5px 5px 0;
}
.copy p{
	font-size:0.85em;
	color:#fff;	
}
.copy p a{
	color: #000;
}
.copy p a:hover{
	color:#08363a;
}



/*==================================*/
/*-------------SERVICES-------------*/
/*==================================*/

.services h3 {
	font-size: 2.5em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	margin: 0 auto;
	border-bottom: 2px solid #F77268;
	width: 152px;
}
.services-top{
	margin:0em 0em 5em 0em;
}
.services h5 {
	font-size: 24px;
	font-weight: 400;
	color: #b26903;
	text-transform:uppercase;
	text-align: left;
	margin: 15px 0 0 10px;
}
.services p {
	font-size: 1.1em;
	font-weight: 400;
	color: #000;
	text-align: left;
	margin:1em 0em;
}
.icon-data2{
	float:left;
	width:70%;
}
.icon2{
    float:left;
}
i.service1{
	width: 75px;
    height: 75px;
    background: url(../images/icons.png) no-repeat -6px -100px ;
    display:inline-block;
    vertical-align: middle;
}
.box1:hover i.service1{
	background: url(../images/icons.png) no-repeat -6px -180px;
}

i.service2{
	width: 75px;
    height: 75px;
    background: url(../images/icons.png) no-repeat -86px -100px ;
    display:inline-block;
    vertical-align: middle;
}
.box2:hover i.service2{
	background: url(../images/icons.png) no-repeat -86px -180px;
}

i.service3{
	width: 75px;
    height: 75px;
    background: url(../images/icons.png) no-repeat -162px -100px ;
    display:inline-block;
    vertical-align: middle;
}
.box3:hover i.service3{
	background: url(../images/icons.png) no-repeat -162px -180px;
}

i.service4{
	width: 75px;
    height: 75px;
    background: url(../images/icons.png) no-repeat -245px -100px ;
    display:inline-block;
    vertical-align: middle;
}
.box4:hover i.service4{
	background: url(../images/icons.png) no-repeat -245px -180px;
}

.banner.two{
	background:url(../images/banner.jpg);
	min-height:95px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	
	}
	
ul.social-network {
    list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3b589c;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#e42b26;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
	 
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
	 
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle  i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
	 
}


/*--*/