/*
Template Name: Photography
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************center_home****************/
@media screen and (min-width : 768px){
.sb-slider li.sb-current .sb-description {
	width:30%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
}
.center_home{
  overflow:hidden;
  }
.shadow {
	width: 100%;
	height: 168px;
	position: relative;
	margin-top: -110px;
	background-size: 100% 100%; /* stretches it */
	z-index: -1;
	display: none;
}

.sb-description h3 {
	font-size: 30px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	color:#fff;
	text-align:center;
	margin-top:0;
}
.sb-description p {
color:#ddd;
}
.nav-dots {
	text-align: center;
	position: absolute;
	bottom: 10px;
	height: 30px;
	width: 100%;
	left: 0;
	display: none;
}

.nav-dots span {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #f1592a;
	cursor: pointer;
	box-shadow: 
	0 1px 1px rgba(255,255,255,0.6), 
	inset 0 1px 1px rgba(0,0,0,0.1);
}

.nav-dots span.nav-dot-current {
	box-shadow: 
	0 1px 1px rgba(255,255,255,0.6), 
	inset 0 1px 1px rgba(0,0,0,0.1), 
	inset 0 0 0 3px #f1592a,
	inset 0 0 0 8px #fff;
}

.wrapper {
	position: relative;
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
}

/* Slicebox Style */
.sb-slider {
	margin:0px auto;
	position: relative;
	overflow: hidden;
	width: 100%;
	list-style-type: none;
	padding: 0;
	max-width:100%!important;
}

.sb-slider li {
	margin: 0;
	padding: 0;
	display: none;
}

.sb-slider li > a {
	outline: none;
}

.sb-slider li > a img {
	border: none;
}

.sb-slider img {
	max-width: 100%;
	display: block;
}

.sb-description {
	padding: 20px;
	bottom:70px;
	left: 10px;
	right: 10px;
	z-index: 1000;
	position: absolute;
	background: #f1592a;
	background:#00000085;
	border-left: 4px solid #f1592a;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);	
	opacity: 0;
	color: #fff;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
}

.sb-slider li.sb-current .sb-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);	
	opacity: 1;
}

.sb-slider li.sb-current .sb-description:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);	
	background:#00000085;
}

.sb-perspective {
	position: relative;
}

.sb-perspective > div {
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility : hidden;
	-o-backface-visibility : hidden;
	-ms-backface-visibility : hidden;
	backface-visibility : hidden;
}

.sb-side {
	margin: 0;
	display: block;
	position: absolute;
	-moz-backface-visibility : hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

/*********************center_home_end****************/

/*********************photo****************/
#photo{
background:#f1592a; 
padding-top:40px;
padding-bottom:40px;
 }
.photo_1{
width:100%;
margin-left:auto;
margin-right:auto;
 }
.photo_1r{
background:#fff;
padding:25px 30px 30px 30px; 
border-radius:0px 30px 30px 0px;
min-height:370px;
 }
.photo_1r hr{
border-color:#f1592a;
border-width:5px;
width:60px;
margin-left:0; 
 }
 .controls{
     display: flex;
 }
/*********************photo_end****************/

/*********************work****************/
#work{
padding-top:40px;
padding-bottom:40px; 
 }
.work_1{
margin-bottom:20px; 
 }
.work_1r .controls .btn-success {
   background:none;
    padding: 0;
    border: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #f1592a;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
	color:#f1592a!important;
	border-radius:50%;
	font-size:14px;
}
.work_1r .controls .btn-success:hover {
background: #f1592a;
color:#fff!important;
 }
 
.work_2im{
position:relative; 
 }
.work_2im2{
position:absolute;
padding:15px;
top:0;
background:#00000045;
width:100%;
height:100%;
 }
.work_2im3{
position:absolute;
padding:15px;
bottom:0; 
 }
.work_2im2 span{
font-size:22px; 
 }
.work_2im:hover .work_2im2{
display:none; 
 }
.work_2im:hover .work_2im3{
display:none; 
 }
 
#activ{
padding-top:40px;
padding-bottom:40px;  
 }
#activ .work_2im3 h6 a i{
margin-left:5px; 
 }
/*********************work_end****************/

/*********************port****************/
#port{
padding:40px 0;
background:#dbdbdb24; 
 }
.port_1{
margin-top:30px; 
 }
/*********************port_end****************/

/*********************testimonial_home****************/
.quote {
     color:#f1592a;
    text-align: center;
    margin-bottom: 10px;
	font-size:18px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 40px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}

#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
	font-size:20px;
}
#fade-quote-carousel .profile-circle {
    width: 145px;
    height: 145px;
    margin: 0 auto;
    border-radius: 100px;
}
.profile-circle{
    background: url(../img/34.jpg);
  }
