/*owl carousel*/

.owl-carousel .item {

	z-index: 2;

}

.owl-carousel .item figure {

	overflow: hidden;

}

.owl-carousel, .owl-carousel .owl-item {

	-webkit-tap-highlight-color: transparent;

	position: relative;}



.owl-carousel {

	display: none;

	width: 100%;

	padding: 0 0;

	z-index:1;}



.owl-carousel .owl-stage {

	position: relative;

	-ms-touch-action: pan-Y;

	-moz-backface-visibility: hidden;}



.owl-carousel .owl-stage:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;}



.owl-carousel .owl-stage-outer {

	position: relative;

	overflow: hidden;

	-webkit-transform: translate3d(0, 0, 0);

}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

}

.owl-carousel .owl-item {

	min-height: 1px;

	text-align: center;

	float: left;

	-webkit-backface-visibility: hidden;

	-webkit-touch-callout: none;

}

.owl-carousel .owl-item img {

	display: inline-block;

}

.no-js .owl-carousel, .owl-carousel.owl-loaded {

	display: block;

}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {

	cursor: pointer;

	cursor: hand;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.owl-carousel.owl-loading {

	opacity: 0;

	display: block;

}

.owl-carousel.owl-hidden {

	opacity: 0;

}

.owl-carousel.owl-refresh .owl-item {

	visibility: hidden;

}

.owl-carousel.owl-drag .owl-item {

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.owl-carousel.owl-grab {

	cursor: move;

	cursor: grab;

}

.owl-carousel.owl-rtl {

	direction: rtl;

}

.owl-carousel.owl-rtl .owl-item {

	float: right;

}

.owl-carousel .animated {

	animation-duration: 1s;

	animation-fill-mode: both

}

.owl-carousel .owl-animated-in {

	z-index: 0;

}

.owl-carousel .owl-animated-out {

	z-index: 1;

}

.owl-carousel .fadeOut {

	animation-name: fadeOut;

}

@keyframes fadeOut {

0% {

opacity:1;}

100% {

opacity:0;}}



.owl-height {

	transition: height .5s ease-in-out;

}

.owl-carousel .owl-item .owl-lazy {

	opacity: 0;

	transition: opacity .4s ease;

}

.owl-carousel .owl-item img.owl-lazy {

	transform-style: preserve-3d;

}

.owl-carousel .owl-video-wrapper {

	position: relative;

	height: 100%;

	background: #000;}



.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {

	display: none;}



.owl-carousel .owl-video-frame {

	position: relative;

	z-index: 1;

	height: 100%;

	width: 100%;}



.owl-prev {

	position: absolute;

	top: 50%;

	left: 0;

	transform: translate(0, -50%);

	transition: all linear .3s;

	-webkit-transition: all linear .3s;

	-moz-transition: all linear .3s;

	-ms-transition: all linear .3s;}



.owl-next {

	position: absolute;

	top: 50%;

	right: 0;

	transform: translate(0, -50%);

	transition: all linear .3s;

	-webkit-transition: all linear .3s;

	-moz-transition: all linear .3s;

	-ms-transition: all linear .3s;}



.owl-prev, .owl-next {

	opacity: .4;}



.owl-carousel:hover .owl-prev, .owl-carousel:hover .owl-next {

	opacity: 1;}



/*portfolio css*/



 



#info {

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius:5px;				

	background:#fcf8e3;

	border:1px solid  #fbeed5;

	width:95%;

	max-width:900px;

	margin:0 auto 40px auto;

	font-family:arial;

	font-size:12px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

}



	#info .info-wrapper {

		padding:10px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;



	}

	

	#info a {

		color:#c09853;

		text-decoration:none;

	}

	

	#info p {

		margin:5px 0 0 0;

	}



 

 

#filters {

	margin:40px 15px 30px;

	padding:0;

	list-style:none;

}



	#filters li {

		float:left;

	}

	

	#filters li span {

		display: block;

		font-size: 16px; font-weight: 300;

		padding:10px 21px; 		

		text-decoration:none;

		color:#000;

		cursor: pointer;

	}



@media only screen and (max-width: 1279px) {

	

	#filters li span {

 		font-size: 15px;  

		 

	}	

	

	

}







@media only screen and (max-width:1151px) {

	



#filters {

  text-align: center;

}



	#filters li {

		float:none; display: inline-block;

	}

	

 

	

}



	

	#filters li span.active {

		background: #eeeeee;

		color:#000;

	}

 



 

