/*
------------------------------------------------------
Head Slider (slideshow)
------------------------------------------------------
*/

.head-slider-container {
	position: relative;
	width: 100% ;
	min-height: 220px;
	z-index: 2 !important;
	padding: 0 0px;
	margin: 0 0px;
	padding-top: 0px;
	overflow: hidden;
	background: #000;


}
/* Background */
.head-slider.rsDefault,
.head-slider.rsDefault .rsOverflow,
.head-slider.rsDefault .rsSlide,
.head-slider.rsDefault .rsVideoFrameHolder,
.head-slider.rsDefault .rsThumbs {
	background: #000;
	color: #FFF;
}


.head-slider {
	width: 100% ;
	margin: 0 auto ;
	margin-top: 0px;
	position: relative;
	background: #f6f6f9;
	border-radius: 0px;
}
.royalSlider { overflow:hidden }

.rsImg {
	width: 100%;
}

.scene {
	position: absolute;
	width: 100%;
	bottom:0;
	z-index: 8 !important;
}
.scene-left {
	position: absolute;
	width: 320px;
	left: 0;
	bottom:0;
	z-index: 8 !important;
}
.scene-right {
	position: absolute;
	width: 320px;
	right:0;
	bottom:0;
	z-index: 8 !important;
}

@media (max-width: 1400px) {
	.scene-left {
		position: absolute;
		width: 260px;
		left: 0;
		bottom:0;
		z-index: 8 !important;
	}
	.scene-right {
		position: absolute;
		width: 240px;
		right:0;
		bottom:0;
		z-index: 8 !important;
	}
}
@media (max-width: 970px) {
	.scene-left {
		display: none;
		position: absolute;
		width: 260px;
		left: 0;
		bottom:0;
		z-index: 8 !important;
	}
	.scene-right {
		display: none;
		position: absolute;
		width: 240px;
		right:0;
		bottom:0;
		z-index: 8 !important;
	}
}

.head-slider {
	height: 560px !important;
}

.head-slider.headSmall {
	height: 440px !important;
}
.head-slider.headMedium {
	min-height: 640px !important;
	height: 70vh !important;
	max-height: 700px !important;
}
.head-slider.headLarge {
	min-height: 700px !important;
	height: 70vh !important;
	max-height: 960px !important;
}
.head-slider.headFull {
	min-height: 700px !important;
	height: 100vh !important;
	max-height: 960px !important;
}
.head-slider.headAuto {
	height: auto !important;
}
.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {

}
/*
	@media (max-width: 1440px) {
		.head-slider {

		}
	}
*/
	@media (max-width: 1024px) {
		/*
		.head-slider {

		}
		*/
    	.head-slider.headLarge {
			min-height: 600px !important;
			height: 60vh !important;
			max-height: 700px !important;
		}
		.head-slider.headFull {
			min-height: 700px !important;
			height: 100vh !important;
		}
	}
	@media (max-width: 768px) {
		.head-slider {
			height: 600px !important;
		}
    .head-slider.headLarge {
			min-height: 540px !important;
			height: 60vh !important;
			max-height: 540px !important;
		}
    .head-slider.headSmall {
			height: 300px !important;
		}
    .head-slider.headMedium {
			min-height: 540px !important;
			height: 60vh !important;
			max-height: 540px !important;
		}
    .head-slider.headFull {
			height: 100vh !important;
			max-height: 780px !important;
		}
	}
	@media (max-width: 767px) {
		/*
		.head-slider-container {

		}
		*/
	}
	@media (max-width: 640px) {
		/*
		.head-slider-container {

		}
		*/

		.head-slider.headFull {
			/* min-height: 440px !important;
			height: 90vh !important;
			max-height: 440px !important; */
		}

	}
	@media (max-width: 375px) {
		.page-front-yes .head-slider.headMedium {
			height: 96vh !important;
			min-height: 200px !important;
			max-height: 96vh !important;
		}
	}
	@media (max-width: 320px) {


	}

.head-slider .rsContent .opac {
	opacity: 0.7;
}
.head-slider .rsContent .little {
	opacity: 0.8;
}
.head-slider .rsContent .opac {
	opacity: 0.7;
}

	@media (max-width: 600px) {

	}

