/*form style*/



.selectStyle {

  display: block;

  position: relative;

  padding-left: 25px;

   cursor: pointer;

  font-size: 15px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



/* Hide the browser's default checkbox */

.selectStyle input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



/* Create a custom checkbox */

.checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 16px;

  width: 16px; border-radius:3px;

  background-color: #fff; border:1px solid #ccc;

}



/* On mouse-over, add a grey background color */

 

/* When the checkbox is checked, add a blue background */

.selectStyle input:checked ~ .checkmark {

  background-color: #80a4ed; border:1px solid #80a4ed;

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.selectStyle input:checked ~ .checkmark:after {

  display: block;

}



/* Style the checkmark/indicator */

.selectStyle .checkmark:after {

  left: 5px;

  top: 1px;

  width: 5px;

  height: 10px;

  border: solid white;

  border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}







/*radio*/



 



/* Create a custom radio button */

.myRadio {

  position: absolute;

  top: 0;

  left: 0;

  height:17px;

  width:17px;

  border-radius: 50%; 

	 background-color: #fff; border:1px solid #ccc; margin: 0;

}

 

/* When the radio button is checked, add a blue background */

.selectStyle input:checked ~ .myRadio {

  background-color: #80a4ed; border:1px solid #80a4ed;

}



/* Create the indicator (the dot/circle - hidden when not checked) */

.selectStyle .myRadio:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the indicator (dot/circle) when checked */

.selectStyle input:checked ~ .myRadio:after {

  display: block;

}



/* Style the indicator (dot/circle) */

.selectStyle .myRadio:after {

 	top: 4px;

	left: 4px;

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background: #fff;

}





/*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;

	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;

	-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: 45%;

	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: 45%;

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



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

	opacity: 1;}



  



  /* gallery */



  

/**

 * 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;  

}



 

.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: 0;}

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





/*gallery*/



.galleryCon {

  overflow:hidden;

  position: relative !important;

  background:#f2f2f2; width: 340px;

  cursor:pointer; display: block;

}





.galleryConInside .galleryCon {

  overflow:hidden;

  position: relative !important;

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

  cursor:pointer; display: block;

}





.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;

  } 

 

  



.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, .95);

}

.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(105, 188, 46, 0.7);

  transition: all 0.25s ease-out;

}

.m-p-g__btn:hover {

  background: rgba(105, 188, 46, 1);

}

.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;

  }

}



.stickySidebar{overflow: hidden;

  position: -webkit-sticky;

  position: sticky;

	top: 16%; height:auto;}



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

	

	.stickySidebar{overflow: hidden;

  position: -webkit-static;

  position: static;

	top: 16%; height:auto; }





}