#page.advertising .paragraph-description {margin-bottom:15px;}
#page.advertising .paragraph-description .parameter {font-weight:500;}
#page.advertising .browser {overflow:hidden; border:8px solid #DEDEDE; border-top:none; border-radius:8px;}
#page.advertising .browser.desktop {margin-top:20px; height:70vh;}
#page.advertising .browser.mobile {flex-shrink:0; height:590px;}
#page.advertising .browser.tablet {flex:1;}
#page.advertising .browser .top-bar {background:#DEDEDE; display:flex; align-items:center; flex-wrap:wrap; height:46px; padding:0 10px;}
#page.advertising .browser .top-bar .buttons {display:flex;}
#page.advertising .browser .top-bar .buttons i {width:10px; height:10px; border-radius:100px; transition:background-color 200ms ease; cursor:pointer;}
#page.advertising .browser .top-bar .buttons i:nth-child(1) {background-color:rgb(255, 86, 79); margin-left:0px;}
#page.advertising .browser .top-bar .buttons i:nth-child(1):hover {background-color:rgb(255, 20, 25);}
#page.advertising .browser .top-bar .buttons i:nth-child(2) {background-color:rgb(255, 183, 42); margin-left:5px;}
#page.advertising .browser .top-bar .buttons i:nth-child(2):hover {background-color:rgb(230, 175, 42);}
#page.advertising .browser .top-bar .buttons i:nth-child(3) {background-color:rgb(37, 198, 58); margin-left:5px;}
#page.advertising .browser .top-bar .buttons i:nth-child(3):hover {background-color:rgb(10, 225, 10);}
#page.advertising .browser .top-bar .address {background:#F8F8F8; flex-basis:0; flex-grow:1; margin:0 15px; max-width:100%; padding:5px; border-radius:4px; font-size:12px; color:#4B4B4B;}
#page.advertising .browser .top-bar .controls {display:flex; grid-column-gap:10px;}
#page.advertising .browser .top-bar .controls .arrow {cursor:pointer;}
#page.advertising .browser .top-bar .controls .arrow svg {width:12px; fill:#666;}
#page.advertising .browser .top-bar .controls .arrow:hover svg {fill:#555;}
#page.advertising .browser .website {position:relative; height:calc(100% - 46px);}
/*#page.advertising .browser.disabled .website:after {z-index:1; content:""; background-color:var(--color-red-highlight); position:absolute; left:0; top:0; right:0; bottom:0; opacity:0.7; transition:opacity 400ms ease;}*/
#page.advertising .browser .website .banner {position:relative; background-color:var(--color-green-highlight); display:flex; justify-content:center; align-items:center; font-size:18px; color:#FFF;}
#page.advertising .browser.promo .website .banner {width:100%; height:250px;}
#page.advertising .browser.catfish .website .banner {position:sticky; bottom:0; left:0; right:0; width:100%; height:90px;}
#page.advertising .browser.minipromo .website .banner {width:100%; height:88px;}
#page.advertising .browser .website .banner .arrows .icon {position:absolute; width:30px; height:30px;}
#page.advertising .browser .website .banner .arrows .icon.left-top {top:10px; left:15px; transform:rotate(30deg);}
#page.advertising .browser .website .banner .arrows .icon.left-bottom {bottom:10px; left:15px; transform:rotate(-30deg);}
#page.advertising .browser .website .banner .arrows .icon.right-top {top:10px; right:15px; transform:rotate(-30deg);}
#page.advertising .browser .website .banner .arrows .icon.right-bottom {bottom:10px; right:15px; transform:rotate(30deg);}
#page.advertising .browser .website .banner .arrows .icon svg {fill:#FFF;}
#page.advertising .browser .website .banner-name {text-align:center;}
#page.advertising .browser .website .banner-name .title {font-size:22px;}
#page.advertising .browser .website .banner-name .device {font-size:14px;}
#page.advertising .browser .website iframe {transform:scale(0.77); width:calc(100% * (1 / 0.77));border:0; transform-origin:0 0;}
#page.advertising .browser.promo .website iframe {height:calc(100% * (1 / 0.77) - (250px + 46px + 28px));}
#page.advertising .browser.disabled.catfish .website iframe {height:calc(100% * (1 / 0.77));}
#page.advertising .browser:not(.disabled).catfish .website iframe {height:calc(100% * (1 / 0.77) - (88px + 0px + 25px));}
#page.advertising .browser.minipromo .website iframe {height:calc(100% * (1 / 0.77) - (88px + 0px + 25px));}
#page.advertising .not-desktop {display:flex; justify-content:space-between; grid-column-gap:20px;}



/* ---  M E D I A   Q U E R I E S  --- */
@media (max-width: 1199px) {/* Rules for laptops, small desktop screens, and smaller viewports */}
@media (max-width:991px) {/* Rules for tablets and smaller viewports */}
@media (max-width:767px) {/* Rules for smartphones only */
	#page.advertising .not-desktop {display:none;}
	#page.advertising .browser .website .banner-name .device {display:none;}}
/* ---  M E D I A  Q U E R I E S  --- */