/*
.royalSlider > .rsContent {
	visibility: hidden;
	or display:none depending on your needs...
}
*/


.bg-heading-image {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
	transition: all 12s ease-in-out;
	transform-origin: center;
}
/* .rsActiveSlide .bg-heading-image {
	transform: scale(1.3);
} */
.bg-heading-image.bg-position-right {
	left: auto;
	right: 0;
}
	/* Widths */
.bg-heading-image.bg-width-100 {
	width: 100%;
}
.bg-heading-image.bg-width-75 {
	width: 75%;
}
.bg-heading-image.bg-width-66 {
	width: 66.66%;
}
.bg-heading-image.bg-width-60 {
	width: 60%;
}
.bg-heading-image.bg-width-50 {
	width: 50%;
}
.bg-heading-image.bg-width-40 {
	width: 40%;
}
.bg-heading-image.bg-width-33 {
	width: 33.333%;
}
.bg-heading-image.bg-width-25 {
	width: 25%;
}

.bg-heading-image.little-opacity {
	opacity: 0.6;
}
.bg-heading-image.medium-opacity {
	opacity: 0.4;
}
.bg-heading-image.huge-opacity {
	opacity: 0.2;
}
.bg-heading-image.alot-opacity {
	opacity: 0.2;
}

.headervideo {
  width: 100%;
  height: 100%;
  opacity: 0.6; }
  .headervideo video {
    width: 100%;
    height: auto !important; }
    @media screen and (min-width: 916px) and (max-width: 1115px), screen and (max-width: 620px) {
      .headervideo video {
        width: auto;
        height: 100% !important; } }

.videoBG, .videoBG_wrapper {
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto; }
  .videoBG video, .videoBG_wrapper video {
    height: 100%; }


.head-slider .heading-wrapper {

	width: 100%;
	display: block;
	padding: 100px 0 100px 0;
	z-index: 8 !important;
}
.head-slider .heading-wrapper.padding-top-huge {
	padding-top: 18rem;
}
.head-slider .heading-wrapper.padding-top-large {
	padding-top: 12rem;
}
.head-slider .heading-wrapper.padding-top-medium {
	padding-top: 8rem;
}
.head-slider .heading-wrapper.padding-top-small {
	padding-top: 4rem;
}

.head-slider .heading-wrapper.padding-bottom-huge {
	padding-bottom: 16rem;
}
.head-slider .heading-wrapper.padding-bottom-large {
	padding-bottom: 12rem;
}
.head-slider .heading-wrapper.padding-bottom-medium {
	padding-bottom: 8rem;
}
.head-slider .heading-wrapper.padding-bottom-small {
	padding-bottom: 4rem;
}

.white-popup .head-slider .heading-wrapper {
	padding: 100px 0 40px 0;
	padding-left: 20px;
	padding-right: 60px;
}
.headSmall .heading-wrapper,
.headMedium .heading-wrapper,
.headLarge .heading-wrapper,
.headFull .heading-wrapper {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-40%);
	padding: 0 !important;
	z-index: 4;
}
@media (max-width:768px) {
	.white-popup .head-slider .heading-wrapper {
		padding: 30px 0 40px 0;
		padding-left: 30px;
		padding-right: 60px;

	}

	.head-slider .heading-wrapper.padding-top-huge {
		padding-top: 10rem;
	}
	.head-slider .heading-wrapper.padding-top-large {
		padding-top: 8rem;
	}
	.head-slider .heading-wrapper.padding-top-medium {
		padding-top: 6rem;
	}
	.head-slider .heading-wrapper.padding-top-small {
		padding-top: 3rem;
	}

	.head-slider .heading-wrapper.padding-bottom-huge {
		padding-bottom: 20rem;
	}
	.head-slider .heading-wrapper.padding-bottom-large {
		padding-bottom: 8rem;
	}
	.head-slider .heading-wrapper.padding-bottom-medium {
		padding-bottom: 8rem;
	}
	.head-slider .heading-wrapper.padding-bottom-small {
		padding-bottom: 4rem;
	}

}

.head-slider.headAuto .heading-wrapper.version2 {


}

