<div class="ag-maecenas-block">
<div class="ag-maecenas_title">
<div class="ag-format-container">
Maecenas
</div>
</div>
<div class="ag-format-container">
<section class="ag-maecenas_box">
<article class="ag-maecenas_item">
<div class="ag-maecenas_descr">
<div class="ag-maecenas_title-item">
Aenean massa
</div>
<div class="ag-maecenas_tagline-item">
Quisque
</div>
<ul class="ag-requirement_list">
<li class="ag-requirement_item">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit;
</li>
<li class="ag-requirement_item">
Aenean commodo ligula eget dolor;
</li>
<li class="ag-requirement_item">
Aenean massa. Cum sociis natoque penatibus et magnis;
</li>
<li class="ag-requirement_item">
Adis parturient montes, nascetur ridiculus mus;
</li>
<li class="ag-requirement_item">
Donec quam felis, ultricies nec, pellentesque eu;
</li>
<li class="ag-requirement_item">
Nulla consequat massa quis enim;
</li>
<li class="ag-requirement_item">
Donec pede justo, fringilla vel, aliquet nec;
</li>
<li class="ag-requirement_item">
Wulputate eget, arcu. In enim justo, rhoncus ut, imperdiet;
</li>
<li class="ag-requirement_item">
Uvenenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
</li>
</ul>
</div>
<div class="ag-maecenas_img-box">
<svg class="svg-maecenas_img">
<use xlink:href="#svg-img-1"></use>
</svg>
</div>
</article>
<article class="ag-maecenas_item">
<div class="ag-maecenas_descr">
<div class="ag-maecenas_title-item">
Etiam ultricies
</div>
<div class="ag-maecenas_tagline-item">
Quisque
</div>
<ul class="ag-requirement_list">
<li class="ag-requirement_item">
Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi;
</li>
<li class="ag-requirement_item">
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim;
</li>
<li class="ag-requirement_item">
Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus;
</li>
<li class="ag-requirement_item">
Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum;
</li>
<li class="ag-requirement_item">
Aenean imperdiet. Etiam ultricies nisi vel augue.
Curabitur ullamcorper ultricies nisi;
</li>
<li class="ag-requirement_item">
Nam eget dui. Etiam rhoncus;
</li>
<li class="ag-requirement_item">
Maecenas tempus, tellus eget condimentum rhoncus;
</li>
<li class="ag-requirement_item">
Aenean vulputate eleifend tellus.
</li>
</ul>
</div>
<div class="ag-maecenas_img-box">
<svg class="svg-maecenas_img">
<use xlink:href="#svg-img-2"></use>
</svg>
</div>
</article>
<article class="ag-maecenas_item">
<div class="ag-maecenas_descr">
<div class="ag-maecenas_title-item">
Aenean imperdiet
</div>
<div class="ag-maecenas_tagline-item">
Quisque
</div>
<ul class="ag-requirement_list">
<li class="ag-requirement_item">
Deep knowledge of Node.js features and modern Node.js
frameworks
</li>
<li class="ag-requirement_item">
Strong understanding & usage of algorithms and data
structures in your designs
</li>
<li class="ag-requirement_item">
Knowledge in Unit Testing
</li>
<li class="ag-requirement_item">
Knowledge of Cloud Based Solutions/Technologies (AWS,
Google, Azure)
</li>
<li class="ag-requirement_item">
Experience in Implementation of modern application and
infrastructure design patterns, including micro-services and containers, disposable, reactive, stateless and
distributed patterns
</li>
<li class="ag-requirement_item">
Extensive experience with designing, building and
maintaining high-performance databases (both SQL and NoSQL)
</li>
<li class="ag-requirement_item">
Knowledge of Version Control Systems
</li>
<li class="ag-requirement_item">
Spoken English
</li>
</ul>
</div>
<div class="ag-maecenas_img-box">
<svg class="svg-maecenas_img">
<use xlink:href="#svg-img-3"></use>
</svg>
</div>
</article>
</section>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="svg-img-block">
<symbol id="svg-img-1" viewBox="175.7 78 490.6 436.9">
<g fill="#61dafb">
<path d="m666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9v-22.3c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6v-22.3c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zm-101.4 106.7c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24s9.5 15.8 14.4 23.4zm73.9-208.1c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6s22.9-35.6 58.3-50.6c8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zm53.8 142.9c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6z"></path>
<circle cx="420.9" cy="296.5" r="45.7"></circle>
</g>
</symbol>
<symbol id="svg-img-2" viewBox="0 0 261.76 226.69">
<g transform="matrix(1.3333 0 0 -1.3333 -76.311 313.34)">
<g transform="translate(178.06 235.01)">
<path d="m0 0-22.669-39.264-22.669 39.264h-75.491l98.16-170.02 98.16 170.02z" fill="#41b883"></path>
</g>
<g transform="translate(178.06 235.01)">
<path d="m0 0-22.669-39.264-22.669 39.264h-36.227l58.896-102.01 58.896 102.01z" fill="#34495e"></path>
</g>
</g>
</symbol>
<symbol id="svg-img-3" viewBox="0 0 512 314">
<defs>
<linearGradient x1="68.188%" y1="17.487%" x2="27.823%" y2="89.755%" id="b">
<stop stop-color="#41873F" offset="0%"></stop>
<stop stop-color="#418B3D" offset="32.88%"></stop>
<stop stop-color="#419637" offset="63.52%"></stop>
<stop stop-color="#3FA92D" offset="93.19%"></stop>
<stop stop-color="#3FAE2A" offset="100%"></stop>
</linearGradient>
<path id="a" d="M57.903 1.85a5.957 5.957 0 0 0-5.894 0L3.352 29.933c-1.85 1.04-2.89 3.005-2.89 5.085v56.286c0 2.08 1.156 4.045 2.89 5.085l48.657 28.085a5.957 5.957 0 0 0 5.894 0l48.658-28.085c1.849-1.04 2.89-3.005 2.89-5.085V35.019c0-2.08-1.157-4.045-2.89-5.085L57.903 1.85z"></path>
<linearGradient x1="43.277%" y1="55.169%" x2="159.245%" y2="-18.306%" id="d">
<stop stop-color="#41873F" offset="13.76%"></stop>
<stop stop-color="#54A044" offset="40.32%"></stop>
<stop stop-color="#66B848" offset="71.36%"></stop>
<stop stop-color="#6CC04A" offset="90.81%"></stop>
</linearGradient>
<linearGradient x1="-4413.77%" y1="13.43%" x2="5327.93%" y2="13.43%" id="e">
<stop stop-color="#6CC04A" offset="9.192%"></stop>
<stop stop-color="#66B848" offset="28.64%"></stop>
<stop stop-color="#54A044" offset="59.68%"></stop>
<stop stop-color="#41873F" offset="86.24%"></stop>
</linearGradient>
<linearGradient x1="-4.389%" y1="49.997%" x2="101.499%" y2="49.997%" id="f">
<stop stop-color="#6CC04A" offset="9.192%"></stop>
<stop stop-color="#66B848" offset="28.64%"></stop>
<stop stop-color="#54A044" offset="59.68%"></stop>
<stop stop-color="#41873F" offset="86.24%"></stop>
</linearGradient>
<linearGradient x1="-9713.77%" y1="36.21%" x2="27.93%" y2="36.21%" id="g">
<stop stop-color="#6CC04A" offset="9.192%"></stop>
<stop stop-color="#66B848" offset="28.64%"></stop>
<stop stop-color="#54A044" offset="59.68%"></stop>
<stop stop-color="#41873F" offset="86.24%"></stop>
</linearGradient>
<linearGradient x1="-103.861%" y1="50.275%" x2="100.797%" y2="50.275%" id="h">
<stop stop-color="#6CC04A" offset="9.192%"></stop>
<stop stop-color="#66B848" offset="28.64%"></stop>
<stop stop-color="#54A044" offset="59.68%"></stop>
<stop stop-color="#41873F" offset="86.24%"></stop>
</linearGradient>
<linearGradient x1="130.613%" y1="-211.069%" x2="4.393%" y2="201.605%" id="i">
<stop stop-color="#41873F" offset="0%"></stop>
<stop stop-color="#418B3D" offset="32.88%"></stop>
<stop stop-color="#419637" offset="63.52%"></stop>
<stop stop-color="#3FA92D" offset="93.19%"></stop>
<stop stop-color="#3FAE2A" offset="100%"></stop>
</linearGradient>
</defs>
<g fill="none">
<path d="M253.11 313.094c-1.733 0-3.351-.462-4.854-1.271l-15.371-9.13c-2.312-1.272-1.156-1.734-.462-1.965 3.12-1.04 3.698-1.272 6.934-3.12.347-.232.81-.116 1.156.115l11.789 7.05c.462.231 1.04.231 1.386 0l46.115-26.698c.462-.231.694-.694.694-1.271v-53.28c0-.579-.232-1.04-.694-1.272l-46.115-26.582c-.462-.232-1.04-.232-1.386 0l-46.115 26.582c-.462.231-.694.809-.694 1.271v53.28c0 .463.232 1.04.694 1.272l12.598 7.281c6.819 3.467 11.095-.578 11.095-4.623v-52.587c0-.693.578-1.387 1.387-1.387h5.894c.694 0 1.387.578 1.387 1.387v52.587c0 9.13-4.97 14.447-13.638 14.447-2.658 0-4.738 0-10.633-2.89l-12.135-6.934c-3.005-1.733-4.854-4.97-4.854-8.437v-53.28c0-3.467 1.849-6.704 4.854-8.437l46.114-26.698c2.89-1.618 6.82-1.618 9.709 0l46.114 26.698c3.005 1.733 4.855 4.97 4.855 8.437v53.28c0 3.467-1.85 6.704-4.855 8.437l-46.114 26.698c-1.503.694-3.236 1.04-4.854 1.04zm14.216-36.637c-20.225 0-24.386-9.246-24.386-17.105 0-.694.578-1.387 1.387-1.387h6.01c.693 0 1.271.462 1.271 1.156.925 6.125 3.583 9.13 15.834 9.13 9.708 0 13.87-2.196 13.87-7.397 0-3.005-1.157-5.2-16.297-6.703-12.598-1.272-20.457-4.045-20.457-14.1 0-9.362 7.86-14.91 21.035-14.91 14.793 0 22.075 5.086 23 16.18 0 .348-.116.694-.347 1.041-.232.231-.578.462-.925.462h-6.01c-.578 0-1.156-.462-1.271-1.04-1.387-6.356-4.97-8.437-14.447-8.437-10.633 0-11.905 3.699-11.905 6.472 0 3.352 1.503 4.392 15.834 6.241 14.216 1.85 20.92 4.508 20.92 14.447-.116 10.171-8.437 15.95-23.116 15.95z" fill="#539E43"></path>
<path d="M110.028 104.712c0-2.08-1.156-4.046-3.005-5.086l-49.004-28.2c-.81-.463-1.734-.694-2.658-.81h-.463c-.924 0-1.849.347-2.658.81l-49.004 28.2c-1.85 1.04-3.005 3.005-3.005 5.086l.116 75.817c0 1.04.578 2.08 1.502 2.543.925.578 2.08.578 2.89 0l29.125-16.643c1.849-1.04 3.005-3.005 3.005-5.085v-35.482c0-2.08 1.155-4.045 3.005-5.085l12.366-7.166c.925-.578 1.965-.81 3.005-.81 1.04 0 2.08.232 2.89.81l12.366 7.166c1.85 1.04 3.005 3.004 3.005 5.085v35.482c0 2.08 1.156 4.045 3.005 5.085l29.125 16.643c.925.578 2.08.578 3.005 0 .925-.463 1.503-1.503 1.503-2.543l-.116-75.817zM345.571.347c-.924-.463-2.08-.463-2.89 0-.924.578-1.502 1.502-1.502 2.542v75.125c0 .693-.346 1.386-1.04 1.849-.693.346-1.387.346-2.08 0l-12.251-7.05a5.957 5.957 0 0 0-5.895 0l-49.004 28.316c-1.849 1.04-3.005 3.005-3.005 5.085v56.516c0 2.08 1.156 4.046 3.005 5.086l49.004 28.316a5.957 5.957 0 0 0 5.895 0l49.004-28.316c1.849-1.04 3.005-3.005 3.005-5.086V21.844c0-2.196-1.156-4.16-3.005-5.201L345.572.347zm-4.507 143.776c0 .578-.231 1.04-.694 1.271l-16.758 9.708a1.714 1.714 0 0 1-1.503 0l-16.758-9.708c-.463-.231-.694-.809-.694-1.271v-19.417c0-.578.231-1.04.694-1.271l16.758-9.709a1.714 1.714 0 0 1 1.503 0l16.758 9.709c.463.23.694.809.694 1.271v19.417zM508.648 124.244c1.85-1.04 2.89-3.005 2.89-5.086v-13.753c0-2.08-1.156-4.045-2.89-5.085l-48.657-28.2a5.957 5.957 0 0 0-5.894 0l-49.004 28.315c-1.85 1.04-3.005 3.005-3.005 5.086v56.516c0 2.08 1.155 4.045 3.005 5.085l48.657 27.738c1.85 1.04 4.045 1.04 5.779 0L489 178.45c.925-.463 1.503-1.503 1.503-2.543 0-1.04-.578-2.08-1.503-2.543l-49.235-28.316c-.924-.577-1.502-1.502-1.502-2.542v-17.683c0-1.04.578-2.08 1.502-2.543l15.372-8.784a2.821 2.821 0 0 1 3.005 0l15.371 8.784c.925.578 1.503 1.502 1.503 2.543v13.869c0 1.04.578 2.08 1.502 2.542.925.578 2.08.578 3.005 0l29.125-16.99z" fill="#333"></path>
<path d="M456.293 121.586a1.05 1.05 0 0 1 1.155 0l9.362 5.432c.347.23.578.577.578 1.04v10.864c0 .462-.231.809-.578 1.04l-9.362 5.432a1.05 1.05 0 0 1-1.155 0l-9.362-5.432c-.347-.231-.578-.578-.578-1.04v-10.864c0-.463.231-.81.578-1.04l9.362-5.432z" fill="#539E43"></path>
<g transform="translate(134.068 70.501)">
<mask id="c" fill="#fff">
<use xlink:href="#a"></use>
</mask>
<use fill="url(#b)" xlink:href="#a"></use>
<g mask="url(#c)">
<path d="M51.893 1.85L3.121 29.933C1.27 30.974 0 32.94 0 35.02v56.286c0 1.387.578 2.658 1.502 3.698L56.285 1.156c-1.387-.231-3.005-.116-4.392.693zM56.632 125.053c.462-.116.925-.347 1.387-.578l48.773-28.085c1.85-1.04 3.005-3.005 3.005-5.085V35.019c0-1.502-.694-3.005-1.734-4.045l-51.43 94.079z"></path>
<path d="M106.676 29.934L57.788 1.85a8.025 8.025 0 0 0-1.503-.578L1.502 95.12a6.082 6.082 0 0 0 1.619 1.387l48.888 28.085c1.387.809 3.005 1.04 4.507.577l51.432-94.078c-.347-.462-.81-.81-1.272-1.156z" fill="url(#d)"></path>
</g>
<g mask="url(#c)">
<path d="M109.797 91.305V35.019c0-2.08-1.271-4.045-3.12-5.085L57.786 1.85a5.106 5.106 0 0 0-1.848-.693l53.511 91.42c.231-.347.347-.809.347-1.271zM3.12 29.934C1.272 30.974 0 32.94 0 35.02v56.286c0 2.08 1.387 4.045 3.12 5.085l48.889 28.085c1.156.693 2.427.925 3.814.693L3.467 29.818l-.346.116z"></path>
<path fill="url(#e)" fill-rule="evenodd" d="M50.391.809l-.693.347h.924l-.231-.347z" transform="translate(0 -9.246)"></path>
<path d="M106.792 105.636c1.387-.809 2.427-2.196 2.89-3.698L56.053 10.402c-1.387-.231-2.89-.116-4.16.693L3.351 39.065l52.355 95.465a8.057 8.057 0 0 0 2.196-.693l48.889-28.2z" fill="url(#f)" fill-rule="evenodd" transform="translate(0 -9.246)"></path>
<path fill="url(#g)" fill-rule="evenodd" d="M111.3 104.712l-.347-.578v.809l.346-.231z" transform="translate(0 -9.246)"></path>
<path d="M106.792 105.636l-48.773 28.085a6.973 6.973 0 0 1-2.196.693l.925 1.734 54.089-31.32v-.694l-1.387-2.312c-.231 1.618-1.271 3.005-2.658 3.814z" fill="url(#h)" fill-rule="evenodd" transform="translate(0 -9.246)"></path>
<path d="M106.792 105.636l-48.773 28.085a6.973 6.973 0 0 1-2.196.693l.925 1.734 54.089-31.32v-.694l-1.387-2.312c-.231 1.618-1.271 3.005-2.658 3.814z" fill="url(#i)" fill-rule="evenodd" transform="translate(0 -9.246)"></path>
</g>
</g>
</g>
</symbol>
</svg>
.ag-format-container {
width: 1142px;
margin: 0 auto;
}
@font-face {
font-family: Heavitas;
src: url(https://raw.githack.com/SochavaAG/example-mycode/master/pens/1_fonts/Heavitas/Heavitas.eot);
src: url(https://raw.githack.com/SochavaAG/example-mycode/master/pens/1_fonts/Heavitas/Heavitas.woff2) format('woff2'),
url(https://raw.githack.com/SochavaAG/example-mycode/master/pens/1_fonts/Heavitas/Heavitas.woff) format('woff'),
url(https://raw.githack.com/SochavaAG/example-mycode/master/pens/1_fonts/Heavitas/Heavitas.ttf) format('truetype'),
url(https://raw.githack.com/SochavaAG/example-mycode/master/pens/1_fonts/Heavitas/Heavitas.svg#Heavitas) format('svg'),
url(https://raw.githack.com/SochavaAG/example-mycode/master/pens/1_fonts/Heavitas/Heavitas.eot?#iefix) format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
body {
font-size: 18px;
color: #53545a;
}
.ag-maecenas_title {
padding: 100px 0;
background-color: #00a2ff;
text-align: center;
font-family: Heavitas, sans-serif;
font-weight: bold;
font-size: 120px;
color: #FFF;
position: relative;
}
.ag-maecenas_title:before {
content: "";
height: 125px;
width: 100%;
background: url(https://raw.githack.com/SochavaAG/example-mycode/master/pens/animation-wave-shadow/images/wave.svg) repeat-x scroll 0 0;
-webkit-background-size: 1600px 198px;
-moz-background-size: 1600px 198px;
-o-background-size: 1600px 198px;
background-size: 1600px 198px;
position: absolute;
left: 0;
bottom: 0;
-webkit-filter: drop-shadow(5px -10px 3px rgba(0, 0, 0, .2));
filter: drop-shadow(5px -10px 3px rgba(0, 0, 0, .2));
-webkit-animation: an-wave 20s linear infinite;
-moz-animation: an-wave 20s linear infinite;
-o-animation: an-wave 20s linear infinite;
animation: an-wave 20s linear infinite;
}
.ag-maecenas_box {
padding: 70px 0;
background-color: #FFF;
position: relative;
}
.ag-maecenas_item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 120px;
}
.ag-maecenas_descr {
-webkit-box-flex: 1;
-webkit-flex: 1 1 60%;
-moz-box-flex: 1;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
padding: 0 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ag-maecenas_title-item {
padding: 0 0 15px;
font-family: Heavitas, sans-serif;
font-weight: bold;
font-size: 30px;
}
.ag-maecenas_tagline-item {
padding: 0 0 15px;
font-family: Heavitas, sans-serif;
font-weight: bold;
font-size: 20px;
}
.ag-requirement_item {
padding: 10px 10px 10px 20px;
position: relative;
}
.ag-requirement_item:before {
content: "";
height: 6px;
width: 6px;
background-color: #00a2ff;
position: absolute;
top: 50%;
left: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.ag-maecenas_img-box {
-webkit-box-flex: 1;
-webkit-flex: 1 1 40%;
-moz-box-flex: 1;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
height: 300px;
padding: 0 15px;
text-align: center;
}
.ag-maecenas_item:nth-child(odd) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.svg-img-block {
display: none;
}
@-webkit-keyframes an-wave {
100% {
background-position-x: -1600px;
}
}
@-moz-keyframes an-wave {
100% {
background-position-x: -1600px;
}
}
@-o-keyframes an-wave {
100% {
background-position-x: -1600px;
}
}
@keyframes an-wave {
100% {
background-position-x: -1600px;
}
}
@media screen and (max-width: 979px) {
.ag-maecenas_title {
font-size: 90px;
}
.ag-maecenas_descr {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.ag-format-container {
width: 96%;
}
.ag-maecenas_item {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ag-maecenas_item:nth-child(odd) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.ag-maecenas_descr {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ag-maecenas_img-box {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-flex: 0;
-moz-box-flex: 0;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
height: 200px;
width: 100%;
min-width: 150px;
padding: 0;
}
}
@media only screen and (max-width: 639px) {
.ag-maecenas_title {
font-size: 60px;
}
}
@media only screen and (max-width: 479px) {
.ag-maecenas_title {
font-size: 40px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.ag-format-container {
width: 750px;
}
}
@media (min-width: 980px) and (max-width: 1161px) {
.ag-format-container {
width: 960px;
}
}
