@charset "utf-8";
/* CSS Document */

.img-l{
	background:url(../img/s1.png) no-repeat;
}
.img-r{
	background:url(../img/s2.png) no-repeat 100% 0;
}

.wed{
	display:block;
	background:url(../img/ia1.png) no-repeat top center;
}

.wed:hover{
	display:block;
	background:url(../img/ia1-h.png) no-repeat top center;
}
.bir{
	display:block;
	background:url(../img/ia2.png) no-repeat top center;
}

.bir:hover{
	display:block;
	background:url(../img/ia2-h.png) no-repeat top center;
}
.cor{
	display:block;
	background:url(../img/ia3.png) no-repeat top center;
}

.cor:hover{
	display:block;
	background:url(../img/ia3-h.png) no-repeat top center;
}

.feature-wrap h2{
	padding:157px 0px 25px 0px;
}
.feature-wrap h2::before{
	content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
	top:204px;
    margin-left: -50px;
    width: 100px;
    height: 2px;
    background-color: #dc143c;
}
.feature-wrap input[type="button"]{
	border:1px solid #959fa9;
	border-radius:3px;
	background-color:#FFFFFF;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	padding:6px 10px;
	text-align:center;
	text-decoration:none;
	margin-top:7px;
	margin-left:40%;
	text-transform:uppercase;
	color:#959fa9;
	font-weight:bold;
}
.feature-wrap input[type="button"]:hover{
	border:1px solid #707b87;
	background:#707b87;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	color:#FFFFFF;
}
#middle1{
	background:#f2f2f2;
	padding:50px 0px;
	box-shadow: 0px -2px 8px 0px rgba(181,181,181,1);
	-webkit-box-shadow: 0px -2px 8px 0px rgba(181,181,181,1);
	-moz-box-shadow: 0px -2px 8px 0px rgba(181,181,181,1);
	margin-top:50px;
}
#middle1 h1{
	padding-bottom:15px;
}
#middle1 h1::before{
	content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 12%;
	top:20%;
    margin-left: -50px;
    width: 120px;
    height: 2px;
    background-color: #dc143c;
}
.media img{
	margin-top:20px;
}
.navbar-nav li{
	text-align:center;
}

.asi{
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
border:10px solid #FFF;
padding:25px;
}

.asi:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deefff+0,98bede+100;Blue+3D+%2310 */
background: #deefff; /* Old browsers */
background: -moz-linear-gradient(top,  #deefff 0%, #98bede 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #deefff 0%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #deefff 0%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
border:10px solid #FFF;
padding:25px;
}

/*gallery css*/
.hovereffect {
width:100%;
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;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

.i-st{
	display: inline-block;
	background-color:#c52d2f;
	height: 30px;
	width: 30px;
	text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	margin:0px 18px 70px 0px;
	float: left;
	font-size:18px;
	line-height:1.6;
}
.i-st1{
	display: inline-block;
	background-color:#c52d2f;
	height: 30px;
	width: 30px;
	text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	margin-right:18px;
	float: left;
	font-size:18px;
	line-height:1.6;
}
.widget ul li a:hover{
	padding-left: 5px;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 1.0) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .8;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

.shrink{
	min-height:280px;
}
.rem{
	background-color:rgba(0,0,0,0.8));
}

.recent-work-inner h3{
	color:#FFFFFF;
	font-size:150%
}
.recent-work-inner p{
	color:#FFFFFF;
	font-size:110%
}
.pp_social{visibility: hidden!important;
display:none;} 

#text-position{
	width:500px;
	height:150px;
	padding:4px 20px 20px 20px;
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	background-color:rgba(0,0,0,0.7);
}
h3{
	font-size:25px;
	font-weight:bold
}
#k{
	text-align:center;
	color:#FFFFFF;
	padding-left:300px;
	padding-right:300px;
	padding-bottom:100px;
	line-height:30px;
}
.top-number a{
	color:#FFFFFF;
}
.dropdown-menu li{
	text-align:left;
}
.margin{
	margin:15px 15px 15px 0px;
	margin-bottom:30px;
}
.margin p{
	padding-bottom:10px;
	text-align:justify;
	line-height:27px;
	text-indent:30px;
}

.white{
	background-color:#FFFFFF;
	width:100%;
	border:2px solid #D1D1D1;
	margin:40px 0px 40px 0px;
	border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	-webkit-border-radius:30px;
	-webkit-box-shadow: 6px 5px 20px 0px rgba(50, 50, 50, 0.38);
-moz-box-shadow:    6px 5px 20px 0px rgba(50, 50, 50, 0.38);
box-shadow:         6px 5px 20px 0px rgba(50, 50, 50, 0.38);
}
.margin ul li{
	margin-left:20px;
	padding-left:10px;
	font-weight:bold;
	font-style:italic;
}
.side_h2{
	color:#dc143c;
	font-size:30px;
	padding-top:30px;
	margin-bottom:-30px!important;
	text-align:left;
	font-style:italic;
}
.k2{
	padding:40%;
	margin-top:-50px;
}