.page-front-yes .head-slider.headFull .heading-wrapper {

}
.page-front-yes .headFull .heading-wrapper {
	position: absolute;
	top: auto;
	bottom: 60px;
	width: 100%;
	transform: translateY(0%);
	padding: 0 !important;
	z-index: 4;
}

.page-front-no .head-slider.headFull .heading-wrapper {
	/* bottom: auto;
	top: 30vh; */
}
.head-slider.headFull .heading-wrapper.version2 {
	bottom: auto;
	top: 180px;
}
.main-content .head-slider.headFull .heading-wrapper {
	/* top: 120px; */
	transform: translateY(-66%);
}
.page-front-no .head-slider.headSmall .heading-wrapper {
	bottom: auto;
	top: 160px;
}

/* Image */
.heading-image {
	position: relative;
	width: 100%;
	padding-top: 66.66%;
	margin-top: -30px;
}

.heading-image.aspect_3_2 {
	padding-top: 66.66%;
}
.heading-image.aspect_3_2.vertical {
	padding-top: 150%;
	/* transform: scale(0.7); */
	transform-origin: top;
	/* max-width: 420px; */
}

.heading-image.aspect_16_9 {
	/* padding-top: 56.25%; */
	padding-top: 68.85%;
}
.heading-image.aspect_16_9.vertical {

	padding-top: 177.77777778%;

}

.heading-image .picture {
	position: absolute;
	top: 4%;
	left: 0%;
	bottom: 7%;
	right: 4%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 4;
}
.heading-image .canvas {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-blend-mode: soft-light; */
	z-index: 1;

}


.heading-image.with-passe-partout .canvas:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%,-50%);
	content:'';
	/* background: url('../images/jpc-frame-dark.png') no-repeat center;
	background-size: contain;
	z-index: 5; */
}

.heading-image.with-passe-partout .canvas.dark:after,
.heading-image.with-passe-partout .canvas.light:after {
	background: url('../images/jpc-frame-dark.png') no-repeat center;
	background-size: contain;
}

.heading-image .canvas.dark .picture,
.heading-image .canvas.light .picture {
	top: 17%;
	left: 13%;
	bottom: 20%;
	right: 13%;
}


.heading-image.aspect_16_9.with-passe-partout .canvas .picture {
	top: 17%;
	right: 12.15%;
	bottom: 21%;
	left: 11.95%;
}
.heading-image.aspect_16_9.with-passe-partout .canvas:after {
	z-index: 5;
}


/*
.heading-image .canvas.light {
	background: #000 url('../images/wood-light.jpg') repeat left;
	background-size: 80px auto;
}
.heading-image.decklededge .canvas {
	background: #fff;
}
.heading-image.decklededge .picture {
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	border: 0px solid #000;
}


.heading-image .canvas:after {
	position: absolute;
	content:'';
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background: rgb(255,255,255);
	background: linear-gradient(300deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	opacity: 0.07;
	z-index: 2;
}

.heading-image.with-passe-partout .canvas:before {
	position: absolute;
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
	content:'';
	background: #fff url('../images/creampaper.png') repeat left;
	background-size: 110px auto;
	box-shadow: inset 2px 0px 5px 0px rgba(0,0,0,0.75);
	z-index: 3;
}

.heading-image.black-passe-partout .canvas:before {
	position: absolute;
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
	content:'';
	background: #000;
	background-size: 110px auto;
	box-shadow: inset 2px 0px 5px 0px rgba(0,0,0,0.75);
	z-index: 3;
}


.heading-image.with-passe-partout .picture,
.heading-image.black-passe-partout .picture {
	top: 50px;
	left: 50px;
	bottom: 50px;
	right: 50px;
}
@media (max-width: 1023px) {
	.heading-image {
		margin-top: 30px
	}
}
@media (max-width: 768px) {
	.medium-12 .heading-image {
		margin-bottom: 30px;
	}
	.small-12 .heading-image {
		margin-bottom: 30px;
	}
} */



