/****************************************projects******************************************/
.projects-box{
	float: left;
	width: 100%;
	background-color: #fff;
	border-width: 1px 0;
	border-color: #dadfe3;
	border-style: solid;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	padding: 20px 0;
}
.section-head{
	float: left;
	width: 100%;
	text-align: center;
	margin: 15px 0
}
.section-head h2{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 30px;
	position: relative;
}
.section-head h2:after{
	background-image: url("../images/head-bot-bor.png");
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    height: 13px;
    left: 0;
    margin:0 auto;
    position: absolute;
    right: 0;
    width: 87px;
}
.prjcts-scroller{
	float: left;
	width: 100%;
	padding: 0 80px;
	margin: 25px 0;
}
.owl-carousel {
	float: left;
	padding: 0;
	width: 100%;
}
.owl-buttons {
	float: left;
	margin-top: -210px;
	width: 100%;
	z-index: 0;
}
.owl-next {
	background-image: url("../images/next-arrow.png");
	background-repeat: no-repeat;
	float: right;
	height: 100px;
	right: 20px;
	width: 29px;
	position: absolute;
}
.owl-prev {
	background-image: url("../images/prev-arrow.png");
	background-repeat: no-repeat;
	float: left;
	height: 100px;
	left: 20px;
	position: absolute;
	width: 29px;
}
.slide_box {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	border: 8px solid #f0f1f3;
}
.our_srvc_cat_bx_img {
	float: left;
	text-align: center;
	width: 100%;
}
.our_srvc_cat_bx_img img {
	margin: 0;
	width: 100%;
	height: 220px;
}
.blog-date {
	bottom: 0;
	float: left;
	left: 0;
	transition: all 0.3s ease-out 0s;
	width: 100%;
	z-index: 2;
}
.blog-date > a {
	background-color: #fff;
	float: left;
	font-size: 1em;
	padding: 20px 0;
	text-align: center;
	width: 100%;
	color: #434041;
	font-weight: bold;
}
.slide_box:hover .blog-date > a {
	color: #b9328c;
}
.projects-view-all-btn{
	float: left;
	width: 100%;
	text-align: center;
	margin:25px 0 40px;
}
.projects-view-all-btn a{
	padding:15px 45px;
	border:2px solid #d8d8d8;
	color: #9b9999;
	font-size: 1.12em;
	font-family: 'Raleway', sans-serif;
}
.projects-view-all-btn a:hover{
	background-color: #b9328c ;
	color: #fff;
	border-color:  #b9328c;
}
/************************************************contact us*****************************************/
.contact-box{
	float: left;
	width: 100%;
	padding:20px 0 0px;
}
.contact-form-box{
	float: left;
	width: 100%;
	margin: 25px 0;
}
.contact-form-box form{
	float: left;
	width: 100%;
}
.form-input{
	float: left;
	width: 100%;
	overflow: hidden;
}
.form-input label{
	float: left;
	width: 100%;
	font-size: 1.125em;
	color: #bdbcbc;
}
.form-input input.input-field{
	float: left;
	width: 100%;
	border: 3px solid #e4e3e3;
	padding: 13px 12px 13px 60px;
	font-size: 1em;
	font-weight: bold;
	color: #434041;
	transition: all 0.3s ease-in-out;
	position: relative;
	z-index: 9;
	margin-bottom: 10px;
	
}