.profile-circle_1{
    background: url(../img/35.jpg);
	 width: 145px;
    height: 145px;
    margin: 0 auto;
    border-radius: 100px;
  }
.profile-circle_2{
    background: url(../img/36.jpg);
	 width: 145px;
    height: 145px;
    margin: 0 auto;
    border-radius: 100px;
  }
.testimonial_home h4{
  margin-top:20px;
  color:#f1592a;
  font-size:26px;
  letter-spacing:1px;
  }
.testimonial_home h6{
 text-align:center;
 margin-top:15px;
 font-size:16px;
 color:#666;
 margin-bottom:20px;
  }
.testimonial_home p{
  color:#333;
  }
  
.testimonial_home .carousel-indicators > li{
      background: #000;
	  border-color: #000;
	  width:15px;
	  height:15px;
	  margin: 0 2px;
  }
.testimonial_home .carousel-indicators > li.active{
      width:15px;
	  height:15px;
	  background:#f1592a!important;
	  border-color:#f1592a; 
  }
#testimonial_home{
padding-top:40px;
padding-bottom:40px;
background:#f1592a24; 
 }
/*********************testimonial_home_end****************/

/*********************feed****************/
#feed{
padding-top:40px;
padding-bottom:40px; 
 }
.feed_1{
width:90%;
margin:auto; 
 }
.feed_2{
width:90%;
/*margin-left:auto;*/
margin-right:auto; 
margin-top:30px; 
 }
.feed_1l img{
float:left;
margin-right:20px; 
 }
.feed_1l p{
clear:left;
 }
.feed_1l h5{
margin-top:10px;
 }
.feed_1l{
background:#f1592a24; 
padding:30px 20px; 
 }

.feed_2 .social-network li a {
 background-color:#f1592a; 
}

/*********************feed_end****************/

/*********************contact_home****************/
.contact_homer .form-control{
 height:50px;
 border-color:#fff;
 box-shadow:none;
 margin-top:20px;
 border-radius:0;
 color:#666;
 font-size:16px;
 }
.contact_homer ::placeholder {
  color: #666;
  opacity: 1; /* Firefox */
}
.contact_homer .form_1 {
height:135px;
}
#contact_home {
    background-image: url(../img/3.jpg);
    background-position: center;
}
.memory_m {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #0000006b;
}
/*********************contact_home_end****************/

@media screen and (max-width : 767px){
.sb-slider img{
min-height:250px;  
  }
.carousel-inner>.item>img, .carousel-inner>.item>a>img{
 min-height:200px; 
  }
.center_home{
text-align:center; 
 }
.center_home img{
min-height:250px;
 }
.photo_1l img {
height:auto;
 }
.photo_1r {
    padding: 15px;
    border-radius: 0px;
	text-align:center;
	min-height:auto;
}
.photo_1r hr{
margin-left:auto;
}
#work{
text-align:center; 
 }
.work_1r {
text-align:center;
margin-top:10px; 
 }
.work_2im{
text-align:left; 
margin-top:10px;
 }
#port{
text-align:center; 
 }
#activ{
text-align:center; 
 }
#feed{
text-align:center;  
 }
.feed_1l img {
float:none;
margin-right:0;
}
.feed_1l br {
display:none;
}
.feed_1l {
margin-bottom:15px;
}
.feed_1l h5 {
text-align:center;
}
.contact_homer {
margin-top:15px;
text-align:center; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.carousel-inner>.item>img, .carousel-inner>.item>a>img{
 min-height:300px; 
  }
.sb-slider img{
min-height:400px;  
  }
.sb-slider li.sb-current .sb-description{
width:50%; 
 }
.photo_1r {
padding:10px; 
 }
.photo_1r p{
font-size:16px;
 }
.photo_1r h3{
font-size:26px;
 }
.feed_1l img{
width:50px;
height:50px; 
margin-right:10px;
 }
.feed_1l h6{
font-size:14px; 
 }
.feed_1l h5{
margin-top:0;
 }
.feed_1l br {
display:none;
}
 }
@media (min-width:992px) and (max-width:1200px) {
.sb-slider img{
min-height:400px;  
  }
.carousel-inner>.item>img, .carousel-inner>.item>a>img{
 min-height:300px; 
  }
.photo_1r p{
font-size:16px;
 }
.photo_1r{
padding:20px;
 }
  }
@media (max-width: 575.98px) {
  .port_1 .col-sm-3,
  .port_1 .col-sm-4,
  .port_1 .col-sm-5 {
    width: 33.3% !important;
    float: left;
    padding: 5px; 
  }
  .sonalclickinsta {
    font-size: 11px;
}
.work_2im3 {
    position: absolute;
    padding: 5px; 
    bottom: 0;
}
.testimonial-card {
    margin-top: 20px;
    margin: 20px;
}
.controls {
    top: 11px !important;
}




}