/* TEXT */
.head-slider .heading-wrapper .heading {
	position: relative;
	display: block;
	padding: 0 0 0 0rem;
	z-index: 8;
	max-width: 60%;
	margin: auto;
	text-align: center;
}
.head-slider .heading-wrapper .heading .heading-label {
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	padding-left: 2px;
	letter-spacing: 2px;
	font-family: 'Interstate', sans-serif;
	color: #fff !important;
	/* text-shadow: 0 0 10px rgba(0, 0, 0, 0.705); */
}
/*
.head-slider .heading-wrapper .heading .heading-label {

}
*/

.head-slider .heading-wrapper .heading .heading-title {
	font-family: 'Interstate';
	font-size: 2.6rem;
	line-height: 1.1;
	display: inline-block;
	padding: 0px 0px;
	font-weight: 400 !important;
	/* text-shadow: 0 0 10px rgba(0, 0, 0, 0.705); */
	/* letter-spacing: 2px !important;
	text-transform: uppercase; */
	z-index: 3;
}
.page-front-yes .head-slider .heading-wrapper .heading .heading-title {
	font-size: 2.2rem;
}
.head-slider.headSmall .heading-wrapper .heading .heading-title {
	font-size: 2.6rem;
}
.head-slider .heading-wrapper .heading .heading-title.title-medium {
	font-size: 30px;
}
.head-slider .heading-wrapper .heading .heading-title.title-large {
	font-size: 54px;
}
.head-slider .heading-wrapper .heading .heading-intro {
	margin-top:10px;
}
.head-slider .heading-wrapper .heading .heading-intro p {
	padding-top: 0rem;
	font-weight: 500;
	line-height:1.8;
	font-size: 1.250rem;
	display: block;
	letter-spacing: 0 !important;

}


.head-slider .heading-wrapper .heading .heading-button {
	margin-top: 20px;

}
.head-slider .heading-wrapper .heading .heading-button i {
	position: relative;
	top: 2px;
}
.signature {
	margin-top:20px;
	width: 220px;
	opacity: 0.7;;
}


/* Left Align */
.head-slider .heading-wrapper .heading.heading-left {
	text-align: left !important;
	margin: 0 !important;
	max-width: 55%;
	padding-left: 2rem;
}