#wpcf7-f76-o1 .col-xs-12.col-sm-4.col-md-4.col-lg-4.cnct-name .form-input label.f-name:before,#wpcf7-f141-o1 .col-xs-12.col-sm-4.col-md-4.col-lg-4.cnct-name .form-input label.f-name:before{
	content:"";
	background-image: url("../images/name-img.jpg");
	background-repeat: no-repeat;
	position: absolute;
	color: #bdbcbc;
	font-size:1.875em;
	padding: 10px;
	background-color:#e4e3e3;
	height: 54px;
	width: 54px;
	z-index: 99;
	opacity: 0;
	top: 0;
	transform: translateX(-54px);
	transition: all 0.1s ease-out 0s;
}
#wpcf7-f76-o1 .col-xs-12.col-sm-4.col-md-4.col-lg-4.cnct-phone .form-input label.f-name:before,#wpcf7-f141-o1 .col-xs-12.col-sm-4.col-md-4.col-lg-4.cnct-phone .form-input label.f-name:before{
	content:"";
	background-image: url("../images/phone-img.jpg");
	background-repeat: no-repeat;
	position: absolute;
	color: #bdbcbc;
	font-size:1.875em;
	padding: 10px;
	background-color:#e4e3e3;
	height: 54px;
	width: 54px;
	z-index: 99;
	opacity: 0;
	top: 0;
	transform: translateX(-54px);
	transition: all 0.1s ease-out 0s;
}
#wpcf7-f76-o1 .col-xs-12.col-sm-4.col-md-4.col-lg-4.cnct-email .form-input label.f-name:before,#wpcf7-f141-o1 .col-xs-12.col-sm-4.col-md-4.col-lg-4.cnct-email .form-input label.f-name:before{
	content:"";
	background-image: url("../images/email-img.jpg");
	background-repeat: no-repeat;
	position: absolute;
	color: #bdbcbc;
	font-size:1.875em;
	padding: 10px;
	background-color:#e4e3e3;
	height: 54px;
	width: 54px;
	z-index: 99;
	opacity: 0;
	top: 0;
	transform: translateX(-54px);
	transition: all 0.1s ease-out 0s;
}
.form-input span{width:100%;float:left}
#wpcf7-f76-o1 .col-xs-12.col-sm-4.col-md-4.col-lg-4.cnct-name .form-input input.input-field:focus +  label.f-name:before,
#wpcf7-f76-o1 .col-xs-12.col-sm-4.col-md-4.col-lg-4.cnct-phone .form-input input.input-field:focus + label.f-name:before,
#wpcf7-f76-o1 .col-xs-12.col-sm-4.col-md-4.col-lg-4.cnct-email .form-input input.input-field:focus + label.f-name:before{
	opacity: 1;
	transform: translateY(0px);
}
#wpcf7-f141-o1 .col-xs-12.col-sm-4.col-md-4.col-lg-4.cnct-name .form-input input.input-field:focus +  label.f-name:before,
#wpcf7-f141-o1 .col-xs-12.col-sm-4.col-md-4.col-lg-4.cnct-phone .form-input input.input-field:focus + label.f-name:before,
#wpcf7-f141-o1 .col-xs-12.col-sm-4.col-md-4.col-lg-4.cnct-email .form-input input.input-field:focus + label.f-name:before{
	opacity: 1;
	transform: translateY(0px);
}
.form-input textarea.f-message{
	float: left;
	width: 100%;
	border: 3px solid #e4e3e3;
	padding: 13px;
	font-size: 1em;
	font-weight: bold;
	color: #434041;
	transition: all 0.3s ease-in-out;
	position: relative;
	z-index: 9;
	margin-bottom: 15px;
}
.form-input input.input-field-code-img{
	float: left;
	width: 49%;
	border: 3px solid #e4e3e3;
	padding: 13px;
	font-size: 1em;
	font-weight: bold;
	color: #434041;
	transition: all 0.3s ease-in-out;
	position: relative;
	z-index: 9;
	margin-bottom: 10px;
	text-align: center;
}
.form-input input.input-field-code-wrt{
	float: right;
	width: 49%;
	border: 3px solid #e4e3e3;
	padding: 13px;
	font-size: 1em;
	font-weight: bold;
	color: #434041;
	transition: all 0.3s ease-in-out;
	position: relative;
	z-index: 9;
	margin-bottom: 10px;
}
.input-submit{
	background-color: #b9328c;
    border: medium none;
    color: #fff;
    float: right;
    font-weight: bold;
    margin-top: 33px;
    padding: 15px 30px;
}
.input-submit:hover{
	background-color: #001722;
}
.contact-dtls-box{
	float: left;
	width: 100%;
	margin: 15px 0;
	
}
.cntct-adrs{
	float: left;
	width: 100%;
}
.cntct-adrs i{
	float:left;
	width: 90px;
	height: 90px;
	line-height: 86px;
	border: 2px solid #b9328c;
	font-size:60px;
	text-align:center;
	color: #b9328c;
	font-family:"Ionicons";
}
.adrs-txt{
	float: right;
	width: 80%;
}
.adrs-txt span{
	float: left;
	width: 100%;
	color: #434041;
	font-size: 1.125em;
	font-weight: bold;
}
.adrs-txt p{
	float: left;
	width: 100%;
	color: #9b9999;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	text-align: justify;
}
.cntct-email{
	float: left;
	width: 100%;
}
.cntct-email i{
	float:left;
	width: 40px;
	height: 40px;
	line-height: 36px;
	border: 2px solid #b9328c;
	font-size:30px;
	text-align:center;
	color: #b9328c;
	font-family:"Ionicons";
}
.cntct-email a{
	float: left;
	margin-left: 10px;
	line-height: 40px;
	font-size: 1em;
	color: #9b9999;
}
.cntct-email a:hover{
	color: #b9328c;
}