#portfoliolist .portfolio {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	width:30.3%;

	margin:1.5%;

 	float:left;

	overflow:hidden;

}



	.portfolio-wrapper {

		overflow:hidden;

		position: relative !important;

		background: #000;

		cursor:pointer;

	}



	.portfolio img {

		width:100%;

		position: relative;

		top:0;

    -webkit-transition: all 400ms cubic-bezier(0.645, 6.645, 6.355, 1);

    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);		

	}

	

	.portfolio .label {

		position: absolute;

		width: 100%;

		height:290px;

		bottom:-225px;

    -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);

	}



		.portfolio .label-bg {

			background:rgba(0,0,0,.8);

			width: 100%;

			height:100%;

			position: absolute;

			top:0;

			left:0;  -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);

		} 





.portfolio:hover .label-bg {

			background:#00008B;

			 

		}

	

		.portfolio .label-text {

			color:#fff; font-size: 18px;

			position: relative; font-weight: 600;

			z-index:15; line-height: 26px;

			padding:22px 30px;

		}



.portfolio .label-text .text-title{margin-bottom: 15px; display: block;}



			

			.portfolio .text-category {

				display:block; 

				font-size:14px; line-height: 23px; font-weight:400; color:#fff;

			}

	

	.portfolio:hover .label {

    bottom:0;

  }

	.portfolio:hover img {

    top:-50px;

  }  



 



/*  #Mobile (Portrait) - Note: Design for a width of 320px */

@media only screen and (max-width: 991px) {

	 

	

	#portfoliolist .portfolio {

		width:48%;

		margin:1%;

	}		



	#ads {

		display:none;

	}

	

}





@media only screen and (max-width: 767px) {

	 

	

	#portfoliolist .portfolio {

		width:100%;

		margin:1% 0; padding:0 15px;

	}		



	#ads {

		display:none;

	}

	

	

	

}



/* #Mobile (Landscape) - Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	 

	#ads {

		display:none;

	}

	

}





  





/* #Clearing */



/* Self Clearing Goodness */

.portfolioWrapper{margin-left:-15px; margin-right: -15px;}

.portfolioWrapper:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }



.clearfix:before,

.clearfix:after,

.row:before,

.row:after {

  content: '\0020';

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0; }

.row:after,

.clearfix:after {

  clear: both; }

.row,

.clearfix {

  zoom: 1; }



.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}





/*mobile nav*/



 



.accordianNav a,

.accordianNav h3 {

   font-size: 14px;

    color: #fff;

    padding: 0 20px;

    font-weight: 500;

    height: 48px; display: block;

    line-height: 48px; cursor: pointer;

    text-decoration: none; border-bottom: 1px solid #222;

}



 









/* Background hover animation. */



.accordianNav h3:before {

    content: "";

    position: absolute;

    z-index: 0;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    background-color: #444;

    background:#D3D3D3;

    transition: all 0.3s ease-out;

}



 



.accordianNav .dropArrow span {

    z-index: 2;

    position: relative;

}



.accordianNav .dropArrow:after {

    content: "";

    width: 6px;

    height: 6px;

    border-bottom: 2px solid #D3D3D3;

    border-right: 2px solid #D3D3D3;

    float: right;

    position: relative;

    top: 18px;

    right: 0;

    transform: rotate(45deg);

    transform-origin: center;

}



.accordianNav .dropArrow.active {

    color: white;

}



.accordianNav .dropArrow.active:after {

    transform: rotate(-135deg);

    border-color: #fff;

}











/* +Hover and Touch effect */

 

.accordianNav h3.dropArrow:hover:after,

.accordianNav h3.dropArrow:active:after {

    color: white;

    -webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);

    transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);

}



.accordianNav li {

    list-style-type: none;

}



 

.accordianNav h3.dropArrow:hover{ background: #3CA3E9;}



/*Drop links*/



.accordianNav ul ul li a {

    padding:10px 20px; font-weight: 300; color:#fff; height: auto; line-height: 20px;

}

 





/*Hide and show the drops*/



.accordianNav ul ul {

    display: none;

}



.accordianNav li.active ul {

    display: block;

}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #999 !important;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #999 !important;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #999 !important;

}

:-moz-placeholder { /* Firefox 18- */

  color: #999 !important;

}







.photoGallery{padding: 80px 0;}





	.galleryCon {

		overflow:hidden;

		position: relative !important;

		width: 420px;

		cursor:pointer; display: block; border-radius: 50px;

	}





.galleryConInside .galleryCon {

		overflow:hidden;

		position: relative !important;

		background:#000; width: 100% !important;

		cursor:pointer; display: block; margin:15px 0;

	}





