.videobaner{display:flex; justify-content: space-around; height:300px; border-radius: 36px; outline: 1px #560300 solid; outline-offset: -1px; overflow:hidden;}
.videobaner .left,.videobaner .right{width:50%;}
.videobaner .right{background: #560300; padding-left:116px;
display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
	gap:48px;
}


.titbanner{color: white; font-size: 32px; font-family: 'TenorSans', sans-serif; font-weight: 400; text-transform: uppercase; line-height: 38.40px;}
.videobaner .left{background:url(../images/fotovideo.png) center no-repeat; background-size: cover;}
.posmotrvideo{height: 60px; padding-left: 32px; padding-right: 32px; padding-top: 12px; padding-bottom: 12px; background: #560300; border-radius: 999px; outline: 1px #FBF9ED solid; outline-offset: -1px; justify-content: center; align-items: center; gap: 8px; display: inline-flex; color: white; font-size: 15px; font-family: Montserrat; font-weight: 500; line-height: 20px; cursor:pointer;}
.posmotrvideo:hover{background-color: var(--button-primary-hover-bg);}
.posmotrvideo:before{content:" "; display:table; width:24px; height:24px; background:url(../images/play.svg) center no-repeat;}
#viewing-modal-video{padding:0px; background:none;}
#viewing-modal-video .modal__close{top: -32px;
    right: -32px; }
	
	@media (max-width: 900px) {
		.videobaner{height:374px; flex-direction: column;}
		.videobaner .left{height:206px; width:100%; background-size: cover;}
		.videobaner .right{height:168px; width:100%; padding-left:16px; padding-right:16px; gap:16px; align-content: normal; align-items: stretch;}
		.titbanner{font-size: 18px; line-height: 21.60px; text-align:center;}
		#viewing-modal-video{max-width:400px;}
		#viewing-modal-video iframe{height:180px !important; width:320px !important;}
	}
	
	@media (max-width: 600px) {
		.titbanner{ text-align:left;}
		
	}