body{
		    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.blue-color{
	color:#d11238;
}

.blue-bg{
	background:#1fb4ec;
}
.para{
	font-size:16px;
	line-height:30px;
}
.textcenter{
	text-align:center;
}
.textjust{
	text-align: justify;
}
.nopadd, .nomarg{
	padding:0;
	margin: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: #1fb4ec;
  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: #d11238;
  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: #d11238;
  -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);
}

ul.popular li {
    background: url(../images/arrow.png) left 13px no-repeat ;
    padding: 5px 0 2px 21px;
}

ul.popular1 li {
    background: url(../images/bulletpoint.jpg) left 13px no-repeat ;
    padding: 5px 0 2px 21px;
}


/* ========================================================================
  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;
  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.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: #1fb4ec;
  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/acco-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);
}



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

}
.footer_grid li{
	text-decoration:none;
	list-style:none; float:left;
	margin:0 5px 5px 0;}
.footer_grid li a{
	color:#ccc;
	padding:2px 10px;
	background:#333;
	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 {
    padding: 120px 50px 0 50px;
    background:  url(../images/bc.jpg) fixed center 0;
    text-align: center;
    min-height: 380px;
    color: #fff!important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.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: #1fb4ec;
	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;
}

.intro h1 {
    font-family: 'Coustard', serif;
    font-weight: 500;
    color: #d11238;
    font-size: 32px;
}
	
hr.soften {
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(196,196,196,0), rgba(196,196,196,.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;
}
.navbar-inverse .navbar-nav .dropdown-menu {
    background: #00963f;
    border: 0;
    padding: 0;
    margin-top: 0;
    border-top: 0;
    border-radius: 0;
    left: 0;
}


/*=========================
  Icons
 ================= */

/* footer social icons */
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;
	 
}


.hovereffect {
 
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(75,75,75,0.7);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(30, 57, 89, 0.6);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  
  color: #333;
  border: 1px solid #fff;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.banner.two{
	background:url(../images/bnrBg.jpg);
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	
	}
	
	h1.tittle{
		color:#fff;
		font-size:28px;
		font-family: 'Coustard', serif;
		text-align:left;
		padding:40px 0;
		}
		
.popup {
	zoom:1.0;
	position:relative;
	text-decoration:none;
}
.popup span {
	position:absolute;
	width:100%;
	left:-99em;
	z-index:9999;
	}
.popup:hover {visibility:visible}
.popup:hover span {left:150px;}
.popup span {position:absolute;}


/*--*/