/* Right Align */
.head-slider .heading-wrapper .heading.heading-right {

	margin:  0;
	max-width: 50%;
	text-align: left !important;
	padding-right: 1rem;
	padding-left:3rem;
}
.head-slider .heading-wrapper .large-6 .heading.heading-right {
	max-width: 100%;
}


	@media (max-width: 1440px) {
		.head-slider .heading-wrapper .heading .heading-title {
			font-size: 2.6rem;
		}
		.head-slider .heading-wrapper .heading .heading-title.title-large {
			font-size: 48px;
		}
	}

	@media (max-width: 1024px) {
		.head-slider .heading-wrapper .heading.heading-right {

			margin:  0;
			max-width: 50%;
			text-align: left !important;
			padding-right: 1rem;
			padding-left:1rem;
		}
		.head-slider .heading-wrapper .heading.heading-left {
			max-width: 70%;
		}
		.head-slider .heading-wrapper .heading .heading-title.title-large {
			font-size: 44px;
		}
		.head-slider .heading-wrapper .heading p {
			font-size: 1rem;
		}
	}

	@media (max-width: 768px) {
		/*
		.head-slider .heading-wrapper {

		}
		*/
		.page-front-no .head-slider .heading-wrapper {
			bottom: 100px;
		}
		/*
		.head-slider.headSmall .heading-wrapper {

		}
		*/
		.head-slider .heading-wrapper .heading {
			max-width: 80%;
		}
		.head-slider .heading-wrapper .heading.heading-left {
			padding-left: 0rem;
			max-width: 100%;
			width: 90%;
		}
		.page-front-no .head-slider .heading-wrapper .heading.heading-left {
			max-width: 100%;
			text-align: center !important;
			width: 100%;
			padding: 2rem;
		}

		.head-slider .heading-wrapper .heading .heading-label {
			font-size: 12px;
		}


		.head-slider .heading-wrapper .heading .heading-intro {
			display: block;
			font-size:  15px;
		}
		.head-slider .heading-wrapper .heading .heading-title {
			font-size: 2.3rem;
		}
		.head-slider.headSmall .heading-wrapper .heading .heading-title {
			font-size: 2.2rem;
		}
		.head-slider .heading-wrapper .heading p {
			padding-top: 0;
			font-size: 0.96rem;
		}
		.page-front-no .head-slider .heading-wrapper .heading p {
			padding-top: .5rem;
		}
		ul.heading-listing {
			float: left;
			max-width: 50%;
			padding: 0rem 1rem 0 0;
			font-weight: 400;
			line-height:1.8;
			font-size: 0.9rem;
		}
		ul.heading-listing li {
			padding-left: 1.5rem;
		}
	}



	@media (max-width: 640px) {
		.head-slider .heading-wrapper {
			bottom: 80px;
		}
		.page-front-no .head-slider .heading-wrapper {
			bottom: 70px;
		}

		.head-slider .heading-wrapper .heading {
			max-width: 92%;

		}

		.head-slider .heading-wrapper .heading.heading-left,
		.head-slider .heading-wrapper .heading.heading-right {
			margin: 0 !important;
			width: 100%;
			max-width: 100%;
			padding: 1rem 1rem 0 1rem;
		}


		.head-slider .heading-wrapper .heading hr {
			margin: auto;
			margin-top: 1rem;
			margin-bottom: 1rem;
		}

		/*
		.head-slider .heading-wrapper .heading .heading-label {

		}
		*/
		.head-slider .heading-wrapper .heading .heading-title,
		.head-slider.headSmall .heading-wrapper .heading .heading-title {
			margin-top:0;
			font-size: 1.8rem;
			line-height: 1.2;
			max-width: 100%;
		}

		/*
		.head-slider .heading-wrapper .heading .heading-intro {

		}
		*/
		.head-slider .heading-wrapper .heading .heading-intro p {
			font-size: 0.96rem;
		}
		ul.heading-listing {
			float: left;
			max-width: 100%;
		}

		.heading-image {
			margin-top: 0px;
			margin-left: -10px;
		}



	}
	@media (max-width: 440px) {
		/*
		.page-front-yes .head-slider .heading-wrapper {

		}
		.head-slider .heading-wrapper .heading .heading-intro {

		}
		*/
		.head-slider .heading-wrapper .heading .heading-intro p {
			font-size: 0.86rem;
			line-height: 1.5 ;
		}

	}
	@media (max-width: 320px) {
		.head-slider .heading-wrapper {
			bottom: 25%;
			padding: 0 0rem;
		}
		.head-slider .heading-wrapper .heading .heading-title,
		.head-slider.headSmall .heading-wrapper .heading .heading-title {
			margin-top:0;
			font-size: 1.8rem;
			letter-spacing: 0px !important;
			line-height: 1.2;
			max-width:90%;
		}
		/*
		.head-slider .heading-wrapper .heading .heading-button {

		}
		*/


	}



	.rsDefault .rsArrowIcn {
		width: 44px;
		height: 44px;
		top: 50%;
		left: 50%;
		margin-top:-22px;
		margin-left: -22px;

		position: absolute;
		cursor: pointer;
		background-image: none;
		background-color: rgba(0,0,0,0.45);
		border-radius: 0px;
	}
	.rsDefault .rsArrowIcn:after {
		position: absolute;
		top:50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		content: '\e944';
	}

	.rsDefault .rsArrowLeft .rsArrowIcn:after {
		content: '\e943';
	}

/***************
*
*  3. Bullets
*
****************/

.rsDefault .rsBullets {

	position: absolute;
	z-index: 98 !important;
	width: 100%;
	max-width: 75.5rem;
	bottom:40px;
	left: 50%;
	transform: translateX(-50%) translateY(0%);
	height: auto;
	margin: 0 auto;
	background: none;
	text-align: left;
	line-height: 24px;
	overflow: hidden;
	padding-right: 0;
	z-index: 999 !important;
}
.hide-bullets .rsBullets {
	display: none !important;
}
.page-front-yes .rsDefault .rsBullets {
	max-width: 80%;
	bottom:20px;
	left: 3rem;
	text-align: left;
	transform: translateX(0%) translateY(0%);
}
.page-front-no .rsDefault .rsBullets {
	max-width: 100%;
	bottom:40px;
	left: 0%;
	text-align: center;
	transform: translateX(0%) translateY(0%);
}

    @media (max-width: 1024px) {
        .rsDefault .rsBullets {
           left: 4rem;
           bottom:30px;
					 transform: translateX(0%) translateY(0%);
        }
    }
    @media (max-width: 768px) {
        .rsDefault .rsBullets {
            bottom: 30px;
            left: 2rem;
        }
    }
    @media (max-width: 767px) {
      .rsDefault .rsBullets {
          bottom: 30px;
          left: 1rem;
      }
    }