.cntct-phone{
	float: left;
	width: 100%;
	margin-top: 11px;
}
.cntct-phone ul{
	float: left;
	width: 100%;
}
.cntct-phone ul li{
	float: left;
	width: 50%;
}
.cntct-phone ul li i{
	float:left;
	width: 40px;
	height: 40px;
	line-height: 36px;
	border: 2px solid #b9328c;
	font-size:30px;
	text-align:center;
	color: #b9328c;
	font-family:"Ionicons";
}
.cntct-phone ul li a{
	float: left;
	margin-left: 10px;
	line-height: 40px;
	font-size: 1em;
	color: #9b9999;
}
.cntct-phone ul li a:hover{
	color: #b9328c;
}
.get-direction{
	float: left;
	width: 100%;
	text-align: center;
	margin: 30px 0px 14px;
}
.get-direction a{
	padding:15px 95px;
	color: #fff;
	font-weight:bold;
	font-size:1.125em;
	background-color:#b9328c;
}
.get-direction a:hover{
	color: #fff;
    background-color: #001722;
}
/*****************************************************newsletter*******************************************/
.newsltr-box{
	float: left;
	width: 100%;
	background-color: #fff;
	padding: 25px 0;
}
.news-info{
	float: left;
	width: 100%;
}
.news-info img{
	float:left;
	margin-right:15px;
}
.news-info-txt{
	float: left;
	width: 79%;
	margin-top: 7px
}
.news-info-txt h3{
	float: left;
	width: 100%;
	font-size: 1.875em;
	color: #434041;
	font-weight: bold;
}
.news-info-txt p{
	float: left;
	width: 100%;
	font-size: 0.85em;
	color: #9b9999;
	line-height: 20px;
	text-align: justify;
	margin: 0;
}
.news-subscribe-box{
	float: left;
	width: 100%;
}
.news-subscribe-box input[type="text"]{
	float: left;
	width: 65%;
	border: 3px solid #e4e3e3;
	padding: 17px 15px;
	font-size: 1em;
	font-weight: normal;
	color: #434041;
	transition: all 0.3s ease-in-out;
	position: relative;
	z-index: 9;
	margin-top: 14px;
	font-family: 'Raleway', sans-serif;
}
.news-subscribe-box input[type="submit"]{
	background-color: #b9328c;
    border: medium none;
    color: #fff;
    float: right;
    font-family: "Raleway",sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 14px;
    padding: 14.5px 30px;
}
.news-subscribe-box input[type="submit"]:hover{
	background-color: #001722;
}
/**************************************************footer*********************************************/
footer{
	float: left;
	width: 100%;
	background-color: #001722;
	background-image: url("../images/overlay.png");
	background-repeat: repeat;
	padding: 30px 0 25px;
}
.useful-link{
	float: left;
	width: 100%;
}
.useful-link h4,.cmpny-location h4{
	float: left;
	width: 100%;
	font-weight: bold;
	color: #fff;
	font-size: 1.5em;
	margin-bottom: 15px;
}
.useful-link ul {
    float: left;
    width: 100%;
}
.useful-link li {
    float: left;
    margin-bottom: 5%;
    width: 100%;
}
.useful-link li a::before {
    color: #b9328c;
    content: "\f111";
    float: left;
    font-family: "Fontawesome";
    font-size: 0.750em;
    line-height: 0.8em;
    margin-right: 8px;
    margin-top: 5px;
}
.useful-link li a {
    color: #fff;
    float: left;
    font-size: 1em;
    line-height: 18px;
}
.useful-link li a:hover {
    color: #b9328c;
}
.cmpny-location{
	float: left;
	width: 100%;
}
.cmpny-location ul {
    float: left;
    width: 100%;
}
.cmpny-location ul li.bot {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #b9328c;
}
.cmpny-location ul li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.cmpny-location .cntct-adrs i {
    border: 2px solid #b9328c;
    color: #b9328c;
    float: left;
    font-family: "Ionicons";
    font-size: 50px;
    height: 78px;
    line-height: 74px;
    text-align: center;
    width: 78px;
}
.cmpny-location .adrs-txt {
    float: right;
    width: 77%;
}
.cmpny-location .adrs-txt span {
    color: #fff;
    float: left;
    font-size: 1em;
    font-weight: bold;
    width: 100%;
}
.cmpny-location .adrs-txt p {
    color: #fff;
    float: left;
    font-size: 0.85em;
    font-weight: normal;
    margin: 0;
    text-align: justify;
    width: 100%;
    line-height: 20px;
}

.cmpny-location .cntct-email i{
	float:left;
	width: 30px;
	height: 30px;
	line-height: 26px;
	border: 2px solid #b9328c;
	font-size:22px;
	text-align:center;
	color: #b9328c;
	font-family:"Ionicons";
}
.cmpny-location .cntct-email a{
	float: left;
	margin-left: 10px;
	line-height: 30px;
	font-size: 0.850em;
	color: #fff;
}
.cmpny-location .cntct-email a:hover{
	color: #b9328c;
}

.cmpny-location .cntct-phone{
	float: left;
	width: 100%;
	margin-top: 15px;
}
.cmpny-location .cntct-phone ul{
	float: left;
	width: 100%;
}
.cmpny-location .cntct-phone ul li{
	float: left;
	width: 50%;
}
.cmpny-location .cntct-phone ul li i{
	float:left;
	width: 30px;
	height: 30px;
	line-height: 26px;
	border: 2px solid #b9328c;
	font-size:22px;
	text-align:center;
	color: #b9328c;
	font-family:"Ionicons";
}
.cmpny-location .cntct-phone ul li a{
	float: left;
	margin-left: 10px;
	line-height: 30px;
	font-size: 0.850em;
	color: #fff;
}
.cmpny-location .cntct-phone ul li a:hover{
	color: #b9328c;
}
.copy-r8{
	float: left;
	width: 100%;
	background-color: #001722;
	padding: 20px 0;
	text-align: center;
}
.copy-r8 span{
	float: left;
	width: 100%;
	color:#fff;
	font-size:0.850em;
	margin: 5px 0;
}
.copy-r8 span a{
	color:#b9328c ;
}
.copy-r8 span a:hover{
	color:#fff;
}