.elementor-4081 .elementor-element.elementor-element-86c3f82{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-86c3f82:not(.elementor-motion-effects-element-type-background), .elementor-4081 .elementor-element.elementor-element-86c3f82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4D4C4C;}.elementor-4081 .elementor-element.elementor-element-f748501{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-b6dd9a4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-f83976c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-437c513 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-42b6958{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-42b6958:not(.elementor-motion-effects-element-type-background), .elementor-4081 .elementor-element.elementor-element-42b6958 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000F7;}.elementor-4081 .elementor-element.elementor-element-42b6958::before, .elementor-4081 .elementor-element.elementor-element-42b6958 > .elementor-background-video-container::before, .elementor-4081 .elementor-element.elementor-element-42b6958 > .e-con-inner > .elementor-background-video-container::before, .elementor-4081 .elementor-element.elementor-element-42b6958 > .elementor-background-slideshow::before, .elementor-4081 .elementor-element.elementor-element-42b6958 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4081 .elementor-element.elementor-element-42b6958 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4081 .elementor-element.elementor-element-af62869 > .elementor-widget-container{margin:60px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-af62869{width:100%;max-width:100%;}.elementor-4081 .elementor-element.elementor-element-fc45b7f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-7b48123{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:90px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4081 .elementor-element.elementor-element-66e3b7a{text-align:start;width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;}.elementor-4081 .elementor-element.elementor-element-66e3b7a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:34px;font-weight:bold;line-height:1.06em;color:#0C6781;}.elementor-4081 .elementor-element.elementor-element-66e3b7a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-66e3b7a.elementor-element{--align-self:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4081 .elementor-element.elementor-element-54ccd59{font-family:"Montserrat", Sans-serif;font-size:16.15px;font-weight:400;line-height:1.2em;color:#000000;width:var( --container-widget-width, 97% );max-width:97%;--container-widget-width:97%;--container-widget-flex-grow:0;}.elementor-4081 .elementor-element.elementor-element-54ccd59 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-54ccd59.elementor-element{--align-self:flex-end;}.elementor-4081 .elementor-element.elementor-element-1a44c4d{text-align:start;}.elementor-4081 .elementor-element.elementor-element-1a44c4d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:bold;line-height:1.06em;color:#0C6781;}.elementor-4081 .elementor-element.elementor-element-1a44c4d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-1a44c4d.elementor-element{--align-self:flex-start;}.elementor-4081 .elementor-element.elementor-element-9a697e7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-89ebd7c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-25a0434 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-9653607{--display:flex;}.elementor-4081 .elementor-element.elementor-element-f8eb039{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-f8eb039:not(.elementor-motion-effects-element-type-background), .elementor-4081 .elementor-element.elementor-element-f8eb039 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mpravo24.ru/wp-content/uploads/yue-ma-bp2TuVlTydc-unsplash-1-1.avif");background-position:top center;background-repeat:repeat-x;}.elementor-4081 .elementor-element.elementor-element-418098d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-04494ab{text-align:center;font-family:"Montserrat", Sans-serif;font-size:53px;font-weight:bold;line-height:0.86em;color:#0C6781;width:100%;max-width:100%;}.elementor-4081 .elementor-element.elementor-element-04494ab > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-04494ab.elementor-element{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-0bd0c86 > .elementor-widget-container{margin:30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-0bd0c86.elementor-element{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-c94e47a{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-c94e47a:not(.elementor-motion-effects-element-type-background), .elementor-4081 .elementor-element.elementor-element-c94e47a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D2D2D;}.elementor-4081 .elementor-element.elementor-element-52ce515{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-8d1eb5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-8d1eb5d.e-con{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-38acfd0{text-align:start;font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:bold;line-height:1em;color:#FFFFFF;width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-4081 .elementor-element.elementor-element-38acfd0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 50px;}.elementor-4081 .elementor-element.elementor-element-38acfd0.elementor-element{--align-self:flex-start;}.elementor-4081 .elementor-element.elementor-element-cc64454{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-4081 .elementor-element.elementor-element-cc64454.e-con{--align-self:flex-start;}.elementor-4081 .elementor-element.elementor-element-0e6612f{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;line-height:1em;color:#FFFFFF;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-4081 .elementor-element.elementor-element-0e6612f > .elementor-widget-container{margin:0px 0px -26px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-9cd96a7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-9cd96a7.elementor-element{--order:99999 /* order end hack */;}.elementor-4081 .elementor-element.elementor-element-f75ec3a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-4081 .elementor-element.elementor-element-45c07c0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-ab2dc0d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-0f6ee2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-0f6ee2b.e-con{--align-self:flex-start;}.elementor-4081 .elementor-element.elementor-element-633dc38{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:bold;line-height:1em;color:#FFFFFF;width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-4081 .elementor-element.elementor-element-633dc38 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-899383c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-899383c.e-con{--align-self:flex-start;}.elementor-4081 .elementor-element.elementor-element-c791e57{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;line-height:1em;color:#FFFFFF;width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;}.elementor-4081 .elementor-element.elementor-element-c791e57 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4081 .elementor-element.elementor-element-d815e8c img{width:114px;height:127px;}.elementor-4081 .elementor-element.elementor-element-d815e8c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-d815e8c.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-4081 .elementor-element.elementor-element-d815e8c{right:390px;}body.rtl .elementor-4081 .elementor-element.elementor-element-d815e8c{left:390px;}.elementor-4081 .elementor-element.elementor-element-d815e8c{top:1050px;}.elementor-4081 .elementor-element.elementor-element-5fa364e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-5fa364e.elementor-element{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-df267d6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-3920dec > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-3920dec.elementor-element{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-9c81d04{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-1b8ed9b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-2927456{--display:flex;}.elementor-4081 .elementor-element.elementor-element-ed8e22e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:60px;--margin-bottom:0px;--margin-left:30px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-78a9ff3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:80px -8px 45px 16px #F0F0F0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;--z-index:5;}.elementor-4081 .elementor-element.elementor-element-78a9ff3:not(.elementor-motion-effects-element-type-background), .elementor-4081 .elementor-element.elementor-element-78a9ff3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-4081 .elementor-element.elementor-element-5f60e33{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:500;line-height:1.06em;color:#0C6781;width:var( --container-widget-width, 670px );max-width:670px;--container-widget-width:670px;--container-widget-flex-grow:0;}.elementor-4081 .elementor-element.elementor-element-5f60e33 p{margin-block-end:120px;}.elementor-4081 .elementor-element.elementor-element-5f60e33 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-c88fd02{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:1.1em;color:#006580;width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;}.elementor-4081 .elementor-element.elementor-element-c88fd02 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-dfec396{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:50px;}.elementor-4081 .elementor-element.elementor-element-81ec76c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-81ec76c{width:100%;max-width:100%;}.elementor-4081 .elementor-element.elementor-element-f3a7400{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-0babdfc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-eeb7213 > .elementor-widget-container{margin:50px 0px 50px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-eeb7213{width:100%;max-width:100%;}.elementor-4081 .elementor-element.elementor-element-eeb7213.elementor-element{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-e735908{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-e735908:not(.elementor-motion-effects-element-type-background), .elementor-4081 .elementor-element.elementor-element-e735908 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-4081 .elementor-element.elementor-element-346e518{--display:flex;--min-height:500px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-1ef9762 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-a5bb164{font-family:"Montserrat", Sans-serif;font-size:27px;font-weight:500;line-height:1.2em;color:#0C6781;width:var( --container-widget-width, 774px );max-width:774px;--container-widget-width:774px;--container-widget-flex-grow:0;}.elementor-4081 .elementor-element.elementor-element-a5bb164 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-a5bb164.elementor-element{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-f346d23{font-family:"Montserrat", Sans-serif;font-size:34px;line-height:1.1em;color:#0C6781;width:var( --container-widget-width, 1010px );max-width:1010px;--container-widget-width:1010px;--container-widget-flex-grow:0;}.elementor-4081 .elementor-element.elementor-element-f346d23 p{margin-block-end:0px;}.elementor-4081 .elementor-element.elementor-element-f346d23 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-f346d23.elementor-element{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-cd8f2e2{--display:flex;}:root{--page-title-display:none;}body.elementor-page-4081{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-4081:not(.elementor-motion-effects-element-type-background), body.elementor-page-4081 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}@media(max-width:767px){.elementor-4081 .elementor-element.elementor-element-b6dd9a4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-437c513 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-42b6958{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-42b6958:not(.elementor-motion-effects-element-type-background), .elementor-4081 .elementor-element.elementor-element-42b6958 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mpravo24.ru/wp-content/uploads/marsel_mobile-1.avif");background-position:center right;}.elementor-4081 .elementor-element.elementor-element-42b6958.e-con{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-af62869 > .elementor-widget-container{margin:50px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-af62869.elementor-element{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-fc45b7f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:340px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-7b48123{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-7b48123.e-con{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-66e3b7a{text-align:center;--container-widget-width:77%;--container-widget-flex-grow:0;width:var( --container-widget-width, 77% );max-width:77%;}.elementor-4081 .elementor-element.elementor-element-66e3b7a .elementor-heading-title{font-size:19px;}.elementor-4081 .elementor-element.elementor-element-66e3b7a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-66e3b7a.elementor-element{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-54ccd59{font-size:10px;--container-widget-width:85%;--container-widget-flex-grow:0;width:var( --container-widget-width, 85% );max-width:85%;}.elementor-4081 .elementor-element.elementor-element-54ccd59 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-54ccd59.elementor-element{--align-self:flex-end;}.elementor-4081 .elementor-element.elementor-element-1a44c4d{text-align:center;width:100%;max-width:100%;}.elementor-4081 .elementor-element.elementor-element-1a44c4d .elementor-heading-title{font-size:20px;}.elementor-4081 .elementor-element.elementor-element-1a44c4d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-1a44c4d.elementor-element{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-9a697e7 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-9a697e7.elementor-element{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-89ebd7c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-25a0434 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-c94e47a{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-8d1eb5d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-38acfd0{font-size:22px;line-height:1em;--container-widget-width:74%;--container-widget-flex-grow:0;width:var( --container-widget-width, 74% );max-width:74%;}.elementor-4081 .elementor-element.elementor-element-38acfd0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 30px;}.elementor-4081 .elementor-element.elementor-element-cc64454{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-9cd96a7 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 30px;}.elementor-4081 .elementor-element.elementor-element-9cd96a7.elementor-element{--align-self:flex-start;}.elementor-4081 .elementor-element.elementor-element-0f6ee2b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-633dc38{column-gap:0px;font-size:22px;line-height:1em;}.elementor-4081 .elementor-element.elementor-element-633dc38 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-899383c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-c791e57 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-5fa364e > .elementor-widget-container{margin:-30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-df267d6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-9c81d04{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-ed8e22e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-78a9ff3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-5f60e33{text-align:center;font-size:23px;line-height:1em;--container-widget-width:74%;--container-widget-flex-grow:0;width:var( --container-widget-width, 74% );max-width:74%;}.elementor-4081 .elementor-element.elementor-element-5f60e33 p{margin-block-end:50px;}.elementor-4081 .elementor-element.elementor-element-5f60e33 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-5f60e33.elementor-element{--align-self:center;}.elementor-4081 .elementor-element.elementor-element-dfec396{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-dfec396.e-con{--align-self:flex-start;}.elementor-4081 .elementor-element.elementor-element-81ec76c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 30px 0px;}.elementor-4081 .elementor-element.elementor-element-f3a7400{--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-0babdfc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-eeb7213 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-e735908{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-346e518{--min-height:250px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4081 .elementor-element.elementor-element-1ef9762 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-a5bb164{font-size:12px;--container-widget-width:86%;--container-widget-flex-grow:0;width:var( --container-widget-width, 86% );max-width:86%;}.elementor-4081 .elementor-element.elementor-element-a5bb164 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4081 .elementor-element.elementor-element-f346d23{font-size:15px;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-4081 .elementor-element.elementor-element-f346d23 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-4081{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-4081 .elementor-element.elementor-element-f748501{--width:100%;}.elementor-4081 .elementor-element.elementor-element-f83976c{--width:100%;}.elementor-4081 .elementor-element.elementor-element-42b6958{--width:100%;}.elementor-4081 .elementor-element.elementor-element-7b48123{--width:42%;}.elementor-4081 .elementor-element.elementor-element-89ebd7c{--width:56%;}.elementor-4081 .elementor-element.elementor-element-8d1eb5d{--width:50%;}.elementor-4081 .elementor-element.elementor-element-cc64454{--width:50%;}.elementor-4081 .elementor-element.elementor-element-0f6ee2b{--width:50%;}.elementor-4081 .elementor-element.elementor-element-899383c{--width:50%;}.elementor-4081 .elementor-element.elementor-element-78a9ff3{--width:52%;}.elementor-4081 .elementor-element.elementor-element-dfec396{--width:72%;}.elementor-4081 .elementor-element.elementor-element-346e518{--width:84%;}}/* Start custom CSS for html, class: .elementor-element-b6dd9a4 */.office-list {
position: relative;
overflow: hidden;
z-index: 2;
bottom: 70px;
width: 100%;
font-family: 'Montserrat', sans-serif;
--office-border-x: 0px;
--office-border-w: 0px;
}
.office-list-track {
display: flex;
align-items: center;
gap: 24px;
width: max-content;
animation: officeDesktopMarquee 28s linear infinite;
will-change: transform;
}
.office-list-item {
position: relative;
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 0;
color: rgba(255, 255, 255, 0.7);
line-height: normal;
font-size: 1.8em;
white-space: nowrap;
text-decoration: none;
border: 1px solid transparent;
border-radius: 50px;
padding: 5px 26px 5px 10px;
/*transition: color 250ms ease, gap 250ms ease, border-color 250ms ease;*/
transition:
color 320ms ease,
gap 320ms ease,
border-color 320ms ease,
background-color 320ms ease,
box-shadow 320ms ease;
user-select: none;
cursor: pointer;
box-sizing: border-box;
}
.office-list-item:focus,
.office-list-item:active,
.office-list-item:hover {
color: rgba(255, 255, 255, 0.7);
outline: none;
}
.office-list-item .office-list-icon {
display: none;
width: 26px;
height: 26px;
flex: 0 0 26px;
opacity: 0.9;
}
.office-list-item.is-active {
color: rgba(255, 255, 255, 1);
gap: 12px;
border-color: rgba(255, 255, 255, 1);
background: rgba(255, 255, 255, 0.025);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.office-list-item.is-active .office-list-icon {
display: inline-flex;
align-items: center;
}
.office-list-item:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.8);
outline-offset: 3px;
}
@keyframes officeDesktopMarquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@media (prefers-reduced-motion: reduce) {
.office-list-item {
transition: none;
}
.office-list-track {
animation: none;
}
}
@media (min-width: 1024px) and (max-width: 1400px) {
.office-list {
bottom: 20px;
}
.office-list-track {
gap: 18px;
}
.office-list-item {
font-size: 1.2em;
padding: 5px 20px 5px 10px;
}
}
/*officelist*/
.custom-slider-container {
position: relative;
width: 100%;
max-width: 1920px;
height: 930px;
overflow: hidden;
margin: 0 auto;
font-family: 'Montserrat';
}
.custom-slider-track {
display: flex;
width: 100%;
height: 100%;
transition: transform 0.6s ease;
}
.custom-slide {
flex: 0 0 100%;
position: relative;
background-size: cover;
background-position: center;
}
.custom-slide::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 300px;
background: linear-gradient(to top, rgba(0, 0, 0, 1), transparent);
z-index: 1;
pointer-events: none;
}
.style-1 {
background-image: url('https://mpravo24.ru/wp-content/uploads/new_main_slide1.avif');
background-image: image-set(
url('https://mpravo24.ru/wp-content/uploads/new_main_slide1.avif') type('image/avif'),
url('https://mpravo24.ru/wp-content/uploads/new_main_slide1.webp') type('image/webp'),
url('https://mpravo24.ru/wp-content/uploads/new_main_slide1.jpg') type('image/jpg')
);
}
.style-2 {
background-image: url('https://mpravo24.ru/wp-content/uploads/style2_back3.jpg');
background-image: image-set(
url('https://mpravo24.ru/wp-content/uploads/style2_back3.avif') type('image/avif'),
url('https://mpravo24.ru/wp-content/uploads/style2_back3.webp') type('image/webp'),
url('https://mpravo24.ru/wp-content/uploads/style2_back3.jpg') type('image/jpg')
);
}
.style-3 {
background-image: url('https://mpravo24.ru/wp-content/uploads/black_friday_slider.png');
}
/* Контент слайдов */
.custom-slide-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 60px 0 130px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
z-index: 2;
}
@media(min-width: 1024px) and (max-width:1400px) {
.custom-slide-content {
padding: 60px 0 80px;
}
}
.custom-text-block {
display: flex;
flex-direction: column;
align-items: center;
}
.custom-title {
text-align: center;
font-size: 62px;
margin-top: 50px;
margin-bottom: 0;
line-height: 1.06;
font-weight: bold;
width: 1200px;
color: #fff;
cursor: default;
opacity: 0;
animation: slideInTitle 2s forwards;
}
.style-2 .custom-title {
color: #0c6781;
line-height: 1;
}
.custom-subtitle {
font-size: 32px;
text-align: center;
margin-bottom: 0;
color: #fff;
line-height: 1;
opacity: 0.71;
cursor: default;
opacity: 0;
animation: slideInSubtitle 2.5s forwards;
}
.style-2 .custom-subtitle {
color: #00000041 !important;
}
@keyframes slideInTitle {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideInSubtitle {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* Кнопки в слайдере */
.custom-button-wrapped {
position: relative;
display: flex;
justify-content: center;
animation: pulse 2s infinite;
gap: 30px;
opacity: 1;
transform: translateY(0);
transition: all 0.4s ease;
}
/* Скрытые кнопки в слайдере */
.custom-button-wrapped.hidden {
opacity: 0;
transform: translateY(20px);
pointer-events: none;
}
.style-2 .custom-button-wrapped {
gap: 30px;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.06);
}
100% {
transform: scale(1);
}
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-button,
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-button-ref {
align-items: center;
text-align: center;
width: 750px;
height: 68px;
display: inline-block;
padding: 5px 0;
background-color: #0c6781;
color: #fff;
font-size: 35px;
font-weight: bold;
text-decoration: none;
border-radius: 50px;
transition: all 0.3s ease;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-button-ref {
background-color: #6faaae;
width: 660px;
}
.custom-button:hover,
.custom-button-ref:hover {
color: #fff;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(12, 103, 129, 0.3);
}
.custom-button:focus,
.custom-button-ref:focus,
.custom-button:active,
.custom-button-ref:active{
outline: none;
color: #fff;
}
/* Изображения в слайдах */
.custom-car-image {
position: absolute;
top: 25%;
left: 0;
width: 1920px;
height: 829px;
z-index: 0;
transition: transform 0.6s ease;
}
/* Навигация слайдера */
.custom-slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.9);
width: 48px;
height: 48px;
border-radius: 50%;
font-size: 24px;
line-height: 48px;
text-align: center;
cursor: pointer;
font-weight: bold;
z-index: 10;
transition: all 0.3s ease;
}
.custom-slider-arrow:hover {
background: rgba(255, 255, 255, 1);
transform: translateY(-50%) scale(1.1);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.custom-slider-arrow.left {
left: 20px;
}
.custom-slider-arrow.right {
right: 20px;
}
.custom-slider-dots {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
z-index: 5;
}
.custom-slider-dots .dot {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 5px;
background: rgba(255, 255, 255, 0.5);
border-radius: 50%;
cursor: pointer;
transition: all 0.3s ease;
}
.custom-slider-dots .dot.active {
background: #ffffff;
}
/* Sticky кнопки */
.sticky-buttons-container {
position: fixed !important;
bottom: 20px !important;
left: 50% !important;
transform: translateX(-50%) translateY(120px) !important;
z-index: 10000 !important;
opacity: 0;
visibility: hidden;
transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
font-family: 'Montserrat';
}
/* Анимация появления sticky-кнопок */
.sticky-buttons-container.show {
transform: translateX(-50%) translateY(0) !important;
opacity: 1;
visibility: visible;
}
.sticky-buttons-container .custom-button-wrapped {
position: relative !important;
display: flex !important;
justify-content: center !important;
animation: none !important;
gap: 15px !important;
transition: all 0.4s ease !important;
transform: translateY(20px);
opacity: 0;
}
/* Анимация кнопок при появлении sticky-контейнера */
.sticky-buttons-container.show .custom-button-wrapped {
transform: translateY(0);
opacity: 1;
transition-delay: 0.2s;
animation: stickyPulse 3s infinite 0.8s !important;
}
.sticky-buttons-container .custom-button,
.sticky-buttons-container .custom-button-ref {
width: 375px !important; /* В 2 раза меньше */
height: 46px !important;
font-size: 18px !important; /* В 2 раза меньше */
padding: 8px 0 !important;
transition: all 0.3s ease !important;
box-shadow: 0 4px 20px rgba(12, 103, 129, 0.3);
}
.sticky-buttons-container .custom-button-ref {
width: 330px !important; /* В 2 раза меньше */
box-shadow: 0 4px 20px rgba(111, 170, 174, 0.3);
}
/* Hover эффекты для sticky-кнопок */
.sticky-buttons-container .custom-button:hover,
.sticky-buttons-container .custom-button-ref:hover {
transform: translateY(-3px) !important;
box-shadow: 0 8px 30px rgba(12, 103, 129, 0.4) !important;
}
.sticky-buttons-container .custom-button-ref:hover {
box-shadow: 0 8px 30px rgba(111, 170, 174, 0.4) !important;
}
@keyframes stickyPulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.02);
}
100% {
transform: scale(1);
}
}
/* Анимация появления кнопок по очереди */
.sticky-buttons-container.show .custom-button {
animation-delay: 0.1s;
}
.sticky-buttons-container.show .custom-button-ref {
animation-delay: 0.2s;
}
/* Адаптивность для средних экранов */
@media (max-width: 1600px) and (min-width: 1401px) {
.custom-slider-container {
height: 46vw;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-button,
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-button-ref {
width: 600px;
height: 50px;
font-size: 26px;
padding: 5px 0;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-button-ref {
width: 520px;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-title {
font-size: 54px;
margin-top: 30px;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-subtitle {
font-size: 29px;
}
/* Кнопки в слайдере */
.custom-button-wrapped {
gap: 20px;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .style-2 .custom-title {
font-size: 54px;
width: 800px;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-car-image {
top: 25%;
width: 100%;
height: 560px;
}
/* Sticky кнопки для среднего разрешения */
.sticky-buttons-container .custom-button,
.sticky-buttons-container .custom-button-ref {
width: 340px !important; /* В 2 раза меньше от 600px */
font-size: 16px !important;
box-shadow: 0 3px 15px rgba(12, 103, 129, 0.3) !important;
height: 38px !important;
padding: 6px 0 !important;
}
.sticky-buttons-container .custom-button-ref {
width: 300px !important;
box-shadow: 0 3px 15px rgba(111, 170, 174, 0.3) !important;
}
}
@media (max-width: 1400px) and (min-width: 600px) {
.custom-slider-container {
height: 46vw;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-button,
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-button-ref {
width: 500px;
height: 46px;
font-size: 23px;
padding: 5px 0;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-button-ref {
width: 440px;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-title {
font-size: 50px;
margin-top: 6px;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-subtitle {
font-size: 28px;
}
/* Кнопки в слайдере */
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-button-wrapped {
gap: 20px;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .style-2 .custom-title {
font-size: 52px;
width: 800px;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .style-2 .custom-subtitle {
font-size: 29px;
}
.elementor-4081 .elementor-element.elementor-element-b6dd9a4 .custom-car-image {
top: 25%;
width: 100%;
height: 520px;
}
/* Sticky кнопки для малого разрешения */
.sticky-buttons-container .custom-button,
.sticky-buttons-container .custom-button-ref {
width: 300px !important; /* В 2 раза меньше от 500px */
font-size: 14px !important;
box-shadow: 0 2px 12px rgba(12, 103, 129, 0.3) !important;
padding: 5px 0 !important;
height: 32px !important;
}
.sticky-buttons-container .custom-button-ref {
width: 260px !important;
box-shadow: 0 2px 12px rgba(111, 170, 174, 0.3) !important;
}
}
@media (max-width: 600px) {
.custom-slider-container {
display: none;
}
/* Скрываем sticky-кнопки на мобильных */
.sticky-buttons-container {
display: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-437c513 */a:focus, a:hover, a:active {
color: var(--text-dim);
}
.office-list-mobile {
--text-dim: rgba(255, 255, 255, 0.7);
--text-active: rgba(255, 255, 255, 1);
--border: rgba(255, 255, 255, 1);
/*top: 480px;*/
position: relative;
width: 100%;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
z-index: 2;
}
/* gradient fade on edges */
/*.office-list-mobile::before,*/
/*.office-list-mobile::after {*/
/* content: "";*/
/* position: absolute;*/
/* top: 0;*/
/* bottom: 0;*/
/* width: 36px;*/
/* z-index: 2;*/
/* pointer-events: none;*/
/*}*/
/*.office-list-mobile::before {*/
/* left: 0;*/
/* background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0));*/
/*}*/
/*.office-list-mobile::after {*/
/* right: 0;*/
/* background: linear-gradient(to left, rgba(0,0,0,0.6), rgba(0,0,0,0));*/
/*}*/
.office-list-mobile-track {
display: inline-flex;
align-items: center;
gap: 14px;
white-space: nowrap;
padding: 8px 0;
/* движение строки */
animation: officeMarquee 12s linear infinite;
will-change: transform;
}
/* Дублируем контент два раза, чтобы прокрутка была бесшовной */
@keyframes officeMarquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
.office-city {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 18px;
line-height: 1;
color: var(--text-dim);
text-decoration: none;
border: 1px solid transparent;
border-radius: 999px;
padding: 5px 10px;
transition: color 150ms ease, border-color 150ms ease;
background-color: var(--back-dim);
backdrop-filter: none;
}
.office-city .office-city-icon {
display: none;
width: 22px;
height: 22px;
}
.office-city.is-active {
color: var(--text-active);
border-color: var(--border);
}
.office-city.is-active .office-city-icon {
display: inline-flex;
align-items: center;
}
/* пауза при удержании пальцем/наведении */
.office-list-mobile:active .office-list-mobile-track,
.office-list-mobile:hover .office-list-mobile-track {
animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
.office-list-mobile-track {
animation: none;
overflow-x: auto;
display: flex;
padding: 8px 10px;
gap: 10px;
scroll-snap-type: x mandatory;
}
.office-city {
scroll-snap-align: start;off
}
.office-list-mobile::before,
.office-list-mobile::after {
display: none;
}
}
:root {
/* базовые смещения как доля видимой высоты */
--ticker-from-top: 0.52; /* 52% от видимой высоты */
--fab-from-bottom: 0.18; /* 18% от видимой высоты */
/* фоллбек, если JS не успел: опираемся на dvh/svh */
--vh: 1dvh;
}
/* Применяем */
.office-list-mobile {
position: relative;
top: calc(var(--vh) * (var(--ticker-from-top) * 110));
}
.mobile-fixed-buttons {
position: fixed;
bottom: calc(var(--vh) * (var(--fab-from-bottom) * 110) + env(safe-area-inset-bottom));
}
/* Основные стили мобильного слайдера */
.mobile-slider-container {
position: relative;
width: 100%;
height: 68vh;
overflow: hidden;
background-image: url('https://mpravo24.ru/wp-content/uploads/mobile_back.webp');
background-size: cover;
background-position: center;
font-family: 'Montserrat', sans-serif;
}
.mobile-slide {
width: 100%;
height: 100%;
position: relative;
}
.mobile-slide::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
z-index: 1;
pointer-events: none;
}
.mobile-slide-content {
position: absolute;
top: 70px;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
z-index: 2;
}
.mobile-text-block {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.mobile-title {
font-size: 24px;
margin-bottom: 5px;
line-height: 1.06;
font-weight: bold;
color: #0c6781;
cursor: default;
width: 100%;
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease;
}
.mobile-title.animate-in {
opacity: 1;
transform: translateY(0);
}
.mobile-subtitle {
font-size: 17px;
text-align: center;
margin-bottom: 0;
color: #00000041 !important;
line-height: 1;
font-weight: 500 !important;
cursor: default;
max-width: 80%;
opacity: 0;
transform: translateY(20px);
transition: all 0.8s ease;
}
.mobile-subtitle.animate-in {
opacity: 1;
transform: translateY(0);
}
/* Мобильные фиксированные кнопки */
.mobile-fixed-buttons {
position: fixed;
/*bottom: 140px;*/
left: 50%;
transform: translateX(-50%);
z-index: 10001;
display: flex;
flex-direction: column;
gap: 12px;
transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: slideInFromBottom 0.8s ease-out;
}
@keyframes slideInFromBottom {
from {
transform: translateX(-50%) translateY(100%);
opacity: 0;
}
to {
transform: translateX(-50%) translateY(0);
opacity: 1;
}
}
.mobile-fixed-buttons.collapsed {
left: auto;
right: 15px;
transform: translateX(0);
gap: 8px;
}
.mobile-button-item {
display: flex;
align-items: center;
background: #0c6781;
border-radius: 22px;
padding: 0 18px;
width: auto;
height: 40px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
overflow: hidden;
white-space: nowrap;
cursor: pointer;
justify-content: center;
backdrop-filter: blur(10px);
}
.mobile-button-item:nth-child(2) {
background: #6faaae;
}
.mobile-button-item:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35);
}
.mobile-button-item:active {
transform: translateY(-1px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.mobile-arrow {
width: 0;
height: 0;
padding: 0;
border-radius: 50%;
margin-right: 0;
flex-shrink: 0;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
filter: brightness(1.3);
opacity: 0;
transform: scale(0) rotate(90deg);
overflow: hidden;
cursor: pointer;
}
.mobile-arrow:hover {
transform: scale(1.1) rotate(360deg);
filter: brightness(1.5);
}
.mobile-button {
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: bold;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
text-align: center;
opacity: 1;
transform: scale(1);
display: block;
line-height: 1.2;
margin-left: 0;
width: auto;
overflow: visible;
}
.mobile-button:link,
.mobile-button:visited,
.mobile-button:hover,
.mobile-button:active {
color: #fff !important;
text-decoration: none;
}
/* Состояния мобильных кнопок - развернутые */
.mobile-fixed-buttons:not(.collapsed) .mobile-button-item {
padding: 0 18px;
width: auto;
height: 40px;
border-radius: 22px;
justify-content: center;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-delay: 0.2s;
}
.mobile-fixed-buttons:not(.collapsed) .mobile-arrow {
opacity: 0;
transform: scale(0) rotate(-90deg);
width: 0;
height: 0;
padding: 0;
margin-right: 0;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-delay: 0s;
}
.mobile-fixed-buttons:not(.collapsed) .mobile-button {
opacity: 1;
transform: scale(1);
width: auto;
margin-left: 0;
overflow: visible;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-delay: 0.4s;
}
/* Состояния мобильных кнопок - свернутые */
.mobile-fixed-buttons.collapsed .mobile-button-item {
padding: 8px;
width: 40px;
height: 40px;
border-radius: 50%;
justify-content: center;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-delay: 0.2s;
}
.mobile-fixed-buttons.collapsed .mobile-arrow {
opacity: 1;
transform: scale(1) rotate(180deg);
width: 24px;
height: 24px;
padding: 4px;
margin-right: 0;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-delay: 0.3s;
}
.mobile-fixed-buttons.collapsed .mobile-button {
opacity: 0;
transform: scale(0);
width: 0;
margin-left: 0;
overflow: hidden;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-delay: 0s;
}
.mobile-fixed-buttons.collapsed .mobile-button-item:hover {
transform: translateY(-3px) scale(1.08);
}
/* Индикатор свайпа (опционально) */
.swipe-indicator {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
color: rgba(255, 255, 255, 0.7);
font-size: 12px;
z-index: 3;
opacity: 0;
animation: fadeInOut 3s ease-in-out infinite;
}
@keyframes fadeInOut {
0%, 100% { opacity: 0; }
50% { opacity: 1; }
}
/* Скрытие на больших экранах */
@media (min-width: 769px) {
.mobile-slider-container {
display: none;
}
}
/* Альбомная ориентация на мобильных */
@media (max-width: 768px) and (orientation: landscape) {
.mobile-slider-container {
height: 100vh;
}
.mobile-slide-content {
padding: 30px 20px 60px;
}
.mobile-title {
font-size: 20px;
margin-bottom: 10px;
}
.mobile-subtitle {
font-size: 14px;
}
.mobile-fixed-buttons {
bottom: 20px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af62869 */.mobile-subtitle-form {
display: none
}
.quiz-section {
display: flex;
width: 100%;
height: 862px;
position: relative;
font-family: 'Montserrat';
margin-left: 0;
background-color: #fff;
}
.quiz-left {
width: 60%;
padding: 80px 0 0 250px;
background-color: #fff;
display: flex;
flex-direction: column;
z-index: 1;
margin-left: 0;
cursor: default;
}
.quiz-right {
width: 70%;
background: none;
background-position: center;
color: #fff;
position: absolute;
right: 0px;
top: 0;
bottom: 0;
border-radius: 40px 0 0 40px !important;
display: flex;
flex-direction: column;
justify-content: flex-end;
z-index: 2;
box-shadow: 4px 10px 30px 20px rgba(0, 0, 0, 0.3);
cursor: default;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-title {
font-size: 82px;
opacity: 0.22;
color: #0c6781;
line-height: 1.06;
font-weight: bold;
margin-bottom: 10px;
margin-left: -5px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-subtitle {
width: 460px;
font-size: 38px;
font-weight: bold;
line-height: 1.06;
color: #0c6781;
margin-bottom: 40px;
}
.quiz-form input {
width: 536px;
height: 48px;
margin-bottom: 15px;
border-radius: 55px;
border: none;
background: #d9d9d975;
padding-left: 30px;
font-size: 21px;
}
.quiz-form input:focus, .quiz-form input:active, .quiz-form input:-webkit-autofill {
border: none !important;
outline: none !important;
transition: background-color 5000s ease-in-out 0s;
}
.quiz-form button {
width: 484px;
height: 48px;
border-radius: 55px;
border: none;
font-size: 22px;
font-weight: bold;
cursor: pointer;
margin-bottom: 10px;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-pointer {
width: 48px;
height: 48px;
background-color: #0c6781;
border-radius: 50px;
padding: 8px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-pointer-secondary {
width: 48px;
height: 48px;
background-color: #535353 !important;
border-radius: 50px;
padding: 8px;
}
.btn-wrapper, .btn-wrapper-secondary {
display: flex;
}
.quiz-form button[type="submit"] {
background: #0c6781;
color: #fff;
}
.quiz-form .quiz-secondary {
background: #535353 !important;
color: #fff;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-questions {
margin-top: 30px;
text-align: left;
max-width: 540px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-questions img {
animation: pulsePointer 1.2s infinite;
height: 24px;
margin-right: 8px;
vertical-align: baseline;
position: relative;
top: 38px;
right: 45px;
}
@keyframes pulsePointer {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.quiz-question-btn {
width: 540px;
height: 27px;
border: none;
box-shadow: none;
padding: 0;
color: #000;
background: transparent;
font-size: 29px;
cursor: pointer;
transition: all 0.3s ease;
text-align: left;
line-height: 1.5;
}
.quiz-question-btn:hover, .quiz-question-btn:active, .quiz-question-btn:focus{
color: #0c6781
}
.quiz-video-container video {
width: 100%;
border-radius: 10px;
pointer-events: none;
filter: grayscale(1) brightness(0.6);
transition: filter 0.3s, pointer-events 0.3s
}
.quiz-video-container.active video {
pointer-events: auto;
filter: none
}
.quiz-text {
margin-top: 20px
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-rounded-title {
max-width: 520px;
background: #0c6781;
padding: 8px;
margin: 0 auto;
border-radius: 46px;
font-size: 28px;
color: #fff;
line-height: 1.06;
font-weight: bold;
margin-bottom: 30px;
text-align: center
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-video-description {
font-size: 25px;
line-height: 1.06
}
#quiz-preview {
position: absolute;
inset: 0;
z-index: 4; /* поверх видео (видео z-index 0) */
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 0 0 50px 50px;
background: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.35)); /* лёгкий градиент для читаемости */
pointer-events: auto; /* кнопки слева остаются кликабельными (вопросы в левой секции) */
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-preview-icon {
width: 36px;
height: 48px;
margin-left: 13px;
}
.quiz-cities {
list-style: none;
font-size: 36px;
line-height: 1.12;
font-weight: bold;
margin-top: 10px !important;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-video-container {
max-width: 700px;
padding: 0 0 50px 50px;
}
.quiz-modal {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
/* Тёмный фон */
.quiz-modal-overlay {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.7);
}
/* Контент (делаем фон прозрачным чтобы был виден только видео-блок) */
.quiz-modal-content {
position: relative;
z-index: 2;
width: 100%;
max-width: 100%;
padding: 0;
margin: 0 6px;
border-radius: 12px;
background: transparent;
box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}
/* Close */
.quiz-modal-close {
position: absolute;
right: 10px;
top: 30px;
background: transparent;
border: none;
color: #fff;
font-size: 28px;
line-height: 1;
z-index: 6;
cursor: pointer;
}
/* Кнопки навигации (мобайл) */
.quiz-modal-next, .quiz-modal-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(12,103,129,.9);
border: none;
color: #fff;
font-size: 24px;
width: 46px;
height: 46px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 14px rgba(0,0,0,.35);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
transition: opacity .35s,transform .35s,background .25s;
opacity: 0;
pointer-events: none;
z-index: 6;
}
.quiz-modal-next {
right: 8px;
}
.quiz-modal-prev {
left: 8px;
}
.quiz-modal-next.visible, .quiz-modal-prev.visible {
opacity: 1;
pointer-events: auto;
}
.quiz-modal-next:hover, .quiz-modal-prev:hover {
background: #0c6781;
color: #fff;
}
.quiz-modal-next:focus, .quiz-modal-prev:focus {
color: #fff;
}
.quiz-modal-next:active, .quiz-modal-prev:active {
transform: translateY(-50%) scale(.9);
color: #fff;
}
/* Видео-обёртка: фиксированное соотношение 16:9 (горизонтальная/landscape) */
.quiz-video-wrapper {
position: relative;
width: 96vw;
max-width: 920px; /* при необходимости изменить */
height: calc(90vw * 16 / 9); /* высота под 16:9 */
max-height: 90vh;
overflow: visible;
border-radius: 12px;
margin: 0 auto;
}
/* Видео растягивается и обрезается по краям (как телефонная горизонтальная съемка) */
#quiz-modal-video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover; /* заполнение по центру, обрезает края при необходимости */
background: transparent;
display: block;
border-radius: 20px;
}
/* Титул поверх видео, снизу */
.quiz-modal-title-overlay {
position: absolute;
left: 12px;
right: 12px;
top: 40px;
padding: 8px 12px;
background: #0c6781;
color: #fff;
font-weight: 600;
text-align: center;
border-radius: 10px;
z-index: 5;
line-height: 1.1;
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.no-scroll { overflow: hidden !important; }
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-right {
position: relative;
overflow: hidden;
border-radius: 40px 0 0 40px;
}
#quiz-video-container {
position: absolute;
inset: 0;
max-width: none;
padding: 0 !important;
display: block;
z-index: 2;
background: none;
}
#quiz-video-container video {
position: absolute;
inset: 0;
width: 100%;
height: 130%;
object-fit: cover;
border-radius: 40px 0 0 40px; /* повторяем форму правого блока */
filter: grayscale(0) brightness(0.8);
pointer-events: none;
z-index: 2;
}
/* затемняющий оверлей для читаемости текста */
/* текстовый блок поверх видео */
#quiz-text-block {
position: absolute;
left: 30px;
right: 30px;
bottom: 28px;
z-index: 2;
margin-top: 0;
}
#quiz-video-title {
z-index: 5; /* поверх видео, подальше чем preview (preview скрывается при клике) */
}
/* При активном состоянии убираем серый фильтр, включаем интерактив при необходимости */
.quiz-video-container.active video {
filter: grayscale(0) brightness(0.9);
pointer-events: none;
}
@keyframes spin {
0% { transform: translateY(-50%) rotate(0deg); }
100% { transform: translateY(-50%) rotate(360deg); }
}
#cp_status {
margin-top: 0;
text-align: center;
font-size: 14px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .consent-checkbox {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
cursor: pointer;
font-size: 16px;
line-height: 1.4;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .consent-checkbox input[type="checkbox"] {
width: 16px;
height: 16px;
margin-right: 10px;
margin-top: 2px;
margin-bottom: 0;
margin-left: 10px;
cursor: pointer;
accent-color: #0c6781;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .consent-label-text {
color: #00000050;
font-size: 15px;
line-height: 1.4;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .consent-label-text a {
color: #00000050;
text-decoration: underline !important;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .consent-label-text a:hover {
color: #00000080;
text-decoration: none;
}
@media (max-width: 1400px) and (min-width: 767px) {
.quiz-section {
width: 100%;
height: 600px;
background-color: #fff;
margin: 0 !important;
}
.quiz-left {
padding: 20px 0 0 0 !important;
margin-left: 100px !important;
border-radius: 40px 0 0 40px;
scale: .9;
}
.quiz-right {
background-size: cover;
position: absolute;
right: 0;
top: 0;
bottom: 0;
border-radius: 40px 0 0 40px;
box-shadow: 2px 5px 20px 10px rgba(0, 0, 0, 0.3)
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-title {
font-size: 62px;
opacity: 0.22;
margin-bottom: 10px
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-subtitle {
width: 447px;
font-size: 28px;
margin-bottom: 40px
}
.quiz-form input {
width: 416px;
height: 47px;
margin-bottom: 15px;
border-radius: 55px;
padding-left: 30px;
font-size: 17px
}
.quiz-form button {
width: 377px;
height: 39px;
border-radius: 55px;
font-size: 17px;
margin-bottom: 10px;
padding: 0;
}
.quiz-form button img {
width: 38px;
height: 38px
}
.quiz-form .quiz-secondary {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3)
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-questions {
margin-top: 0;
}
.quiz-question-btn {
width: 377px;
height: 30px;
font-size: 22px;
line-height: 1;
}
.quiz-text {
margin-top: 20px
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-rounded-title {
max-width: 336px;
padding: 8px 12px 8px 12px;
border-radius: 46px;
font-size: 18px;
margin-bottom: 12px
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-video-description {
font-size: 17px;
}
.quiz-preview {
padding: 0 0 50px 50px;
}
.quiz-preview-icon {
width: 38px;
height: 38px;
margin-left: 10px;
}
.quiz-cities {
font-size: 28.37px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-pointer {
width: 38px;
height: 38px;
border-radius: 50px;
padding: 8px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-pointer-secondary {
width: 38px;
height: 38px;
border-radius: 50px;
padding: 8px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-video-container {
max-width: 493px;
padding: 0 0 50px 50px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .consent-checkbox {
margin-bottom: 20px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .consent-checkbox input[type="checkbox"] {
width: 14px;
height: 14px;
margin-top: 3px;
margin-left: 10px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .consent-label-text {
font-size: 12px;
line-height: 1.6;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-questions img {
top: 26px;
right: 45px;
}
}
@media(max-width: 600px) {
.quiz-form {
display: flex;
flex-direction: column;
align-items: center;
}
.quiz-section {
width: 100%;
height: 400px;
justify-content: center;
margin-left: 0;
background-color: transparent;
}
.quiz-left {
position: absolute;
top: 270px;
width: 92vw;
height: auto;
padding: 30px;
border-radius: 20px;
margin: 0;
align-items: center;
}
.quiz-right {
display:none;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-title {
font-size: 34px;
margin-bottom: 10px;
cursor: default;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-subtitle {
display: none;
}
.mobile-subtitle-form {
display: block;
width: 100%;
font-size: 15px;
margin-bottom: 20px;
cursor: default;
text-align: center;
color: #0c6781;
font-weight: bold;
line-height: 1;
}
.quiz-form input {
font-family: 'Montserrat';
width: 290px;
height: 33px;
margin-bottom: 10px;
padding-left: 20px;
font-size: 13px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .consent-checkbox {
margin-bottom: 0;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .consent-checkbox input[type="checkbox"] {
margin-right: 0;
width: 14px;
height: auto;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .consent-label-text {
font-size: 11px;
line-height: 1.2;
text-align: center;
width: 210px;
}
.quiz-form button {
width: 262px;
height: 32px;
font-size: 12px;
margin-bottom: 0;
margin-top: 10px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-pointer, .elementor-4081 .elementor-element.elementor-element-af62869 .quiz-pointer-secondary {
width: 32px;
height: 32px;
background-color: #0c6781;
border-radius: 50px;
padding: 5px;
margin-top: 10px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-pointer-secondary {
background-color: #535353;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-questions {
text-align: center;
max-width: 100%;
height: auto;
margin-top: 12px;
}
.quiz-question-btn {
width: 240px;
height: auto;
font-size: 14px;
text-align: center;
text-decoration: underline solid #0c6781;
line-height: 1;
}
.quiz-video-container video {
width: 100%;
border-radius: 15px;
}
.quiz-text {
margin-top: 10px
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-rounded-title {
max-width: 320px;
padding: 5px;
font-size: 28px;
margin-bottom: 12px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-video-container {
max-width: 414px;
padding: 0 0 20px 20px
}
.quiz-video-container video {
display: none;
}
.quiz-preview {
display: none;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-questions img {
animation: pulsePointer 1.2s infinite;
height: 16px;
vertical-align: baseline;
position: relative;
top: 18px;
right: -10px;
}
}
@media(max-width: 1600px) and (min-width: 1401px) {
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-section {
width: 100%;
height: 730px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-questions {
margin-top: 10px;
line-height: 1;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-title {
font-size: 80px;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-subtitle {
font-size: 36px;
}
.quiz-left {
padding: 30px 0 0 0;
margin-left: 140px;
}
.quiz-right {
background-size: cover;
}
.elementor-4081 .elementor-element.elementor-element-af62869 .quiz-questions img {
top: 36px;
right: 45px;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-66e3b7a */@media (min-width: 1601px) {
.elementor-4081 .elementor-element.elementor-element-66e3b7a .elementor-heading-title {
font-size: 48px;
width: 756px;
cursor: default;
}
}
@media (max-width: 1400px) and (min-width: 601px){
.elementor-4081 .elementor-element.elementor-element-66e3b7a .elementor-heading-title {
font-size: 30px;
width: 470px;
}
}
@media (max-width: 1535px) and (min-width: 1401px){
.elementor-4081 .elementor-element.elementor-element-66e3b7a .elementor-heading-title {
font-size: 32px;
width: 500px;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-54ccd59 */@media (min-width: 1601px) {
#post-4081 > div > div > div.elementor-element.elementor-element-fc45b7f.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-7b48123.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-54ccd59.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor > div {
font-size: 22px;
width: 600px;
line-height: 1.06;
cursor: default;
}
}
@media (max-width: 1400px) and (min-width: 601px) {
#post-4081 > div > div > div.elementor-element.elementor-element-fc45b7f.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-7b48123.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-54ccd59.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor > div {
width: 500px;
}
}
@media (min-width: 1601px) {
.elementor-4081 .elementor-element.elementor-element-54ccd59 {
font-size: 22px;
width: 600px;
line-height: 1.06;
cursor: default;
}
}
@media (max-width: 1400px) and (min-width: 601px) {
.elementor-4081 .elementor-element.elementor-element-54ccd59 {
width: 500px;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1a44c4d */@media (min-width: 1601px) {
.elementor-4081 .elementor-element.elementor-element-1a44c4d .elementor-heading-title {
font-size: 43px;
padding-top: 45px;
cursor: default;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a697e7 */.photo-card-wrapper {
display: flex;
justify-content: center;
width: 670px;
height: 336px;
perspective: 1200px;
transform-style: preserve-3d;
opacity: 0;
will-change: transform, opacity; /* подсказка браузеру для плавности */
}
.photo-card {
width: 100%;
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0,0,0,0.25);
backface-visibility: hidden;
}
.fly-top-left-flip {
transform: translate(-150px, -150px) rotate(-20deg) rotateY(80deg) scale(0.8);
transition: opacity 1.4s ease-out, transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.fly-top-left-flip.animate {
opacity: 1;
transform: translate(0,0) rotate(0) rotateY(0) scale(1);
transition-delay: 0.5s;
}
@media (max-width: 600px) {
.photo-card-wrapper {
width: 292px;
height: 152px;
padding-top: 10px;
}
}
@media (max-width: 1400px) and (min-width: 601px) {
.photo-card-wrapper {
width: 489px;
height: 238px;
}
}
@media (max-width: 1535px) and (min-width: 1401px) {
.photo-card-wrapper {
width: 489px;
height: 230px;
}
}
@media (max-width: 1600px) and (min-width: 1536px) {
.photo-card-wrapper {
width: 540px;
height: 290px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25a0434 *//* =========================
СТИЛИ КВИЗА (ваши исходные, слегка исправлены)
========================= */
#quiz-container {
width: 766px;
height: 766px;
margin: 0 auto;
font-family: 'Montserrat';
background: linear-gradient(110deg, rgba(111, 170, 174, 1) 0%, rgba(12, 103, 129, 1) 100%);
border-radius: 30px;
padding: 20px 20px 20px 20px;
box-sizing: border-box;
position: relative;
}
.quiz-slide {
display: none;
animation: fade 0.3s ease-in-out;
}
.quiz-slide.active {
display: block;
}
@keyframes fade {
from {opacity: 0;}
to {opacity: 1;}
}
.question {
text-align: center;
font-size: 46px;
margin-bottom: 30px;
padding-top: 20px;
font-weight: bold;
line-height: 0.9;
color: #fff;
cursor: default;
}
.custom-radio {
position: relative;
padding-left: 80px;
display: flex;
align-items: center;
font-size: 28px;
color: #4d4c4c;
cursor: pointer;
user-select: none;
height: 108px;
background: #e3e9eb;
border-radius: 14px;
width: 702px;
margin: 0 auto 20px;
}
.custom-radio input[type="radio"] {
position: absolute;
opacity: 0;
cursor: pointer;
}
.radio-style {
position: absolute;
left: 30px;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
border: 3px solid #0c6781;
border-radius: 8px;
box-sizing: border-box;
}
.custom-radio input[type="radio"]:checked + .radio-style {
background-color: #fff;
}
.custom-radio input[type="radio"]:checked + .radio-style::after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 18px;
height: 18px;
background-color: #0c6781;
border-radius: 3px;
}
.elementor-4081 .elementor-element.elementor-element-25a0434 .extra-text {
text-align: center;
font-size: 31px;
margin-top: 30px;
color: #fff;
font-weight: bold;
line-height: 1.06;
cursor: default;
}
.contact-form {
width: 100%;
height: 100%;
background: #ffffff;
border-radius: 30px;
padding: 30px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.contact-form-inner {
width: 100%;
max-width: 95%;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-form h2 {
font-size: 52px;
color: #0c6781;
margin-bottom: 0;
font-weight: bold;
line-height: 1;
cursor: default;
}
.contact-form p {
font-size: 28px;
color: #0c6781;
line-height: 0.94;
margin-bottom: 30px;
cursor: default;
font-weight: 500;
}
.contact-form input[type="text"],
.contact-form input[type="tel"]
{
width: 100%;
height: 62px;
padding: 10px 0 10px 40px;
font-size: 20px;
border-radius: 55px;
background-color: #d9d9d959;
border: none;
display: block;
margin: 0 auto;
margin-bottom: 15px;
}
.contact-form input[type="tel"]:active,
.contact-form input[type="tel"]:hover,
.contact-form input[type="tel"]:focus,
.contact-form input[type="tel"]:-webkit-autofill,
.contact-form input[type="text"]:active,
.contact-form input[type="text"]:hover,
.contact-form input[type="text"]:focus,
.contact-form input[type="text"]:-webkit-autofill{
background-color: #d9d9d959 !important;
border: none;
outline: none;
transition: background-color 5000s ease-in-out 0s;
}
.contact-form button {
height: 48px;
width: 60%;
background: #0c6781;
color: #fff;
font-size: 26px;
font-weight: bold;
line-height: 1;
border: none;
border-radius: 30px;
cursor: pointer;
margin-top: 80px;
padding: 5px;
}
.contact-note {
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.note-label-text a {
color: #00000040;
text-decoration: underline !important;
}
.note-label-text {
font-size: 18px;
color: #00000040;
line-height: 1;
cursor: default;
margin-left: 10px;
}
.note-checkbox {
display: flex;
align-items: center;
}
.note-checkbox input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border: 2px solid #00000050;
border-radius: 4px;
background: #ffffff;
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer;
margin: 0 10px 0 0;
box-sizing: border-box;
transition: box-shadow .12s ease, border-color .12s ease, background .12s ease;
}
/* hover / pointer feedback */
.note-checkbox input[type="checkbox"]:hover {
box-shadow: 0 0 0 6px rgba(12,103,129,0.06);
}
/* focus (keyboard) */
.note-checkbox input[type="checkbox"]:focus {
outline: none;
}
/* checked state — фон и бордер */
.note-checkbox input[type="checkbox"]:checked {
background: #0c6781;
border-color: #0c6781;
}
/* белая галочка, псевдоэлемент */
.note-checkbox input[type="checkbox"]::after {
content: "";
position: absolute;
left: 5px;
top: 1px;
width: 6px;
height: 11px;
border: solid transparent;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
transition: opacity .08s ease;
pointer-events: none;
}
/* показать галочку, когда checked */
.note-checkbox input[type="checkbox"]:checked::after {
border-color: #fff;
opacity: 1;
}
/* disabled */
.note-checkbox input[type="checkbox"]:disabled {
opacity: 0.55;
cursor: not-allowed;
}
.note-label-text a:focus, .note-label-text a:active, .note-label-text a:hover {
outline: none;
color: #000;
}
@media (max-width: 1535px) and (min-width: 601px) {
#quiz-container {
width: 533px;
height: 538px;
margin: 0 auto;
border-radius: 20px;
padding: 14px;
}
.question {
font-size: 32px;
margin-bottom: 30px;
}
.custom-radio {
padding-left: 50px;
font-size: 20px;
height: 76px;
border-radius: 9px;
width: 487px;
margin: 0 auto 10px;
}
.radio-style {
left: 16px;
top: 50%;
width: 22px;
height: 22px;
border: 2px solid #0c6781;
border-radius: 5px;
}
.custom-radio input[type="radio"]:checked + .radio-style {
background-color: #0c6781;
}
.custom-radio input[type="radio"]:checked + .radio-style::after {
content: "";
top: 2.7px;
left: 2.7px;
width: 2px !important;
height: 2px !important;
border-radius: 2px;
}
.elementor-4081 .elementor-element.elementor-element-25a0434 .extra-text {
font-size: 22px;
margin-top: 10px;
}
.contact-form {
width: 100%;
height: 100%;
border-radius: 20px;
padding: 30px;
}
.contact-form-inner {
width: 100%;
max-width: 416px;
gap: 10px;
}
.contact-form h2 {
font-size: 33px;
}
.contact-form p {
font-size: 18px;
}
.contact-form input[type="text"],
.contact-form input[type="tel"] {
height: 46px;
font-size: 16px;
}
.contact-form button {
height: 36px;
width: 60%;
font-size: 18px;
margin-top: 20px;
}
.contact-note {
margin-top: 10px;
}
.note-label-text {
font-size: 14px;
}
}
@media(max-width: 600px) {
#quiz-container {
width: 361px;
height: 363px;
border-radius: 13px;
padding: 14px;
}
.question {
font-size: 21px;
padding-top: 10px;
margin-bottom: 16px;
}
.custom-radio {
position: relative;
padding-left: 50px;
display: flex;
align-items: center;
font-size: 12px;
color: #4d4c4c;
cursor: pointer;
user-select: none;
height: 46px;
border-radius: 9px;
width: 321px;
margin: 0 auto 10px;
}
.radio-style {
left: 15px;
top: 50%;
transform: translateY(-50%);
width: 15px;
height: 15px;
border: 2px solid #0c6781;
border-radius: 5px;
}
.custom-radio input[type="radio"]:checked + .radio-style::after {
top: 1px;
left: 1px;
width: 9px;
height: 9px;
}
.elementor-4081 .elementor-element.elementor-element-25a0434 .extra-text {
font-size: 14px;
margin-top: 30px;
}
.contact-form {
width: 100%;
height: 100%;
border-radius: 10px;
padding: 30px 10px 10px;
}
.contact-note {
margin-top: 4px;
}
.contact-form-inner {
width: 98%;
max-width: 321px;
gap: 10px;
}
.contact-form h2 {
font-size: 24px;
margin-bottom: 0;
}
.contact-form p {
font-size: 13px;
margin: 0;
margin-bottom: 20px;
}
.contact-form input[type="text"],
.contact-form input[type="tel"] {
width: 96%;
height: 32px;
padding: 10px 0 10px 20px;
font-size: 11px;
margin: 0 auto;
margin-bottom: 10px;
}
.contact-form button {
height: 26px;
width: 60%;
font-size: 14px;
border-radius: 50px;
margin-top: 20px;
}
.note-label-text {
font-size: 9px;
width: 160px;
margin-left: 0;
margin-top: 10px;
}
.note-label-text a {
text-decoration: underline !important;
}
.note-checkbox input[type="checkbox"] {
width: 12px;
height: 12px;
border-width: 1.5px;
margin-right: 5px;
}
.note-checkbox input[type="checkbox"]::after {
left: 3px; top: 1px; width: 4px; height: 6px; border-width: 0 1.6px 1.6px 0;
}
}
@media(max-width: 1600px) and (min-width: 1536px) {
#quiz-container {
width: 620px;
height: 600px;
}
.question {
font-size: 36px;
margin-bottom: 30px;
padding-top: 20px;
}
.custom-radio {
font-size: 25px;
height: 86px;
width: 562px;
margin: 0 auto 16px;
}
.radio-style {
scale: .9;
}
.elementor-4081 .elementor-element.elementor-element-25a0434 .extra-text {
font-size: 24px;
margin-top: 24px;
}
.contact-form {
padding: 20px;
}
.contact-form-inner {
gap: 10px;
}
.contact-form h2 {
font-size: 42px;
}
.contact-form p {
font-size: 22px;
}
.contact-form input[type="text"],
.contact-form input[type="tel"] {
width: 100%;
height: 52px;
font-size: 18px;
}
.contact-form button {
font-size: 24px;
margin-top: 50px;
}
.contact-note {
margin-top: 10px;
}
.note-label-text {
font-size: 14px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-690a5d8 */#popup-trigger {
height: 0; /* Невидимый, не занимает место */
width: 0;
overflow: hidden;
}
@keyframes pulseButton {
0% {
transform: scale(1);
}
50% {
transform: scale(1.07);
}
100% {
transform: scale(1);
}
}
.black-friday-wrapped {
display: none;
width: 100%;
height: 100%;
position: fixed;
z-index: 10005;
left: 0;
top: 0;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.75);
padding: 20px;
box-sizing: border-box;
}
.black-friday-popup {
display: flex;
justify-content: left;
align-items: center;
background-image: url(https://mpravo24.ru/wp-content/uploads/black-friday.png);
background-position: center;
background-size: cover;
width: min(84vw, 870px);
/* 🔥 адаптивная ширина */
height: min(50vh, 550px);
aspect-ratio: 16/9;
/* 🔥 сохраняет пропорции как на макете */
border-radius: 20px;
padding: clamp(20px, 5vw, 45px);
text-align: center;
position: relative;
}
.black-friday-content h3:first-of-type {
color: #fff;
font-weight: bold;
font-size: clamp(14px, 2vw, 22px);
/* 🔥 адаптивный текст */
margin-bottom: clamp(10px, 2vw, 25px);
font-family: 'Montserrat';
}
.black-friday-content h2 {
color: #c6ff5d;
font-family: 'Royana', sans-serif;
font-size: clamp(55px, 10vw, 110px);
/* 🎯 динамический размер */
line-height: 0.65;
margin: 0;
font-weight: normal;
}
.black-friday-content h3:last-of-type {
color: #fff;
font-weight: bold;
font-size: clamp(13px, 2vw, 22px);
margin: clamp(15px, 3vw, 20px) 0;
font-family: 'Montserrat';
}
.black-friday-button {
font-family: 'Montserrat';
background-color: #c6ff5d;
color: #000;
border-radius: 12px;
font-weight: bold;
padding: clamp(10px, 2vw, 16px) clamp(20px, 4vw, 40px);
font-size: clamp(16px, 2.5vw, 21px);
border: none;
cursor: pointer;
margin-top: clamp(10px, 2vw, 20px);
animation: pulseButton 2s infinite;
}
.black-friday-button:hover {
color: #000;
}
.close {
position: absolute;
top: 0;
right: 10px;
color: #fff; /* Белый для тёмного фона; если форма — можно JS-ом менять на #000 */
font-size: 40px;
font-weight: bold;
cursor: pointer;
z-index: 1;
}
.close:hover {
color: #c6ff5d; /* Ховер для акцента */
}
/* Дополнительные стили для формы (адаптация под дизайн) */
#bf-form input::placeholder {
color: #fff;
}
#bf-form input {
color: #fff;
}
.elementor-4081 .elementor-element.elementor-element-690a5d8 .consent-text {
width: 100%;
}
.elementor-4081 .elementor-element.elementor-element-690a5d8 .consent-label-text{
color: #2b2a2a;
}
@media (max-width: 1600px) and (min-width: 1301px) {
.elementor-4081 .elementor-element.elementor-element-690a5d8 .consent-label-text {
width: 100%;
}
.black-friday-popup {
height: min(72vh, 550px);
}
}
@media (max-width: 1300px) and (min-width: 601px) {
.black-friday-content {
scale: 0.9 !important;
}
.black-friday-popup {
height: min(72vh, 550px) !important;
}
}
@media (max-width: 600px) {
.elementor-4081 .elementor-element.elementor-element-690a5d8 .consent-label-text {
width: 100%;
font-size: 10px;
}
.elementor-4081 .elementor-element.elementor-element-690a5d8 .consent-label-text a{
font-size: 10px;
}
.black-friday-button {
font-weight: bold;
font-size: clamp(12px, 2.5vw, 21px);
}
.black-friday-popup {
justify-content: center;
}
.black-friday-content h3:last-of-type {
margin-bottom: 10px !important;
}
#bf-form input {
color: #fff !important;
font-size: 12px !important;
max-height: 32px !important;
}
#bf-form {
gap: 10px !important;
}
.black-friday-popup {
background-image: url(https://mpravo24.ru/wp-content/uploads/black_friday_mobile.png);
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-04494ab */@media(max-width: 1400px) and (min-width: 601px) {
.elementor-4081 .elementor-element.elementor-element-04494ab {
font-size: 45px;
}
}
.elementor-4081 .elementor-element.elementor-element-04494ab {
cursor: default;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0bd0c86 */.grid-container {
display: grid;
grid-template-columns: repeat(4, 0.21fr);
grid-template-rows: repeat(3, 1fr);
width: 1600px;
height: 616px;
background-image: url('https://mpravo24.ru/wp-content/uploads/background2_stageswork.avif');
background-size: cover;
background-position: center;
position: relative;
font-family: 'Montserrat';
justify-content: center;
padding-left: 80px;
}
.grid-item {
text-align: center;
color: #000;
text-align: left;
padding-left: 0px;
cursor: default;
width: 100%;
}
.grid-item.item-1 {
margin-top: -35px;
}
.grid-item.item-2 {
margin-top: -24px;
}
.grid-item.item-3 {
margin-top: -8px;
}
.main-stage-title {
padding-top: 20px;
font-size: 65px !important;
font-weight: bold;
line-height: 1 !important;
color:transparent;
background-image: linear-gradient(to right, rgba(111, 170, 174, 1) 0%, rgba(12, 103, 129, 1) 100%);
-webkit-background-clip: text;
}
.main-stage-title span{
font-size: 55px;
line-height: 1 !important;
padding: 0;
margin: 0;
}
.stage-title {
font-size: 55px !important;
font-weight: 400 !important;
font-style: italic;
margin-bottom: 0px !important;
line-height: normal;
color: #0c6781 !important;
}
.stage-description1 {
max-width: 270px !important;
font-size: 21px;
font-weight: bold;
line-height: 1;
margin-bottom: 5px !important;
}
.stage-description2 {
max-width: 300px !important;
font-size: 14px;
line-height: 1;
margin-bottom: 0px !important;
}
.image-absolute {
position: absolute;
}
.image-right {
right: -200px;
bottom: 0px;
height: 667px !important;
}
.image-left {
right: 0px;
bottom: -180px;
height: 692px !important;
}
.grid-button-container {
display: flex;
gap: 1px;
position: absolute;
bottom: -80px;
left: 200px;
}
.elementor-4081 .elementor-element.elementor-element-0bd0c86 .grid-pointer {
width: 60px;
background-color: #0c6781;
border-radius: 50px;
padding: 10px;
}
.elementor-4081 .elementor-element.elementor-element-0bd0c86 .grid-button{
display: flex;
width: 296px;
height: 60px;
background-color: #0c6781;
color: #fff;
border-radius: 50px;
font-size: 30px;
font-weight: bold;
cursor: pointer;
align-items: center;
justify-content: center;
padding: 0;
text-decoration: none;
z-index: 1;
}
.elementor-4081 .elementor-element.elementor-element-0bd0c86 .grid-button2 {
display: flex;
width: 340px;
height: 60px;
background-color: #6faaae;
color: #fff;
border-radius: 50px;
font-size: 30px;
font-weight: bold;
cursor: pointer;
align-items: center;
justify-content: center;
padding: 0;
text-decoration: none;
margin-left: -50px;
}
.about-button:hover, .about-button:focus, .about-button:active {
background-color: #0c6781;
color: #fff;
border: none;
outline: none;
}
.about-button2:hover, .about-button2:focus, .about-button2:active {
background-color: #6faaae;
color: #fff;
border: none;
outline: none;
}
@media (max-width: 1400px) and (min-width: 601px) {
.grid-container {
scale: 0.77;
left: -150px !important;
height: 98vh;
/*background-image: url('https://mpravo24.ru/wp-content/uploads/background2_stageswork.webp');*/
}
}
@media (max-width: 1600px) and (min-width: 1401px) {
.grid-container {
scale: 0.88;
left: -50px !important;
height: 82vh;
/*background-image: url('https://mpravo24.ru/wp-content/uploads/background2_stageswork.webp');*/
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8eb039 */@media(max-width: 1600px) and (min-width: 1401px) {
#post-4081 > div > div > div.elementor-element.elementor-element-f8eb039.e-con-full.elementor-hidden-tablet.elementor-hidden-mobile.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded {
height: 120vh;
}
}
@media(max-width: 1400px) and (min-width: 601px) {
#post-4081 > div > div > div.elementor-element.elementor-element-f8eb039.e-con-full.elementor-hidden-tablet.elementor-hidden-mobile.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded {
height: 130vh;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-38acfd0 */@media (min-width: 1601px) {
#post-4081 > div > div > div.elementor-element.elementor-element-c94e47a.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-52ce515.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-8d1eb5d.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div > div {
font-size: 63px;
line-height: 1.06;
width: 770px;
cursor: default;
}
}
@media (max-width: 1400px) and (min-width: 601px) {
#post-4081 > div > div > div.elementor-element.elementor-element-c94e47a.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-52ce515.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-8d1eb5d.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div > div {
font-size: 30px;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0e6612f */@media (min-width: 1601px) {
#post-4081 > div > div > div.elementor-element.elementor-element-c94e47a.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-52ce515.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-cc64454.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-0e6612f.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor > div {
font-size: 27px;
width: 100%;
line-height: 1;
cursor: default;
}
}
@media (max-width: 1400px) and (min-width: 601px) {
#post-4081 > div > div > div.elementor-element.elementor-element-c94e47a.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-52ce515.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-cc64454.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-0e6612f.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor > div {
font-size: 17px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9cd96a7 */.about-button-container {
display: flex;
gap: 1px;
}
.elementor-4081 .elementor-element.elementor-element-9cd96a7 .about-pointer {
width: 60px;
background-color: #0c6781;
border-radius: 50px;
padding: 10px;
}
.elementor-4081 .elementor-element.elementor-element-9cd96a7 .about-button {
display: flex;
width: 296px;
height: 60px;
background-color: #0c6781;
color: #fff;
border-radius: 50px;
font-size: 30px;
font-weight: bold;
cursor: pointer;
align-items: center;
justify-content: center;
padding: 0;
text-decoration: none;
}
.about-button:hover, .about-button:focus, .about-button:active {
background-color: #0c6781;
color: #fff;
border: none;
outline: none;
}
@media (max-width: 1400px) and (min-width: 767px) {
.about-button-container {
display: flex;
gap: 1px;
}
.elementor-4081 .elementor-element.elementor-element-9cd96a7 .about-pointer {
width: 44px;
height: 44px;
background-color: #0c6781;
border-radius: 50px;
padding: 8px;
}
.elementor-4081 .elementor-element.elementor-element-9cd96a7 .about-button {
display: flex;
width: 206px;
height: 44px;
background-color: #0c6781;
color: #fff;
border-radius: 50px;
font-size: 21.23px;
font-weight: bold;
cursor: pointer;
align-items: center;
justify-content: center;
padding: 0;
text-decoration: none !important;
}
.about-button:hover, .about-button:focus, .about-button:active {
background-color: #0c6781;
color: #fff;
border: none;
outline: none;
}
}
@media(max-width: 600px) {
.about-button-container {
display: flex;
gap: 1px;
}
.elementor-4081 .elementor-element.elementor-element-9cd96a7 .about-pointer {
width: 40px;
background-color: #0c6781;
border-radius: 50px;
padding: 10px;
}
.elementor-4081 .elementor-element.elementor-element-9cd96a7 .about-button {
display: flex;
width: 154px;
height: 40px;
background-color: #0c6781;
color: #fff;
border-radius: 50px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
align-items: center;
justify-content: center;
padding: 0;
text-decoration: none;
}
.about-button:hover, .about-button:focus, .about-button:active {
background-color: #0c6781;
color: #fff;
border: none;
outline: none;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45c07c0 */.wp-card-slider {
position: relative;
overflow: hidden;
max-width: 100%;
padding-top: 30px;
height: 500px;
mask-image: linear-gradient(to right, transparent, #fff 5%, #fff 95%, transparent);
-webkit-mask-image: linear-gradient(to right, transparent, #fff 5%, #fff 95%, transparent);
touch-action: pan-y;
-webkit-overflow-scrolling: touch;
}
.wp-card-slider.dragging { cursor: grabbing; cursor: -webkit-grabbing; }
.wp-card-slider-inner {
display: flex;
gap: 20px;
transition: transform 0.5s ease;
}
.wp-card {
width: 344px;
height: 438px;
border-radius: 25px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
overflow: hidden;
flex-shrink: 0;
transition: transform 0.3s ease, margin 0.3s ease;
}
.wp-card:hover {
transform: scale(1.1);
z-index: 10;
margin: 0 20px;
}
.wp-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.wp-card.text-card {
background: #6faaae;
color: #fff;
font-size: 25px;
text-align: left;
padding: 20px 0 0 30px;
line-height: normal;
font-family: 'Montserrat';
cursor: default;
}
.wp-card.text-card span{
font-size: 64px;
line-height: 1.06;
font-weight: bold;
}
.hover-zone {
position: absolute;
top: 0;
width: 150px;
height: 100%;
z-index: 5;
}
.hover-zone.left {
left: 0;
cursor: url('data:image/svg+xml;utf8,'), pointer;
}
.hover-zone.right {
right: 0;
cursor: url('data:image/svg+xml;utf8,'), pointer;
}
@media (max-width: 1400px) and (min-width: 601px) {
.wp-card-slider {
scale: 0.9
}
.wp-card {
width: 300px;
height: 384px;
}
.wp-card:hover{
margin: 0 10px;
}
}
@media(max-width: 600px) {
.wp-card-slider {
max-width: 100%;
padding-top: 30px;
height: 250px;
}
.wp-card-slider-inner {
display: flex;
gap: 20px;
}
.wp-card {
width: 152px;
height: 188px;
border-radius: 8px;
}
.wp-card:hover {
transform: scale(1.2);
z-index: 10;
margin: 0 10px;
}
.wp-card img {
width: 100%;
height: 100%;
}
.wp-card.text-card {
font-size: 10px;
padding: 20px 0 0 20px;
}
.wp-card.text-card span{
font-size: 24px;
}
.hover-zone {
display: none;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-633dc38 */@media (min-width: 1601px) {
#post-4081 > div > div > div.elementor-element.elementor-element-c94e47a.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-ab2dc0d.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-0f6ee2b.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div > div {
font-size: 62px;
line-height: 1;
width: 785px;
cursor: default;
}
}
@media (max-width: 1400px) and (min-width: 601px) {
#post-4081 > div > div > div.elementor-element.elementor-element-c94e47a.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-ab2dc0d.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-0f6ee2b.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div > div {
font-size: 30px;
width: 400px;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c791e57 */@media (min-width: 1601px) {
#post-4081 > div > div > div.elementor-element.elementor-element-c94e47a.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-ab2dc0d.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-899383c.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div > div {
width:640px;
font-size: 27px;
line-height: 1;
cursor: default;
}
.elementor-4081 .elementor-element.elementor-element-c791e57 .elementor-4081 .elementor-element.elementor-element-899383c{
width: 60% !important;
}
}
@media (max-width: 1400px) and (min-width: 601px) {
#post-4081 > div > div > div.elementor-element.elementor-element-c94e47a.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-ab2dc0d.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-899383c.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div > div {
font-size: 17px;
width: 410px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-899383c */@media (min-width: 1601px) {
.elementor-4081 .elementor-element.elementor-element-899383c {
width: 54% !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fa364e */.document-container-wp {
position: relative;
bottom: 0;
left: 50%;
transform: translateX(-48%);
max-width: 815px;
cursor: pointer;
z-index: 99;
cursor: default;
}
.main-document-wp {
display: block;
width: 1300px;
height: auto;
box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
}
.zoomed-detail-wp {
position: absolute;
top: 55%;
left: 30%;
transform: translate(-50%, -20%);
max-width: 1038px !important;
transition: opacity 0.3s ease;
pointer-events: none;
scale: 0.7;
opacity: 0;
animation: none;
}
.zoomed-detail-wp.is-visible {
animation: zoomed 1s forwards;
}
@keyframes zoomed {
0% {
opacity: 0;
}
100% {
opacity: 1;
top: 60%;
left: 49%;
scale: 1
}
}
@media(max-width: 600px) {
.zoomed-detail-wp {
width: 116%;
top: 54% !important;
}
.main-document-wp {
width: 350px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3920dec */.hero-section {
position: relative;
width: 1434px;
height: 308px;
background-image: url('https://mpravo24.ru/wp-content/uploads/sasha-freemind-frq5Q6Ne9k4-unsplash-1.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
font-family: 'Montserrat', sans-serif;
border-radius: 25px;
}
.hero-content {
position: absolute;
top: 60px;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 40px;
}
.hero-text {
color: #fff;
font-size: 54px;
font-weight: bold;
max-width: 420px;
line-height: 1.06;
cursor: default;
}
.hero-button-container {
display: flex;
gap: 1px;
animation: pulse 2s infinite;
}
.elementor-4081 .elementor-element.elementor-element-3920dec .hero-pointer {
width: 61px;
background-color: #fff;
border-radius: 50px!important;
padding: 10px;
}
.elementor-4081 .elementor-element.elementor-element-3920dec .hero-button {
display: flex;
width: 508px;
height: 61px !important;
background-color: #fff;
color: #3b3b3b;
border-radius: 50px;
font-size: 25px;
font-weight: bold;
cursor: pointer;
align-items: center;
justify-content: center;
padding: 0;
text-decoration: none !important;
}
.hero-button:hover, .hero-button:focus, .hero-button:active {
background-color: #fff;
color: #3b3b3b;
border: none;
outline: none;
}
@media(max-width: 1400px) and (min-width: 767px) {
.hero-section {
position: relative;
width: 1200px;
height: 230px;
background-image: url('https://mpravo24.ru/wp-content/uploads/sasha-freemind-frq5Q6Ne9k4-unsplash-1.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
font-family: 'Montserrat', sans-serif;
border-radius: 15px;
}
.hero-content {
position: absolute;
top: 40px;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 40px;
}
.hero-text {
color: white;
font-size: 40px;
font-weight: bold;
max-width: 278px;
line-height: 1.06;
cursor: default;
}
.elementor-4081 .elementor-element.elementor-element-3920dec .hero-pointer {
width: 44px;
height: 44px;
background-color: #fff;
border-radius: 50px!important;
padding: 8px;
}
.elementor-4081 .elementor-element.elementor-element-3920dec .hero-button {
display: flex;
width: 353px;
height: 45px !important;
background-color: #fff;
color: #3b3b3b;
border-radius: 50px;
font-size: 19.11px;
font-weight: bold;
cursor: pointer;
align-items: center;
justify-content: center;
padding: 0;
text-decoration: none !important;
}
}
@media(max-width: 600px) {
.hero-section {
width: 95vw;
height: 140px;
border-radius: 12px;
}
.hero-content {
top: 30px;
width: 100%;
height: 100%;
display: flex;
padding: 0 15px;
}
.hero-text {
color: #fff;
font-size: 18px;
max-width: 130px;
}
.elementor-4081 .elementor-element.elementor-element-3920dec .hero-pointer {
width: 26px;
height: 26px;
padding: 5px;
}
.elementor-4081 .elementor-element.elementor-element-3920dec .hero-button {
display: flex;
width: 170px;
height: 26px !important;
font-size: 9px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b8ed9b */.cards-container {
position: relative;
overflow: hidden;
height: 574px;
mask-image: none;
-webkit-mask-image: none;
align-items: center;
display: flex;
user-select: none;
}
/* mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
-webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent); - белое по краям */
.cards-container.dragging {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.cards-wrapper {
display: flex;
position: relative;
height: 490px;
transition: transform 0.5s ease;
}
.cards-container:not(.is-visible) .card {
opacity: 0;
}
.card {
width: 454px;
height: 468px;
background: #3b3b3b;
border-radius: 25px;
margin: 0 10px;
position: relative;
cursor: default;
transition: transform .55s cubic-bezier(.22, 1, .28, 1), background-color .55s ease, height .55s cubic-bezier(.22, 1, .28, 1), margin .55s cubic-bezier(.22, 1, .28, 1);
flex-shrink: 0;
overflow: hidden;
opacity: 1;
font-family: 'Montserrat', sans-serif;
}
.cards-container.is-visible .card {
animation: trainArrival .8s forwards cubic-bezier(.2, .6, .2, 1);
}
.cards-container.is-visible .card:nth-child(1) {
animation-delay: .1s
}
.cards-container.is-visible .card:nth-child(2) {
animation-delay: .2s
}
.cards-container.is-visible .card:nth-child(3) {
animation-delay: .3s
}
.cards-container.is-visible .card:nth-child(4) {
animation-delay: .4s
}
.cards-container.is-visible .card:nth-child(5) {
animation-delay: .5s
}
.cards-container.is-visible .card:nth-child(6) {
animation-delay: .6s
}
.card:hover {
transform: scale(1.01);
background: #0c6781;
}
.card.expanded {
height: 530px;
background: #0c6781;
margin-top: -22.5px;
margin-bottom: -22.5px;
}
.card.expanded .card-number {
transform: translateX(-50%) translateY(10px);
}
.hover-area {
position: absolute;
top: 0;
width: 150px;
height: 100%;
z-index: 10;
}
.left-area {
left: 0;
cursor: url('data:image/svg+xml;utf8,'), pointer;
}
.right-area {
right: 0;
cursor: url('data:image/svg+xml;utf8,'), pointer;
}
/* Кнопки скрыты на десктопе */
.nav-btn {
display: none;
}
.card-text-top {
position: absolute;
top: 40px;
left: 0;
right: 0;
text-align: center;
font-size: 31px;
font-weight: 700;
color: #fff;
z-index: 2;
line-height: 1;
}
.card-number {
position: absolute;
top: 220px;
left: 40%;
transform: translateX(-50%);
width: 202px;
height: 545px;
font-size: 516px;
opacity: 18%;
font-weight: 700;
color: #fff;
display: flex;
align-items: flex-end;
justify-content: center;
z-index: 1;
transition: transform .55s cubic-bezier(.22, 1, .28, 1);
}
.card-text-bottom {
position: absolute;
bottom: 50px;
left: 20px;
right: 20px;
font-size: 20px;
font-weight: 500;
color: #fff;
line-height: 1;
z-index: 2;
}
@keyframes trainArrival {
from {
opacity: 0;
transform: translateX(100px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes cardScaleSoftPop {
0% {
transform: scale(1);
}
55% {
transform: scale(1.42);
}
72% {
transform: scale(1.375);
}
88% {
transform: scale(1.395);
}
100% {
transform: scale(1.4);
}
}
@media (prefers-reduced-motion:reduce) {
.card {
transition: none;
}
.card.expanded {
animation: none;
}
}
/* Tablet (767px–1399px) */
@media (max-width:1400px) and (min-width:767px) {
.cards-container {
scale: 0.85;
}
}
/* Mobile (≤600px) */
@media (max-width:600px) {
.cards-container {
height: 244px;
padding-top: 20px;
overflow: visible;
}
.cards-container:not(.is-visible) .card {
opacity: 1 !important;
}
.cards-container.is-visible .card {
animation: none !important;
opacity: 1 !important;
}
/* Удаляем принудительное !important масштабирование и оставляем только transition */
.cards-container .card.expanded {
transform: scale(1.4);
}
/* Однократная мягкая анимация только при первой инициализации */
.cards-container.first-load .card.expanded {
animation: cardScaleSoftPop .55s cubic-bezier(.22, 1, .28, 1);
}
.cards-wrapper {
height: 220px;
overflow: visible;
}
.hover-area {
display: none !important;
}
.card {
width: 172px;
height: 178px;
border-radius: 8px;
margin: 0 10px;
flex-shrink: 0;
transform: scale(1);
transform-origin: center;
backface-visibility: hidden;
transition: transform .7s cubic-bezier(.22, 1, .28, 1), background-color .55s ease;
background: #3b3b3b;
pointer-events: none;
}
.card:hover {
transform: none !important;
background: #3b3b3b !important;
}
.card:not(.expanded) {
background: #3b3b3b !important;
}
.card-text-top {
top: 20px;
font-size: 12px;
}
.card-number {
top: 80px;
left: 40%;
width: 70px;
height: 194px;
font-size: 173px;
}
.card-text-bottom {
bottom: 20px;
left: 10px;
right: 10px;
font-size: 8px;
width: 160px;
}
.card.expanded {
height: 178px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
background: #0c6781;
z-index: 10;
position: relative;
transform: scale(1.4);
/* без !important, чтобы transition работал плавно */
/* убрана постоянная animation */
transition: transform .7s cubic-bezier(.22, 1, .28, 1), background-color .55s ease;
}
.card.expanded .card-number {
/* убираем смещение вниз при масштабировании */
transform: translateX(-50%) translateY(0) !important;
}
.nav-btn {
position: absolute;
display: flex;
top: 40%;
width: 44px;
height: 44px;
padding: 12px;
border: none;
border-radius: 50%;
background: #fff;
cursor: pointer;
align-items: center;
justify-content: center;
transition: background .3s ease, transform .3s ease, box-shadow .3s ease;
z-index: 40;
box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
-webkit-tap-highlight-color: transparent;
-webkit-focus-ring-color: transparent;
}
.nav-btn img {
width: 100%;
height: auto;
pointer-events: none;
user-select: none;
display: block;
}
.nav-btn.prev {
left: 6px;
transform: scaleX(-1);
}
.nav-btn.next {
right: 6px;
transform: scaleX(1);
}
/* Удаляем прежний mask-псевдоэлемент */
.nav-btn:before {
content: none !important;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5f60e33 */@media (min-width: 1601px) {
#post-4081 > div > div > div.elementor-element.elementor-element-ed8e22e.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-78a9ff3.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-5f60e33.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor > div > p > strong {
font-size: 54px;
line-height: 1;
cursor: default;
}
#post-4081 > div > div > div.elementor-element.elementor-element-ed8e22e.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-78a9ff3.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-5f60e33.elementor-widget.elementor-widget-text-editor > div {
width: 630px !important;
}
}
@media (max-width: 1600px) and (min-width:1401){
#post-4081 > div > div > div.elementor-element.elementor-element-ed8e22e.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-78a9ff3.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-5f60e33.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor > div > p > strong {
font-size: 52px;
line-height: 1;
cursor: default;
}
#post-4081 > div > div > div.elementor-element.elementor-element-ed8e22e.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-78a9ff3.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-5f60e33.elementor-widget.elementor-widget-text-editor > div {
width: 630px !important;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c88fd02 */@media (min-width: 1401px) {
#post-4081 > div > div > div.elementor-element.elementor-element-ed8e22e.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-78a9ff3.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child > div.elementor-element.elementor-element-c88fd02.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor > div {
font-size: 24px;
line-height: 1;
width: 540px;
cursor: default;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81ec76c */.video-reviews-container {
width: 100%;
overflow-x: auto;
overflow-y: visible;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
cursor: grab;
}
.video-reviews-container::-webkit-scrollbar {
display: none;
}
.video-reviews-container.dragging {
cursor: grabbing;
user-select: none;
}
.video-reviews {
display: flex;
gap: 10px;
width: max-content;
margin: 0;
font-family: 'Montserrat', sans-serif;
transition: none;
padding-right: 30px;
}
.video-reviews:hover {
transform: none;
}
.video-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
flex: 0 0 auto;
}
.video-frame {
position: relative;
border: 2px solid #006580;
border-radius: 20px;
padding: 3px;
margin-bottom: 15px;
height: 442px;
}
.video-frame iframe {
border-radius: 20px;
width: 310px;
height: 432px;
}
.video-thumbnail {
position: relative;
cursor: pointer;
border-radius: 20px;
overflow: hidden;
}
.video-thumbnail img {
width: 310px;
height: 432px;
object-fit: cover;
border-radius: 20px;
display: block;
}
.play-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background-color: rgba(12, 103, 129, 0.8);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 24px;
transition: all 0.3s ease;
pointer-events: none;
}
.video-thumbnail:hover .play-overlay {
background-color: rgba(12, 103, 129, 1);
transform: translate(-50%, -50%) scale(1.1);
}
.no-scroll {
overflow: hidden !important;
}
.video-modal {
position: fixed;
inset: 0;
z-index: 10001;
display: none;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.7);
}
.video-modal-content {
position: relative;
z-index: 2;
width: min(92vw, 420px);
height: min(92vh, 730px);
background: transparent;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 12px 40px rgba(0,0,0,.35);
display: flex;
flex-direction: column;
padding: 0;
}
.video-close {
position: absolute;
top: 20px;
right: 30px;
z-index: 3;
width: 26px;
height: 26px;
border: none;
color: #fff;
font-size: 28px;
cursor: pointer;
transition: transform 0.2s;
}
.video-close:hover {
color: #f0f0f0;
transform: translateY(-2px);
}
.video-modal-next,
.video-modal-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(12,103,129,.9);
border: none;
color: #fff;
font-size: 24px;
padding: 10px 15px !important;
border-radius: 50%;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 14px rgba(0,0,0,.35);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
transition: opacity .35s, transform .35s, background .25s;
z-index: 6;
}
.video-modal-next {
right: 8px;
}
.video-modal-prev {
left: 8px;
}
.video-modal-next.visible,
.video-modal-prev.visible {
opacity: 1;
pointer-events: auto;
}
.video-modal-next:hover,
.video-modal-prev:hover {
background: #0c6781;
color: #fff;
}
.video-modal-next:focus,
.video-modal-prev:focus {
color: #fff;
}
.video-modal-next:active,
.video-modal-prev:active {
transform: translateY(-50%) scale(.9);
color: #fff;
}
.video-player-container {
position: relative;
width: 100%;
height: 95vh;
overflow: visible;
border-radius: 12px;
margin: 0 auto;
}
.video-player-container video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
background: #000;
display: block;
border-radius: 12px;
border: none;
}
.video-caption {
font-size: 30px;
color: #0c6781;
max-width: 350px;
line-height: 1.06;
opacity: 0.47;
text-align: left;
cursor: default;
margin-left: 20px;
}
.video-controls {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
}
.play-button {
width: 20px;
height: 20px;
background-color: #0c6781;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 17px;
cursor: pointer;
text-decoration: none !important;
}
.video-review-button {
width: 180px;
height: 36px;
background-color: #0c6781;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 17px;
line-height: 1.06;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
text-decoration: none !important;
}
.video-review-button:hover,
.play-button:hover {
color: #fff;
}
@media (max-width: 1600px) and (min-width: 1536px) {
.video-frame {
height: 392px;
}
.video-frame iframe {
width: 265px;
}
.video-thumbnail img {
width: 265px;
height: 382px;
}
.video-caption {
font-size: 24px;
max-width: 235px;
}
}
@media (max-width: 1535px) and (min-width: 1401px) {
.video-frame {
height: 392px;
}
.video-frame iframe {
width: 265px;
}
.video-thumbnail img {
width: 265px;
height: 382px;
}
.video-caption {
font-size: 24px;
max-width: 235px;
}
}
@media (max-width: 1400px) and (min-width: 767px) {
.video-frame {
position: relative;
border: 2px solid #006580;
border-radius: 20px;
padding: 3px;
margin-bottom: 15px;
height: 322px;
}
.video-frame iframe {
border-radius: 20px;
width: 215px;
}
.video-thumbnail img {
width: 215px;
height: 312px;
}
.video-caption {
font-size: 22.22px;
color: #0c6781;
max-width: 235px;
line-height: 1.06;
}
.video-review-button {
width: 126px;
height: 25px;
background-color: #0c6781;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 12.35px;
line-height: 1.06;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
text-decoration: none !important;
}
}
@media (max-width: 600px) {
.video-reviews-container {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.video-reviews {
gap: 12px;
width: max-content;
margin-left: 10px;
margin-right: 20px;
padding-right: 20px;
justify-content: flex-start;
}
.video-item {
flex-shrink: 0;
align-items: flex-start;
}
.video-frame {
border-radius: 10px;
margin-bottom: 10px;
height: 222px;
}
.video-thumbnail {
border-radius: 11px;
}
.video-thumbnail img {
width: 146px;
height: 212px;
border-radius: 11px;
}
.video-caption {
font-size: 14px;
max-width: 166px;
margin-left: 10px;
}
.video-review-button {
width: 102px;
height: 20px;
border-radius: 15px;
font-size: 9px;
}
.video-player-container {
position: relative;
width: 100%;
height: 80vh;
overflow: visible;
border-radius: 12px;
margin: 0 auto;
}
.video-modal-content {
width: 96vw;
height: 80vh;
}
.video-close {
top: 10px;
right: 10px;
font-size: 24px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eeb7213 */.contact-form-container {
width: 1525px;
height: 501px;
background: linear-gradient(70deg, #0c6781, #6faaae);
border-radius: 25px;
position: relative;
display: flex;
overflow: visible;
margin: 0 auto;
font-family: 'Montserrat';
}
.contact-form-container::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: inset 0 -200px 100px 0 rgba(12, 103, 129, 0.85);
pointer-events: none;
border-radius: 26px;
}
.image-section {
width: 1020px;
height: 578px;
position: relative;
margin-top: -78px;
margin-left: 40px;
}
.image-section img {
width: 100%;
height: 100%;
object-fit: cover;
overflow: visible;
margin-left: 50px;
}
.image-overlay-text {
text-transform: uppercase;
position: absolute;
top: 460px;
color: #fff;
font-size: 43px;
font-weight: bold;
max-width: 754px;
line-height: 1.06;
z-index: 1;
cursor: default;
}
.form-section {
flex: 1;
padding: 40px;
margin-right: 40px;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 1;
}
.form-group {
margin-bottom: 20px;
}
.elementor-4081 .elementor-element.elementor-element-eeb7213 .form-input {
width: 566px;
height: 64px;
border-radius: 55px;
font-size: 23px;
box-sizing: border-box;
padding-left: 50px;
}
.form-input:focus,
.form-input:hover,
.form-input:active,
.form-input:-webkit-autofill {
border: none !important;
outline: none !important;
transition: background-color 5000s ease-in-out 0s;
}
.submit-button {
width: 565px;
height: 56px;
color: #fff;
border: none;
padding: 0;
font-size: 28px;
font-weight: bold;
border-radius: 15px;
cursor: pointer;
margin-bottom: 5px;
box-sizing: border-box;
background-color: #6faaae;
text-transform: uppercase;
margin-top: 40px;
}
.submit-button:hover, .submit-button:active, .submit-button:focus {
color: #fff;
}
.consent-text {
line-height: 1.06;
width: 565px;
text-align: center;
margin-top: 10px;
cursor: default;
}
.consent-label-text {
color: #fff;
font-size: 16px;
line-height: 1;
}
.consent-checkbox input[type="checkbox"] {
width: 16px;
height: 14px;
accent-color: #0c6781;
-webkit-appearance: checkbox;
appearance: checkbox;
cursor: pointer;
}
.consent-text a{
font-size: 16px;
color: #fff;
line-height: 1.06;
text-align: center;
cursor: pointer;
text-decoration: underline !important;
}
.consent-text a:focus, .consent-text a:active{
outline: none !important;
}
@media (max-width: 1600px) and (min-width: 1401px) {
.contact-form-container {
width: 1200px;
height: 380px;
border-radius: 15px;
}
.image-section {
width: 706px;
height: 450px;
margin-top: -70px;
margin-left: 40px;
}
.image-section img {
width: 100%;
height: 100%;
}
.image-overlay-text {
top: 340px;
font-size: 32px;
max-width: 503px;
}
.form-section {
padding: 40px;
margin-right: 40px;
}
.form-group {
margin-top: 20px;
margin-bottom: 16px;
}
.elementor-4081 .elementor-element.elementor-element-eeb7213 .form-input {
width: 416px;
height: 47px;
font-size: 17px;
}
.submit-button {
width: 416px;
height: 42px;
font-size: 20.36px;
border-radius: 10px;
margin-bottom: 5px;
}
.consent-text {
font-size: 12px;
width: 300px;
margin: 0 auto;
margin-top: 10px;
}
.consent-text a{
font-size: 15px;
width: 416px;
}
}
@media (max-width: 1400px) and (min-width: 601px) {
.contact-form-container {
width: 1050px;
height: 360px;
}
.image-section {
width: 620px;
height: 420px;
margin-top: -60px;
margin-left: 40px;
}
.image-section img {
width: 100%;
height: 100%;
}
.image-overlay-text {
top: 330px;
font-size: 25px;
max-width: 503px;
}
.form-section {
flex: 1;
padding: 20px;
margin-right: 20px;
}
.form-group {
margin-top: 20px;
margin-bottom: 20px;
}
.elementor-4081 .elementor-element.elementor-element-eeb7213 .form-input {
width: 416px;
height: 48px;
border-radius: 55px !important;
font-size: 16px !important;
}
.submit-button {
width: 416px;
height: 42px;
font-size: 21px;
}
.consent-text {
font-size: 10px;
width: 416px;
}
.consent-label-text {
font-size: 12px;
width: 416px;
}
.consent-text a{
font-size: 12px;
width: 416px;
}
}
@media(max-width: 600px) {
.contact-form-container {
width: 92vw;
height: 410px;
border-radius: 10px;
display: flex;
flex-direction: column;
margin: 0 auto;
}
.elementor-4081 .elementor-element.elementor-element-eeb7213 .contact-form-container::after {
border-radius: 9px;
}
.contact-form-container::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: inset 0 -300px 100px 0 rgba(12, 103, 129, 0.85);
pointer-events: none;
border-radius: 26px;
}
.image-section {
width: 420px;
height: 200px;
position: relative;
margin-top: -20px;
margin-left: -50px;
}
.image-overlay-text {
text-align: center;
top: 160px;
left: 20%;
color: #fff;
font-size: 18px;
max-width: 308px;
}
.elementor-4081 .elementor-element.elementor-element-eeb7213 .form-section {
flex: 1;
padding: 0;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 1;
}
.elementor-4081 .elementor-element.elementor-element-eeb7213 .form-group {
margin-bottom: 12px;
display: flex;
justify-content: center;
}
.elementor-4081 .elementor-element.elementor-element-eeb7213 .form-input {
width: 100%;
height: 32px;
border-radius: 55px;
font-size: 13px;
padding-left: 20px;
}
.elementor-4081 .elementor-element.elementor-element-eeb7213 .submit-button {
width: 100%;
height: 34px;
font-size: 16px;
border-radius: 8px;
margin-bottom: 5px;
margin-top: 0;
}
.elementor-4081 .elementor-element.elementor-element-eeb7213 .consent-text {
width: 80vw;
margin-top: 20px;
}
.elementor-4081 .elementor-element.elementor-element-eeb7213 .consent-text label {
line-height: 1;
}
.elementor-4081 .elementor-element.elementor-element-eeb7213 .consent-label-text {
color: #fff;
font-size: 12px;
}
.elementor-4081 .elementor-element.elementor-element-eeb7213 .consent-text a {
font-size: 12px;
}
.elementor-4081 .elementor-element.elementor-element-eeb7213 .consent-checkbox input[type="checkbox"] {
width: 14px;
height: 12px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ef9762 */.creative-gallery img.mobile {
display: none;
}
.creative-gallery {
position: relative;
left: 62%;
transform: translateX(-50%);
display: grid;
grid-template-columns: repeat(7, auto);
align-items: center;
height: 500px;
width: 130%;
}
.gallery-column {
display: flex;
flex-direction: column;
justify-content: center;
gap: 50px;
}
.gallery-column img {
object-fit: cover;
border-radius: 10px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
scale: 1.2;
will-change: transform, opacity;
}
.raised-column {
align-self: flex-start;
}
/* Анимация запускается при добавлении класса */
.creative-gallery img.animate-in {
animation: ani var(--dur,1s) forwards;
animation-delay: var(--delay,0s);
}
@keyframes ani {
0% {opacity:0; transform: translateY(30px) scale(1.15);}
100% {opacity:1; transform: translateY(0) scale(1);}
}
@media(max-width: 399px) {
.elementor-4081 .elementor-element.elementor-element-1ef9762 .creative-gallery {
left: 0;
transform: translateX(-16.5%);
height: 220px;
width: 150%;
}
.elementor-4081 .elementor-element.elementor-element-1ef9762 .gallery-column {
gap: 10px;
}
.elementor-4081 .elementor-element.elementor-element-1ef9762 .gallery-column img {
border-radius: 5px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
scale: 1.05;
}
.elementor-4081 .elementor-element.elementor-element-1ef9762 .raised-column {
align-self: flex-start;
}
.elementor-4081 .elementor-element.elementor-element-1ef9762 .creative-gallery img:not(.mobile) {
display: none !important;
}
.elementor-4081 .elementor-element.elementor-element-1ef9762 .creative-gallery img.mobile {
display: block;
border-radius: 5px;
}
}
@media(max-width: 600px) and (min-width:400px){
.elementor-4081 .elementor-element.elementor-element-1ef9762 .creative-gallery {
left: 0;
transform: translateX(-15%);
height: 220px;
width: 140%;
}
.elementor-4081 .elementor-element.elementor-element-1ef9762 .gallery-column {
gap: 10px;
}
.elementor-4081 .elementor-element.elementor-element-1ef9762 .gallery-column img {
border-radius: 5px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
scale: 1.05;
}
.elementor-4081 .elementor-element.elementor-element-1ef9762 .raised-column {
align-self: flex-start;
}
.elementor-4081 .elementor-element.elementor-element-1ef9762 .creative-gallery img:not(.mobile) {
display: none !important;
}
.elementor-4081 .elementor-element.elementor-element-1ef9762 .creative-gallery img.mobile {
display: block;
border-radius: 5px;
}
}
@media(max-width: 1400px) and (min-width: 601px) {
.gallery-column img {
scale: 0.9;
}
.creative-gallery {
left: 57.5%;
width: 130%;
}
.gallery-column {
gap: 0;
}
}
@media(max-width: 1600px) and (min-width: 1401px) {
.gallery-column img {
scale: 1;
}
.creative-gallery {
left: 60%;
width: 138%;
}
.gallery-column {
gap: 20px;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a5bb164 */#post-4081 > div > div > div > div.elementor-element.elementor-element-a5bb164.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor > div > p {
margin: 0;
cursor: default;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f346d23 */#post-4081 > div > div > div.elementor-element.elementor-element-e735908.e-con-full.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-f346d23.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor > div > p > strong {
cursor: default;
}/* End custom CSS */