#block-slider.rsDefault .rsBullets,
#news-slider.rsDefault .rsBullets {
	text-align: right;
    bottom:0.3rem;
    padding-right: 1.3rem;
}
#news-slider.rsDefault .rsBullets {
	text-align: right;
    bottom:-1rem;
    padding-right: 0rem;
}

.rsDefault .rsBullet {
    display:inline-block;
    padding: 0 0 0 ;
    width: 10px;
    height: 10px;
		margin: 0 8px 6px 2px;
}
.rsDefault .rsBullet span {
 	width: 4px;
 	height: 4px;
	 margin-top: 2px;
	background: #fff;
	background: rgba(255, 255, 255, 0.3);
	border: 0px solid rgba(255, 255, 255, 0.5);
	cursor: pointer;
	border-radius:10px !important;
}
.rsDefault .rsBullet:hover span {
	border: 0px solid rgba(224, 228, 229, 1);
}
.rsDefault .rsBullet.rsNavSelected span {
	margin-top:0;
	width: 8px;
 	height: 8px;
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(255,255,255,1);
}

#block-slider.rsDefault .rsBullet,
#news-slider.rsDefault .rsBullet {
    margin: 0 4px 6px 0px;
    border-radius:0 !important;
}
#block-slider.rsDefault .rsBullet span,
#news-slider.rsDefault .rsBullet span{
	width: 8px !important;
 	height: 8px !important;
 	border: 1px solid rgba(224, 228, 229, 1);
}
#news-slider.rsDefault .rsBullet span {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
}
#block-slider.rsDefault .rsBullet.rsNavSelected span,
#news-slider.rsDefault .rsBullet.rsNavSelected span{
	width: 12px;
 	height: 12px;
	background-color: #009fe3;
	border-color: #009fe3;
}




	@media only screen and (max-width: 640px) {
		.rsDefault .rsBullet {
			display:inline-block;
			padding: 0 0 0 ;
			width: 10px;
			height: 2px;
			margin: 0 8px 6px 2px;
		}
		.rsDefault .rsBullet span {
			width: 10px;
			height: 2px;
			margin-top: 10px;
			background: #fff;
			background: rgba(255, 255, 255, 0.3);
			border: 0px solid rgba(255, 255, 255, 0.5);
			cursor: pointer;
			border-radius:0 !important;
		}
		.rsDefault .rsBullet:hover span {
			border: 0px solid rgba(224, 228, 229, 1);
		}
		.rsDefault .rsBullet.rsNavSelected span {
			width: 10px;
			height: 2px;
			background-color: rgba(255, 255, 255, 1);
			border-color: rgba(255,255,255,1);
		}


	}


.resp-frame.dark .resp-frame-inner {
  border-top: 1px solid #9a9a9a;
  border-right: 1px solid #f4f4f4;
  border-bottom: 1px solid white;
  border-left: 1px solid #f4f4f4;
	border-radius: 2px;
}
.resp-frame img {
	display: block;
	width: 100%;
}

.resp-frame-wrap {
	filter: drop-shadow(0 3px 7px rgba(0, 0, 0, 0.2));
}
.resp-frame.dark {
	position: relative;
	border: 8px solid #272727;
	padding: 42px 40px 49px 40px;
	background: url(../images/noise.png);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}

.resp-frame.dark:after {
	content: "";
	position: absolute;
	right: -29px;
	bottom: -8px;
	width: 50px;
	height: 9px;
	background-color: #272727;
	transform-origin: 0 8px;
	transform: rotate(-45deg);
	/*box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);*/
}