.galleryConInside .col-md-4{margin-top: 30px;}



	.galleryCon img {

		width:100%;

		position: relative;

		 

     	

	}

	

	 



		.galleryCon .label {

			background-image: linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,0));

			width: 100%;

			height:auto;

			position: absolute;

			bottom:0; padding:30px 35px;

			left:0;  

			color:#fff; font-size: 26px;

			font-weight: 500;

			line-height: 38px;

			z-index: 2;

		} 





/**

 * CSS style for carouselTicker

 **/



.carouselTicker__list {

  margin: 0;

  padding: 0;

  list-style-type: none;

  overflow: hidden;

}



.carouselTicker__item {

   float: left;

    height: auto; width:auto;

    padding:0 15px;

}



 

.carouselTicker__loader {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: #fff url("../images/loader.gif") center center no-repeat;

}



#carouselTicker{margin-top: 45px;}

#carouselTicker-start{margin-top:30px;} 


@media only screen and (max-width:767px) {

.photoGallery{padding: 60px 0;}
}



/*gallery*/

.m-p-g {

  max-width: 100%;

  margin: 0 auto; 

}

.m-p-g__thumbs-img {

  margin: 0;  

  vertical-align: bottom;

  cursor: pointer;

  z-index: 1;

  position: relative;

  opacity: 0;

  filter: brightness(100%);

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  will-change: opacity, transform;

  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

}

.m-p-g__thumbs-img.active {

  z-index: 50;

}

.m-p-g__thumbs-img.layout-completed {

  opacity: 1;

}

.m-p-g__thumbs-img.hide {

  opacity: 0;

}

.m-p-g__thumbs-img:hover {

  filter: brightness(110%);

}

.m-p-g__fullscreen {

  position: fixed;

  z-index: 99;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100vh;

  background: rgba(0, 0, 0, 0);

  visibility: hidden;

  transition: background 0.25s ease-out, visibility 0.01s 0.5s linear;

  will-change: background, visibility;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

}

.m-p-g__fullscreen.active {

  transition: background 0.25s ease-out, visibility 0.01s 0s linear;

  visibility: visible;

  background: rgba(0, 0, 0, .9);

}

.m-p-g__fullscreen-img {

  pointer-events: none;

  position: absolute;

  transform-origin: left top;

  top: 50%;

  left: 50%;

  max-height: 100vh;

  max-width: 100%;

  visibility: hidden;

  will-change: visibility;

  transition: opacity 0.5s ease-out;

}

.m-p-g__fullscreen-img.active {

  visibility: visible;

  opacity: 1 !important;

  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s ease-out;

}

.m-p-g__fullscreen-img.almost-active {

  opacity: 0;

  transform: translate3d(0, 0, 0) !important;

}

.m-p-g__controls {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 200;

  height: 20vh;

  background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.55) 100%);

  opacity: 0;

  visibility: hidden;

  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

}

.m-p-g__controls.active {

  opacity: 1;

  visibility: visible;

}

.m-p-g__controls-close, .m-p-g__controls-arrow {

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  border: none;

  background: none;

}

.m-p-g__controls-close:focus, .m-p-g__controls-arrow:focus {

  outline: none;

}

.m-p-g__controls-arrow {

  position: absolute;

  z-index: 1;

  top: 0;

  width: 20%;

  height: 100vh;

  display: flex;

  align-items: center;

  cursor: pointer;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  opacity: 0;

}

.m-p-g__controls-arrow:hover {

  opacity: 1;

}

.m-p-g__controls-arrow--prev {

  left: 0;

  padding-left: 3vw;

  justify-content: flex-start;

}

.m-p-g__controls-arrow--next {

  right: 0;

  padding-right: 3vw;

  justify-content: flex-end;

}

.m-p-g__controls-close {

  position: absolute;

  top: 3vh;

  right: 3vw;

  z-index: 5;

  cursor: pointer;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.m-p-g__btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.07);

  transition: all 0.25s ease-out;

}

.m-p-g__btn:hover {

  background: rgba(255, 255, 255, 0.15);

}

.m-p-g__alertBox {

  position: fixed;

  z-index: 999;

  max-width: 700px;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background: white;

  padding: 25px;

  border-radius: 3px;

  text-align: center;

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);

  color: grey;

}

.m-p-g__alertBox h2 {

  color: red;

}



 

.demo-btn {

  display: inline-block;



  margin: 0 2.5px 4vh 2.5px;

  text-decoration: none;

  color: grey;

  padding: 15px;

  line-height: 1;

  min-width: 140px;

  background: rgba(0, 0, 0, 0.07);

  border-radius: 6px;

}



.demo-btn:hover {

  background: rgba(0, 0, 0, 0.12);

}



@media (max-width: 640px) {

  .demo-btn {

    min-width: 0;

    font-size: 14px;

  }

}