CINXE.COM

⇒ COVID-19: «Супер касаллик ташувчилар» кимлар?

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style>@import url('https://fonts.googleapis.com/css?family=Lobster|Play|Roboto+Condensed|Spectral+SC'); </style> <!--Meta--> <title> &rArr; COVID-19: «Супер касаллик ташувчилар» кимлар?</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="COVID-19: «Супер касаллик ташувчилар» кимлар?" /> <meta name="abstract" content="COVID-19: «Супер касаллик ташувчилар» кимлар?" /> <meta name="keywords" content="4,sadf,dsg" /> <link href="https://strategy.uz/engine/capcha/comic.ttf" type="text/css" rel="stylesheet" media="all"> <link rel="shortcut icon" href="/favicon.ico"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- использовать сайт в моб версии как приложение --> <!--//Meta--> <!--style--> <link href="https://strategy.uz/engine/templates/strategy/css/bootstrap-grid.min.css" rel="stylesheet" type="text/css" media="all"/> <link href="https://strategy.uz/engine/templates/strategy/css/style.css" rel="stylesheet" type="text/css" media="all"/> <link href="https://strategy.uz/engine/templates/strategy/fonts/font_icon.css" type="text/css" rel="stylesheet" media="all"> <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans&display=swap" rel="stylesheet"> <!--//style--> <!----js-----> <script src="https://strategy.uz/engine/templates/strategy/js/jquery.min.js"></script> <!----//js-----> <!--Plygins--> <!--slider--> <!--slider--> <!--scroll--> <!--scroll--> <!--animate--> <link href="https://strategy.uz/engine/templates/strategy/js/plugins/animate/animate.min.css" type="text/css" rel="stylesheet"> <script> if (window.screen.width > 800) { document.write('<script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/animate/wow.min.js"><\/script>'); } </script> <script> new WOW().init();</script> <!--//animate--> <!--SNOW---> <!--<script> $(document).ready( function(){ $.fn.snow(); }); </script>--> <style> .flake { z-index: 100; } </style> <!-- <script src="https://strategy.uz/engine/templates/strategy/js/main.js"></script>--> <!---hide---> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/hide/hide.js"></script> <!---hide---> <!--toggler--> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/toggler/toggler.js"></script> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/toggler/demo.js"></script> <link href="https://strategy.uz/engine/templates/strategy/js/plugins/toggler/toggler.css" type="text/css" rel="stylesheet"> <link href="https://strategy.uz/engine/templates/strategy/js/slider-pro.min.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/jquery.sliderPro.min.js"></script> <script type="text/javascript"> $(document).ready(function ($) { $('#example1').sliderPro({ width: 1370, height: 700, arrows: true, buttons: false, waitForLayers: true, thumbnailWidth: 200, thumbnailHeight: 100, thumbnailPointer: true, //autoplay: true, autoScaleLayers: false, breakpoints: { 500: { thumbnailWidth: 120, thumbnailHeight: 50 } } }); }); </script> <!--toggler--> <script> jQuery(function ($) { $(window).scroll(function () { if ($(this).scrollTop() > 210) { $('#topmenu').addClass('fixed'); } else if ($(this).scrollTop() < 210) { $('#topmenu').removeClass('fixed'); } }); }); function images_preliz(count, id) { var count = count; var id = id; $('#perloa').css('background', "url('" + count + "')"); img = document.getElementById("myimg" + id); img.src = count; } function closeprel() { setTimeout(function () { $('#preloader').css('display', "none") }, 1000); $(window).load(function () { $('#preloader').css('display', "none"); }); } closeprel(); function closeprel2() { $('#preloader').css('display', "none"); } </script> <!--//Plygins--> <style> /* Umumiy tanlangan uslub */ body { } /* Blur uchun asosiy konteyner */ .content { filter: none; transition: filter 0.1s ease; } /* Xabarnoma chiqishida blur effekt */ .blur { filter: blur(5px); } /* Xabarnoma fon */ #notification-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; display: none; /* Boshlang'ichda yashirilgan */ } /* Xabarnoma oynasi */ #notification { background: white; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); width: 700px; position: relative; } /* Yopish belgisi "x" */ .close-btn { position: absolute; top: 10px; right: 8px; font-size: 28px; font-weight: bold; color: #999; cursor: pointer; } .close-btn:hover { color: red; } /* Rasm uslubi */ #notification img { width: 100%; border-radius: 10px; } /* Matn uslubi */ #notification p { margin: 15px 0; font-size: 20px; color: #333; font-family: Montserrat, sans-serif; font-weight: 500; font-style: bold; } /* Link tugmasi */ #link-btn { background: #007bff; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; text-decoration: none; display: inline-block; } #link-btn:hover { background: #0056b3; } </style> </head> <body id="body"> <script type="text/javascript"> var delay_popup = 1000; setTimeout("document.getElementById('overlay').style.display='block'", delay_popup); </script> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script> // JavaScript to hide the element on scroll window.addEventListener('scroll', function () { var highlighted = document.getElementById('he2'); if (window.scrollY > 50) { // Adjust the value to your preference highlighted.style.display = 'none'; } else { highlighted.style.display = 'block'; } }); </script> <div class="element1"></div> <!-----------------------video1--------------------------> <div class="dm-overlay" id="login" > <div class="dm-table"> <div class="dm-cell"> <div class="dm-modal"> <div class="login_panel"> <a href="#close" class="closers">X</a> <div class="clear"></div> <div class="logetb"> <div class="soclinks"> <a class="google" title="Гоогле орқали аутентификация" href="https://accounts.google.com/o/oauth2/auth?redirect_uri=https://strategy.uz/index.php?auth=google&response_type=code&client_id=749407878593-eldj1edfunapqpbvu4h18d2qmlo5ld0f.apps.googleusercontent.com&scope=https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile" ><span class="icon-google"></span></a> <a class="yandex" title="Яндех орқали аутентификация" href="https://oauth.yandex.ru/authorize?response_type=code&client_id=9cd3a38102d64ffe9239a3e93bd267ea&display=popup" ><span class="icon-yandex"></span></a> <a class="facebook" title="Фаcебоок орқали аутентификация" href="https://www.facebook.com/dialog/oauth?client_id=1165706583581659&redirect_uri=https://strategy.uz/index.php?auth=facebook&response_type=code" ><span class="icon-facebook-1"></span></a> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> </div> </div> <!-----------------------video1--------------------------> <!-------------------------------------------------------------------TOP PANEL------------------------------------------------------------> <div id="top"> <div class="toped1"> <div id="particles-js"></div> <!--<script> var pJS = function(tag_id, params){ var canvas_el = document.querySelector('#'+tag_id+' > .particles-js-canvas-el'); this.pJS = { canvas: { el: canvas_el, w: canvas_el.offsetWidth, h: canvas_el.offsetHeight }, particles: { number: { value: 400, density: { enable: true, value_area: 800 } }, color: { value: '#fafafa' }, shape: { type: 'circle', stroke: { width: 0, color: '#ff0000' }, polygon: { nb_sides: 100 }, image: { src: '', width: 100, height: 100 } }, opacity: { value: 1, random: false, anim: { enable: false, speed: 4, opacity_min: 0, sync: false } }, size: { value: 20, random: false, anim: { enable: false, speed: 20, size_min: 0, sync: false } }, line_linked: { enable: true, distance: 200, color: '#00338a', opacity: 1, width: 1 }, move: { enable: true, speed: 2, direction: 'none', random: false, straight: false, out_mode: 'out', bounce: false, attract: { enable: false, rotateX: 3000, rotateY: 3000 } }, array: [] }, interactivity: { detect_on: 'canvas', events: { onhover: { enable: true, mode: 'grab' }, onclick: { enable: true, mode: 'push' }, resize: true }, modes: { grab:{ distance: 200, line_linked:{ opacity: 1 } }, bubble:{ distance: 200, size: 200, duration: 0.1 }, repulse:{ distance: 200, duration: 0.1 }, push:{ particles_nb: 4 }, remove:{ particles_nb: 2 } }, mouse:{} }, retina_detect: false, fn: { interact: {}, modes: {}, vendors:{} }, tmp: {} }; var pJS = this.pJS; /* params settings */ if(params){ Object.deepExtend(pJS, params); } pJS.tmp.obj = { size_value: pJS.particles.size.value, size_anim_speed: pJS.particles.size.anim.speed, move_speed: pJS.particles.move.speed, line_linked_distance: pJS.particles.line_linked.distance, line_linked_width: pJS.particles.line_linked.width, mode_grab_distance: pJS.interactivity.modes.grab.distance, mode_bubble_distance: pJS.interactivity.modes.bubble.distance, mode_bubble_size: pJS.interactivity.modes.bubble.size, mode_repulse_distance: pJS.interactivity.modes.repulse.distance }; pJS.fn.retinaInit = function(){ if(pJS.retina_detect && window.devicePixelRatio > 1){ pJS.canvas.pxratio = window.devicePixelRatio; pJS.tmp.retina = true; } else{ pJS.canvas.pxratio = 1; pJS.tmp.retina = false; } pJS.canvas.w = pJS.canvas.el.offsetWidth * pJS.canvas.pxratio; pJS.canvas.h = pJS.canvas.el.offsetHeight * pJS.canvas.pxratio; pJS.particles.size.value = pJS.tmp.obj.size_value * pJS.canvas.pxratio; pJS.particles.size.anim.speed = pJS.tmp.obj.size_anim_speed * pJS.canvas.pxratio; pJS.particles.move.speed = pJS.tmp.obj.move_speed * pJS.canvas.pxratio; pJS.particles.line_linked.distance = pJS.tmp.obj.line_linked_distance * pJS.canvas.pxratio; pJS.interactivity.modes.grab.distance = pJS.tmp.obj.mode_grab_distance * pJS.canvas.pxratio; pJS.interactivity.modes.bubble.distance = pJS.tmp.obj.mode_bubble_distance * pJS.canvas.pxratio; pJS.particles.line_linked.width = pJS.tmp.obj.line_linked_width * pJS.canvas.pxratio; pJS.interactivity.modes.bubble.size = pJS.tmp.obj.mode_bubble_size * pJS.canvas.pxratio; pJS.interactivity.modes.repulse.distance = pJS.tmp.obj.mode_repulse_distance * pJS.canvas.pxratio; }; /* ---------- pJS functions - canvas ------------ */ pJS.fn.canvasInit = function(){ pJS.canvas.ctx = pJS.canvas.el.getContext('2d'); }; pJS.fn.canvasSize = function(){ pJS.canvas.el.width = pJS.canvas.w; pJS.canvas.el.height = pJS.canvas.h; if(pJS && pJS.interactivity.events.resize){ window.addEventListener('resize', function(){ pJS.canvas.w = pJS.canvas.el.offsetWidth; pJS.canvas.h = pJS.canvas.el.offsetHeight; /* resize canvas */ if(pJS.tmp.retina){ pJS.canvas.w *= pJS.canvas.pxratio; pJS.canvas.h *= pJS.canvas.pxratio; } pJS.canvas.el.width = pJS.canvas.w; pJS.canvas.el.height = pJS.canvas.h; /* repaint canvas on anim disabled */ if(!pJS.particles.move.enable){ pJS.fn.particlesEmpty(); pJS.fn.particlesCreate(); pJS.fn.particlesDraw(); pJS.fn.vendors.densityAutoParticles(); } /* density particles enabled */ pJS.fn.vendors.densityAutoParticles(); }); } }; pJS.fn.canvasPaint = function(){ pJS.canvas.ctx.fillRect(0, 0, pJS.canvas.w, pJS.canvas.h); }; pJS.fn.canvasClear = function(){ pJS.canvas.ctx.clearRect(0, 0, pJS.canvas.w, pJS.canvas.h); }; /* --------- pJS functions - particles ----------- */ pJS.fn.particle = function(color, opacity, position){ /* size */ this.radius = (pJS.particles.size.random ? Math.random() : 1) * pJS.particles.size.value; if(pJS.particles.size.anim.enable){ this.size_status = false; this.vs = pJS.particles.size.anim.speed / 100; if(!pJS.particles.size.anim.sync){ this.vs = this.vs * Math.random(); } } /* position */ this.x = position ? position.x : Math.random() * pJS.canvas.w; this.y = position ? position.y : Math.random() * pJS.canvas.h; /* check position - into the canvas */ if(this.x > pJS.canvas.w - this.radius*2) this.x = this.x - this.radius; else if(this.x < this.radius*2) this.x = this.x + this.radius; if(this.y > pJS.canvas.h - this.radius*2) this.y = this.y - this.radius; else if(this.y < this.radius*2) this.y = this.y + this.radius; /* check position - avoid overlap */ if(pJS.particles.move.bounce){ pJS.fn.vendors.checkOverlap(this, position); } /* color */ this.color = {}; if(typeof(color.value) == 'object'){ if(color.value instanceof Array){ var color_selected = color.value[Math.floor(Math.random() * pJS.particles.color.value.length)]; this.color.rgb = hexToRgb(color_selected); }else{ if(color.value.r != undefined && color.value.g != undefined && color.value.b != undefined){ this.color.rgb = { r: color.value.r, g: color.value.g, b: color.value.b } } if(color.value.h != undefined && color.value.s != undefined && color.value.l != undefined){ this.color.hsl = { h: color.value.h, s: color.value.s, l: color.value.l } } } } else if(color.value == 'random'){ this.color.rgb = { r: (Math.floor(Math.random() * (255 - 0 + 1)) + 0), g: (Math.floor(Math.random() * (255 - 0 + 1)) + 0), b: (Math.floor(Math.random() * (255 - 0 + 1)) + 0) } } else if(typeof(color.value) == 'string'){ this.color = color; this.color.rgb = hexToRgb(this.color.value); } /* opacity */ this.opacity = (pJS.particles.opacity.random ? Math.random() : 1) * pJS.particles.opacity.value; if(pJS.particles.opacity.anim.enable){ this.opacity_status = false; this.vo = pJS.particles.opacity.anim.speed / 100; if(!pJS.particles.opacity.anim.sync){ this.vo = this.vo * Math.random(); } } /* animation - velocity for speed */ var velbase = {} switch(pJS.particles.move.direction){ case 'top': velbase = { x:0, y:-1 }; break; case 'top-right': velbase = { x:0.5, y:-0.5 }; break; case 'right': velbase = { x:1, y:-0 }; break; case 'bottom-right': velbase = { x:0.5, y:0.5 }; break; case 'bottom': velbase = { x:0, y:1 }; break; case 'bottom-left': velbase = { x:-0.5, y:1 }; break; case 'left': velbase = { x:-1, y:0 }; break; case 'top-left': velbase = { x:-0.5, y:-0.5 }; break; default: velbase = { x:0, y:0 }; break; } if(pJS.particles.move.straight){ this.vx = velbase.x; this.vy = velbase.y; if(pJS.particles.move.random){ this.vx = this.vx * (Math.random()); this.vy = this.vy * (Math.random()); } }else{ this.vx = velbase.x + Math.random()-0.5; this.vy = velbase.y + Math.random()-0.5; } // var theta = 2.0 * Math.PI * Math.random(); // this.vx = Math.cos(theta); // this.vy = Math.sin(theta); this.vx_i = this.vx; this.vy_i = this.vy; /* if shape is image */ var shape_type = pJS.particles.shape.type; if(typeof(shape_type) == 'object'){ if(shape_type instanceof Array){ var shape_selected = shape_type[Math.floor(Math.random() * shape_type.length)]; this.shape = shape_selected; } }else{ this.shape = shape_type; } if(this.shape == 'image'){ var sh = pJS.particles.shape; this.img = { src: sh.image.src, ratio: sh.image.width / sh.image.height } if(!this.img.ratio) this.img.ratio = 1; if(pJS.tmp.img_type == 'svg' && pJS.tmp.source_svg != undefined){ pJS.fn.vendors.createSvgImg(this); if(pJS.tmp.pushing){ this.img.loaded = false; } } } }; pJS.fn.particle.prototype.draw = function() { var p = this; if(p.radius_bubble != undefined){ var radius = p.radius_bubble; }else{ var radius = p.radius; } if(p.opacity_bubble != undefined){ var opacity = p.opacity_bubble; }else{ var opacity = p.opacity; } if(p.color.rgb){ var color_value = 'rgba('+p.color.rgb.r+','+p.color.rgb.g+','+p.color.rgb.b+','+opacity+')'; }else{ var color_value = 'hsla('+p.color.hsl.h+','+p.color.hsl.s+'%,'+p.color.hsl.l+'%,'+opacity+')'; } pJS.canvas.ctx.fillStyle = color_value; pJS.canvas.ctx.beginPath(); switch(p.shape){ case 'circle': pJS.canvas.ctx.arc(p.x, p.y, radius, 0, Math.PI * 2, false); break; case 'edge': pJS.canvas.ctx.rect(p.x-radius, p.y-radius, radius*2, radius*2); break; case 'triangle': pJS.fn.vendors.drawShape(pJS.canvas.ctx, p.x-radius, p.y+radius / 1.66, radius*2, 3, 2); break; case 'polygon': pJS.fn.vendors.drawShape( pJS.canvas.ctx, p.x - radius / (pJS.particles.shape.polygon.nb_sides/3.5), // startX p.y - radius / (2.66/3.5), // startY radius*2.66 / (pJS.particles.shape.polygon.nb_sides/3), // sideLength pJS.particles.shape.polygon.nb_sides, // sideCountNumerator 1 // sideCountDenominator ); break; case 'star': pJS.fn.vendors.drawShape( pJS.canvas.ctx, p.x - radius*2 / (pJS.particles.shape.polygon.nb_sides/4), // startX p.y - radius / (4*2.66/3.5), // startY radius*2*2.66 / (pJS.particles.shape.polygon.nb_sides/3), // sideLength pJS.particles.shape.polygon.nb_sides, // sideCountNumerator 2 // sideCountDenominator ); break; case 'image': function draw(){ pJS.canvas.ctx.drawImage( img_obj, p.x-radius, p.y-radius, radius*2, radius*2 / p.img.ratio ); } if(pJS.tmp.img_type == 'svg'){ var img_obj = p.img.obj; }else{ var img_obj = pJS.tmp.img_obj; } if(img_obj){ draw(); } break; } pJS.canvas.ctx.closePath(); if(pJS.particles.shape.stroke.width > 0){ pJS.canvas.ctx.strokeStyle = pJS.particles.shape.stroke.color; pJS.canvas.ctx.lineWidth = pJS.particles.shape.stroke.width; pJS.canvas.ctx.stroke(); } pJS.canvas.ctx.fill(); }; pJS.fn.particlesCreate = function(){ for(var i = 0; i < pJS.particles.number.value; i++) { pJS.particles.array.push(new pJS.fn.particle(pJS.particles.color, pJS.particles.opacity.value)); } }; pJS.fn.particlesUpdate = function(){ for(var i = 0; i < pJS.particles.array.length; i++){ /* the particle */ var p = pJS.particles.array[i]; // var d = ( dx = pJS.interactivity.mouse.click_pos_x - p.x ) * dx + ( dy = pJS.interactivity.mouse.click_pos_y - p.y ) * dy; // var f = -BANG_SIZE / d; // if ( d < BANG_SIZE ) { // var t = Math.atan2( dy, dx ); // p.vx = f * Math.cos(t); // p.vy = f * Math.sin(t); // } /* move the particle */ if(pJS.particles.move.enable){ var ms = pJS.particles.move.speed/2; p.x += p.vx * ms; p.y += p.vy * ms; } /* change opacity status */ if(pJS.particles.opacity.anim.enable) { if(p.opacity_status == true) { if(p.opacity >= pJS.particles.opacity.value) p.opacity_status = false; p.opacity += p.vo; }else { if(p.opacity <= pJS.particles.opacity.anim.opacity_min) p.opacity_status = true; p.opacity -= p.vo; } if(p.opacity < 0) p.opacity = 0; } /* change size */ if(pJS.particles.size.anim.enable){ if(p.size_status == true){ if(p.radius >= pJS.particles.size.value) p.size_status = false; p.radius += p.vs; }else{ if(p.radius <= pJS.particles.size.anim.size_min) p.size_status = true; p.radius -= p.vs; } if(p.radius < 0) p.radius = 0; } /* change particle position if it is out of canvas */ if(pJS.particles.move.out_mode == 'bounce'){ var new_pos = { x_left: p.radius, x_right: pJS.canvas.w, y_top: p.radius, y_bottom: pJS.canvas.h } }else{ var new_pos = { x_left: -p.radius, x_right: pJS.canvas.w + p.radius, y_top: -p.radius, y_bottom: pJS.canvas.h + p.radius } } if(p.x - p.radius > pJS.canvas.w){ p.x = new_pos.x_left; p.y = Math.random() * pJS.canvas.h; } else if(p.x + p.radius < 0){ p.x = new_pos.x_right; p.y = Math.random() * pJS.canvas.h; } if(p.y - p.radius > pJS.canvas.h){ p.y = new_pos.y_top; p.x = Math.random() * pJS.canvas.w; } else if(p.y + p.radius < 0){ p.y = new_pos.y_bottom; p.x = Math.random() * pJS.canvas.w; } /* out of canvas modes */ switch(pJS.particles.move.out_mode){ case 'bounce': if (p.x + p.radius > pJS.canvas.w) p.vx = -p.vx; else if (p.x - p.radius < 0) p.vx = -p.vx; if (p.y + p.radius > pJS.canvas.h) p.vy = -p.vy; else if (p.y - p.radius < 0) p.vy = -p.vy; break; } /* events */ if(isInArray('grab', pJS.interactivity.events.onhover.mode)){ pJS.fn.modes.grabParticle(p); } if(isInArray('bubble', pJS.interactivity.events.onhover.mode) || isInArray('bubble', pJS.interactivity.events.onclick.mode)){ pJS.fn.modes.bubbleParticle(p); } if(isInArray('repulse', pJS.interactivity.events.onhover.mode) || isInArray('repulse', pJS.interactivity.events.onclick.mode)){ pJS.fn.modes.repulseParticle(p); } /* interaction auto between particles */ if(pJS.particles.line_linked.enable || pJS.particles.move.attract.enable){ for(var j = i + 1; j < pJS.particles.array.length; j++){ var p2 = pJS.particles.array[j]; /* link particles */ if(pJS.particles.line_linked.enable){ pJS.fn.interact.linkParticles(p,p2); } /* attract particles */ if(pJS.particles.move.attract.enable){ pJS.fn.interact.attractParticles(p,p2); } /* bounce particles */ if(pJS.particles.move.bounce){ pJS.fn.interact.bounceParticles(p,p2); } } } } }; pJS.fn.particlesDraw = function(){ /* clear canvas */ pJS.canvas.ctx.clearRect(0, 0, pJS.canvas.w, pJS.canvas.h); /* update each particles param */ pJS.fn.particlesUpdate(); /* draw each particle */ for(var i = 0; i < pJS.particles.array.length; i++){ var p = pJS.particles.array[i]; p.draw(); } }; pJS.fn.particlesEmpty = function(){ pJS.particles.array = []; }; pJS.fn.particlesRefresh = function(){ /* init all */ cancelRequestAnimFrame(pJS.fn.checkAnimFrame); cancelRequestAnimFrame(pJS.fn.drawAnimFrame); pJS.tmp.source_svg = undefined; pJS.tmp.img_obj = undefined; pJS.tmp.count_svg = 0; pJS.fn.particlesEmpty(); pJS.fn.canvasClear(); /* restart */ pJS.fn.vendors.start(); }; /* ---------- pJS functions - particles interaction ------------ */ pJS.fn.interact.linkParticles = function(p1, p2){ var dx = p1.x - p2.x, dy = p1.y - p2.y, dist = Math.sqrt(dx*dx + dy*dy); /* draw a line between p1 and p2 if the distance between them is under the config distance */ if(dist <= pJS.particles.line_linked.distance){ var opacity_line = pJS.particles.line_linked.opacity - (dist / (1/pJS.particles.line_linked.opacity)) / pJS.particles.line_linked.distance; if(opacity_line > 0){ /* style */ var color_line = pJS.particles.line_linked.color_rgb_line; pJS.canvas.ctx.strokeStyle = 'rgba('+color_line.r+','+color_line.g+','+color_line.b+','+opacity_line+')'; pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width; //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */ /* path */ pJS.canvas.ctx.beginPath(); pJS.canvas.ctx.moveTo(p1.x, p1.y); pJS.canvas.ctx.lineTo(p2.x, p2.y); pJS.canvas.ctx.stroke(); pJS.canvas.ctx.closePath(); } } }; pJS.fn.interact.attractParticles = function(p1, p2){ /* condensed particles */ var dx = p1.x - p2.x, dy = p1.y - p2.y, dist = Math.sqrt(dx*dx + dy*dy); if(dist <= pJS.particles.line_linked.distance){ var ax = dx/(pJS.particles.move.attract.rotateX*1000), ay = dy/(pJS.particles.move.attract.rotateY*1000); p1.vx -= ax; p1.vy -= ay; p2.vx += ax; p2.vy += ay; } } pJS.fn.interact.bounceParticles = function(p1, p2){ var dx = p1.x - p2.x, dy = p1.y - p2.y, dist = Math.sqrt(dx*dx + dy*dy), dist_p = p1.radius+p2.radius; if(dist <= dist_p){ p1.vx = -p1.vx; p1.vy = -p1.vy; p2.vx = -p2.vx; p2.vy = -p2.vy; } } /* ---------- pJS functions - modes events ------------ */ pJS.fn.modes.pushParticles = function(nb, pos){ pJS.tmp.pushing = true; for(var i = 0; i < nb; i++){ pJS.particles.array.push( new pJS.fn.particle( pJS.particles.color, pJS.particles.opacity.value, { 'x': pos ? pos.pos_x : Math.random() * pJS.canvas.w, 'y': pos ? pos.pos_y : Math.random() * pJS.canvas.h } ) ) if(i == nb-1){ if(!pJS.particles.move.enable){ pJS.fn.particlesDraw(); } pJS.tmp.pushing = false; } } }; pJS.fn.modes.removeParticles = function(nb){ pJS.particles.array.splice(0, nb); if(!pJS.particles.move.enable){ pJS.fn.particlesDraw(); } }; pJS.fn.modes.bubbleParticle = function(p){ /* on hover event */ if(pJS.interactivity.events.onhover.enable && isInArray('bubble', pJS.interactivity.events.onhover.mode)){ var dx_mouse = p.x - pJS.interactivity.mouse.pos_x, dy_mouse = p.y - pJS.interactivity.mouse.pos_y, dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse), ratio = 1 - dist_mouse / pJS.interactivity.modes.bubble.distance; function init(){ p.opacity_bubble = p.opacity; p.radius_bubble = p.radius; } /* mousemove - check ratio */ if(dist_mouse <= pJS.interactivity.modes.bubble.distance){ if(ratio >= 0 && pJS.interactivity.status == 'mousemove'){ /* size */ if(pJS.interactivity.modes.bubble.size != pJS.particles.size.value){ if(pJS.interactivity.modes.bubble.size > pJS.particles.size.value){ var size = p.radius + (pJS.interactivity.modes.bubble.size*ratio); if(size >= 0){ p.radius_bubble = size; } }else{ var dif = p.radius - pJS.interactivity.modes.bubble.size, size = p.radius - (dif*ratio); if(size > 0){ p.radius_bubble = size; }else{ p.radius_bubble = 0; } } } /* opacity */ if(pJS.interactivity.modes.bubble.opacity != pJS.particles.opacity.value){ if(pJS.interactivity.modes.bubble.opacity > pJS.particles.opacity.value){ var opacity = pJS.interactivity.modes.bubble.opacity*ratio; if(opacity > p.opacity && opacity <= pJS.interactivity.modes.bubble.opacity){ p.opacity_bubble = opacity; } }else{ var opacity = p.opacity - (pJS.particles.opacity.value-pJS.interactivity.modes.bubble.opacity)*ratio; if(opacity < p.opacity && opacity >= pJS.interactivity.modes.bubble.opacity){ p.opacity_bubble = opacity; } } } } }else{ init(); } /* mouseleave */ if(pJS.interactivity.status == 'mouseleave'){ init(); } } /* on click event */ else if(pJS.interactivity.events.onclick.enable && isInArray('bubble', pJS.interactivity.events.onclick.mode)){ if(pJS.tmp.bubble_clicking){ var dx_mouse = p.x - pJS.interactivity.mouse.click_pos_x, dy_mouse = p.y - pJS.interactivity.mouse.click_pos_y, dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse), time_spent = (new Date().getTime() - pJS.interactivity.mouse.click_time)/1000; if(time_spent > pJS.interactivity.modes.bubble.duration){ pJS.tmp.bubble_duration_end = true; } if(time_spent > pJS.interactivity.modes.bubble.duration*2){ pJS.tmp.bubble_clicking = false; pJS.tmp.bubble_duration_end = false; } } function process(bubble_param, particles_param, p_obj_bubble, p_obj, id){ if(bubble_param != particles_param){ if(!pJS.tmp.bubble_duration_end){ if(dist_mouse <= pJS.interactivity.modes.bubble.distance){ if(p_obj_bubble != undefined) var obj = p_obj_bubble; else var obj = p_obj; if(obj != bubble_param){ var value = p_obj - (time_spent * (p_obj - bubble_param) / pJS.interactivity.modes.bubble.duration); if(id == 'size') p.radius_bubble = value; if(id == 'opacity') p.opacity_bubble = value; } }else{ if(id == 'size') p.radius_bubble = undefined; if(id == 'opacity') p.opacity_bubble = undefined; } }else{ if(p_obj_bubble != undefined){ var value_tmp = p_obj - (time_spent * (p_obj - bubble_param) / pJS.interactivity.modes.bubble.duration), dif = bubble_param - value_tmp; value = bubble_param + dif; if(id == 'size') p.radius_bubble = value; if(id == 'opacity') p.opacity_bubble = value; } } } } if(pJS.tmp.bubble_clicking){ /* size */ process(pJS.interactivity.modes.bubble.size, pJS.particles.size.value, p.radius_bubble, p.radius, 'size'); /* opacity */ process(pJS.interactivity.modes.bubble.opacity, pJS.particles.opacity.value, p.opacity_bubble, p.opacity, 'opacity'); } } }; pJS.fn.modes.repulseParticle = function(p){ if(pJS.interactivity.events.onhover.enable && isInArray('repulse', pJS.interactivity.events.onhover.mode) && pJS.interactivity.status == 'mousemove') { var dx_mouse = p.x - pJS.interactivity.mouse.pos_x, dy_mouse = p.y - pJS.interactivity.mouse.pos_y, dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse); var normVec = {x: dx_mouse/dist_mouse, y: dy_mouse/dist_mouse}, repulseRadius = pJS.interactivity.modes.repulse.distance, velocity = 100, repulseFactor = clamp((1/repulseRadius)*(-1*Math.pow(dist_mouse/repulseRadius,2)+1)*repulseRadius*velocity, 0, 50); var pos = { x: p.x + normVec.x * repulseFactor, y: p.y + normVec.y * repulseFactor } if(pJS.particles.move.out_mode == 'bounce'){ if(pos.x - p.radius > 0 && pos.x + p.radius < pJS.canvas.w) p.x = pos.x; if(pos.y - p.radius > 0 && pos.y + p.radius < pJS.canvas.h) p.y = pos.y; }else{ p.x = pos.x; p.y = pos.y; } } else if(pJS.interactivity.events.onclick.enable && isInArray('repulse', pJS.interactivity.events.onclick.mode)) { if(!pJS.tmp.repulse_finish){ pJS.tmp.repulse_count++; if(pJS.tmp.repulse_count == pJS.particles.array.length){ pJS.tmp.repulse_finish = true; } } if(pJS.tmp.repulse_clicking){ var repulseRadius = Math.pow(pJS.interactivity.modes.repulse.distance/6, 3); var dx = pJS.interactivity.mouse.click_pos_x - p.x, dy = pJS.interactivity.mouse.click_pos_y - p.y, d = dx*dx + dy*dy; var force = -repulseRadius / d * 1; function process(){ var f = Math.atan2(dy,dx); p.vx = force * Math.cos(f); p.vy = force * Math.sin(f); if(pJS.particles.move.out_mode == 'bounce'){ var pos = { x: p.x + p.vx, y: p.y + p.vy } if (pos.x + p.radius > pJS.canvas.w) p.vx = -p.vx; else if (pos.x - p.radius < 0) p.vx = -p.vx; if (pos.y + p.radius > pJS.canvas.h) p.vy = -p.vy; else if (pos.y - p.radius < 0) p.vy = -p.vy; } } // default if(d <= repulseRadius){ process(); } // bang - slow motion mode // if(!pJS.tmp.repulse_finish){ // if(d <= repulseRadius){ // process(); // } // }else{ // process(); // } }else{ if(pJS.tmp.repulse_clicking == false){ p.vx = p.vx_i; p.vy = p.vy_i; } } } } pJS.fn.modes.grabParticle = function(p){ if(pJS.interactivity.events.onhover.enable && pJS.interactivity.status == 'mousemove'){ var dx_mouse = p.x - pJS.interactivity.mouse.pos_x, dy_mouse = p.y - pJS.interactivity.mouse.pos_y, dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse); /* draw a line between the cursor and the particle if the distance between them is under the config distance */ if(dist_mouse <= pJS.interactivity.modes.grab.distance){ var opacity_line = pJS.interactivity.modes.grab.line_linked.opacity - (dist_mouse / (1/pJS.interactivity.modes.grab.line_linked.opacity)) / pJS.interactivity.modes.grab.distance; if(opacity_line > 0){ /* style */ var color_line = pJS.particles.line_linked.color_rgb_line; pJS.canvas.ctx.strokeStyle = 'rgba('+251+','+195+','+94+','+opacity_line+')'; pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width; //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */ /* path */ pJS.canvas.ctx.beginPath(); pJS.canvas.ctx.moveTo(p.x, p.y); pJS.canvas.ctx.lineTo(pJS.interactivity.mouse.pos_x, pJS.interactivity.mouse.pos_y); pJS.canvas.ctx.stroke(); pJS.canvas.ctx.closePath(); } } } }; /* ---------- pJS functions - vendors ------------ */ pJS.fn.vendors.eventsListeners = function(){ /* events target element */ if(pJS.interactivity.detect_on == 'window'){ pJS.interactivity.el = window; }else{ pJS.interactivity.el = pJS.canvas.el; } /* detect mouse pos - on hover / click event */ if(pJS.interactivity.events.onhover.enable || pJS.interactivity.events.onclick.enable){ /* el on mousemove */ pJS.interactivity.el.addEventListener('mousemove', function(e){ if(pJS.interactivity.el == window){ var pos_x = e.clientX, pos_y = e.clientY; } else{ var pos_x = e.offsetX || e.clientX, pos_y = e.offsetY || e.clientY; } pJS.interactivity.mouse.pos_x = pos_x; pJS.interactivity.mouse.pos_y = pos_y; if(pJS.tmp.retina){ pJS.interactivity.mouse.pos_x *= pJS.canvas.pxratio; pJS.interactivity.mouse.pos_y *= pJS.canvas.pxratio; } pJS.interactivity.status = 'mousemove'; }); /* el on onmouseleave */ pJS.interactivity.el.addEventListener('mouseleave', function(e){ pJS.interactivity.mouse.pos_x = null; pJS.interactivity.mouse.pos_y = null; pJS.interactivity.status = 'mouseleave'; }); } /* on click event */ if(pJS.interactivity.events.onclick.enable){ pJS.interactivity.el.addEventListener('click', function(){ pJS.interactivity.mouse.click_pos_x = pJS.interactivity.mouse.pos_x; pJS.interactivity.mouse.click_pos_y = pJS.interactivity.mouse.pos_y; pJS.interactivity.mouse.click_time = new Date().getTime(); if(pJS.interactivity.events.onclick.enable){ switch(pJS.interactivity.events.onclick.mode){ case 'push': if(pJS.particles.move.enable){ pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb, pJS.interactivity.mouse); }else{ if(pJS.interactivity.modes.push.particles_nb == 1){ pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb, pJS.interactivity.mouse); } else if(pJS.interactivity.modes.push.particles_nb > 1){ pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb); } } break; case 'remove': pJS.fn.modes.removeParticles(pJS.interactivity.modes.remove.particles_nb); break; case 'bubble': pJS.tmp.bubble_clicking = true; break; case 'repulse': pJS.tmp.repulse_clicking = true; pJS.tmp.repulse_count = 0; pJS.tmp.repulse_finish = false; setTimeout(function(){ pJS.tmp.repulse_clicking = false; }, pJS.interactivity.modes.repulse.duration*1000) break; } } }); } }; pJS.fn.vendors.densityAutoParticles = function(){ if(pJS.particles.number.density.enable){ /* calc area */ var area = pJS.canvas.el.width * pJS.canvas.el.height / 600; if(pJS.tmp.retina){ area = area/(pJS.canvas.pxratio*2); } /* calc number of particles based on density area */ var nb_particles = area * pJS.particles.number.value / pJS.particles.number.density.value_area; /* add or remove X particles */ var missing_particles = pJS.particles.array.length - nb_particles; if(missing_particles < 0) pJS.fn.modes.pushParticles(Math.abs(missing_particles)); else pJS.fn.modes.removeParticles(missing_particles); } }; pJS.fn.vendors.checkOverlap = function(p1, position){ for(var i = 0; i < pJS.particles.array.length; i++){ var p2 = pJS.particles.array[i]; var dx = p1.x - p2.x, dy = p1.y - p2.y, dist = Math.sqrt(dx*dx + dy*dy); if(dist <= p1.radius + p2.radius){ p1.x = position ? position.x : Math.random() * pJS.canvas.w; p1.y = position ? position.y : Math.random() * pJS.canvas.h; pJS.fn.vendors.checkOverlap(p1); } } }; pJS.fn.vendors.createSvgImg = function(p){ /* set color to svg element */ var svgXml = pJS.tmp.source_svg, rgbHex = /#([0-9A-F]{3,6})/gi, coloredSvgXml = svgXml.replace(rgbHex, function (m, r, g, b) { if(p.color.rgb){ var color_value = 'rgba('+p.color.rgb.r+','+p.color.rgb.g+','+p.color.rgb.b+','+p.opacity+')'; }else{ var color_value = 'hsla('+p.color.hsl.h+','+p.color.hsl.s+'%,'+p.color.hsl.l+'%,'+p.opacity+')'; } return color_value; }); /* prepare to create img with colored svg */ var svg = new Blob([coloredSvgXml], {type: 'image/svg+xml;charset=utf-8'}), DOMURL = window.URL || window.webkitURL || window, url = DOMURL.createObjectURL(svg); /* create particle img obj */ var img = new Image(); img.addEventListener('load', function(){ p.img.obj = img; p.img.loaded = true; DOMURL.revokeObjectURL(url); pJS.tmp.count_svg++; }); img.src = url; }; pJS.fn.vendors.destroypJS = function(){ cancelAnimationFrame(pJS.fn.drawAnimFrame); canvas_el.remove(); pJSDom = null; }; pJS.fn.vendors.drawShape = function(c, startX, startY, sideLength, sideCountNumerator, sideCountDenominator){ // By Programming Thomas - https://programmingthomas.wordpress.com/2013/04/03/n-sided-shapes/ var sideCount = sideCountNumerator * sideCountDenominator; var decimalSides = sideCountNumerator / sideCountDenominator; var interiorAngleDegrees = (180 * (decimalSides - 2)) / decimalSides; var interiorAngle = Math.PI - Math.PI * interiorAngleDegrees / 180; // convert to radians c.save(); c.beginPath(); c.translate(startX, startY); c.moveTo(0,0); for (var i = 0; i < sideCount; i++) { c.lineTo(sideLength,0); c.translate(sideLength,0); c.rotate(interiorAngle); } //c.stroke(); c.fill(); c.restore(); }; pJS.fn.vendors.exportImg = function(){ window.open(pJS.canvas.el.toDataURL('image/png'), '_blank'); }; pJS.fn.vendors.loadImg = function(type){ pJS.tmp.img_error = undefined; if(pJS.particles.shape.image.src != ''){ if(type == 'svg'){ var xhr = new XMLHttpRequest(); xhr.open('GET', pJS.particles.shape.image.src); xhr.onreadystatechange = function (data) { if(xhr.readyState == 4){ if(xhr.status == 200){ pJS.tmp.source_svg = data.currentTarget.response; pJS.fn.vendors.checkBeforeDraw(); }else{ console.log('Error pJS - Image not found'); pJS.tmp.img_error = true; } } } xhr.send(); }else{ var img = new Image(); img.addEventListener('load', function(){ pJS.tmp.img_obj = img; pJS.fn.vendors.checkBeforeDraw(); }); img.src = pJS.particles.shape.image.src; } }else{ console.log('Error pJS - No image.src'); pJS.tmp.img_error = true; } }; pJS.fn.vendors.draw = function(){ if(pJS.particles.shape.type == 'image'){ if(pJS.tmp.img_type == 'svg'){ if(pJS.tmp.count_svg >= pJS.particles.number.value){ pJS.fn.particlesDraw(); if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame); else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); }else{ //console.log('still loading...'); if(!pJS.tmp.img_error) pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); } }else{ if(pJS.tmp.img_obj != undefined){ pJS.fn.particlesDraw(); if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame); else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); }else{ if(!pJS.tmp.img_error) pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); } } }else{ pJS.fn.particlesDraw(); if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame); else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); } }; pJS.fn.vendors.checkBeforeDraw = function(){ // if shape is image if(pJS.particles.shape.type == 'image'){ if(pJS.tmp.img_type == 'svg' && pJS.tmp.source_svg == undefined){ pJS.tmp.checkAnimFrame = requestAnimFrame(check); }else{ //console.log('images loaded! cancel check'); cancelRequestAnimFrame(pJS.tmp.checkAnimFrame); if(!pJS.tmp.img_error){ pJS.fn.vendors.init(); pJS.fn.vendors.draw(); } } }else{ pJS.fn.vendors.init(); pJS.fn.vendors.draw(); } }; pJS.fn.vendors.init = function(){ /* init canvas + particles */ pJS.fn.retinaInit(); pJS.fn.canvasInit(); pJS.fn.canvasSize(); pJS.fn.canvasPaint(); pJS.fn.particlesCreate(); pJS.fn.vendors.densityAutoParticles(); /* particles.line_linked - convert hex colors to rgb */ pJS.particles.line_linked.color_rgb_line = hexToRgb(pJS.particles.line_linked.color); }; pJS.fn.vendors.start = function(){ if(isInArray('image', pJS.particles.shape.type)){ pJS.tmp.img_type = pJS.particles.shape.image.src.substr(pJS.particles.shape.image.src.length - 3); pJS.fn.vendors.loadImg(pJS.tmp.img_type); }else{ pJS.fn.vendors.checkBeforeDraw(); } }; /* ---------- pJS - start ------------ */ pJS.fn.vendors.eventsListeners(); pJS.fn.vendors.start(); }; /* ---------- global functions - vendors ------------ */ Object.deepExtend = function(destination, source) { for (var property in source) { if (source[property] && source[property].constructor && source[property].constructor === Object) { destination[property] = destination[property] || {}; arguments.callee(destination[property], source[property]); } else { destination[property] = source[property]; } } return destination; }; window.requestAnimFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback){ window.setTimeout(callback, 1000 / 60); }; })(); window.cancelRequestAnimFrame = ( function() { return window.cancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelRequestAnimationFrame || window.oCancelRequestAnimationFrame || window.msCancelRequestAnimationFrame || clearTimeout } )(); function hexToRgb(hex){ // By Tim Down - http://stackoverflow.com/a/5624139/3493650 // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF") var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; hex = hex.replace(shorthandRegex, function(m, r, g, b) { return r + r + g + g + b + b; }); var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); return result ? { r: parseInt(result[1], 16), g: parseInt(result[2], 16), b: parseInt(result[3], 16) } : null; }; function clamp(number, min, max) { return Math.min(Math.max(number, min), max); }; function isInArray(value, array) { return array.indexOf(value) > -1; } /* ---------- particles.js functions - start ------------ */ window.pJSDom = []; window.particlesJS = function(tag_id, params){ //console.log(params); /* no string id? so it's object params, and set the id with default id */ if(typeof(tag_id) != 'string'){ params = tag_id; tag_id = 'particles-js'; } /* no id? set the id to default id */ if(!tag_id){ tag_id = 'particles-js'; } /* pJS elements */ var pJS_tag = document.getElementById(tag_id), pJS_canvas_class = 'particles-js-canvas-el', exist_canvas = pJS_tag.getElementsByClassName(pJS_canvas_class); /* remove canvas if exists into the pJS target tag */ if(exist_canvas.length){ while(exist_canvas.length > 0){ pJS_tag.removeChild(exist_canvas[0]); } } /* create canvas element */ var canvas_el = document.createElement('canvas'); canvas_el.className = pJS_canvas_class; /* set size canvas */ canvas_el.style.width = "100%"; canvas_el.style.height = "100%"; /* append canvas */ var canvas = document.getElementById(tag_id).appendChild(canvas_el); /* launch particle.js */ if(canvas != null){ pJSDom.push(new pJS(tag_id, params)); } }; window.particlesJS.load = function(tag_id, path_config_json, callback){ /* load json config */ var xhr = new XMLHttpRequest(); xhr.open('GET', path_config_json); xhr.onreadystatechange = function (data) { if(xhr.readyState == 4){ if(xhr.status == 200){ var params = JSON.parse(data.currentTarget.response); window.particlesJS(tag_id, params); if(callback) callback(); }else{ console.log('Error pJS - XMLHttpRequest status: '+xhr.status); console.log('Error pJS - File config not found'); } } }; xhr.send(); }; </script> <style> /* ---- reset ---- */ body { margin: 0; } canvas { display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 0, 0, 0); } @media(max-width:748px){ #particles-js { position: absolute; width: 100%; height: 50%; background-color: rgba(255, 0, 0, 0); } } </style> <script> particlesJS("particles-js", { "particles": { "number": { "value": 80, "density": { "enable": true, "value_area": 800 } }, "color": { "value": "#ffffff" }, "shape": { "type": "circle", "stroke": { "width": 0, "color": "#000000" }, "polygon": { "nb_sides": 5 }, "image": { "src": "img/github.svg", "width": 100, "height": 100 } }, "opacity": { "value": 0.5, "random": false, "anim": { "enable": false, "speed": 2, "opacity_min": 0.1, "sync": false } }, "size": { "value": 2, "random": true, "anim": { "enable": false, "speed": 80, "size_min": 0.8, "sync": false } }, "line_linked": { "enable": true, "distance": 150, "color": "#fafafa", "opacity": 0.4, "width": 1 }, "move": { "enable": true, "speed": 5, "direction": "none", "random": false, "straight": false, "out_mode": "out", "bounce": false, "attract": { "enable": false, "rotateX": 600, "rotateY": 1200 } } }, "interactivity": { "detect_on": "canvas", "events": { "onhover": { "enable": true, "mode": "grab" }, "onclick": { "enable": true, "mode": "push" }, "resize": true }, "modes": { "grab": { "distance": 150, "line_linked": { "opacity": 1 } }, "bubble": { "distance": 400, "size": 40, "duration": 2, "opacity": 8, "speed": 3 }, "repulse": { "distance": 200, "duration": 0.4 }, "push": { "particles_nb": 16 }, "remove": { "particles_nb": 8 } } }, "retina_detect": true }); requestAnimationFrame(); </script>--> <div class="container"> <div class="row"> <div class="col-md-3 top1 device"></div> <div class="col-md-9 top2"> <div class="lang"> <ul id="lan"> <li><a href="#" ><span class="lanpunkt"><img src="https://strategy.uz/languages/uz.png" /> Ўзбек<em class="icon-down-open-big"></em></span></a> <ul> <li><a href="/index.php?news=1017&lang=ru" ><span class="lanpunkt"><img src="https://strategy.uz/languages/ru.png" /> Русский</span></a></li> <li><a href="/index.php?news=1017&lang=uz" ><span class="lanpunkt"><img src="https://strategy.uz/languages/uz.png" /> О'zbek</span></a></li> <li><a href="/index.php?news=1017&lang=en" ><span class="lanpunkt"><img src="https://strategy.uz/languages/en.png" /> English</span></a></li> </ul> </li> <style> span.stat-data4 { font-size: 25px; background-color: #fff; border-radius: 25%; width: 70px; padding: 20px 8px; color: #00658f !important; font-weight: bold; } span.stat-data { font-size: 25px; background-color: #fff; border-radius: 25%; width: 70px; padding: 20px 15px; color: #036251 !important; font-weight: bold; } span.stat-data2 { font-size: 25px; background-color: #fff; border-radius: 50%; width: 70px; padding: 20px 23px; color: #00658f !important; font-weight: bold; } </style> <style> .button { border: 4px solid #fafafa; background: #a01e1e; background-color: #a90808; -webkit-border-radius: 10px; border-radius: 10px; border: none; color: #eeeeee; cursor: pointer; display: inline-block; font-family: sans-serif; font-size: 20px; padding: 10px 10px; text-align: center; text-decoration: none; } @keyframes glowing { 0% { background-color: #a01e1e; box-shadow: 0 0 5px #a01e1e; } 50% { background-color: #a01e1e; box-shadow: 0 0 20px #a01e1e; } 100% { background-color: #a01e1e; box-shadow: 0 0 5px #a01e1e; } } .button { animation: glowing 1300ms infinite; } </style> <!--<li style=" cursor: pointer; display: inline-block; font-family: sans-serif; font-size: 10px; text-align: center; text-decoration: none; font-weight: bold; "><a href="https://strategy.uz/index.php?static=programma"><span class="button"><img src="">Давлат дастури<em class=""></em></span></a> </li> --> </ul> </div> <div class="social"> <a href="https://www.facebook.com/dsc.uzbekistan/" class="icon-facebook-4"></a> <a href="https://twitter.com/DSC_UZB" class="icon-twitter-bird"></a> <a href="https://t.me/dscuzbekistan" class="icon-telegram"></a> <a href="https://www.instagram.com/dscuzbekistan/" class="icon-instagram"></a> <a href="https://www.youtube.com/channel/UC6fnGM9mykboenkEi6ZJkTg" class="icon-youtube-1"></a> </div> <a href="" class="auth"></a> <div class="clear"></div> </div> </div> </div> </div> <div class="toped2"> <div class="d2_b device"></div> <div class="d2_a device"> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> <!-------------------------------------------------------------------TOP PANEL------------------------------------------------------------> <style> .v-fixed-card--second { background: #0f8798; right: 242px; } a:hover { color: #adb2b2; } .v-fixed-card--top { top: 6.7% !important; } .yil { font-size: 30px; } .v-fixed-card { position: fixed; top: 60%; transition: 0.5s; z-index: 0; flex-direction: column; justify-content: center; width: 316px; height: 148px; padding: 20px; border-radius: 8px; color: #FFF; font-family: sans-serif; font-size: 20px; text-align: center; text-decoration: none overflow: visible; box-shadow: 0px 24px 36px #00000029; } .v-fixed-card--second.v-fixed-card--hidden { right: -100%; } .v-fixed-card.v-fixed-card--hidden { opacity: 0; visibility: hidden; } /*.he {*/ /*margin:20px;*/ /*} */ </style> <!-- Xabarnoma --> <!--<div id="notification-overlay"> <div id="notification"> <span class="close-btn" id="close-btn">&times;</span> <img src="https://strategy.uz/files/dd.jpg" alt="Rasm"> <p> <strong>2025 йилги Давлат дастури лойиҳаси муҳокамаси</br>22 январга қадар давом этади.</br>Муҳокамада фаол иштирок этиб, ўз фикр ва таклифларингизни қолдиринг!</strong> </p> <a href="https://uzbekistan2030.uz/uzc/muhokama" id="link-btn" target="_blank">Таклиф қолдириш</a> </div> </div> <script> // 5 soniyadan keyin xabarnomani ko'rsatish setTimeout(() => { document.getElementById('notification-overlay').style.display = 'flex'; document.querySelector('.content').classList.add('blur'); }, 3000); // "x" belgisini bosganda xabarnomani yashirish document.getElementById('close-btn').addEventListener('click', () => { document.getElementById('notification-overlay').style.display = 'none'; document.querySelector('.content').classList.remove('blur'); }); </script> --> <!---------------------------------------------------------------------HEADER-------------------------------------------------------------> <header id="header"> <div class="container"> <a href="https://strategy.uz/" class="hed1"> <img src="https://strategy.uz/engine/templates/strategy/images/center.png"/> <span>"ТАРАҚҚИЁТ СТРАТЕГИЯСИ" <br>&nbsp;&nbsp;МАРКАЗИ</span> </a> <div class="hed2"> <div class="hed2cont"> <a class="hesvg1" href="https://strategy.uz/index.php?category=obshchestvennoe_stroitelstvo"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3240 5991 l0 -658 -72 -6 c-331 -29 -809 -291 -1053 -576 -174 -204 -340 -511 -399 -736 -23 -88 -48 -256 -55 -370 l-6 -100 -560 -5 c-609 -6 -601 -5 -662 -63 l-33 -31 0 -1518 0 -1518 3095 0 3095 0 0 1505 0 1505 -35 39 c-19 21 -58 49 -87 61 -51 22 -55 22 -592 21 -298 -1 -546 2 -552 6 -6 5 -14 59 -17 128 -30 578 -306 1048 -819 1391 -175 118 -346 197 -513 239 -134 34 -147 35 -322 35 l-183 0 0 280 0 280 515 0 515 0 0 375 0 375 -630 0 -630 0 0 -659z m1050 284 l0 -155 -415 0 -415 0 0 155 0 155 415 0 415 0 0 -155z m-572 -1461 c382 -66 718 -305 909 -644 67 -118 127 -311 147 -470 17 -141 13 -154 -50 -160 -27 -3 -607 -3 -1289 0 l-1240 5 -3 54 c-5 81 24 240 63 359 104 309 303 545 609 720 245 141 550 189 854 136z m2370 -2819 c1 -555 0 -1020 -3 -1032 l-5 -23 -249 0 -248 0 -5 573 c-6 644 -3 614 -88 746 -153 237 -435 306 -699 172 -24 -13 -63 -42 -87 -66 l-44 -44 -57 45 c-140 109 -199 134 -316 134 -125 0 -228 -37 -344 -124 -33 -25 -64 -46 -68 -46 -4 0 -30 20 -57 45 -28 25 -84 62 -125 82 -69 34 -85 38 -173 41 -71 3 -113 0 -156 -13 -83 -24 -169 -70 -220 -117 -27 -25 -49 -38 -59 -34 -8 3 -50 32 -93 65 -92 72 -141 91 -247 98 -139 9 -300 -45 -381 -128 -21 -21 -44 -39 -51 -39 -7 0 -32 18 -55 41 -50 48 -151 101 -227 119 -74 17 -201 8 -276 -21 -144 -54 -248 -146 -312 -277 l-38 -76 -3 -587 c-2 -545 -4 -587 -20 -591 -9 -2 -126 -2 -260 0 l-242 4 2 1022 c2 561 6 1026 10 1031 4 7 882 10 2600 10 l2593 0 3 -1010z m-4047 209 c51 -21 94 -71 115 -136 16 -47 18 -115 22 -585 3 -507 3 -532 -15 -540 -10 -5 -126 -6 -258 -3 l-240 5 0 550 0 550 30 54 c52 94 131 135 243 126 35 -3 81 -13 103 -21z m783 -3 c23 -10 56 -33 74 -52 61 -62 62 -75 62 -670 l0 -538 -42 -6 c-49 -7 -454 -3 -461 5 -3 3 -7 251 -8 551 l-3 545 23 47 c26 54 95 119 143 135 44 15 161 6 212 -17z m740 8 c93 -18 141 -65 164 -159 10 -42 23 -1030 14 -1088 l-3 -22 -255 0 -254 0 -1 38 c-5 183 5 1037 13 1075 13 63 47 101 127 142 70 36 80 36 195 14z m779 6 c32 -8 69 -22 83 -31 34 -23 70 -88 83 -151 11 -53 17 -1080 7 -1091 -9 -8 -490 -2 -499 7 -4 4 -6 255 -5 557 l3 549 28 47 c64 110 166 148 300 113z m814 -10 c56 -23 91 -54 119 -100 l25 -44 0 -557 c0 -358 -4 -559 -10 -563 -12 -8 -477 -8 -484 -1 -3 3 -6 255 -8 560 l-4 555 28 47 c31 53 79 93 134 114 45 17 147 11 200 -11z"/> </g> </svg> </a> <a class="hesvg2" href="https://strategy.uz/index.php?category=verhovenstvo_zakona"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3385 6367 c-22 -12 -55 -44 -72 -71 l-33 -48 0 -244 0 -244 -884 0 -884 0 -17 -43 c-19 -50 -12 -79 29 -116 35 -33 33 -48 -13 -112 -21 -30 -58 -94 -83 -144 -24 -49 -84 -153 -133 -230 -49 -77 -123 -206 -166 -286 -42 -80 -152 -271 -244 -425 -93 -153 -177 -299 -188 -324 -11 -25 -33 -61 -48 -80 -15 -19 -36 -55 -46 -80 -10 -25 -39 -76 -64 -115 -26 -38 -83 -135 -127 -215 -44 -80 -105 -183 -136 -229 -31 -47 -56 -89 -56 -94 0 -5 -7 -7 -15 -3 -13 4 -15 -8 -15 -74 0 -61 3 -78 13 -74 9 3 19 -13 30 -48 23 -71 89 -190 160 -287 72 -98 295 -317 403 -398 91 -67 270 -163 304 -163 13 0 37 -9 54 -19 17 -11 67 -26 111 -35 44 -8 109 -22 145 -30 92 -21 303 -39 375 -31 371 40 602 129 865 334 165 128 356 342 422 473 61 122 106 228 113 267 6 35 3 47 -17 74 -14 18 -44 68 -68 112 -24 44 -60 105 -81 136 -21 31 -61 100 -90 155 -29 54 -88 160 -132 234 -44 74 -160 275 -257 445 -97 171 -221 383 -276 472 -112 184 -289 490 -349 603 -22 41 -50 89 -62 107 -13 17 -23 36 -23 43 0 8 182 11 720 9 l719 -2 3 -1946 c2 -1070 0 -1956 -4 -1969 l-8 -23 -942 1 c-1074 1 -1007 6 -1102 -81 -50 -45 -59 -60 -79 -128 l-23 -76 -70 -6 c-38 -4 -121 -7 -184 -8 -137 -1 -190 -21 -256 -93 -59 -64 -78 -120 -72 -215 6 -91 35 -158 95 -214 41 -40 111 -79 140 -79 15 0 16 -2 3 -10 -10 -6 945 -10 2705 -10 1496 0 2714 4 2707 8 -9 6 -1 12 25 20 21 7 60 29 88 49 207 158 183 410 -50 523 l-60 29 -254 -2 c-282 -2 -286 -1 -296 61 -17 99 -66 160 -168 208 l-52 24 -850 -1 c-467 0 -858 2 -867 6 -17 7 -18 110 -18 1964 0 1076 4 1961 8 1966 10 14 1432 9 1432 -6 0 -16 -17 -46 -85 -149 -35 -52 -107 -174 -161 -270 -54 -96 -128 -226 -166 -288 -37 -62 -145 -251 -239 -420 -244 -436 -320 -568 -421 -730 -49 -78 -94 -157 -100 -175 -10 -30 -53 -106 -150 -265 -36 -60 -38 -66 -27 -105 6 -23 23 -64 38 -92 16 -27 34 -68 41 -90 27 -86 139 -235 284 -380 161 -160 280 -249 441 -329 188 -93 345 -137 585 -161 75 -8 286 9 378 31 35 8 77 14 93 14 17 0 68 16 115 35 46 19 95 35 108 35 13 0 29 7 36 14 6 8 35 23 63 32 48 16 239 136 331 208 57 44 249 268 318 369 66 97 115 194 124 245 5 26 10 31 25 27 18 -6 19 0 19 75 0 75 -1 81 -19 75 -20 -6 -45 22 -70 80 -17 41 -202 361 -264 458 -28 43 -60 99 -72 125 -12 26 -68 120 -124 210 -56 89 -149 251 -207 360 -133 246 -141 260 -235 407 -42 66 -98 163 -124 215 -64 129 -158 292 -211 367 -24 34 -44 68 -44 77 0 8 13 24 29 35 39 28 48 71 24 119 l-18 37 -880 5 -880 5 -1 205 c-1 212 -8 270 -45 341 -28 56 -70 79 -144 79 -44 0 -71 -6 -100 -23z m-1600 -1107 c34 -58 102 -179 150 -270 49 -91 98 -176 111 -190 12 -14 64 -104 115 -200 51 -96 156 -279 233 -407 158 -259 421 -716 449 -777 10 -22 29 -55 43 -73 14 -18 22 -38 19 -43 -6 -10 -2435 -15 -2435 -5 0 14 47 96 87 152 24 35 50 80 58 102 12 35 41 86 192 330 18 30 33 60 33 66 0 7 18 37 40 68 50 72 130 209 210 362 35 66 112 201 170 300 59 99 148 252 197 340 50 88 120 209 157 270 36 60 66 114 66 120 1 18 40 -37 105 -145z m3560 8 c42 -79 104 -183 137 -233 34 -49 67 -107 74 -127 7 -21 52 -99 99 -174 47 -75 85 -142 85 -148 0 -6 23 -44 50 -84 28 -41 50 -80 50 -87 0 -7 52 -98 116 -201 64 -103 126 -211 139 -241 34 -77 226 -408 317 -547 43 -66 78 -126 78 -133 0 -12 -621 -17 -2367 -18 -39 0 -74 3 -78 7 -12 11 4 45 64 135 32 49 97 156 144 239 47 83 104 181 127 219 23 37 58 104 79 149 21 44 53 99 71 121 17 22 44 67 59 100 36 79 134 249 238 412 46 72 93 153 105 180 11 26 65 122 118 213 53 91 123 209 154 263 31 53 58 97 60 97 2 0 38 -64 81 -142z"/> </g> </svg> </a> <a class="hesvg3" href="https://strategy.uz/index.php?category=liberalizaciya_ekonomiki"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5840 5887 c-297 -6 -453 -13 -470 -20 -33 -16 -70 -73 -70 -109 0 -21 16 -46 63 -97 34 -37 102 -111 151 -165 49 -54 112 -116 139 -138 l50 -39 -660 -662 c-362 -364 -740 -745 -840 -847 -169 -173 -374 -378 -717 -718 -132 -131 -147 -143 -164 -130 -10 7 -92 90 -182 183 -90 94 -173 177 -184 185 -12 8 -255 250 -541 536 -472 474 -525 523 -569 538 -61 20 -126 20 -171 2 -37 -16 -1069 -1036 -1340 -1325 -88 -94 -166 -171 -172 -171 -10 0 -13 -27 -13 -101 0 -95 2 -102 24 -120 13 -10 38 -40 54 -66 51 -79 166 -143 256 -143 22 0 59 9 81 19 28 12 218 197 614 595 316 317 580 576 587 576 6 0 29 -19 49 -42 21 -24 337 -344 703 -711 459 -462 680 -677 716 -697 55 -32 137 -41 178 -19 48 26 210 169 318 282 63 66 165 167 225 225 61 58 259 256 440 440 1114 1126 1712 1722 1727 1722 10 0 82 -66 160 -146 79 -81 171 -167 206 -191 56 -40 67 -44 99 -38 55 10 93 54 93 107 0 24 11 300 25 613 14 314 25 596 25 628 l0 57 -222 -2 c-123 -1 -423 -6 -668 -11z"/> <path d="M5742 4147 l-372 -373 0 -1205 c0 -662 -3 -1275 -7 -1361 l-6 -158 489 0 489 0 -2 1632 -3 1633 -92 98 c-51 53 -100 99 -108 102 -10 4 -141 -121 -388 -368z"/> <path d="M4785 3179 c-176 -182 -384 -393 -462 -470 -79 -76 -144 -144 -145 -151 0 -7 -2 -349 -2 -760 l-1 -748 489 0 c436 0 488 2 482 15 -8 22 -8 2372 0 2413 6 29 4 32 -17 32 -19 0 -99 -77 -344 -331z"/> <path d="M1820 3223 c-1 -10 -2 -503 -3 -1095 l-2 -1078 489 0 c461 0 488 1 481 18 -4 9 -7 287 -6 618 l3 601 -107 99 c-59 54 -271 268 -472 474 -201 206 -370 377 -374 378 -5 2 -9 -5 -9 -15z"/> <path d="M1205 2755 c-271 -273 -386 -382 -467 -441 l-107 -79 2 -540 c1 -297 -2 -564 -7 -592 l-8 -53 487 0 486 0 -2 1035 c-1 761 -4 1035 -13 1034 -6 -1 -173 -165 -371 -364z"/> <path d="M3876 2263 c-107 -124 -245 -242 -337 -289 -126 -64 -329 -50 -450 31 -28 20 -62 38 -75 41 l-24 6 0 -485 c0 -267 -3 -492 -6 -501 -6 -14 42 -16 491 -16 l497 0 -5 33 c-3 17 -7 293 -8 612 -1 319 -4 588 -6 598 -7 29 -35 19 -77 -30z"/> </g> </svg> </a> <a class="hesvg4" href="https://strategy.uz/index.php?category=socialnoy_sfery"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3325 5918 c-10 -23 -596 -425 -806 -553 -58 -35 -209 -137 -335 -226 -126 -89 -384 -265 -574 -392 -190 -127 -453 -305 -585 -397 -318 -221 -582 -396 -680 -453 -45 -26 -92 -58 -105 -72 -13 -14 -29 -25 -37 -25 -10 0 -13 -21 -13 -85 0 -47 4 -85 8 -85 4 0 21 -22 37 -50 17 -27 35 -50 41 -50 6 0 26 11 45 25 19 13 70 46 114 72 44 26 103 67 132 90 29 24 53 42 53 41 0 -2 -4 -18 -9 -35 -9 -31 -7 -35 42 -79 75 -67 170 -129 352 -229 88 -48 191 -106 229 -128 l69 -41 -7 -90 c-8 -112 -40 -247 -104 -436 -27 -80 -59 -188 -72 -240 -12 -52 -29 -107 -36 -122 -8 -15 -14 -38 -14 -52 l0 -24 109 1 c60 1 112 -1 116 -5 4 -4 7 -188 6 -410 -2 -401 -2 -403 21 -450 l23 -47 65 0 65 -1 23 51 c23 50 23 54 22 422 -1 467 -3 427 15 427 11 0 15 -12 15 -42 1 -24 0 -209 0 -412 l-1 -369 27 -38 c26 -38 28 -39 88 -39 l61 0 23 50 c22 48 22 55 22 454 l0 404 51 7 c28 4 80 4 115 0 52 -5 65 -4 70 8 3 8 -17 82 -44 164 -50 147 -98 317 -147 508 -14 55 -28 111 -32 124 -14 56 26 7 104 -130 157 -273 212 -339 281 -339 11 0 72 20 135 45 184 72 260 87 324 64 54 -18 55 -39 54 -697 -2 -454 1 -601 10 -627 l13 -35 193 0 c182 0 193 1 203 20 7 13 11 224 13 639 1 341 5 622 9 626 18 18 54 -24 95 -113 86 -185 93 -199 117 -225 28 -30 72 -44 95 -30 30 18 129 158 173 242 24 46 53 90 65 99 23 14 23 14 17 -19 -3 -19 -22 -70 -41 -114 -19 -44 -50 -123 -70 -175 -19 -52 -41 -105 -49 -117 -8 -12 -14 -34 -14 -48 l0 -25 73 6 c108 10 110 6 101 -161 -3 -73 -3 -238 1 -369 l7 -236 173 0 172 0 7 68 c3 37 7 209 8 383 l1 316 76 -4 c111 -6 112 -4 58 113 -24 55 -68 172 -98 261 -45 139 -51 166 -41 188 20 43 42 39 322 -64 51 -18 104 -31 134 -31 44 0 53 4 85 38 23 24 49 72 74 132 34 87 165 342 185 362 6 6 16 2 26 -7 15 -15 16 -86 16 -839 -1 -813 -1 -822 20 -869 l21 -47 234 0 234 0 15 32 c14 27 16 107 16 647 1 339 5 753 10 920 10 352 2 327 127 387 236 112 566 305 579 339 3 8 -1 28 -9 45 -9 16 -13 30 -11 30 3 0 46 -30 97 -66 78 -56 448 -306 484 -327 7 -5 28 18 57 63 25 38 52 70 61 70 12 0 15 12 15 55 0 34 -4 55 -11 55 -6 0 -28 15 -48 33 -20 18 -88 64 -151 102 -63 37 -128 80 -145 95 -31 29 -171 123 -340 230 -55 35 -150 100 -212 146 -61 46 -129 92 -150 104 -38 21 -435 292 -747 510 l-165 115 -3 355 -3 355 -185 3 c-102 1 -195 0 -208 -3 l-23 -6 1 -207 c1 -223 1 -224 -50 -178 -24 22 -364 255 -747 512 -106 71 -193 135 -193 142 0 8 -19 12 -63 12 -55 0 -63 -3 -72 -22z m115 -309 c19 -12 55 -38 80 -59 25 -20 108 -79 185 -130 77 -52 253 -172 390 -269 291 -203 791 -540 885 -596 36 -22 99 -65 140 -96 41 -31 149 -105 240 -165 91 -59 253 -169 360 -244 107 -75 228 -158 267 -185 40 -26 71 -51 68 -55 -2 -4 -30 -10 -61 -13 -41 -4 -96 -25 -203 -75 -165 -79 -246 -108 -445 -158 -136 -34 -141 -35 -325 -32 -252 3 -258 -1 -330 -194 -72 -191 -173 -442 -197 -490 -13 -26 -24 -56 -24 -68 0 -35 -53 -21 -172 47 -42 24 -113 57 -159 74 -80 29 -88 30 -266 31 -169 1 -186 0 -211 -19 -47 -35 -100 -113 -178 -267 -71 -138 -78 -148 -91 -130 -8 10 -17 30 -20 44 -9 39 -80 215 -112 279 -17 32 -46 72 -66 90 l-37 32 -271 -3 -272 -3 -115 -51 c-63 -28 -133 -57 -155 -64 -22 -7 -59 -22 -82 -35 l-42 -23 -19 22 c-11 11 -67 118 -124 237 -102 210 -203 382 -250 426 -39 36 -77 45 -233 53 -120 7 -178 15 -290 43 -189 48 -328 98 -449 161 -56 30 -121 57 -145 61 l-43 7 54 32 c29 18 112 75 183 126 120 85 428 292 1050 702 138 91 304 206 370 255 66 49 147 104 180 123 33 18 107 68 165 110 123 90 502 345 611 413 42 26 82 54 89 62 17 20 28 19 70 -6z"/> <path d="M5078 4017 c-111 -63 -145 -120 -135 -227 12 -141 132 -244 262 -227 150 21 243 165 201 312 -30 100 -105 159 -217 169 -47 4 -61 1 -111 -27z"/> <path d="M1436 4010 c-55 -28 -82 -55 -111 -114 -60 -120 -7 -264 119 -322 89 -41 175 -29 249 36 132 117 113 314 -38 392 -59 31 -168 35 -219 8z"/> <path d="M2807 3366 c-20 -13 -51 -35 -67 -51 -87 -83 -54 -231 65 -297 67 -37 162 -39 217 -5 115 69 139 228 49 318 -62 62 -189 79 -264 35z"/> <path d="M3768 3330 c-65 -34 -93 -66 -109 -123 -24 -90 20 -185 104 -226 91 -44 228 -20 275 47 62 88 53 194 -22 268 -69 70 -155 82 -248 34z"/> </g> </svg> </a> <a class="hesvg5" href="https://strategy.uz/index.php?category=religioznoy_tolerantnosti"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3390 6563 c-33 -2 -58 -10 -63 -18 -4 -8 -45 -26 -91 -40 -118 -36 -228 -115 -300 -215 -38 -53 -102 -196 -116 -260 -14 -67 -12 -206 5 -279 41 -172 176 -346 338 -432 113 -60 326 -86 438 -53 322 95 540 396 501 689 -23 172 -83 296 -202 415 -80 81 -161 130 -245 151 -27 6 -57 18 -66 26 -18 15 -114 23 -199 16z"/> <path d="M1127 5911 c-99 -58 -127 -102 -127 -199 0 -83 37 -149 173 -312 145 -173 253 -273 398 -370 227 -150 614 -317 846 -365 103 -21 341 -38 426 -30 l67 6 0 -43 c0 -24 -9 -200 -20 -393 -26 -454 -26 -435 3 -435 13 0 50 9 83 20 32 12 102 27 154 35 111 17 120 25 120 104 0 72 25 296 50 436 10 61 21 142 25 180 3 39 22 197 42 353 25 192 34 285 27 292 -17 17 -188 -7 -363 -50 -86 -21 -180 -42 -208 -46 -139 -18 -573 90 -782 196 -107 54 -241 143 -346 232 -99 84 -136 125 -213 239 -113 169 -235 220 -355 150z"/> <path d="M5555 5916 c-56 -26 -91 -62 -166 -173 -65 -96 -112 -147 -209 -227 -176 -147 -372 -251 -625 -334 -213 -71 -247 -77 -430 -77 -151 0 -167 2 -280 34 -151 42 -295 64 -312 48 -2 -3 16 -206 42 -451 25 -246 55 -546 65 -667 11 -122 20 -222 22 -224 2 -1 61 -10 131 -19 70 -9 151 -25 180 -36 93 -36 90 -39 83 108 -10 189 -25 370 -36 431 -6 30 -10 95 -11 145 0 50 -4 100 -8 111 -20 50 -13 52 192 58 316 9 523 60 799 198 208 104 496 318 686 508 88 89 180 216 189 263 3 15 9 25 14 22 5 -3 9 32 9 77 0 45 -3 80 -6 76 -3 -3 -24 21 -45 53 -67 99 -172 127 -284 76z"/> <path d="M3270 3690 c-542 -59 -1037 -384 -1318 -865 -117 -200 -177 -455 -177 -755 0 -259 30 -389 141 -616 147 -301 367 -543 646 -709 150 -89 409 -193 551 -221 48 -9 87 -21 87 -26 0 -4 117 -8 261 -8 150 0 258 4 255 9 -7 11 10 18 70 26 63 9 196 46 310 86 277 97 562 309 750 558 78 104 191 326 239 473 80 242 87 512 20 810 -94 420 -437 858 -827 1054 -230 116 -490 177 -803 188 -71 2 -164 1 -205 -4z m60 -749 l0 -369 -122 -6 c-68 -3 -139 -7 -158 -8 -38 -3 -36 -9 -60 137 -11 70 -110 386 -135 435 -13 24 -12 29 3 42 21 19 265 105 347 123 33 7 75 13 93 14 l32 1 0 -369z m482 333 c67 -17 200 -71 262 -108 l44 -26 -10 -42 c-5 -24 -27 -101 -49 -173 -22 -71 -46 -175 -54 -230 -19 -146 -12 -138 -114 -128 -47 4 -106 7 -131 6 -25 -1 -55 0 -67 3 l-23 4 0 344 c0 190 3 352 6 360 7 18 30 16 136 -10z m-1237 -371 c9 -32 27 -92 40 -133 32 -98 55 -197 55 -236 0 -31 -1 -32 -55 -39 -114 -14 -286 -54 -341 -79 -31 -14 -59 -25 -61 -22 -2 2 1 25 7 52 14 65 70 176 134 268 59 86 188 245 198 246 4 0 15 -26 23 -57z m1940 -113 c93 -124 122 -174 150 -260 10 -30 21 -59 26 -64 12 -13 11 -46 0 -46 -5 0 -45 13 -89 29 -44 16 -120 37 -169 46 -49 9 -94 20 -101 24 -17 11 31 279 68 375 13 34 5 42 115 -104z m-1187 -689 c1 -80 -1 -148 -5 -152 -11 -9 -222 7 -256 20 l-27 11 0 114 c0 81 4 117 13 123 14 9 196 31 242 29 l30 -1 3 -144z m585 133 l37 -7 0 -128 c0 -112 -2 -129 -17 -138 -10 -5 -72 -10 -138 -12 l-120 -4 -3 130 c-4 190 -11 179 106 171 53 -3 114 -9 135 -12z m474 -58 c88 -19 229 -68 226 -80 -2 -8 -219 -69 -295 -83 l-28 -5 0 75 c0 77 6 107 20 107 5 0 39 -6 77 -14z m-1687 -75 c0 -44 -4 -82 -8 -85 -12 -7 -229 38 -276 58 -24 10 -36 20 -30 25 11 11 259 78 292 80 21 1 22 -2 22 -78z m-347 -340 c67 -22 161 -47 210 -55 48 -8 92 -18 98 -22 14 -8 5 -57 -42 -240 -21 -82 -39 -164 -39 -182 0 -82 -67 -13 -246 255 -79 119 -145 283 -113 283 5 0 65 -18 132 -39z m2343 -33 c-4 -24 -23 -74 -42 -113 -35 -69 -212 -324 -226 -324 -15 -2 -38 60 -49 131 -7 40 -18 102 -26 138 -24 111 -25 120 -21 120 27 0 255 54 293 69 74 30 79 28 71 -21z m-1511 -92 c55 -3 110 -9 123 -12 l22 -6 0 -364 c0 -308 -2 -365 -14 -370 -19 -7 -296 67 -368 98 -97 42 -93 36 -65 106 48 118 98 312 117 452 14 112 13 110 52 105 18 -2 78 -7 133 -9z m832 -171 c36 -177 53 -231 95 -320 15 -33 28 -66 28 -73 0 -16 -186 -104 -301 -143 -48 -16 -105 -29 -128 -29 l-41 0 0 338 c0 185 3 347 6 359 6 21 12 23 123 26 64 2 131 3 150 3 l35 -1 33 -160z"/> </g> </svg> </a> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> </header> <!---------------------------------------------------------------------HEADER-------------------------------------------------------------> <div id="he2"> <a href="https://uzbekistan2030.uz/uzc/davlat-dasturi" class="v-fixed-card v-fixed-card--second v-fixed-card--top wow fadeInRight" data-iblock-element-id="12746"> <p class="v-fixed-card__text--top yil">Uzbekistan2030.uz</p></a> </div> <!--------------------------------------------------------------------TOP MENU------------------------------------------------------------> <div id="topmenu"> <div class="container"> <a href="https://strategy.uz/" class="logos"> <img src="https://strategy.uz/engine/templates/strategy/images/center.png" /> <span>"ТАРАҚҚИЁТ СТРАТЕГИЯСИ" <br>&nbsp;&nbsp;МАРКАЗИ</span> <div class="clear"></div> </a> <a href="#" onclick="diplay_hide_width('#nav')" class="menumob icon-menu-1"></a> <ul id="nav"> <li class="mobstr"><a href="#" onclick="diplay_hide_width('#nav')" style="text-align:center;" class=" icon-up-open"></a></li> <li class="mobobs"><a target="_blank" href="https://2019.strategy.uz/" ><span>Муҳокамалар</span></a></li> <li><a style="cursor:default;"><span>“ЎЗБЕКИСТОН – 2030” СТРАТЕГИЯСИ<em class="icon-down-open-big"></em></span></a> <ul> <li><a class="listar" href="https://strategy.uz/index.php?static=strategy_actions"><span style="text-transform: uppercase">Мазмун-моҳияти</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=programma"><span style="text-transform: uppercase">Давлат дастури</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=o_strategii"><span>ТАРАҚҚИЁТ СТРАТЕГИЯСИ</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=prioritetnye_napravleniya"><span style="text-transform: uppercase">Устувор йўналишлар</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=o_strategii"><span>ТАРАҚҚИЁТ СТРАТЕГИЯСИ</span></a></li> <li><a class="listar" href="http://teest.strategy.uz/"><span>ТАРАҚҚИЁТ СТРАТЕГИЯСИ</span></a></li> <li><a class="listar" href="http://teest.strategy.uz/"><span>ТАРАҚҚИЁТ СТРАТЕГИЯСИ</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=prioritetnye_napravleniya"><span style="text-transform: uppercase">Устувор йўналишлар</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=programma"><span style="text-transform: uppercase">Давлат дастури</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=vypolnenie_gosprogrammy"><span style="text-transform: uppercase">Давлат дастури ижроси</span></a></li>--> </ul> </li> <li><a style="cursor:default;"><span>МАРКАЗ ҲАҚИДА<em class="icon-down-open-big"></em></span></a> <ul> <li><a class="listar" href="https://strategy.uz/index.php?static=deyatelnost_centra"><span style="text-transform: uppercase">Марказ фаолияти</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=komanda_centra"><span style="text-transform: uppercase">Марказ жамоаси</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=the_international_cooperation"><span>Халқаро ҳамкорлик</span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=proekty"><span>Лойиҳалар</span></a></li>--> <li><a class="listar" href="https://strategy.uz/index.php?category=analitika"><span style="text-transform: uppercase">Аналитик материаллар</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?category=izdaniya"><span>Нашрлар</span></a></li>--> </ul> </li> <li><a href="https://strategy.uz/index.php?category=news" ><span>ЯНГИЛИКЛАР</span></a></li> <li><a style="cursor:default;"><span>АХБОРОТ ХИЗМАТИ<em class="icon-down-open-big"></em></span></a> <ul> <!--<li><a class="listar" href="https://strategy.uz/index.php?category=press_reliz"><span style="text-transform: uppercase">Рисолалар</span></a></li>--> <li><a class="listar" href="https://strategy.uz/index.php?category=smi_o_nas"><span style="text-transform: uppercase">ОАВ биз ҳақимизда</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=fotos"><span style="text-transform: uppercase">Фото</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=video"><span style="text-transform: uppercase">Видео</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=journals"><span style="text-transform: uppercase">Журнал</span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?category=anons"><span></span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=doklady"><span>Ҳисоботлар</span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?gallery=infographic"><span>ЙИЛ ЯКУНЛАРИ</span></a></li>--> <!--<li><a class="listar" href=""><span>Эълонлар</span></a></li>--> </ul> </li> <li><a href="https://strategy.uz/index.php?static=vypolnenie_gosprogrammy" ><span style="text-transform: uppercase">Давлат дастури ижроси</span></a></li> <li><a href="https://strategy.uz/index.php?category=infog" ><span style="text-transform: uppercase">Инфографика</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=izdaniya"><span style="text-transform: uppercase">Рисолалар</span></a></li> <!-- <li><a class="listar" href="https://strategy.uz/index.php?category=stateprogramm"><span style="text-transform: uppercase">Рисолалар</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=journals"><span style="text-transform: uppercase">Рисолалар</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=press_reliz"><span style="text-transform: uppercase">Рисолалар</span></a></li> <li><a href="http://journal.strategy.uz/"><span style="text-transform: uppercase">Журнал</span></a></li> <li><a href="https://strategy.uz/index.php?category=itogi"><span style="text-transform: uppercase">Журнал</span></a></li> <!-- <li><a style="cursor:default;"><span>ЙИЛ ЯКУНЛАРИ<em class="icon-down-open-big"></em></span></a> <ul> <!--<li><a class="listar" href="https://strategy.uz/index.php?category=itogi"><span>Рисолалар</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=smi_o_nas"><span>ОАВ биз ҳақимизда</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?gallery=foto"><span>Фото</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=video"><span>Видео</span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=doklady"><span>Ҳисоботлар</span></a></li>--> <!-- <li><a class="listar" href="https://strategy.uz/index.php?category=itogi"><span style="text-transform: uppercase">Журнал</span></a></li> <!--<li><a class="listar" href=""><span>Эълонлар</span></a></li>--> <!-- </ul> </li>--> </ul> <!--<a class="activsup" target="_blank" href="https://fikr.strategy.uz/">Муҳокамалар</a>--> <ul id="toplang"> <li><a href="#" ><span class="lanpunkt"><img src="https://strategy.uz/languages/uz.png" /> Ўзбек<em class="icon-down-open-big"></em></span></a> <ul> <li><a href="/index.php?news=1017&lang=ru" ><span class="lanpunkt"><img src="https://strategy.uz/languages/ru.png" /> Русский</span></a></li> <li><a href="/index.php?news=1017&lang=uz" ><span class="lanpunkt"><img src="https://strategy.uz/languages/uz.png" /> О'zbek</span></a></li> <li><a href="/index.php?news=1017&lang=en" ><span class="lanpunkt"><img src="https://strategy.uz/languages/en.png" /> English</span></a></li> </ul> </li> </ul> <div class="clear"></div> </div> </div> <div class="clear"> </div> <!--------------------------------------------------------------------TOP MENU------------------------------------------------------------> <!-------------------------------------------------------------------POSITION1------------------------------------------------------------> <!-------------------------------------------------------------------POSITION1------------------------------------------------------------> <!-------------------------------------------------------------------POSITION2------------------------------------------------------------> <!-------------------------------------------------------------------POSITION2------------------------------------------------------------> <!-------------------------------------------------------------------POSITION3------------------------------------------------------------> <!-------------------------------------------------------------------POSITION3------------------------------------------------------------> <!--<div class="speedbar"> <div class="container"> <em class="icon-th-large-outline"></em><a href="https://strategy.uz/"></a href="https://strategy.uz/"><span> &rArr; </span><a href="https://strategy.uz/index.php?category=news">Янгиликлар</a href="https://strategy.uz/index.php?category=news"><span> &rArr; </span><a href="https://strategy.uz/index.php?category=socialnoy_sfery">Ижтимоий соҳани ривожлантиришнинг устувор йўналишлари</a href="https://strategy.uz/index.php?category=socialnoy_sfery"><span> &rArr; </span><a href="https://strategy.uz/index.php?archive=2020">2020</a href="https://strategy.uz/index.php?archive=2020"><span> &rArr; </span><span>COVID-19: «Супер касаллик ташувчилар» кимлар?</span> </div> </div>--> <content id="content"> <div class="container" id="accordion"> <style id="fit-vids-style"> @import url('https://fonts.googleapis.com/css?family=Lobster|Play|Roboto+Condensed|Spectral+SC'); @charset "UTF-8"; /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0; font-family: 'Play', sans-serif; } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0 } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px } [type="search"]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em" } html { box-sizing: border-box; font-size: 100% } *, *::before, *::after { box-sizing: inherit; font-family: 'Play', sans-serif; } body { margin: 0; padding: 0; background: #fcfcfc; font-family: "Noto Serif", serif; font-weight: 400; line-height: 22px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic } textarea { height: auto; min-height: 50px; border-radius: 2px } select { box-sizing: border-box; width: 100%; border-radius: 2px } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important } button { padding: 0; appearance: none; border: 0; border-radius: 2px; background: transparent; line-height: 1; cursor: auto } [data-whatinput='mouse'] button { outline: 0 } pre { overflow: auto } button, input, optgroup, select, textarea { font-family: inherit } .is-visible { display: block !important } .is-hidden { display: none !important } .grid-container { padding-right: .625rem; padding-left: .625rem; max-width: 1400px; margin: 0 auto } @media print, screen and (min-width: 40em) { .grid-container { padding-right: .9375rem; padding-left: .9375rem } } .grid-container.fluid { padding-right: .625rem; padding-left: .625rem; max-width: 100%; margin: 0 auto } @media print, screen and (min-width: 40em) { .grid-container.fluid { padding-right: .9375rem; padding-left: .9375rem } } .grid-container.full { padding-right: 0; padding-left: 0; max-width: 100%; margin: 0 auto } .grid-x { display: flex; flex-flow: row wrap } .cell { flex: 0 0 auto; min-height: 0; min-width: 0; width: 100% } .cell.auto { flex: 1 1 0 } .cell.shrink { flex: 0 0 auto } .grid-x > .auto { width: auto } .grid-x > .shrink { width: auto } .grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { flex-basis: auto } @media print, screen and (min-width: 40em) { .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { flex-basis: auto } } @media print, screen and (min-width: 64em) { .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { flex-basis: auto } } @media screen and (min-width: 75em) { .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 { flex-basis: auto } } .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { flex: 0 0 auto } .grid-x > .small-1 { width: 8.33333% } .grid-x > .small-2 { width: 16.66667% } .grid-x > .small-3 { width: 25% } .grid-x > .small-4 { width: 33.33333% } .grid-x > .small-5 { width: 41.66667% } .grid-x > .small-6 { width: 50% } .grid-x > .small-7 { width: 58.33333% } .grid-x > .small-8 { width: 66.66667% } .grid-x > .small-9 { width: 75% } .grid-x > .small-10 { width: 83.33333% } .grid-x > .small-11 { width: 91.66667% } .grid-x > .small-12 { width: 100% } @media print, screen and (min-width: 40em) { .grid-x > .medium-auto { flex: 1 1 0; width: auto } .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { flex: 0 0 auto } .grid-x > .medium-shrink { width: auto } .grid-x > .medium-1 { width: 8.33333% } .grid-x > .medium-2 { width: 16.66667% } .grid-x > .medium-3 { width: 25% } .grid-x > .medium-4 { width: 33.33333% } .grid-x > .medium-5 { width: 41.66667% } .grid-x > .medium-6 { width: 50% } .grid-x > .medium-7 { width: 58.33333% } .grid-x > .medium-8 { width: 66.66667% } .grid-x > .medium-9 { width: 75% } .grid-x > .medium-10 { width: 83.33333% } .grid-x > .medium-11 { width: 91.66667% } .grid-x > .medium-12 { width: 100% } } @media print, screen and (min-width: 64em) { .grid-x > .large-auto { flex: 1 1 0; width: auto } .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { flex: 0 0 auto } .grid-x > .large-shrink { width: auto } .grid-x > .large-1 { width: 8.33333% } .grid-x > .large-2 { width: 16.66667% } .grid-x > .large-3 { width: 25% } .grid-x > .large-4 { width: 33.33333% } .grid-x > .large-5 { width: 41.66667% } .grid-x > .large-6 { width: 50% } .grid-x > .large-7 { width: 58.33333% } .grid-x > .large-8 { width: 66.66667% } .grid-x > .large-9 { width: 75% } .grid-x > .large-10 { width: 83.33333% } .grid-x > .large-11 { width: 91.66667% } .grid-x > .large-12 { width: 100% } } @media screen and (min-width: 75em) { .grid-x > .xlarge-auto { flex: 1 1 0; width: auto } .grid-x > .xlarge-shrink, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 { flex: 0 0 auto } .grid-x > .xlarge-shrink { width: auto } .grid-x > .xlarge-1 { width: 8.33333% } .grid-x > .xlarge-2 { width: 16.66667% } .grid-x > .xlarge-3 { width: 25% } .grid-x > .xlarge-4 { width: 33.33333% } .grid-x > .xlarge-5 { width: 41.66667% } .grid-x > .xlarge-6 { width: 50% } .grid-x > .xlarge-7 { width: 58.33333% } .grid-x > .xlarge-8 { width: 66.66667% } .grid-x > .xlarge-9 { width: 75% } .grid-x > .xlarge-10 { width: 83.33333% } .grid-x > .xlarge-11 { width: 91.66667% } .grid-x > .xlarge-12 { width: 100% } } .grid-margin-x:not(.grid-x) > .cell { width: auto } .grid-margin-y:not(.grid-y) > .cell { height: auto } .grid-margin-x { margin-left: -.625rem; margin-right: -.625rem } @media print, screen and (min-width: 40em) { .grid-margin-x { margin-left: -.9375rem; margin-right: -.9375rem } } .grid-margin-x > .cell { width: calc(100% - 1.25rem); margin-left: .625rem; margin-right: .625rem } @media print, screen and (min-width: 40em) { .grid-margin-x > .cell { width: calc(100% - 1.875rem); margin-left: .9375rem; margin-right: .9375rem } } .grid-margin-x > .auto { width: auto } .grid-margin-x > .shrink { width: auto } .grid-margin-x > .small-1 { width: calc(8.33333% - 1.25rem) } .grid-margin-x > .small-2 { width: calc(16.66667% - 1.25rem) } .grid-margin-x > .small-3 { width: calc(25% - 1.25rem) } .grid-margin-x > .small-4 { width: calc(33.33333% - 1.25rem) } .grid-margin-x > .small-5 { width: calc(41.66667% - 1.25rem) } .grid-margin-x > .small-6 { width: calc(50% - 1.25rem) } .grid-margin-x > .small-7 { width: calc(58.33333% - 1.25rem) } .grid-margin-x > .small-8 { width: calc(66.66667% - 1.25rem) } .grid-margin-x > .small-9 { width: calc(75% - 1.25rem) } .grid-margin-x > .small-10 { width: calc(83.33333% - 1.25rem) } .grid-margin-x > .small-11 { width: calc(91.66667% - 1.25rem) } .grid-margin-x > .small-12 { width: calc(100% - 1.25rem) } @media print, screen and (min-width: 40em) { .grid-margin-x > .auto { width: auto } .grid-margin-x > .shrink { width: auto } .grid-margin-x > .small-1 { width: calc(8.33333% - 1.875rem) } .grid-margin-x > .small-2 { width: calc(16.66667% - 1.875rem) } .grid-margin-x > .small-3 { width: calc(25% - 1.875rem) } .grid-margin-x > .small-4 { width: calc(33.33333% - 1.875rem) } .grid-margin-x > .small-5 { width: calc(41.66667% - 1.875rem) } .grid-margin-x > .small-6 { width: calc(50% - 1.875rem) } .grid-margin-x > .small-7 { width: calc(58.33333% - 1.875rem) } .grid-margin-x > .small-8 { width: calc(66.66667% - 1.875rem) } .grid-margin-x > .small-9 { width: calc(75% - 1.875rem) } .grid-margin-x > .small-10 { width: calc(83.33333% - 1.875rem) } .grid-margin-x > .small-11 { width: calc(91.66667% - 1.875rem) } .grid-margin-x > .small-12 { width: calc(100% - 1.875rem) } .grid-margin-x > .medium-auto { width: auto } .grid-margin-x > .medium-shrink { width: auto } .grid-margin-x > .medium-1 { width: calc(8.33333% - 1.875rem) } .grid-margin-x > .medium-2 { width: calc(16.66667% - 1.875rem) } .grid-margin-x > .medium-3 { width: calc(25% - 1.875rem) } .grid-margin-x > .medium-4 { width: calc(33.33333% - 1.875rem) } .grid-margin-x > .medium-5 { width: calc(41.66667% - 1.875rem) } .grid-margin-x > .medium-6 { width: calc(50% - 1.875rem) } .grid-margin-x > .medium-7 { width: calc(58.33333% - 1.875rem) } .grid-margin-x > .medium-8 { width: calc(66.66667% - 1.875rem) } .grid-margin-x > .medium-9 { width: calc(75% - 1.875rem) } .grid-margin-x > .medium-10 { width: calc(83.33333% - 1.875rem) } .grid-margin-x > .medium-11 { width: calc(91.66667% - 1.875rem) } .grid-margin-x > .medium-12 { width: calc(100% - 1.875rem) } } @media print, screen and (min-width: 64em) { .grid-margin-x > .large-auto { width: auto } .grid-margin-x > .large-shrink { width: auto } .grid-margin-x > .large-1 { width: calc(8.33333% - 1.875rem) } .grid-margin-x > .large-2 { width: calc(16.66667% - 1.875rem) } .grid-margin-x > .large-3 { width: calc(25% - 1.875rem) } .grid-margin-x > .large-4 { width: calc(33.33333% - 1.875rem) } .grid-margin-x > .large-5 { width: calc(41.66667% - 1.875rem) } .grid-margin-x > .large-6 { width: calc(50% - 1.875rem) } .grid-margin-x > .large-7 { width: calc(58.33333% - 1.875rem) } .grid-margin-x > .large-8 { width: calc(66.66667% - 1.875rem) } .grid-margin-x > .large-9 { width: calc(75% - 1.875rem) } .grid-margin-x > .large-10 { width: calc(83.33333% - 1.875rem) } .grid-margin-x > .large-11 { width: calc(91.66667% - 1.875rem) } .grid-margin-x > .large-12 { width: calc(100% - 1.875rem) } } @media screen and (min-width: 75em) { .grid-margin-x > .xlarge-auto { width: auto } .grid-margin-x > .xlarge-shrink { width: auto } .grid-margin-x > .xlarge-1 { width: calc(8.33333% - 1.875rem) } .grid-margin-x > .xlarge-2 { width: calc(16.66667% - 1.875rem) } .grid-margin-x > .xlarge-3 { width: calc(25% - 1.875rem) } .grid-margin-x > .xlarge-4 { width: calc(33.33333% - 1.875rem) } .grid-margin-x > .xlarge-5 { width: calc(41.66667% - 1.875rem) } .grid-margin-x > .xlarge-6 { width: calc(50% - 1.875rem) } .grid-margin-x > .xlarge-7 { width: calc(58.33333% - 1.875rem) } .grid-margin-x > .xlarge-8 { width: calc(66.66667% - 1.875rem) } .grid-margin-x > .xlarge-9 { width: calc(75% - 1.875rem) } .grid-margin-x > .xlarge-10 { width: calc(83.33333% - 1.875rem) } .grid-margin-x > .xlarge-11 { width: calc(91.66667% - 1.875rem) } .grid-margin-x > .xlarge-12 { width: calc(100% - 1.875rem) } } .grid-padding-x .grid-padding-x { margin-right: -.625rem; margin-left: -.625rem } @media print, screen and (min-width: 40em) { .grid-padding-x .grid-padding-x { margin-right: -.9375rem; margin-left: -.9375rem } } .grid-container:not(.full) > .grid-padding-x { margin-right: -.625rem; margin-left: -.625rem } @media print, screen and (min-width: 40em) { .grid-container:not(.full) > .grid-padding-x { margin-right: -.9375rem; margin-left: -.9375rem } } .grid-padding-x > .cell { padding-right: .625rem; padding-left: .625rem } @media print, screen and (min-width: 40em) { .grid-padding-x > .cell { padding-right: .9375rem; padding-left: .9375rem } } .small-offset-0 { margin-left: 0% } .grid-margin-x > .small-offset-0 { margin-left: calc(0% + .625rem) } .small-offset-1 { margin-left: 8.33333% } .grid-margin-x > .small-offset-1 { margin-left: calc(8.33333% + .625rem) } .small-offset-2 { margin-left: 16.66667% } .grid-margin-x > .small-offset-2 { margin-left: calc(16.66667% + .625rem) } .small-offset-3 { margin-left: 25% } .grid-margin-x > .small-offset-3 { margin-left: calc(25% + .625rem) } .small-offset-4 { margin-left: 33.33333% } .grid-margin-x > .small-offset-4 { margin-left: calc(33.33333% + .625rem) } .small-offset-5 { margin-left: 41.66667% } .grid-margin-x > .small-offset-5 { margin-left: calc(41.66667% + .625rem) } .small-offset-6 { margin-left: 50% } .grid-margin-x > .small-offset-6 { margin-left: calc(50% + .625rem) } .small-offset-7 { margin-left: 58.33333% } .grid-margin-x > .small-offset-7 { margin-left: calc(58.33333% + .625rem) } .small-offset-8 { margin-left: 66.66667% } .grid-margin-x > .small-offset-8 { margin-left: calc(66.66667% + .625rem) } .small-offset-9 { margin-left: 75% } .grid-margin-x > .small-offset-9 { margin-left: calc(75% + .625rem) } .small-offset-10 { margin-left: 83.33333% } .grid-margin-x > .small-offset-10 { margin-left: calc(83.33333% + .625rem) } .small-offset-11 { margin-left: 91.66667% } .grid-margin-x > .small-offset-11 { margin-left: calc(91.66667% + .625rem) } @media print, screen and (min-width: 40em) { .medium-offset-0 { margin-left: 0% } .grid-margin-x > .medium-offset-0 { margin-left: calc(0% + .9375rem) } .medium-offset-1 { margin-left: 8.33333% } .grid-margin-x > .medium-offset-1 { margin-left: calc(8.33333% + .9375rem) } .medium-offset-2 { margin-left: 16.66667% } .grid-margin-x > .medium-offset-2 { margin-left: calc(16.66667% + .9375rem) } .medium-offset-3 { margin-left: 25% } .grid-margin-x > .medium-offset-3 { margin-left: calc(25% + .9375rem) } .medium-offset-4 { margin-left: 33.33333% } .grid-margin-x > .medium-offset-4 { margin-left: calc(33.33333% + .9375rem) } .medium-offset-5 { margin-left: 41.66667% } .grid-margin-x > .medium-offset-5 { margin-left: calc(41.66667% + .9375rem) } .medium-offset-6 { margin-left: 50% } .grid-margin-x > .medium-offset-6 { margin-left: calc(50% + .9375rem) } .medium-offset-7 { margin-left: 58.33333% } .grid-margin-x > .medium-offset-7 { margin-left: calc(58.33333% + .9375rem) } .medium-offset-8 { margin-left: 66.66667% } .grid-margin-x > .medium-offset-8 { margin-left: calc(66.66667% + .9375rem) } .medium-offset-9 { margin-left: 75% } .grid-margin-x > .medium-offset-9 { margin-left: calc(75% + .9375rem) } .medium-offset-10 { margin-left: 83.33333% } .grid-margin-x > .medium-offset-10 { margin-left: calc(83.33333% + .9375rem) } .medium-offset-11 { margin-left: 91.66667% } .grid-margin-x > .medium-offset-11 { margin-left: calc(91.66667% + .9375rem) } } @media print, screen and (min-width: 64em) { .large-offset-0 { margin-left: 0% } .grid-margin-x > .large-offset-0 { margin-left: calc(0% + .9375rem) } .large-offset-1 { margin-left: 8.33333% } .grid-margin-x > .large-offset-1 { margin-left: calc(8.33333% + .9375rem) } .large-offset-2 { margin-left: 16.66667% } .grid-margin-x > .large-offset-2 { margin-left: calc(16.66667% + .9375rem) } .large-offset-3 { margin-left: 25% } .grid-margin-x > .large-offset-3 { margin-left: calc(25% + .9375rem) } .large-offset-4 { margin-left: 33.33333% } .grid-margin-x > .large-offset-4 { margin-left: calc(33.33333% + .9375rem) } .large-offset-5 { margin-left: 41.66667% } .grid-margin-x > .large-offset-5 { margin-left: calc(41.66667% + .9375rem) } .large-offset-6 { margin-left: 50% } .grid-margin-x > .large-offset-6 { margin-left: calc(50% + .9375rem) } .large-offset-7 { margin-left: 58.33333% } .grid-margin-x > .large-offset-7 { margin-left: calc(58.33333% + .9375rem) } .large-offset-8 { margin-left: 66.66667% } .grid-margin-x > .large-offset-8 { margin-left: calc(66.66667% + .9375rem) } .large-offset-9 { margin-left: 75% } .grid-margin-x > .large-offset-9 { margin-left: calc(75% + .9375rem) } .large-offset-10 { margin-left: 83.33333% } .grid-margin-x > .large-offset-10 { margin-left: calc(83.33333% + .9375rem) } .large-offset-11 { margin-left: 91.66667% } .grid-margin-x > .large-offset-11 { margin-left: calc(91.66667% + .9375rem) } } @media screen and (min-width: 75em) { .xlarge-offset-0 { margin-left: 0% } .grid-margin-x > .xlarge-offset-0 { margin-left: calc(0% + .9375rem) } .xlarge-offset-1 { margin-left: 8.33333% } .grid-margin-x > .xlarge-offset-1 { margin-left: calc(8.33333% + .9375rem) } .xlarge-offset-2 { margin-left: 16.66667% } .grid-margin-x > .xlarge-offset-2 { margin-left: calc(16.66667% + .9375rem) } .xlarge-offset-3 { margin-left: 25% } .grid-margin-x > .xlarge-offset-3 { margin-left: calc(25% + .9375rem) } .xlarge-offset-4 { margin-left: 33.33333% } .grid-margin-x > .xlarge-offset-4 { margin-left: calc(33.33333% + .9375rem) } .xlarge-offset-5 { margin-left: 41.66667% } .grid-margin-x > .xlarge-offset-5 { margin-left: calc(41.66667% + .9375rem) } .xlarge-offset-6 { margin-left: 50% } .grid-margin-x > .xlarge-offset-6 { margin-left: calc(50% + .9375rem) } .xlarge-offset-7 { margin-left: 58.33333% } .grid-margin-x > .xlarge-offset-7 { margin-left: calc(58.33333% + .9375rem) } .xlarge-offset-8 { margin-left: 66.66667% } .grid-margin-x > .xlarge-offset-8 { margin-left: calc(66.66667% + .9375rem) } .xlarge-offset-9 { margin-left: 75% } .grid-margin-x > .xlarge-offset-9 { margin-left: calc(75% + .9375rem) } .xlarge-offset-10 { margin-left: 83.33333% } .grid-margin-x > .xlarge-offset-10 { margin-left: calc(83.33333% + .9375rem) } .xlarge-offset-11 { margin-left: 91.66667% } .grid-margin-x > .xlarge-offset-11 { margin-left: calc(91.66667% + .9375rem) } } .hide { display: none !important } .invisible { visibility: hidden } @media screen and (max-width: 39.99875em) { .hide-for-small-only { display: none !important } } @media screen and (max-width: 0), screen and (min-width: 40em) { .show-for-small-only { display: none !important } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important } } @media screen and (max-width: 39.99875em) { .show-for-medium { display: none !important } } @media screen and (min-width: 40em) and (max-width: 63.99875em) { .hide-for-medium-only { display: none !important } } @media screen and (max-width: 39.99875em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important } } @media screen and (max-width: 63.99875em) { .show-for-large { display: none !important } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .hide-for-large-only { display: none !important } } @media screen and (max-width: 63.99875em), screen and (min-width: 75em) { .show-for-large-only { display: none !important } } @media screen and (min-width: 75em) { .hide-for-xlarge { display: none !important } } @media screen and (max-width: 74.99875em) { .show-for-xlarge { display: none !important } } @media screen and (min-width: 75em) and (max-width: 89.99875em) { .hide-for-xlarge-only { display: none !important } } @media screen and (max-width: 74.99875em), screen and (min-width: 90em) { .show-for-xlarge-only { display: none !important } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal } .show-for-landscape, .hide-for-portrait { display: block !important } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important } } .hide-for-landscape, .show-for-portrait { display: none !important } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important } } .align-left { justify-content: flex-start } .align-right { justify-content: flex-end } .align-center { justify-content: center } .align-justify { justify-content: space-between } .align-spaced { justify-content: space-around } .align-left.vertical.menu > li > a { justify-content: flex-start } .align-right.vertical.menu > li > a { justify-content: flex-end } .align-center.vertical.menu > li > a { justify-content: center } .align-top { align-items: flex-start } .align-self-top { align-self: flex-start } .align-bottom { align-items: flex-end } .align-self-bottom { align-self: flex-end } .align-middle { align-items: center } .align-self-middle { align-self: center } .align-stretch { align-items: stretch } .align-self-stretch { align-self: stretch } .align-center-middle { justify-content: center; align-items: center; align-content: center } .small-order-1 { order: 1 } .small-order-2 { order: 2 } .small-order-3 { order: 3 } .small-order-4 { order: 4 } .small-order-5 { order: 5 } .small-order-6 { order: 6 } @media print, screen and (min-width: 40em) { .medium-order-1 { order: 1 } .medium-order-2 { order: 2 } .medium-order-3 { order: 3 } .medium-order-4 { order: 4 } .medium-order-5 { order: 5 } .medium-order-6 { order: 6 } } @media print, screen and (min-width: 64em) { .large-order-1 { order: 1 } .large-order-2 { order: 2 } .large-order-3 { order: 3 } .large-order-4 { order: 4 } .large-order-5 { order: 5 } .large-order-6 { order: 6 } } @media screen and (min-width: 75em) { .xlarge-order-1 { order: 1 } .xlarge-order-2 { order: 2 } .xlarge-order-3 { order: 3 } .xlarge-order-4 { order: 4 } .xlarge-order-5 { order: 5 } .xlarge-order-6 { order: 6 } } .flex-container { display: flex } .flex-child-auto { flex: 1 1 auto } .flex-child-grow { flex: 1 0 auto } .flex-child-shrink { flex: 0 1 auto } .flex-dir-row { flex-direction: row } .flex-dir-row-reverse { flex-direction: row-reverse } .flex-dir-column { flex-direction: column } .flex-dir-column-reverse { flex-direction: column-reverse } @media print, screen and (min-width: 40em) { .medium-flex-container { display: flex } .medium-flex-child-auto { flex: 1 1 auto } .medium-flex-child-grow { flex: 1 0 auto } .medium-flex-child-shrink { flex: 0 1 auto } .medium-flex-dir-row { flex-direction: row } .medium-flex-dir-row-reverse { flex-direction: row-reverse } .medium-flex-dir-column { flex-direction: column } .medium-flex-dir-column-reverse { flex-direction: column-reverse } } @media print, screen and (min-width: 64em) { .large-flex-container { display: flex } .large-flex-child-auto { flex: 1 1 auto } .large-flex-child-grow { flex: 1 0 auto } .large-flex-child-shrink { flex: 0 1 auto } .large-flex-dir-row { flex-direction: row } .large-flex-dir-row-reverse { flex-direction: row-reverse } .large-flex-dir-column { flex-direction: column } .large-flex-dir-column-reverse { flex-direction: column-reverse } } @media screen and (min-width: 75em) { .xlarge-flex-container { display: flex } .xlarge-flex-child-auto { flex: 1 1 auto } .xlarge-flex-child-grow { flex: 1 0 auto } .xlarge-flex-child-shrink { flex: 0 1 auto } .xlarge-flex-dir-row { flex-direction: row } .xlarge-flex-dir-row-reverse { flex-direction: row-reverse } .xlarge-flex-dir-column { flex-direction: column } .xlarge-flex-dir-column-reverse { flex-direction: column-reverse } } html, body { height: 100% } body { font-size: 16px; height: auto !important; min-height: 100vh; flex-direction: column; display: flex; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; min-width: 320px } h1, h2, h3, h4, p, figure, input, blockquote, q { margin: 0; padding: 0 } h1 { font-size: 29px; font-weight: 400; line-height: 28px } h2, h3, h4 { font-weight: 400 } a, button, .button, .ui-button { color: #333; text-decoration: none } h3, legend, h2 { line-height: 30px } legend, p, input { line-height: inherit } fieldset { padding: 0; margin: 0 } h2 { font-size: 17px; text-align: left; color: inherit; font-weight: 400 } h3 { font-size: unset } .title-inline { font-weight: 700; text-transform: uppercase } .preload * { transition: none !important } .infinite-loading:after { content: ""; width: 100%; display: block; height: 90px; opacity: 1; transition: opacity 300ms } .infinite-more-link { display: none } body:before { display: none } @media screen and (max-width: 39.99875em) { body:before { content: "small" } } @media screen and (max-width: 28.125em) { body:before { content: "xsmall" } } @media screen and (min-width: 40em) and (max-width: 63.99875em) { body:before { content: "medium" } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { body:before { content: "large" } } @media screen and (min-width: 75em) { body:before { content: "xlarge" } } .header-main, .nav--sections { display: flex; align-items: center; background-color: #f2f0ee } .header-main { justify-content: space-between; border-bottom: 1px solid #c60c30 } .nav__list { display: flex; align-items: center; list-style: none; text-transform: uppercase; font-weight: 700; margin: 0; padding-left: 0 } .nav__list a { display: block; color: inherit } .nav__list a:hover { color: #c60c30 } .nav__list--sections { display: none; flex: 0 1 auto } @media screen and (min-width: 62.5em) { .nav__list--sections { display: flex; overflow: hidden; position: relative; padding-right: 20px } .nav__list--sections:after { content: ""; width: 20px; display: block; position: absolute; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #f2f0ee); top: 0; bottom: 0; right: 0 } } .nav__list--icon-hr [role="menuitem"] { margin-right: 20px } .nav__item--highlighted { color: #c60c30 } .nav--sections { color: #fcfcfc; justify-content: flex-end } @media screen and (min-width: 62.5em) { .nav--sections { justify-content: space-between } } .nav--sections .nav__list li:first-of-type a { padding-left: 0 } .nav--sections .nav__list li:last-of-type a { padding-right: 0 } .nav--sections .nav__list li:last-of-type a:after { display: none } .nav--sections .nav__item { padding: 5px 11px 5px 10px; position: relative } .nav--sections .nav__item:after { content: "|"; position: absolute; right: -5px; color: #333 } .nav__icon { margin-left: 10px } .nav__group { margin-left: 20px } .nav__item { display: block; text-align: right; color: inherit } .nav__sub > .list { display: flex; flex-wrap: wrap; margin-bottom: 20px; text-align: right } @media screen and (min-width: 40em) { .nav__sub > .list { text-align: left } } .nav__heading { font-weight: 700; display: block; margin: 40px 0 20px } #sticky__nav { overflow: hidden } .logo, .initials { margin: 10px 0; height: 31px; background-image: url(../images/ps_logo.svg); width: 40px; position: relative; background-repeat: no-repeat } .logo img, .initials img { visibility: hidden } @media screen and (min-width: 40em) { .logo { background-image: none; height: 39px; width: 306px; display: block } .logo img { visibility: visible } } @media screen and (min-width: 75em) { .logo { height: 50px; width: 400px } .logo:before { width: 1px; background-color: #c60c30; content: ""; position: absolute; height: calc(100% - 13px); top: 4px; left: auto; right: -20px } .logo:after { content: "Taraqqiyot Strategiyasi Markazi"; position: absolute; text-transform: uppercase; height: 100%; padding-left: 5px; line-height: 21px; font-size: 20px; letter-spacing: 1.82px; right: -195px; left: auto; width: 175px; height: 41px; color: #595959; top: 0 } } .link__internal, .link__glossary, .comment[data-line-id] .paragraph__caller { position: relative; padding: 0 15px 0 0; white-space: nowrap; margin-right: 3px } .link__internal:after, .link__glossary:after, .comment[data-line-id] .paragraph__caller:after { display: inline-block; height: 12px; width: 12px; top: 6px; right: 0; line-height: inherit } .article__body > p a:not(.button):not(.ui-button), .article__body .question a:not(.button):not(.ui-button), .article__abs a:not(.button):not(.ui-button) { color: #2499e0 } .article__body > p a:not(.button):not(.ui-button):hover, .article__body .question a:not(.button):not(.ui-button):hover, .article__abs a:not(.button):not(.ui-button):hover { color: #c60c30; text-decoration: underline } .article__headerintro { position: relative; width: 100%; height: 100px } @media screen and (min-width: 64em) { .article__headerintro { height: 230px } } .article__headerintro--img { top: -100px; position: absolute; background-color: transparent } @media screen and (min-width: 64em) { .article__headerintro--img { top: -230px } } .article__headerintro .cell { padding: 0 } .article__headerintro .list-page__title, .article__headerintro .onpoint__section--title { text-align: center; color: #fcfcfc } .article__headerintro .list-page__title a, .article__headerintro .onpoint__section--title a { color: #fcfcfc } .article__sidebar { padding-left: 0; width: 100% } .interaction--inprogress .article__sidebar { display: none } .article__title { text-align: center } @media screen and (min-width: 75em) { .article__title--main.xlarge-7 { padding: 0 30px } } .article--noimage { margin-top: 20px } @media screen and (min-width: 40em) { .article--noimage { margin-top: 40px } } .article--image-m { margin-top: 40px } .article--image-m figure { padding: 0; text-align: center; z-index: -1 } .article--image-m figcaption { text-align: left } .article .editor-note { border: 1px solid #c60c30; padding: 10px; margin: 20px 0; font-style: italic } .article .editor-note strong { font-style: normal; font-weight: 700; text-transform: uppercase } .article__body > p, .article__body > h2, .article__body > h3, .article__body > h4, .article__body > li, .article__body > q, .article__body > blockquote, .article__body > .article__body > div { position: relative; margin-top: 20px } .article__body > p img { display: inline-block; margin: 20px auto } .article__body .link[aria-expanded=true], .article__body .link:hover { color: #c60c30 } .article__body figure .comment__caller { display: none } .article__body figure > a { z-index: 1; position: relative } .article__body q, .article__body blockquote { quotes: "“" "”" "‘" "’"; color: #c60c30; position: relative; z-index: 1 } .article__body q:not(.inline-quote), .article__body blockquote:not(.inline-quote) { margin: 40px 0 30px; padding-left: 30px } .article__body q:not(.inline-quote) .comment__caller, .article__body blockquote:not(.inline-quote) .comment__caller { display: none } .article__body q:before, .article__body blockquote:before { content: open-quote; font-size: 250%; position: absolute; left: 0; top: 10px } .article__body q.inline-quote, .article__body blockquote.inline-quote { padding-left: 40px } .article__body q.inline-quote:before, .article__body blockquote.inline-quote:before { left: -10px; top: 20px } .article__body q:after, .article__body blockquote:after { content: no-close-quote } .article__body--text p strong { color: #c60c30 } .article__body--text h3 { font-weight: 700 } .article__body--commentary, .article__body--interview, .article__body--bookmark { margin-right: 30px } @media screen and (min-width: 40em) { .article__body--commentary q:not(.inline-quote), .article__body--commentary blockquote:not(.inline-quote), .article__body--interview q:not(.inline-quote), .article__body--interview blockquote:not(.inline-quote), .article__body--bookmark q:not(.inline-quote), .article__body--bookmark blockquote:not(.inline-quote) { margin-right: 20px } } .article__body--commentary q.inline-quote, .article__body--commentary blockquote.inline-quote, .article__body--interview q.inline-quote, .article__body--interview blockquote.inline-quote, .article__body--bookmark q.inline-quote, .article__body--bookmark blockquote.inline-quote { color: inherit; font-style: italic } .article__body--commentary q.inline-quote:before, .article__body--commentary blockquote.inline-quote:before, .article__body--interview q.inline-quote:before, .article__body--interview blockquote.inline-quote:before, .article__body--bookmark q.inline-quote:before, .article__body--bookmark blockquote.inline-quote:before { font-size: 500%; color: #c60c30 } .article__body--commentary:not(.chinese) > p:first-of-type:first-letter, .article__body--bookmark:not(.chinese) > p:first-of-type:first-letter { font-weight: 700; color: #c60c30; font-size: 51px; float: left; margin: 5.5px 10px 0 0 } @media screen and (min-width: 40em) { .article__body--commentary:not(.chinese) > p:first-of-type:first-letter, .article__body--bookmark:not(.chinese) > p:first-of-type:first-letter { font-size: 126px; line-height: 80px; margin-left: -40px } } .article__body--commentary:not(.chinese) > p[dir=rtl]:first-of-type:first-letter, .article__body--bookmark:not(.chinese) > p[dir=rtl]:first-of-type:first-letter { float: right; margin: 5.5px 0 0 10px } .article__body--bookmark .inlay { display: none } .article__body .question { font-weight: 700; padding-left: 10px; position: relative; overflow: hidden } .article__body .question .comment__count { font-weight: 400 } .article__body .question:before { content: ""; width: 1px; height: 100%; left: 0; background-color: #c60c30; margin-right: 10px; position: absolute } .article__body video { max-width: 100% } .article__abs { font-style: italic; color: #333 } .article__interaction { text-align: center; margin-top: 20px; margin-bottom: 40px } .article__interaction .language { float: left } .article__interaction .list:first-child { margin-left: auto; float: right } .article__interaction .list .icon { opacity: .5 } .article__interaction .list .icon:hover { opacity: 1 } .article__shorturl { display: none } @media screen and (max-width: 39.99875em) { .article__sharing .icon { width: 25px; height: 25px } } .article .embedded-image { float: left; margin: 20px 20px 20px 0; position: relative } .sticky--popunder .sticky--is-stuck, .sticky--bottom .sticky--is-stuck { bottom: 0; background-color: #f2f0ee; z-index: 3; box-shadow: 0 -2px 2px -2px rgba(0, 0, 0, .3) } .sticky { overflow: hidden } .sticky #sticky__nav { opacity: .95 } .sticky__header .header-main { opacity: .95; transition: opacity .1s ease-out .15s } .sticky .popup--is-open .header-main { opacity: 1; transition: opacity .1s ease-out } .sticky__container.sticky--is-stuck progress { display: block } @media screen and (min-width: 40em) { .sticky--removed { position: absolute } } .sticky__container.popup--is-open { border-bottom: 1px solid #c60c30; opacity: .95 } .sticky--popunder { height: 0 } .sticky--popunder .sticky--is-stuck { padding-bottom: 50px } .sticky--top { top: 0 } .sticky--bottom .sticky--is-stuck { bottom: 0 } #sticky__nav { display: none; position: absolute; left: 0; right: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .3); z-index: -1 } @media screen and (min-width: 28.125em) { #sticky__nav { display: block } } .animated { will-change: transform; transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out } @keyframes slideDown { 0% { transform: translateY(-100%) } 100% { transform: translateY(0) } } @keyframes slideBottomUp { 0% { transform: translateY(0) } 100% { transform: translateY(100%) } } @keyframes slideDownFull { 0% { transform: translateY(-100%) } 100% { transform: translateY(0); overflow-y: scroll } } .image--video picture:after, .image--podcast picture:after { position: absolute; left: 20px; bottom: 20px; top: 20px; right: 20px; content: ""; background-clip: content-box } .image__copyright, .image__properties { position: absolute; background-color: rgba(0, 0, 0, .25); padding: 2px; color: #fcfcfc; font-style: italic; bottom: 0; padding: 0 5px } .image--debate, .image--interview { text-align: center; flex: 0 0 150px } .image--debate + .image--debate, .image--interview + .image--debate, .image--debate + .image--interview, .image--interview + .image--interview { margin-left: 20px } .image--debate h2, .image--interview h2 { text-align: center } .image.image--lead, .image--debate, .image--interview { background-image: none } .listing picture, .listing .avatar { transition: transform .25s ease } .listing:hover picture, .listing:hover .avatar { transform: scale(1.07) rotate(.0001deg) } [class*=image--ratio] picture, [class*=image--ratio] .pic-placeholder { position: relative; overflow: hidden; display: block } [class*=image--ratio] picture:before, [class*=image--ratio] .pic-placeholder:before { display: block; content: ""; width: 100%; height: 100% } [class*=image--ratio] picture > img, [class*=image--ratio] [class*=image--ratio] .pic-placeholder > img, [class*=image--ratio] .pic-placeholder { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } [class*=image--ratio].video { z-index: 1; position: relative } .image { overflow: hidden; background-position: center center; background-size: 100% auto; background-image: url(/images/PScream.png) } .image--person { border-radius: 50%; max-width: 100px; margin: 0 auto } @media screen and (min-width: 40em) { .image--person { max-width: 100% } } .image__copyright { right: 0; display: none } @media screen and (min-width: 40em) { .image__copyright { transform: rotate(90deg); transform-origin: 100% 0; bottom: auto } } .image--lead .image__copyright { display: block } .image__properties { left: 0 } .image__desc { color: #9b9b9b; padding-top: 10px; padding-bottom: 10px; padding-left: 0 } @media screen and (min-width: 64em) { .image__desc { padding-left: 10px } } .image--ratio-square picture:before { padding-top: 100% } .image--ratio-16-9 picture:before, .image--ratio-16-9 .pic-placeholder:before { padding-top: 56.25% } /*.image--ratio-2-1 picture:before { padding-top: 5% }*/ .image--ratio-4-3 picture:before { padding-top: 75% } .image--ratio-list picture:before { padding-top: 56.25% } @media screen and (min-width: 40em) { .image--ratio-list picture:before { padding-top: 75% } } @media screen and (min-width: 75em) { .image--ratio-list picture:before { padding-top: 50% } } .image--ratio-a1 picture:before { padding-top: 56.25% } @media screen and (min-width: 64em) { .image--ratio-a1 picture:before { padding-top: 50% } } .image--ratio-a2 picture:before { padding-top: 56.25% } @media screen and (min-width: 64em) { .image--ratio-a2 picture:before { padding-top: 50% } } .image--ratio-a1-op picture:before { padding-top: 56.25% } @media screen and (min-width: 64em) { .image--ratio-a1-op picture:before { padding-top: 75% } } @media screen and (min-width: 75em) { .image--ratio-a1-op picture:before { padding-top: 50% } } .image img { width: 100%; display: block } .image--fix img { width: auto; display: inline-block } .image--lead { height: auto; position: relative } .image .avatar-original { max-width: 100%; height: auto; width: auto } .image--bt-rounded { border-top-left-radius: 5px; border-top-right-radius: 5px } .image--video picture:after { background: no-repeat url(/images/VideoPlay.svg) center center } .image--podcast picture:after { background: no-repeat url(/images/PodcastPlay.svg) center center } @media screen and (min-width: 40em) { .image--interview { flex-basis: 260px } } .lazyload { opacity: 0 } .lazyloaded { opacity: 1; transition: opacity 300ms } .lazyloading { height: 100% } .thumb-crop { padding: 10px 0 } .thumb-crop--original { border-top: none } .thumb-crop.active { background-color: #f1f1f1 } .thumb-crop__cropper { clear: both; overflow: hidden } .thumb-crop__crop-container { width: auto; height: auto; max-width: 400px; max-height: 400px } .thumb-crop__thumb { float: left; margin: 0 10px 20px 0; width: 122px; height: 92px; border: 1px solid #9b9b9b } .figure-container--hidden { display: none } .image.image--lead, .image--debate, .image--interview { background-image: none } .nmd-item--featured { align-items: center } .nmd-item__name + time, .nmd-item__name + .avatar-wrapper { margin-left: 10px } .nmd-item__meta { display: block } .nmd-item__meta a { display: block } .nmd-item + time, .topic-item + time { margin-left: 10px } .nmd-item .icon + .icon, .topic-item .icon + .icon { margin-left: 20px } .nmd-item--secondary .nmd-item__name { margin-bottom: 10px } .avatar { border-radius: 50%; height: auto; width: 50px; margin-right: 10px; overflow: hidden } .avatar.icon { width: 50px; height: 50px } span.avatar.icon { cursor: default } .avatar--icon { width: 30px; height: 30px; border: 1px solid #333 } .avatar--featured { width: 100px; height: auto; margin-right: 20px } .avatar--featured.icon { width: 100px; height: 100px } .avatar--primary, .avatar--primary.icon { width: 40px; height: 40px } @media screen and (min-width: 40em) { .avatar--primary, .avatar--primary.icon { width: 50px; height: 50px } } .avatar--icon { height: 30px; width: 30px } .avatar--bw { filter: grayscale(1); border: none } .comment__item [data-readmore-toggle], .comment__item button, .comment__paragraph--show-all { color: #c60c30 } .comment__item [data-readmore-toggle]:hover, .comment__item button:hover, .comment__paragraph--show-all:hover { text-decoration: underline } .comment__refresh button, .comment__reply-refresh button { color: #c60c30 } .comment { margin-bottom: 40px; border-bottom: 1px solid #ddd; padding-bottom: 10px; position: relative } .comment.unapproved .comment__item { border: 1px solid #c60c30; padding: 5px } .comment__alert { margin: -5px -5px 5px; background-color: #c60c30; color: #fcfcfc; padding: 5px } .comment__item { position: relative } .comment__item--list header { flex-direction: column; margin-bottom: 20px } .comment__caller { position: absolute; right: -30px; bottom: 0 } .comment__expandable { float: right } .comment__article-title { margin-bottom: 10px; display: block } .paragraph--commenting .article__body .comment__caller[aria-expanded=true] { opacity: 1 } .comment__count { position: absolute; top: -20px; left: 0; width: 25px; text-align: center; color: #9b9b9b } .comment__list .paragraph__caller { display: none } .comment[data-line-id] .paragraph__caller { float: left; display: inline; line-height: inherit } .comment[data-line-id] .paragraph__caller:after { top: 3px } .comment__show-all + .comment__totalcount { margin-left: 10px; color: #9b9b9b; text-align: center } .comment__show-replies { float: right } .comment [itemprop="text"] { margin: 10px 0 } .comment .icon--comment { position: absolute; right: 0; bottom: 0 } .comment__form { margin-bottom: 20px; clear: both } .comment__reply { display: block; float: right; padding: 5px 0 } .comment .list { margin-top: 20px; border-left: 5px solid #ddd; padding-left: 35px } .comment .comment { border: none; margin-bottom: 30px } .comment__reply__loadmore { background-color: #ddd; border: 1px solid #ddd; border-left-width: 5px; width: 100%; text-align: center; position: absolute; margin-top: -15px; color: #c60c30 } .comment__refresh { text-align: center; background-color: #f2f0ee; padding: 5px; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .3); position: absolute; left: 0; top: 0; right: 0; z-index: 2 } .comment__reply-refresh { border: 1px solid #ddd; border-left-width: 5px; padding: 5px; position: absolute; left: 0; right: 0; margin-top: -30px } .comment .u-hidden + .comment__reply-refresh { margin-top: 10px } .comment__edit-button { border: 1px solid #ddd; padding: 5px } .comment__edit-time { color: #595959 } .paragraph-link__selector { display: none } .comment__new--paragraph .paragraph-link__selector { display: flex; margin-top: 0 } .paragraph--commenting .article__body [data-line-id] { opacity: .3 } .paragraph--commenting .article__body .paragraph--selected { opacity: 1 } .article__body .comment__caller--no-comment { opacity: .5 } .paragraph--commenting .paragraph--selected .comment__caller { z-index: 0; opacity: 1 } .comment__paragraph--show-all { cursor: pointer } .link__internal:after, .link__glossary:after, .comment[data-line-id] .paragraph__caller:after, .icon:after, .datepicker th.prev:after, .datepicker th.next:after { background-image: url(../images/sprite.svg?v=u81034e49); background-size: 100% auto; background-repeat: no-repeat; content: ""; position: absolute } .icon, .datepicker th.prev, .datepicker th.next { min-width: 20px; min-height: 20px; width: 30px; height: 30px; position: relative; font: 0/0 a; text-shadow: none; color: transparent; display: inline-block; vertical-align: middle } .icon--new .count, .icon--cart-items .count { font-weight: 700; position: absolute; width: 18px; height: 18px; text-align: center; color: #fcfcfc; border-radius: 50%; background-color: #785074; z-index: 1 } .icon:after, .datepicker th.prev:after, .datepicker th.next:after { display: block; height: 100%; width: 100%; top: 0; left: 0 } .icon--desc { margin-right: 20px; color: #333 } .icon--desc.inverted { color: #fcfcfc } .icon--desc span { position: absolute; right: -25px; width: 25px; text-align: left; color: inherit } .icon--desc:hover span { color: #c60c30 } .icon--new .count { right: 0; top: -5px } .icon--cart-items .count { right: 4px; top: -3px } .icon--cart-items:hover .count { background-color: #c60c30 } .icon__container { height: 30px } input.icon { background-image: url(../images/sprite.svg?v=u81034e49); background-repeat: no-repeat; background-size: 100% auto } .icon--avatar:after { background-position: 0 55.33981% } .icon--bookmark:after, .listing--highlighted:hover .icon.icon--bookmark:hover:after { background-position: 0 56.31068% } .icon--cart:after { background-position: 0 57.28155% } .icon--chevron:after, .datepicker th.prev:after, .datepicker th.next:after { background-position: 0 58.25243% } .icon--corporate:after { background-position: 0 59.2233% } .icon--donation:after { background-position: 0 60.19417% } .icon--education:after { background-position: 0 61.16505% } .icon--googleplus:after { background-position: 0 62.13592% } .icon--licensing:after { background-position: 0 63.1068% } .link__internal:after, .icon--link:after { background-position: 0 64.07767% } .icon--linkedin:after { background-position: 0 65.04854% } .icon--magazine:after { background-position: 0 66.01942% } .icon--mail:after { background-position: 0 66.99029% } .icon--more:after { background-position: 0 67.96117% } .icon--print:after { background-position: 0 68.93204% } .icon--promo:after { background-position: 0 69.90291% } .icon--resize:after { background-position: 0 70.87379% } .icon--shipping:after { background-position: 0 71.84466% } .icon--account:after { background-position: 0 72.81553% } .icon--checkbox.off:after { background-position: 0 73.78641% } .icon--checkbox.on:after, input[type=checkbox]:checked + .select-element__label .icon--checkbox:after { background-position: 0 74.75728% } .icon--comment:after, .listing--highlighted:hover .icon.icon--comment:hover:after { background-position: 0 75.72816% } .add.icon--comment:after, .listing--highlighted:hover .add.icon.icon--comment:hover:after { background-position: 0 76.69903% } .icon--edit:after { background-position: 0 77.6699% } .icon--facebook:after { background-position: 0 78.64078% } .icon--fbcolour:after { background-position: 0 79.61165% } .link__glossary:after, .icon--glossary:after { background-position: 0 80.58252% } .icon--loadmore:after { background-position: 0 81.5534% } .icon--member:after { background-position: 0 82.52427% } .icon--menu:after { background-position: 0 83.49515% } .icon--opcheckbox.off:after { background-position: 0 84.46602% } .icon--opcheckbox.on:after, input[type=checkbox]:checked + .select-element__label .icon--opcheckbox:after { background-position: 0 85.43689% } .icon--overspill:after { background-position: 0 86.40777% } .icon--remove:after { background-position: 0 87.37864% } .icon--reply:after { background-position: 0 88.34951% } .icon--search:after { background-position: 0 89.32039% } .icon--subscribe:after { background-position: 0 90.29126% } .icon--tweetcolour:after { background-position: 0 91.26214% } .icon--twitter:after { background-position: 0 92.23301% } .icon--whatsapp:after { background-position: 0 93.20388% } .icon--www:after { background-position: 0 94.17476% } .onpoint .icon--bookmark:hover:after, .onpoint .icon.icon--bookmark:hover:after { background-position: 0 33.00971% } .onpoint .icon--chevron:hover:after, .onpoint .section__title .icon--chevron:after { background-position: 0 33.98058% } .onpoint .icon--comment:hover:after, .onpoint .icon.icon--comment:hover:after { background-position: 0 34.95146% } .icon--chevron { background-position: 0 39.80583% } .icon--chevron.base { background-position: 0 40.7767% } .icon--chevron.hover { background-position: 0 41.74757% } .icon--search { background-position: 0 42.71845% } .icon--bookmark.inverted:after, .listing--highlighted .icon--bookmark:after, .onpoint--bg .icon--bookmark:after, [class*=cur__el--a]:not(.cur__el--video) .icon--bookmark:after { background-position: 0 43.68932% } .icon--chevron.inverted:after { background-position: 0 44.66019% } .comment[data-line-id] .paragraph__caller:after, .icon--comment.inverted:after, .listing--highlighted .icon--comment:after, .onpoint--bg .icon--comment:after, [class*=cur__el--a]:not(.cur__el--video) .icon--comment:after { background-position: 0 45.63107% } .icon--facebook.inv:after { background-position: 0 46.60194% } .icon--facebook.inverted:after, .u-nohover .icon--facebook:hover:after, .button--primary .fb:after, .ui-button:first-of-type .fb:after { background-position: 0 47.57282% } .icon--googleplus.inverted:after, .u-nohover .icon--googleplus:hover:after { background-position: 0 48.54369% } .icon--linkedin.inv:after { background-position: 0 49.51456% } .icon--linkedin.inverted:after, .u-nohover .icon--linkedin:hover:after { background-position: 0 50.48544% } .icon--twitter.inv:after { background-position: 0 51.45631% } .icon--twitter.inverted:after, .u-nohover .icon--twitter:hover:after, .button--primary .twitter:after, .ui-button:first-of-type .twitter:after { background-position: 0 52.42718% } .icon--whatsapp.inv:after { background-position: 0 53.39806% } .icon--youtube.inverted:after { background-position: 0 54.36893% } .icon--bookmark.selected:after { background-position: 0 95.14563% } .link__glossary:hover:after, .link__glossary[aria-expanded=true]:after, .icon--glossary.selected:after { background-position: 0 96.1165% } .link__internal:hover:after, .link__internal[aria-expanded=true]:after, .icon--link.selected:after { background-position: 0 97.08738% } .onpoint .icon--bookmark.selected:after { background-position: 0 98.05825% } .onpoint .icon--glossary.selected:after { background-position: 0 99.02913% } .onpoint .icon--link.selected:after { background-position: 0 100% } .icon--cart:hover:after { background-position: 0 18.4466% } .icon--mail:hover:after { background-position: 0 19.41748% } .icon--print:hover:after { background-position: 0 20.38835% } .icon--whatsapp:hover:after { background-position: 0 21.35922% } .icon--bookmark:hover:after { background-position: 0 22.3301% } .icon--chevron:hover:after, .icon--container:hover .icon--chevron:after, .listing:hover .icon--chevron:after, .section__title .icon--chevron:after { background-position: 0 23.30097% } .icon--comment:hover:after { background-position: 0 24.27184% } .add.icon--comment:hover:after { background-position: 0 25.24272% } .icon--facebook:hover:after { background-position: 0 26.21359% } .icon--googleplus:hover:after { background-position: 0 27.18447% } .icon--linkedin:hover:after { background-position: 0 28.15534% } .icon--more:hover:after, .icon--container:hover .icon--more:after, .listing:hover .icon--more:after { background-position: 0 29.12621% } .icon--remove:hover:after { background-position: 0 30.09709% } .icon--twitter:hover:after { background-position: 0 31.06796% } .icon--www:hover:after { background-position: 0 32.03883% } .icon--account:hover:after, .icon--account[aria-expanded=true]:after { background-position: 0 35.92233% } .icon--avatar:hover:after, .icon--avatar[aria-expanded=true]:after { background-position: 0 36.8932% } .icon--search:hover:after, .icon--search[aria-expanded=true]:after { background-position: 0 37.86408% } .icon--ar:after { background-position: 0 0% } .icon--cs:after { background-position: 0 .97087% } .icon--cz:after { background-position: 0 1.94175% } .icon--de:after { background-position: 0 2.91262% } .icon--en:after { background-position: 0 3.8835% } .icon--es:after { background-position: 0 4.85437% } .icon--fa:after { background-position: 0 5.82524% } .icon--fr:after { background-position: 0 6.79612% } .icon--ge:after { background-position: 0 7.76699% } .icon--hi:after { background-position: 0 8.73786% } .icon--hu:after { background-position: 0 9.70874% } .icon--id:after { background-position: 0 10.67961% } .icon--it:after { background-position: 0 11.65049% } .icon--jp:after { background-position: 0 12.62136% } .icon--kk:after { background-position: 0 13.59223% } .icon--nl:after { background-position: 0 14.56311% } .icon--pt:after { background-position: 0 15.53398% } .icon--ru:after { background-position: 0 16.50485% } .icon--zh:after { background-position: 0 17.47573% } .icon--small, .datepicker th.prev, .datepicker th.next { width: 25px; height: 25px } .icon--xsmall, .language .icon, .select-element .icon--checkbox, .select-element .icon--opcheckbox { width: 20px; height: 20px } .icon--large, .tab-selector .icon { width: 40px; height: 40px } @media screen and (min-width: 64em) { .icon--xlarge { width: 55px; height: 55px } } .icon--xxlarge { width: 100px; height: 100px } .icon--circle { border: 1px solid #333; border-radius: 15px; width: 29px; height: 29px } .icon--circle:hover, .icon--circle[aria-expanded=true] { border-color: #c60c30 } .listing__fr p + p, .listing__abs p + p, .listing__fr ul + p, .listing__abs ul + p { margin-top: 10px } .listing__fr ul, .listing__abs ul { margin: 10px 0 0; list-style-type: initial; padding-left: 15px } .listing__fr--abs a, .listing__abs a { position: relative; z-index: 2; text-decoration: underline } .listing__fr--abs a:hover, .listing__abs a:hover { text-decoration: none } .listing__image-heading, .listing__image-heading--fix, .listing__media-heading { padding: 10px 0 } @media screen and (min-width: 64em) { .listing__image-heading, .listing__image-heading--fix, .listing__media-heading { padding: 20px 0 } } .listing__image-heading a, .listing__image-heading--fix a, .listing__media-heading a { color: inherit } .listing__image-heading, .listing__image-heading--fix { position: absolute; width: 100%; bottom: 100%; left: 0 } .list { margin: 0; list-style: none; margin-left: 0; padding-left: 0 } .list--fl-rw { display: flex; flex-flow: row wrap; margin: 0 -10px } .list--fl-rw > li { margin-bottom: 10px; padding: 0 10px } .list [role=menuitem] { margin-bottom: 5px } .list--inline li { display: inline-block; margin-right: 10px } .list--inline-row li { display: inline-block } .list--indented { padding-left: 40px } .list--mt-sp li + li { margin-top: 10px } .list--mt-se li + li { margin-top: 20px } .list--mt li + li { margin-top: 40px } .list--secondary > li { margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px } .list--secondary > li:last-of-type { border-bottom: none; margin-bottom: 0 } .list--secondary .listing { margin-bottom: 0 } .list--secondary .listing .overlay { left: 0; right: 0 } .list--secondary .listing__title { margin-bottom: 5px; font-family: 'Play', sans-serif; } .list--secondary .listing__image { width: 100px; float: left; margin-right: 10px } .list--secondary .listing__excerpt { overflow: hidden } .list--secondary .list__nritem { min-height: 80px } .list--intro { margin: 20px 0; color: #9b9b9b; font-weight: 700 } .list--intro li { margin-top: 10px } .list--intro a { color: #2499e0 } .list--intro .comment__caller { display: none } .list--podcasts li { margin-top: 20px } .activity__list { padding: 20px 0 } .activity__list .cell { text-align: right; margin-bottom: 10px } .listing { position: relative; border-color: #ddd; color: inherit } .listing a { color: inherit } .listing a:hover { color: #c60c30 } .listing--new .listing__title:before { content: "new"; background-color: #c60c30; border-radius: 50%; font-size: 8px; line-height: 20px; width: 20px; height: 20px; display: inline-block; color: #fcfcfc; text-align: center; position: relative; top: -2px } .listing__header { position: relative; padding: 20px 10px } .listing__header--inverted { background-color: #000; color: inherit } .listing--section .read-more { color: #c60c30 } .listing--section .listing__excerpt { padding-left: 0; padding-right: 0 } .listing__section-title { text-transform: uppercase; font-weight: 700; color: inherit } .listing__fr { color: inherit; padding: 0 10px 20px; flex: 0 1 auto } .listing__fr:before { content: ""; background-color: #ddd; height: 1px; width: 100%; display: block; margin-bottom: 18px } .listing__fr__title { font-weight: 700; text-transform: uppercase } .listing__fr__article-title { font-family: inherit } .listing__fr--list ul { list-style: none; padding: 0 } .listing__fr--list ul li { margin-bottom: 5px } .listing__media-heading { background-color: #000; padding-bottom: 0 } .listing__title { margin-bottom: 10px; color: inherit } .listing__meta { justify-content: center } .listing__columns { align-self: center; flex: 1 1 auto; font-style: italic; align-self: baseline; margin-top: 20px } @media screen and (min-width: 40em) { .listing__columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px } } @media screen and (min-width: 64em) { .listing__columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 } } .listing__columns p ~ p { margin-top: 10px } .listing__footer { padding: 10px; align-items: flex-end; justify-content: space-between } .listing__footer .icon { z-index: 2; opacity: .5 } .listing__footer .icon.selected { opacity: inherit } .listing__footer .icon:hover { opacity: 1 } .listing__footer .icon span { color: inherit } .listing__footer + .listing__fr { margin-top: 10px } .listing__footer-link { z-index: 2; line-height: 30px } .listing .listing__footer-link { color: #2499e0 } .listing--featured-video .listing__footer { padding-bottom: 5px } .listing--card { background-color: #fff } .listing--media { background-color: #fff } .listing--default { background-color: #fff } .listing--default .listing__image { width: calc(40% - 2px); float: left; margin: 6px 10px 10px 0 } .listing--default .listing__header { position: static } .listing--default .listing__footer { clear: both } @media screen and (min-width: 40em) { .listing--default { display: flex; flex-direction: row } .listing--default .placeholder { flex: 0 0 30%; position: relative } .listing--default .listing__wrapper { flex: 1 1 auto } .listing--default .listing__image { width: 30% } .listing--default .listing__header { display: flex; flex-direction: column; padding: 10px } .listing--default .listing__footer { clear: none } .listing--default .listing__image { position: absolute; left: 0; top: 0; margin: 0; bottom: 0 } } @media screen and (min-width: 75em) { .listing--default .placeholder { flex: 0 0 35.4% } .listing--default .listing__image { width: 35.4% } } .listing--default .pic-placeholder { z-index: 1 } @media screen and (min-width: 40em) { .listing--video .listing__video { width: 40%; float: left } .listing--video .listing__footer { margin-left: calc(40% - 5px) } } .listing--standalone .listing__footer { margin-left: 0 } .listing--highlighted { background-clip: content-box; background-color: #c60c30; color: #fcfcfc } .listing__excerpt--inverted { background-color: #000; color: inherit; padding: 20px; margin: -20px -10px 0 } .listing__excerpt > p { margin-top: 10px } .listing--featured { background-color: #f2f0ee } .listing .listing__content { display: flex } .listing--item { padding: 10px } .listing--item a, .listing--item button { position: relative; z-index: 1 } .listing--item a:hover, .listing--item button:hover { color: #c60c30 } .listing--item:hover .article__author { color: #c60c30 } .listing__avatar { border-radius: 50%; overflow: hidden } .listing__avatar .avatar { border-radius: initial; width: 100% } .listing__section { font-weight: 700; text-transform: uppercase } .listing__section.vl-divider:after { color: #333; font-weight: normal } .listing--special { margin-bottom: 30px } .list-page__title, .onpoint__section--title { margin-bottom: 10px } .listing__header--inverted .icon, .listing--highlighted .icon, .listing__excerpt--inverted .icon, .onpoint--bg .icon { opacity: 1 } .list__line--header .item, .list__line--title .item { color: #333; font-weight: 700; text-align: left; cursor: pointer; line-height: inherit; display: inline-block; line-height: 30px } .list--numbered { counter-reset: item } .list--numbered li { counter-increment: item; padding-bottom: 5px; position: relative; padding: 10px 0; border-bottom: 1px solid #ddd } .list--numbered li:last-of-type { border-bottom: none } .list--numbered li:before { content: counter(item); color: #d5d2ca; text-align: left; display: block; font-size: 100px; position: absolute; top: 35px; left: 5px } .list--numbered .listing__title { margin-bottom: 10px } .list__nritem { overflow: hidden; padding-left: 70px; min-height: 100px; position: relative } .list--branded li:before { color: #c60c30 } .list__dl { margin: 0; width: 100%; display: flex; flex-flow: row wrap } .list__line { display: flex; flex-direction: column; padding: 10px; width: 100% } .list__line a { color: #2499e0 } .list__line a:hover { color: #9e001f } .list__line .item--button { margin: 5px 0 } @media screen and (min-width: 40em) { .list__line .item { padding-left: 10px; flex: 0 0 100px } .list__line .item--title { flex: 1 0 150px } .list__line .item--width2 { flex: 0 0 200px } } @media screen and (min-width: 40em) { .list__line { flex-direction: row; padding-left: 0 } .list__line--icons { padding: 0; margin-top: 5px } .list__line:first-of-type { border-top: none } .list__line dl { display: flex; flex-flow: row; flex-wrap: nowrap; width: 100%; overflow: visible; align-items: center } .list__line dt { display: none } } .list__line dt { font-weight: 700; text-transform: uppercase; margin-top: 10px } .list__line dt:first-of-type { margin-top: 0 } .list__line dd { margin-left: 0 } .list__line + .list__line { border-top: 1px solid #f1f1f1; padding-top: 10px } .list__line--header { background-color: #f2f0ee; border-bottom: none; border-top: none } .list__line--title { padding-bottom: 0; border-bottom: 1px solid #f1f1f1 } .list__line__ph { padding: 5px } .list-columns { list-style: none; margin-top: 0; padding-left: 0 } @media screen and (max-width: 74.99875em) { .list-columns--figure-lead { padding: 0 } } .list-columns .image--lead { background-image: url(/images/PScream.png) } .lead { background-clip: content-box; background-color: #f2f0ee; color: #333 } @media screen and (min-width: 64em) { .lead .listing__footer, .lead .listing__excerpt, .lead .listing__title { padding-left: 0 } } .lead .listing__header { position: relative; padding: 0 } .lead .listing__footer { flex-grow: 0; margin-top: 20px } .lead .listing__footer--default { flex-grow: 1 } .popunder--inline[aria-hidden=false] { border-top: none; box-shadow: none; margin-top: 20px; position: initial } .inlay { z-index: 1; position: relative; margin: 25px -30px 20px 0 } .inlay .button__group { height: auto; background-color: #f2f0ee; padding: 0 10px } @media screen and (min-width: 28.125em) { .inlay { float: left; width: 220px; margin-right: 20px } } #footer { background-color: #333; padding: 20px 0; margin-top: auto; color: #fcfcfc } #footer .nav__item { padding: 5px; text-align: left } #footer .nav__item:hover { color: inherit; text-decoration: underline } #footer .icon.inverted { background-color: #454545; border-radius: 20px; height: 40px; width: 40px } #footer .icon.inverted:hover { background-color: #000 } #footer .footer__social { width: 100% } .copyright, .copyright a { color: #9b9b9b } .tablist { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #c60c30; text-transform: uppercase } .tablist.tab--dropdown[aria-hidden=false] { display: flex } @media screen and (max-width: 39.99875em) { .tablist.tab--dropdown [role="tab"] { margin-right: 0 } } @media screen and (min-width: 40em) { .tablist.tab--vertical { display: flex; width: 30%; position: static; margin-right: 10px; float: left; margin-left: -10px; flex-direction: column } .tablist.tab--vertical [role=tab] { padding: 10px } } .tablist [role=tab], .tablist .tab__item { margin-right: 10px; padding: 5px 10px; font-weight: 700; position: relative; z-index: 1 } .tablist [role=tab][aria-selected="true"], .tablist [role=tab].u-active, .tablist .tab__item[aria-selected="true"], .tablist .tab__item.u-active { color: #c60c30; background-color: #f8f7f6 } .tablist [role=tab][aria-selected="true"] a, .tablist [role=tab].u-active a, .tablist .tab__item[aria-selected="true"] a, .tablist .tab__item.u-active a { color: inherit } .tablist .tab__item a { display: block } .tab--hideable[aria-selected=true] { display: none } .tab-selector { font-weight: 700; width: 100%; padding: 0; display: block; text-align: center } .tab-selector__text { line-height: 38px; width: calc(100% - 31px); display: block; text-transform: uppercase; border: 1px solid #ddd; border-right: none } .tab-selector .icon { float: right; background-color: #c60c30 } .tab-selector[aria-expanded=true], .tab-selector:hover { color: #c60c30; background-color: #f8f7f6 } .tab-selector[aria-expanded=true] .icon, .tab-selector:hover .icon { background-color: #9e001f } [role=tabpanel][aria-hidden=true] { display: none } .tab-icons li { flex: 0 0 } @media screen and (min-width: 40em) { .tab-icons { position: absolute; top: 0; right: 0 } } .tab--like[aria-hidden=true] { display: none } .filter { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px } @media screen and (max-width: 39.99875em) { .filter { border: 1px solid #ddd } } .filter__desc { flex: 0 0 auto; padding-left: 10px } .filter label, .filter a { color: #9b9b9b; margin-bottom: 0 } .filter .u-active { font-weight: 700; color: #333 } .slide[aria-hidden=true], .expandable[aria-hidden] { display: none } @media screen and (max-width: 63.99875em) { .interaction__block .slide { margin: 15px } .interaction__block .slide:before { display: none } .interaction__block .slide[aria-hidden=false] { display: block } .interaction__block .slide .listing__header { margin-top: 0 } .interaction__block .slide .listing__footer { padding: 0 } .interaction__block .slide .image { float: left; width: 40%; margin-right: 10px } } .slide { background-clip: content-box; background-color: #f2f0ee; margin-bottom: 0 } .slide .listing__header { margin-top: 20px } .slide[aria-hidden=false] { display: flex } .slide__spacer { padding: 10px; position: relative } .slide__nav { background-color: #f2f0ee; width: 100% } .slide h2 { margin-bottom: 20px } .fbg-image { background: #fcfcfc; position: relative } .fbg-image .article__title, .fbg-image .article__topimg { background: #fcfcfc; z-index: 1 } .fbg-image__fore { background-color: #fcfcfc; position: relative } .fbg-image__inlay { background-color: #fcfcfc } .fbg-image__figcaption { background-color: #fcfcfc; background-clip: content-box; padding-left: inherit; width: 100% } @media screen and (min-width: 40em) and (max-width: 63.99875em) { .fbg-image__figcaption { padding: 10px; margin-top: -50px } } @media screen and (min-width: 64em) { .fbg-image__figcaption { position: absolute; z-index: 1; right: 15px; padding-bottom: 60px } .fbg-image .article__title, .fbg-image .article__topimg { margin-top: -60px; min-height: 60px } .fbg-image .article__topimg + .article__title { margin-top: 0 } .fbg-image:before { background-color: #fcfcfc; box-shadow: 0 -10px 6px -6px rgba(0, 0, 0, .5); content: ""; display: block; height: 20px; left: 15px; position: absolute; right: 15px; top: 0 } .fbg-image__inlay { box-shadow: 0 -10px 6px -6px rgba(0, 0, 0, .5); position: relative; margin-top: -120px; padding-bottom: 0; padding-top: 4px } } .interaction--active { overflow-y: hidden } .interaction--active .interaction__container { overflow-y: hidden; height: 100vh !important } .interaction--active .split-top { overflow-y: scroll; overflow-x: hidden } .interaction--active .split-bottom { max-height: none } .interaction--active .interaction--hideable { display: none } .show-for-top { display: none } .interaction--cover { overflow-y: hidden } .interaction__controls { box-shadow: 0 -2px 2px -2px rgba(0, 0, 0, .3); background-color: #f2f0ee; height: 50px } .interaction__controls .feedback__error { margin: 0; padding: 5px } .interaction__controls .feedback__error[class*=alert] + #feedback-submit-label { display: none } .interaction__scroll[aria-hidden="false"] { overflow-y: scroll } .interaction__block[aria-hidden=true], .interaction__controls[aria-hidden=true] { display: inline } .interaction__scroll { height: calc(100% - 50px) } .interaction__block { background-color: #f2f0ee } .interaction__block--top { top: 0; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .3); z-index: 9 } .interaction__block--top .show-for-top { display: block } .interaction__block--fullheight { top: 0; bottom: 0; border: none } .interaction__block--fullheight[aria-hidden="false"] { overflow-y: scroll } .interaction__block--bottom { bottom: 0; max-height: 50vh } @media screen and (max-width: 63.99875em) { .interaction__block .link__scroller { overflow-y: scroll; height: calc(100% - 50px); margin-right: 0 } .interaction__block .link__scroller .slide { padding-right: 0 } } .interaction__block--scrollable[aria-hidden="false"] { max-height: calc(100vh - 50px); overflow-y: scroll } @media screen and (min-width: 64em) { .link__container { background-color: transparent } .link__container.interaction__block { left: auto; right: auto; top: auto; bottom: auto; height: auto; position: fixed; border: none; box-shadow: none; max-height: none } .link__container.interaction__block[aria-hidden="true"] { display: none } .link__container .cell { padding: 0 } .link__container .interaction__controls { background-color: transparent; border: none; box-shadow: none; position: static } .link__container .interaction__controls .cell { padding: 0 10px } .link__container[aria-visibility=off] { display: none } .slide__nav.button__group { height: auto } } .link__container[aria-hidden="true"] .interaction__controls { display: none; position: relative; z-index: -1 } .interaction__header { margin: 10px 0 20px; font-weight: 700 } .interaction__header h3 { font-weight: inherit } .next--slide[aria-expanded=true], .prev--slide[aria-expanded=true] { opacity: .2 } .next--slide[aria-expanded=false], .prev--slide[aria-expanded=false] { opacity: 1 } .reading-progress { background-color: transparent; display: none; width: 100%; height: 1px; border: none; color: #c60c30 } progress[value] { -webkit-appearance: none; -moz-appearance: none; appearance: none } progress[value]::-webkit-progress-bar { background-color: transparent } progress[value]::-moz-progress-bar { background-color: #c60c30 } progress[value]::-webkit-progress-value { background-color: #c60c30 } .gutter { background-color: #f2f0ee; background-repeat: no-repeat; background-position: 50%; box-shadow: 0 -2px 2px -2px rgba(0, 0, 0, .3); border-bottom: 1px solid #ddd; position: relative; z-index: 9 } .gutter-vertical { cursor: ns-resize } .gutter-vertical:before { color: #9b9b9b; content: "•••"; position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: block; text-align: center; line-height: 10px; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .3) } [aria-expanded=true] .u-rotate-90 { transform: rotate(-90deg) } .sticky-sidebar { top: 40px; position: sticky } .language { position: relative } @media screen and (max-width: 39.99875em) { .language__label { display: none } } @media screen and (min-width: 64em) { .language { border-top-color: transparent; border-left: none } } .language [aria-expanded] .icon { transition: .25s } .language [aria-expanded=true] .icon--chevron { transform: rotate(-90deg) } .language button, .language a { display: block; white-space: nowrap; padding: 5px; cursor: pointer; text-align: left } .language button { position: relative; z-index: 1 } .language button span:first-of-type { margin-right: 5px; margin-top: -3px } .language button span:last-of-type { margin-left: 5px } .language__selector { min-width: 100%; position: absolute; list-style: none; margin-left: 0; padding-left: 0; background-color: #f2f0ee; border: 1px solid #ddd; margin-top: 5px; z-index: 2 } .language__selector .icon { margin-right: 10px } .language__selector li { display: block } .language__selector[aria-hidden=true] { display: none } .timeline time { left: -55px; position: absolute; top: 0; margin-top: -2px; background-color: #fcfcfc; padding: 2px 2px 10px; color: #9b9b9b; font-style: normal; z-index: 1 } .timeline__asset { text-align: left; color: #c60c30 } @media screen and (min-width: 40em) { .timeline__asset { position: absolute; text-align: right; left: -375px; width: 300px; max-height: 100px; top: 0 } } .timeline li { list-style: none; margin-left: 0; padding-left: 0; position: relative; width: 1px; padding-top: 100px; background: #ddd } .timeline li:after { content: ""; position: absolute; left: 50%; top: 120px; transform: translateX(-50%); width: 10px; height: 10px; border-radius: 50%; background: #c60c30; z-index: 1 } .timeline li:first-of-type { padding-top: 50px } .timeline li:first-of-type:after { top: 70px } .timeline li:last-of-type { background: repeating-linear-gradient(180deg, #ddd, #ddd 5px, #fcfcfc 0, #fcfcfc 10px) } @media screen and (min-width: 40em) { .timeline li { margin: 0 auto } } .timeline section { position: relative; bottom: 0; width: 300px; left: 40px } .payments { background-color: #f2f0ee; padding: 10px } .payments h3 { border-bottom: 1px solid #c60c30; font-weight: 700; text-transform: uppercase; margin-top: 20px } .payments a { color: #2499e0 } .payments__card { margin-top: 10px; border: 1px solid #9b9b9b; padding: 5px } .payment__subtitle, .payment__option h2 { text-align: center } .payment { padding: 0; list-style: none } .payment__option { display: flex; flex-direction: column; margin-bottom: 40px } .payment--bg { background-color: #f2f0ee; border: 1px solid #ddd; border-radius: 5px; flex: 1 1 auto } .payment__container { flex: 1 1 auto; text-align: center; display: flex; flex-direction: column; position: relative } .payment__container--highlighted { background-color: #333; color: #fcfcfc } .payment__container--highlighted .payment__details { color: #f1f1f1 } .payment__container--highlighted .payment__delimiter:after { background-color: #333 } .payment__descr { flex: 0 0 auto } .payment__descr strong { margin-top: 10px; display: inline-block } .payment__details { flex: 1 1 auto; text-align: left; color: #595959 } .payment__details ul { padding-left: 10px } .payment__button { margin-top: 20px; flex: 0 0 auto } .payment__discounted { position: relative } .payment__discounted:before { position: absolute; top: 50%; left: -5px; right: -5px; content: ""; height: 3px; background-color: #c60c30; transform: rotate(-40deg) } .payment__delimiter { position: relative; margin: 10px 0 0; display: block } .payment__delimiter:before { content: ""; background-color: #9b9b9b; height: 1px; display: block; width: 100%; top: 10px; position: absolute } .payment__delimiter:after { content: "+"; color: #9b9b9b; background-color: #f2f0ee; padding: 0 5px; position: absolute; left: auto; right: auto; font-size: 16px } .payment__package { flex-direction: column } .payment__banner { background-color: #333; color: #d9bb6a; text-align: center; display: block; padding: 10px; text-transform: uppercase } .grouped { list-style: none; margin-left: 0; padding-left: 0; flex-wrap: wrap; flex-direction: column; margin: 0 -10px } .grouped--spaced { margin-top: 40px; margin-bottom: 20px } .grouped--list { margin: 0 -10px 0; padding: 0 } .grouped--removable { position: relative; padding-left: 20px } .grouped--images li { text-align: center } .grouped--images li a { display: block } .grouped li { position: relative; flex: 1 1 auto; margin: 0 10px 20px } @media screen and (min-width: 40em) { .grouped { flex-direction: row } .grouped li { flex-basis: calc(50% - 20px) } } @media screen and (min-width: 40em) { .grouped--overflow { margin: 40px -80px 20px } } @media screen and (min-width: 64em) { .grouped--three li { flex-basis: calc(33.3333% - 20px) } } @media screen and (min-width: 64em) { .grouped--four li { flex-basis: calc(25% - 20px) } } .grouped .grouped__remove { position: absolute; left: 10px; top: 0; bottom: 0; justify-content: center; margin: 0 } .grouped .grouped__remove .remover { flex: 0 0 auto; cursor: pointer; padding: 0; color: #9b9b9b } td { padding: 0 } .table { border-collapse: collapse; text-align: left; width: 100% } .table__head { border-bottom: 1px solid #ddd } .table__head th { text-transform: uppercase } .table__footer { border-top: 1px solid #ddd } .table__footer td { font-weight: 700 } .table time { font-style: normal } .table td, .table th { vertical-align: top; padding-right: 10px; padding-left: 10px; padding: 5px } .table--figures td + td, .table--figures th + th { text-align: right; white-space: nowrap } .accordion--primary, .accordion--secondary { padding: 10px; border-radius: 5px } .accordion-panel ul a:hover, .accordion-panel ul .active a { color: #c60c30 } .accordion-panel ul { color: #9b9b9b } .accordion-panel ul a { display: block; padding: 5px 0; color: inherit } .accordion-button { text-transform: uppercase; font-weight: 700; width: 100%; text-align: left; padding: 5px 10px; border-bottom: 1px solid #f1f1f1; line-height: 25px; background-color: #f8f7f6 } .accordion-button .icon { opacity: .5 } .accordion-container { padding: 10px; color: #333 } .accordion-list { display: flex; list-style: none; margin-left: 0; padding-left: 0 } .accordion-list li { flex: 0 0 auto; color: #2499e0; cursor: pointer } .accordion-list [aria-selected=true] { color: #c60c30 } .accordion-list li + li:before { content: "|"; padding: 0 5px; color: #333 } .accordion[aria-hidden=false] { display: block } .accordion--primary { background-color: #c60c30; color: #fcfcfc } .accordion--primary a { color: inherit; display: block; border-radius: 50% } .accordion--primary a:hover, .accordion--primary a .active { background-color: #d5d2ca } .accordion--secondary { background-color: #f2f0ee } .accordion__divider button { border-bottom-color: #ddd; background-color: transparent; text-transform: none; padding-left: 0 } .paywall { background-color: #f2f0ee; z-index: 9; padding: 20px 0; position: relative; text-align: center; margin-top: 40px 0 } .paywall .link { font-weight: 700 } .paywall__bg { background-color: inherit; position: absolute; left: -500%; right: -500%; content: ""; display: block; height: 100%; top: 0; bottom: 0; z-index: -1; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd } .paywall__bg:before { height: 50px; top: -51px; width: 100%; content: ""; position: absolute; background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fcfcfc 90%); display: block } @media screen and (min-width: 40em) { .paywall__bg:before { height: 200px; top: -201px } } .paywall__subtitle, .paywall__title { text-align: center } .paywall__subtitle { font-weight: bold } .paywall-trial .remodal-close { color: #333 } .quotation blockquote { position: relative; padding: 20px 0; color: inherit } .quotation blockquote:before { position: absolute; background: no-repeat url(/images/Quote.svg) 10px top; content: ""; top: 0; height: 100%; left: 0; width: 100%; background-size: 40%; z-index: -1 } @media screen and (min-width: 75em) { .quotation blockquote:before { background-position: center left; left: -2%; right: 0% } } .quotation footer { margin: 20px 0; font-weight: 700 } .quotation__background-img { max-width: 50%; float: right } .cart__nav { justify-content: space-between } .cart__nav-item { flex: 0 0 30% } .cart__nav-item a { display: block; background-color: #f1f1f1; text-align: center; line-height: 30px } .cart__nav-item.u-active a { background-color: #ddd } .cookiebanner { background-color: #333; opacity: .95; position: fixed; bottom: 0; right: 0; left: 0; height: auto; z-index: 200; color: #fcfcfc } .cookiebanner a { color: #2499e0 } @media screen and (max-width: 63.99875em) { .cookiebanner button { text-align: center } } .cookiebanner h2 { text-transform: uppercase; font-weight: 700 } @media screen and (min-width: 64em) { .cookiebanner h2 { text-align: right } .cookiebanner h2 em { display: block } } .section__title { margin-bottom: 20px; white-space: nowrap } .section__title__highlight { color: #c60c30 } .section__title .icon--chevron { margin-top: -2px; transition: .25s } .section__title span:first-of-type { white-space: normal } .section__title a:hover { color: #c60c30 } .section__title a:hover .icon { margin-left: -10px } .section__subtitle { display: block } .section__title-divider { text-align: center; position: relative } .section__title-divider:before { position: absolute; top: calc(50% - 1px); content: ""; height: 1px; background-color: #9b9b9b; display: block; left: 0; right: 0 } .section__title-style { font-size: 60px; line-height: 70px; position: relative; background-color: #f2f0ee; padding: 0 20px } .section--bgfull { background-color: #f2f0ee } .section--bgfullhl { background-color: #333; color: #fcfcfc } .section__article-preview .listing__fr__article-title { display: block } .section__article-list li:not(:first-of-type):before { content: ""; margin: 10px 0; height: 1px; background-color: #9b9b9b; width: 40px; display: block } .special__wrapper { position: relative } .special--generic { border: 1px solid #ddd; background-color: #f2f0ee } .special--generic .image { margin: -10px -10px 10px } .special--generic .special__title { text-transform: none } .special--generic .special__button span { background-color: #c60c30; color: #fcfcfc } .special__wrapper { flex: 1; padding: 10px } .special__title { text-transform: uppercase; color: inherit; display: block; text-align: center; margin: 20px 0; word-wrap: break-word } .special__description { color: inherit } .special__button { align-self: flex-end; text-align: center; flex: 1 1 auto; width: 100%; display: flex; flex-direction: row; align-items: flex-end; justify-content: center; margin-top: 20px } .special__button span { flex: 0 0 auto; display: inline-block; padding: 5px 10px; background-color: inherit; color: inherit; text-transform: uppercase } .special--listing { padding-top: 10px; padding-bottom: 10px; background-color: #f2f0ee } .special--listing button { background-color: #c60c30 } .special--listing:hover { background-color: inherit; background-size: cover } .onpoint__banner span:after, .onpoint__banner span:before, .onpoint__section--title:after { content: ""; position: absolute; display: block; height: 1px; top: 50% } .onpoint .listing__author:hover, .onpoint--bg .listing__title, .onpoint .section__title a:hover, .onpoint .listing__section, .onpoint .section__title__highlight, .onpoint q:before, .onpoint blockquote:before, .onpoint .article__body--commentary > p:first-of-type:first-letter, .onpoint .article__body--bookmark > p:first-of-type:first-letter { color: #d9bb6a } .onpoint__banner span:after, .onpoint__banner span:before, .onpoint .button--primary, .onpoint .ui-button:first-of-type, .onpoint .tablist [aria-selected="true"], .onpoint .article__body .question:before, .onpoint .tab-selector .icon, .onpoint .tab-selector[aria-expanded=true] .icon, .onpoint .tab-selector:hover .icon, .lead--op-magazine { background-color: #d9bb6a } .opbg, .onpoint--bg, .onpoint--bg .listing__excerpt--inverted { background-color: #333 } .onpoint--bg .listing__image-heading, .onpoint--bg .listing__header > .onpoint__banner, .op-header--img .onpoint__header { background-color: rgba(51, 51, 51, .65) } .opbg, .onpoint--bg { background-clip: content-box; color: #fcfcfc } .opbg .button--tertiary:hover, .onpoint--bg .button--tertiary:hover { background-color: #f2f0ee } .opbg label.error, .onpoint--bg label.error { color: #f2f0ee } .onpoint--bg .listing__image-heading .onpoint__banner { margin: 10px 10px 20px } .onpoint--bg .listing__fr { color: #fcfcfc } .onpoint--bg .listing__header > .onpoint__banner { position: absolute; left: 0; right: 0; margin-top: -40px; padding: 5px 0 } .onpoint--bg .listing__header > .onpoint__banner span:before { left: 10px } .onpoint--bg .listing__header > .onpoint__banner span:after { right: 10px } .onpoint__header { text-align: center; position: relative } .onpoint__header__title { font: 0/0 a; text-shadow: none; color: transparent } .onpoint__header-img { display: block; opacity: .5; background-color: inherit; position: absolute; top: 0; bottom: 0 } .onpoint__header-img:before { background: radial-gradient(circle at 51% 50%, rgba(51, 51, 51, 0), #333); content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .onpoint__header-content { position: relative; z-index: 1 } .onpoint__header a, .onpoint__header a:hover { color: #fcfcfc } .onpoint__banner { position: relative; display: block; text-indent: -1000em } .onpoint__banner:before { content: ""; display: block; height: 30px; left: 50%; margin-left: -60px; position: relative; width: 120px; top: 0; z-index: 1; background: transparent url(../images/ps_onpoint_fff.svg) no-repeat center top } .onpoint__banner--nobg:before { background-image: url(../images/ps_onpoint.svg) } .onpoint__banner span { top: 50%; position: absolute; left: 0; right: 0 } .onpoint__banner span:after, .onpoint__banner span:before { width: calc(50% - 60px) } .onpoint__banner span:before { left: 0 } .onpoint__banner span:after { right: 0 } .onpoint__banner--title:before { width: 240px; margin-left: -120px; height: 50px } .onpoint__banner--title span:after, .onpoint__banner--title span:before { width: calc(50% - 120px) } .onpoint__banner--article:before { width: 180px; margin-left: -90px; height: 30px } .onpoint__banner--article span:after, .onpoint__banner--article span:before { width: calc(50% - 90px) } .onpoint__section { margin-top: 40px } .onpoint__section--title { text-align: center; position: relative } .onpoint__section--title span { display: inline-block; background-color: #fcfcfc; padding: 0 40px; position: relative; z-index: 1 } .onpoint__section--title-bg span { background-color: #f2f0ee } .onpoint__section--title:after { background-color: #333 } .onpoint.lead .onpoint__banner { top: -10px } .onpoint .tablist { border-bottom-color: #d9bb6a } .onpoint .tablist [aria-selected="true"] { color: #fcfcfc } .onpoint q, .onpoint blockquote { color: inherit } .onpoint .tab-selector[aria-expanded=true], .onpoint .tab-selector:hover { color: #d9bb6a; background-color: #f8f7f6 } .op-header--noimg, .op-header--img { height: 120px } @media screen and (min-width: 64em) { .op-header--noimg, .op-header--img { height: 280px } } .op-header .list-page__title, .op-header .onpoint__section--title { color: #fcfcfc; text-align: center } .op-header--img { position: absolute; bottom: 0; left: 0; right: 0 } .op-header .onpoint__header { height: 100%; z-index: -1; width: 100%; top: 0; position: absolute } .op-magazine__lead { display: flex; flex-direction: column; justify-content: space-between } .op-magazine__edition { font-style: normal } .op-magazine__header { margin-top: 20px; color: #fcfcfc; font-style: italic; flex: 0 0 auto } .op-magazine__header > span { display: block } .op-magazine__header img { max-width: 80% } .op-magazine__desc { flex: 0 0 auto; margin: 20px 0 } .op-magazine__call { flex: 0 0 auto; display: block; background-color: #333; text-transform: uppercase; color: #fcfcfc; text-align: center; padding: 10px; margin-bottom: 20px } .op-magazine__call:hover { color: #d9bb6a } .onpoint.special .special__button span { background-color: #d9bb6a; color: #333 } .donation { color: #fcfcfc } .donation--bg { background-color: #c60c30; background-clip: content-box } .donation .special__wrapper { color: inherit } .donation .special__title { text-align: left; border-top: 1px solid; border-bottom: 1px solid; color: inherit } .donation .special__button span { background-color: #333 } .cur.cur-opt-2 .cur__el:not(.cur__el--special) + .cur__el--special, .cur.cur-opt-3 .cur__el:not(.cur__el--special) + .cur__el--special, .cur.cur-opt-4 .cur__el:not(.cur__el--special) + .cur__el--special { order: 2 } .cur .cur__el:not(.cur__el--special) + .cur__el--special { order: 3 } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-3 .cur__el:not(.cur__el--special) + .cur__el--special, .cur.cur-opt-4 .cur__el:not(.cur__el--special) + .cur__el--special { order: 3 } } .cur__el--a1 .listing__excerpt > a, .cur__el--a2:not(.cur__el--video) .listing__excerpt > a { color: #d9bb6a } .cur .special { order: 10 } .cur .cur__el:nth-child(1) { order: 1 } .cur .cur__el.cur__el--special { order: 12 } .cur .cur__el:nth-child(2) { order: 2 } .cur .cur__el.cur__el--special { order: 12 } .cur .cur__el:nth-child(3) { order: 3 } .cur .cur__el.cur__el--special { order: 12 } .cur .cur__el:nth-child(4) { order: 4 } .cur .cur__el.cur__el--special { order: 12 } .cur .cur__el:nth-child(5) { order: 5 } .cur .cur__el.cur__el--special { order: 12 } .cur .cur__el:nth-child(6) { order: 6 } .cur .cur__el.cur__el--special { order: 12 } .cur .cur__el:nth-child(7) { order: 7 } .cur .cur__el.cur__el--special { order: 12 } .cur .cur__el:nth-child(8) { order: 8 } .cur .cur__el.cur__el--special { order: 12 } .cur .cur__el:nth-child(9) { order: 9 } .cur .cur__el.cur__el--special { order: 12 } .cur .cur__el:nth-child(10) { order: 10 } .cur .cur__el.cur__el--special { order: 12 } .cur__el--a1 .listing { height: auto } .cur__el--a2:not(.cur__el--video) .listing__footer { float: right; margin: -15px -10px 0 0 } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-1 .cur__el:nth-child(7), .cur.cur-opt-1 .cur__el:nth-child(8) { display: none } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-2.cur--promo-0 .cur__el:nth-child(8), .cur.cur-opt-2.cur--promo-0 .cur__el:nth-child(9) { display: none } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-2.cur--promo-1 .cur__el:nth-child(7), .cur.cur-opt-2.cur--promo-1 .cur__el:nth-child(8) { display: none } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-2.cur--promo-2 .cur__el:nth-child(6), .cur.cur-opt-2.cur--promo-2 .cur__el:nth-child(7) { display: none } } .cur.cur-opt-3 .cur__el:nth-child(8) { display: none } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-3 .cur__el:nth-child(8) { display: flex } } .cur.cur-opt-4.cur--promo-0 .cur__el:nth-child(5) { order: 2 } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-4.cur--promo-0 .cur__el:nth-child(5) { order: 3 } } .cur.cur-opt-4.cur--promo-0 .cur__el:nth-child(8) { display: none } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-4.cur--promo-0 .cur__el:nth-child(8) { display: flex } } .cur.cur-opt-4.cur--promo-1 .cur__el:nth-child(7) { display: none } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-4.cur--promo-1 .cur__el:nth-child(7) { display: flex } } .cur.cur-opt-4.cur--promo-2 .cur__el:nth-child(6) { display: none } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-4.cur--promo-2 .cur__el:nth-child(6) { display: flex } } @media screen and (min-width: 40em) and (max-width: 63.99875em) { .cur.cur-opt-5.cur--promo-0 .cur__el:nth-child(4) { order: 6 } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-5.cur--promo-0 .cur__el:nth-child(6) { order: 4 } } .cur.cur-opt-6.cur--promo-0 .cur__el:nth-child(9) { display: none } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-6.cur--promo-0 .cur__el:nth-child(9) { display: flex } } .cur.cur-opt-6.cur--promo-1 .cur__el:nth-child(8) { display: none } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-6.cur--promo-1 .cur__el:nth-child(8) { display: flex } } .cur.cur-opt-6.cur--promo-2 .cur__el:nth-child(7) { display: none } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-6.cur--promo-2 .cur__el:nth-child(7) { display: flex } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-7.cur--promo-0 .cur__el:nth-child(7) { display: none } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-7.cur--promo-1 .cur__el:nth-child(6) { display: none } } .cur.cur-opt-7.cur--promo-2 .cur__el:nth-child(6) { order: 4 } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-7.cur--promo-2 .cur__el:nth-child(7) { display: none } } .cur.cur-opt-8 .cur__el:not(.cur__el--special) + .cur__el--special { order: 6 } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-8.cur--promo-0 .cur__el:nth-child(9) { display: none } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-8.cur--promo-1 .cur__el:nth-child(8) { display: none } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-8.cur--promo-2 .cur__el:nth-child(7) { display: none } } .cur.cur-opt-9 .cur__el:not(.cur__el--special) + .cur__el--special { order: 5 } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-9 .cur__el--special + .cur__el--special { display: none } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-9.cur--promo-0 .cur__el:nth-child(8) { display: none } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-9.cur--promo-1 .cur__el:nth-child(7) { display: none } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-10 .cur__el:nth-child(4) { order: 3 } .cur.cur-opt-10 .cur__el:nth-child(3) { order: 4 } .cur.cur-opt-10 .cur__el:nth-child(8) { display: flex } } @media screen and (min-width: 40em) and (max-width: 63.99875em) { .cur.cur-opt-10.cur--promo-0 .cur__el:nth-child(4) { order: 2 } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-10.cur--promo-0 .cur__el:nth-child(9) { display: none } } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-10.cur--promo-1 .cur__el:nth-child(8) { display: none } } .cur.cur-opt-10.cur--promo-2 .cur__el:nth-child(8) { order: 4 } @media screen and (min-width: 64em) and (max-width: 74.99875em) { .cur.cur-opt-10.cur--promo-2 .cur__el:nth-child(8) { display: none } .cur.cur-opt-10.cur--promo-2 .cur__el:nth-child(9) { order: 2 } } [class*=cur__el--c] .listing__footer { padding: 20px 5px 5px } [class*=cur__el--a]:not(.cur__el--video) .listing { color: #fcfcfc } [class*=cur__el--a]:not(.cur__el--video) .listing__title { text-align: center; align-self: center; margin-bottom: 0 } [class*=cur__el--a]:not(.cur__el--video) .listing__header + .listing__fr:before { background-color: transparent } [class*=cur__el--a]:not(.cur__el--video) .listing__fr { color: #333; background-color: #fff } @media screen and (min-width: 64em) { .cur__el--a1 .byline { max-width: 20% } .cur__el--a1 .listing__abs { float: right; width: 75%; margin-top: 0 } .cur__el--a1 .listing__abs :first-child { margin-top: 0 } .cur__el--a1 .listing__footer { clear: both; padding: 10px 0 0 } } .news-alert a, .info-alert a, .error-alert a { text-decoration: underline; color: inherit } .news-alert a:hover, .info-alert a:hover, .error-alert a:hover { color: #fcfcfc; text-decoration: none } .news-alert { padding: 10px; border-left: 5px solid #c60c30; color: #fcfcfc } .news-alert.home-notice--black { background-color: #333 } .news-alert.home-notice--red { background-color: #c60c30; border-left-color: #333 } .info-alert { margin-top: 40px; padding: 10px; border-left: 5px solid #c60c30; background-color: #333; color: #fcfcfc } .info-alert--light { background-color: #d5d2ca; color: #333 } .error-alert { margin-top: 40px; padding: 10px; border-left: 5px solid #333; background-color: #c60c30; color: #fcfcfc } .preview-alert { position: fixed; top: auto; left: 0; right: 0; bottom: 0; background-color: #2499e0; z-index: 1000; padding: 10px; box-shadow: 0 0 3px 3px rgba(0, 0, 0, .5) } .preview-alert p { color: #fcfcfc; text-align: center } .u-alert-container .info-alert, .u-alert-container .error-alert { display: inline-block; margin: 20px 0 } .u-alert-container--space-lr { margin-left: 20px; margin-right: 20px } .books__title, .books__author { width: 120px } .books, .conference { background-color: #f2f0ee; padding: 10px 10px 0; flex-wrap: wrap } .books__item, .conference__item { flex: 1 1 auto; margin: 0 0 20px } .books { flex-direction: row } .books a { display: block } .books figcaption { margin-top: 5px } .books__title { display: block; font-weight: 700 } .books--own .books__author { display: none } .conference { flex-direction: column } .conference a { display: block } .conference h3 { font-weight: 700 } .spotlight { position: relative; padding-top: 20px; padding-bottom: 20px } .spotlight:before { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; content: ""; top: 0; bottom: 0; position: absolute; z-index: -1 } .spotlight .listing__footer { padding: 0 } .debate.article__headerintro { background-color: #595959 } .infindex { background-color: #f2f0ee } .infindex__item { padding: 10px 10px 10px } .infindex li { margin-bottom: 0; padding-bottom: 0; border: none } .infindex__progress { background-color: #ddd; display: block; height: 5px; position: absolute; bottom: 0; left: 0; right: 0 } .infindex .listing__excerpt { padding-bottom: 5px } .magazine { color: #fcfcfc } .magazine__title { text-align: center; text-transform: uppercase; color: #d9bb6a } .magazine .payment__banner { background-color: transparent; color: #333 } .magazine .payment__descr { color: #333 } .magazine .payment__descr h3 { font-weight: 700 } .magazine__authors { text-align: center } .magazine__authors .readmore_extended { text-align: left } .magazine__authors .readmore__link { margin-top: 20px; text-transform: uppercase; border-style: solid; background-color: #d9bb6a } .magazine__authors ul { display: flex; flex-flow: row wrap; list-style: none; margin-left: 0; padding-left: 0 } .magazine__authors li { font-style: italic; margin-bottom: 20px; border-left: 1px solid #ddd; padding-left: 10px; flex: 1 1 50% } .magazine__authors li strong { font-style: normal; display: block; color: #d9bb6a; font-weight: 700 } .magazine__authors-more { margin: 0 auto } .magazine .section--bgfull .row > div:nth-child(even) { margin-left: 0 } .bigpicture__leadimage:before, .bigpicture.lead .image:before, .cur__el .bigpicture__intro:before { content: ""; bottom: 0; position: absolute; left: 0; right: 0; top: 0; display: block; background-image: linear-gradient(to bottom, rgba(98, 98, 98, 0), #333); z-index: 1 } .bigpicture .article__interaction { left: 0; right: 0; bottom: -50px; margin: 0; padding: 10px; z-index: 2; width: 100%; background-color: #333; position: absolute } @media screen and (min-width: 40em) { .bigpicture .article__interaction { background-color: transparent; bottom: 0 } } .bigpicture .article__interaction .list { display: inline-block; float: none } .bigpicture .article__interaction .list .icon { opacity: 1 } .bigpicture .sticky__container { background-color: #f2f0ee } .bigpicture__banner { color: inherit; background-color: #333; text-align: center; position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center } @media screen and (min-width: 40em) { .bigpicture__banner { background-color: rgba(0, 0, 0, .5); top: 0 } } .bigpicture__banner span { flex: 0 0 auto } .bigpicture__banner .initials { background: transparent url(../images/ps_logo_dot_fff.svg) no-repeat center top; height: 30px; flex-basis: 30px; margin-right: 10px } .bigpicture__header { z-index: 2; display: flex; flex-direction: column; position: absolute; top: 0; bottom: 0; right: 0; left: 0; color: #fcfcfc } .bigpicture__title { text-shadow: 2px 1px rgba(0, 0, 0, .5) } .bigpicture__intro { background-color: #f2f0ee; text-align: center; z-index: 0 } .bigpicture__intro .bigpicture__introwrapper { position: relative } @media screen and (max-width: 39.99875em) { .bigpicture__intro .bigpicture__introwrapper { margin-top: 50px; margin-bottom: 50px } } .bigpicture__authors { background-color: #f2f0ee; z-index: 2; position: relative } .bigpicture__body { text-align: left } .bigpicture__body p + p { margin-top: 20px } .bigpicture__body a { color: #2499e0 } .bigpicture__topauthors { display: flex; flex-flow: row wrap; justify-content: space-between } .bigpicture__topauthors a { display: block } .bigpicture__topauthors li { flex: 0 0 160px; display: block; margin-top: 20px } @media screen and (max-width: 39.99875em) { .bigpicture__topauthors li { flex-basis: 100% } } .bigpicture__topauthors img { filter: grayscale(1); margin: 0 } .bigpicture__leadimage { position: relative } .bigpicture__navwrapper { position: sticky; top: 40px; height: 1px } .bigpicture__nav { position: relative; top: 80px } .bigpicture__image { width: 100%; position: relative } .bigpicture__editorial { top: 0; left: 0; bottom: 0; right: 0; color: #595959; text-align: center; display: flex; flex-direction: column; justify-content: center; background-color: #f2f0ee } @media screen and (min-width: 64em) { .bigpicture__editorial { position: absolute; background-color: rgba(0, 0, 0, .5); color: #fcfcfc } } @media screen and (max-width: 63.99875em) { .bigpicture__editorial .bracket { margin-top: 20px; margin-bottom: 20px } .bigpicture__editorial .bracket__bl:before, .bigpicture__editorial .bracket__bl:after, .bigpicture__editorial .bracket__tr:before, .bigpicture__editorial .bracket__tr:after { background-color: #595959 } } .bigpicture__editorial div { flex: 0 0 auto; text-align: left; padding: 30px } @media screen and (min-width: 75em) { .bigpicture__editorial div { columns: 2 } } @media print, screen and (min-width: 40em) { .bigpicture__editorial div { padding: 40px } } @media print, screen and (min-width: 64em) { .bigpicture__editorial div { padding: 80px } } @media screen and (min-width: 75em) { .bigpicture__editorial div { padding: 160px } } .bigpicture__image img, .bigpicture__image picture { filter: grayscale(100%); filter: gray } .bigpicture.lead .bigpicture__intro { position: relative } .bigpicture__landing .initials { background-image: url(../images/PS_Logo_inv.svg); height: 40px; flex-basis: 40px } .bigpicture__landing .bigpicture__banner { background-color: transparent } @media screen and (max-width: 63.99875em) { .bigpicture__landing .bigpicture__banner { position: static; top: 0 } } .bigpicture__landing .bracket { max-width: 100%; max-height: 100% } .pagenav { background-color: #f2f0ee; position: absolute } .pagenav__item { padding: 10px; opacity: .5 } .pagenav__item.active { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15); opacity: 1 } .pagenav__desc { display: block; overflow: hidden } .pagenav img { float: left; filter: grayscale(100%); filter: gray } .pagenav__author { text-transform: uppercase } .cur__el .bigpicture { background-color: #f2f0ee } @media screen and (max-width: 39.99875em) { .cur__el .bigpicture { padding-top: 50px } } .cur__el .bigpicture__banner { color: #fcfcfc } .cur__el .bigpicture__intro { position: relative; margin: -20px -10px -10px } .cur__el .bigpicture__title { text-shadow: none } .cur__el .bigpicture__title a { color: inherit } .cur__el--bigpicture .listing--a1 .list--fl-rw { justify-content: flex-start } .cur__el--bigpicture .listing--a1 .list--fl-rw li + li { margin-left: 20px } @media screen and (min-width: 64em) { .cur__el--bigpicture .listing--a1 .listing__excerpt > span, .cur__el--bigpicture .listing--a1 .listing__excerpt > ol { float: left; clear: left; width: 30% } .cur__el--bigpicture .listing--a1 .listing__excerpt .list--fl-rw li { margin-right: 40px } .cur__el--bigpicture .listing--a1 .listing__excerpt .list--fl-rw li + li { margin-left: 0 } .cur__el--bigpicture .listing--a1 .listing__excerpt .listing__abs { overflow: hidden; margin-top: 0 } } @media screen and (min-width: 75em) { .cur__el--bigpicture .listing--a1 .listing__excerpt > span, .cur__el--bigpicture .listing--a1 .listing__excerpt > ol { width: 25% } .cur__el--bigpicture .listing--a1 ol.multicolumn { column-count: 2; width: 40% } .cur__el--bigpicture .listing--a1 ol.multicolumn li { width: calc(50% - 40px) } } .bracket { position: relative; padding: 20px; margin: auto; max-width: 90%; max-height: 80%; display: inline-block; text-align: center } .bracket--inverted .bracket__bl:before, .bracket--inverted .bracket__bl:after, .bracket--inverted .bracket__tr:before, .bracket--inverted .bracket__tr:after { background-color: #595959 } .bracket__bl:before, .bracket__bl:after { left: 0; bottom: 0 } .bracket__tr:before, .bracket__tr:after { right: 0; top: 0 } .bracket__bl:before, .bracket__tr:before, .bracket__bl:after, .bracket__tr:after { content: ""; background-color: #fcfcfc; display: block; position: absolute } .bracket__bl:before, .bracket__tr:before { width: 40px; height: 5px } .bracket__bl:after, .bracket__tr:after { height: 40px; width: 5px } @media screen and (min-width: 64em) { .bigpicture__intro .bigpicture__introwrapper .bracket, .bigpicture__editorial .bracket, .bigpicture.lead .bracket, .bigpicture__landing .bracket, .cur__el--bigpicture .listing--a1 .bracket { padding: 80px } .bigpicture__intro .bigpicture__introwrapper .bracket__bl:before, .bigpicture__editorial .bracket__bl:before, .bigpicture.lead .bracket__bl:before, .bigpicture__landing .bracket__bl:before, .cur__el--bigpicture .listing--a1 .bracket__bl:before, .bigpicture__intro .bigpicture__introwrapper .bracket__tr:before, .bigpicture__editorial .bracket__tr:before, .bigpicture.lead .bracket__tr:before, .bigpicture__landing .bracket__tr:before, .cur__el--bigpicture .listing--a1 .bracket__tr:before { width: 120px; height: 10px } .bigpicture__intro .bigpicture__introwrapper .bracket__bl:after, .bigpicture__editorial .bracket__bl:after, .bigpicture.lead .bracket__bl:after, .bigpicture__landing .bracket__bl:after, .cur__el--bigpicture .listing--a1 .bracket__bl:after, .bigpicture__intro .bigpicture__introwrapper .bracket__tr:after, .bigpicture__editorial .bracket__tr:after, .bigpicture.lead .bracket__tr:after, .bigpicture__landing .bracket__tr:after, .cur__el--bigpicture .listing--a1 .bracket__tr:after { height: 120px; width: 10px } } .user-subscription__subtitle { font-weight: 700 } .user-subscription time { font-style: normal } .user-subscription--edit { background-color: #f2f0ee; padding: 10px } .user-subscription--edit .list__line { border-color: #ddd } .user-subscription__address .cell { width: 100%; flex: 0 0 100%; max-width: 100% } .user-subscription__address .cell .select2 { background-color: #fcfcfc } .products__header { background-color: #f1f1f1; text-align: center; background-image: radial-gradient(circle at 50% 50%, #f2f2f2, #fcfcfc) } .products__tagline, .products__title, .products__price { text-align: inherit; font-family: inherit } .products__price { font-weight: 700 } .products__title span { color: #c60c30; text-transform: uppercase; letter-spacing: 2px } .products__cta { color: #c60c30; text-transform: uppercase; text-align: inherit; font-family: inherit; position: relative; letter-spacing: 2px !important } .products__cta:after { position: absolute; width: 40px; bottom: -20px; content: ""; background-color: #c60c30; height: 1px; left: 50%; margin-left: -20px } .products__lead { border: 1px solid #ddd; background-color: #fff; position: relative } .products__lead .payment__details { flex-grow: 0 } .products__lead .payment__container { align-items: center; justify-content: center } .products__lead li { list-style-type: none } .products__lead li:before { content: "▪"; margin-right: 10px; color: #c60c30 } .products__lead li ul { margin-left: 20px } .products__lead li ul li:before { display: none } .products .payment--bg { background-color: #fff } button, input[type=submit] { outline: none } form { border: none; outline: none; padding: 0 } fieldset { border: none; padding: 0; margin: 0 } .description { margin-bottom: 10px } .form--fullwidth { overflow: hidden } .form--fullwidth p, .form--fullwidth li { display: flex; flex-direction: column } .form--fullwidth p[aria-hidden=false].u-fs-ter, .form--fullwidth li[aria-hidden=false].u-fs-ter { display: block } .form--fullwidth p[aria-hidden=true].u-fs-ter, .form--fullwidth li[aria-hidden=true].u-fs-ter { display: none } .form--fullwidth .u-block { display: block } .form--fullwidth .form__controls { flex-direction: row; justify-content: space-between } .form p { position: relative; margin-top: 20px } .form--catcher input[type=email], .form--catcher input[type=text], .form--catcher input[type=search] { border-right: none } @media screen and (max-width: 63.99875em) { .form--catcher { flex-direction: column } .form--catcher label { margin-bottom: 10px } } .form--border { border: 1px solid #ddd; padding: 5px } .form__title { color: #c60c30; font-weight: 700 } input[type=text], input[type=search], input[type=email], input[type=password], input:required, input:required:focus, textarea, input[type=url], input[type=number], button { outline: none; border: none; line-height: inherit; background-color: transparent } input[type=text], input[type=search], input[type=email], input[type=password], input:required, input:required:focus, textarea, input[type=url], input[type=number] { border: 1px solid #ddd; background-color: #fcfcfc; padding: 5px } input.icon { border: none } input:placeholder { color: #9b9b9b } input.unstyled { margin: 0; padding: 0; border: none; background-color: inherit; color: inherit } input[type=submit].icon { background-color: #c60c30 } input[type=submit].icon.base { background-color: #ddd } .textarea--autosize { overflow-x: hidden; min-height: 50px; resize: vertical; height: calc(100% - 60px) } input[type=checkbox] { display: none } input[type=number] { width: 100% } label { display: block; margin-bottom: 5px } label.label--spacer { margin: 20px 0 5px } label[aria-hidden=true] { display: none } .label-placeholder-mu { margin-top: 10px } @media screen and (min-width: 40em) { .label-placeholder-mu { margin-top: 40px } } .plbh { padding: 15px 0; display: block } .select-element__label { margin: 0 } .select-element .icon--checkbox, .select-element .icon--opcheckbox { margin-right: 10px } .select-element select { width: auto; flex: 0 0 auto } .input-element { display: flex } .input-element label.error { position: absolute; height: 100%; line-height: 30px; padding: 5px; background-color: #d5d2ca; width: 100%; top: -100%; color: #c60c30 } .file { position: relative } .file-upload { padding-left: 20px; margin-left: 0 } .file-upload li:last-of-type { list-style: none; margin: 20px 0 0 -20px } .file__input { width: .1px; height: .1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 } .file__input:focus { outline: 1px dotted #000 } .file__remove { border: none; margin-left: 10px; padding: 0; display: none } .file label.error { border: none; clear: both } .file .has-file { border: none; padding: 0 } .file .has-file span { text-transform: none } .file .has-file ~ .file__remove { display: inline-block; color: #2499e0 } .file .no-file { border-color: #c60c30 } button { border-radius: 0; cursor: pointer } .magazine__authors .readmore__link, .button, .ui-button, .search-suggestion span, .search-suggestion a { text-align: center; padding: 3px 4px; border: 1px hidden; cursor: pointer; white-space: nowrap; display: inline-block } .magazine__authors .readmore__link, .button, .ui-button { font-weight: 700 } .magazine__authors .readmore__link:hover, .button:hover, .ui-button:hover { text-decoration: none } .magazine__authors .readmore__link, .button--pl { padding-left: 40px; padding-right: 40px } .button--secondary:hover, .ui-button + .ui-button:hover, .button--tertiary:hover { color: #9e001f; background-color: rgba(158, 0, 32, .03) } .button--secondary, .ui-button + .ui-button { color: #c41335 } .magazine__authors .readmore__link, .button--primary, .ui-button:first-of-type { color: #fcfcfc; border-color: transparent } .magazine__authors .readmore__link:hover, .button--primary:hover, .ui-button:hover:first-of-type { color: #fcfcfc; background-color: #9e001f; border-color: #9e001f } .button--edit, .button--cancel { padding: 10px; border: 1px solid #2499e0; border-radius: 2px } .button--edit:hover, .button--cancel:hover { background-color: rgba(36, 153, 224, .1); color: #2499e0 } .button.submitting, .submitting.ui-button, .button--edit.submitting { background: transparent none no-repeat center center; color: transparent } .button__group { justify-content: space-between; height: 50px } .button [disabled], .ui-button [disabled] { opacity: .5 } .button--aria-hidden[aria-hidden=true] { display: none } .button--secondary, .ui-button + .ui-button { border-style: solid } .button--secondary.submitting, .ui-button + .submitting.ui-button { background-image: url(/images/load.svg) } .button--tertiary { color: #333; font-weight: 400; border-style: none; background-color: #d5d2ca } .button--nobg { background-color: transparent } .button--opener { font-weight: 400; color: #9b9b9b; border-style: solid } .button--primary, .ui-button:first-of-type { text-transform: uppercase; border-style: solid; background-color: #c41335 } .button--primary.submitting, .submitting.ui-button:first-of-type { background-image: url(/images/load.svg) } .button--edit { color: #fcfcfc; background-color: #2499e0 } .button--edit.submitting { background-image: url(/images/load_blue.svg) } .button--cancel { color: #2499e0; background-color: transparent } .button--block { display: block } .button--demi { min-width: 100px } .button--close { float: right; display: block; color: #9b9b9b; font-weight: 400; margin-top: -5px } .button--close:hover { color: #c60c30 } .button--f-valid[disabled=disabled] { background-color: transparent; color: #333; border: 1px solid #ddd } .button--h2 { height: 60px; width: 100% } .toggle-button__label--h1, .toggle-button__label--h2 { text-transform: uppercase; border: 1px solid #ddd; color: #333; font-weight: 700 } .toggle-button { display: none } .toggle-button__label { outline: 0; display: block; height: 30px; line-height: 28px; position: relative; white-space: nowrap; overflow: hidden; backface-visibility: hidden; flex: 0 0 auto; text-align: center; padding: 0 10px; color: #9b9b9b } .toggle-button__label--h1 { height: 60px; line-height: 58px } .toggle-button:checked + .toggle-button__label { color: #333; font-weight: 700; background-color: #fcfcfc } .toggle-button:checked + .toggle-button__label--h1 { color: #fcfcfc; background-color: #c60c30; border-color: #c60c30 } .toggle-button:checked + .toggle-button__label--h2 { background-color: #d5d2ca; border-color: #d5d2ca } .toggle-button__label--custom { position: relative } .toggle-button__label--custom .label__descriptor, .toggle-button__label--custom .label__value { line-height: 30px; flex: 1 1 auto } .toggle-button__label--custom .label__header { display: block; text-align: center } .toggle-button__label--custom .label__descriptor { float: left } .toggle-button__label--custom .label__value { width: 50px; color: inherit; background-color: inherit; border: none; z-index: 100; position: relative; padding: 0 } .search-options p + ul, .search-options p + p { margin-top: 10px } .search-options code { font-weight: 700; margin-right: 10px } .search-suggestion { width: 100% } .search-suggestion a { color: #c60c30 } .search-suggestion li { padding: 0 10px } @media screen and (min-width: 40em) { .search-suggestion { max-width: calc(100% - 200px) } } .form .error, .form .input-validation-error { border-color: #c60c30 } .validation { align-self: flex-end; position: absolute; right: 0; color: #9b9b9b; top: 0; font-style: italic; padding-right: 2px } label.error, span.error { color: #c60c30; margin-bottom: 0; padding: 2px } [novalidate], .novalidate { flex-wrap: wrap } .dropdown { align-items: center } .dropdown--centred { justify-content: center } .dropdown__label { margin-right: 10px } .dropdown__label, .dropdown__select { flex: 0 0 auto; width: auto } time { color: inherit; white-space: nowrap; font-style: italic } .author, .nmd-item__name, .nmd-item__name a { color: inherit; font-weight: 700 } .flex { display: flex } .flex--nowrap { flex-wrap: nowrap } .flex--between { justify-content: space-between } .flex--around { justify-content: space-around } .flex--centred { justify-content: center } .flex--center { align-items: center } .flex--end { align-items: flex-end } .f-scenter { align-self: center } .f-cs-end { display: flex; flex-direction: column; justify-content: flex-end } .f-reset { display: block } .nav__heading, .author, .nmd-item__name, .nmd-item__name a { text-transform: uppercase } .border { border-width: 1px } .border--bottom { border-bottom-style: solid } .u-btp { border-top: 1px solid #ddd; padding-top: 10px } .u-btp-row { padding-top: 40px; position: relative } .u-btp-row:before { border-top: 1px solid #ddd; content: ""; height: 41px; display: block; margin-top: -40px; position: absolute } .color--default-inversed { color: #fcfcfc } .vl-divider { display: inline-block; color: inherit } .vl-divider:after { content: " | "; font-style: normal } .counter { counter-reset: item } .ps-phrase { align-items: flex-end; margin-right: 10px } .subscribe, .unsubscribe { color: #2499e0; font-weight: 700; padding: 0 } .subscribe:hover, .unsubscribe:hover, .onpoint .subscribe:hover, .onpoint .unsubscribe:hover { color: #c60c30 } .onpoint .subscribe, .onpoint .unsubscribe { color: #d9bb6a } .unsubscribe { color: #9b9b9b } .meta { color: #9b9b9b; font-weight: 400 } .meta--block { display: block } .meta .icon { opacity: .5 } .meta .icon:hover { opacity: 1 } .meta a { color: #2499e0 } .meta .meta__author { color: #9b9b9b; text-transform: uppercase } .meta time { font-style: normal; font-weight: 700 } .element-picker a { border-radius: 50%; color: inherit; display: block; height: 25px; text-align: center; width: 25px } .element-picker .selected { background-color: #fcfcfc; color: #c60c30 } .element-picker--inverted .selected { background-color: #c60c30; color: #fcfcfc } [data-readmore-toggle] { color: #c60c30 } .pullout { color: #9b9b9b; display: block; text-transform: uppercase; text-align: center } .pullout strong { color: #c60c30; position: relative; margin-bottom: 20px; display: block } .pullout strong:after { content: ""; background-color: #f1f1f1; height: 1px; width: 80px; position: absolute; margin-left: -40px; left: 50%; bottom: -10px } .hide-show[aria-hidden=true] { display: none } .resp-col[aria-hidden=false] { display: flex } @media screen and (min-width: 40em) { .resp-col { background-color: #f1f1f1 } } .checkmark svg { width: 100px; display: block; margin: 40px auto 0 } .checkmark .path { stroke-dasharray: 1000; stroke-dashoffset: 0 } .checkmark .path.circle { -webkit-animation: dash 1.5s ease-in-out; animation: dash 1.5s ease-in-out } .checkmark .path.line { stroke-dashoffset: 1000; -webkit-animation: dash 1.5s 1.5s ease-in-out forwards; animation: dash 1.5s 1.5s ease-in-out forwards } .checkmark .path.check { stroke-dashoffset: -100; -webkit-animation: dash-check 1.5s 1.5s ease-in-out forwards; animation: dash-check 1.5s 1.5s ease-in-out forwards } @-webkit-keyframes dash { 0% { stroke-dashoffset: 1000 } 100% { stroke-dashoffset: 0 } } @keyframes dash { 0% { stroke-dashoffset: 1000 } 100% { stroke-dashoffset: 0 } } @-webkit-keyframes dash-check { 0% { stroke-dashoffset: -100 } 100% { stroke-dashoffset: 900 } } @keyframes dash-check { 0% { stroke-dashoffset: -100 } 100% { stroke-dashoffset: 900 } } .ribbon { z-index: 1 } .ribbon--corner { position: absolute; left: -5px; top: -5px; overflow: hidden; width: 200px; height: 200px } .ribbon--corner span { transform: rotate(-45deg); width: 100%; background-color: #c60c30; color: #fcfcfc; text-transform: uppercase; display: block; box-shadow: 0 3px 10px -5px black; position: absolute; top: 25%; left: calc(-25% + 10px); text-align: center } .ribbon--corner span:before, .ribbon--corner span:after { content: ''; position: absolute; top: 100%; z-index: -1; border-width: 3px; border-style: solid } .ribbon--corner span:before { left: 3px; border-color: #c60c30 transparent transparent #c60c30 } .ribbon--corner span:after { right: 0%; border-color: #c60c30 #c60c30 transparent transparent } .ribbon--horizontal { position: absolute; left: -5px; top: 40px; max-width: 90%; text-align: left } .ribbon--horizontal span { padding: 10px 20px; position: relative; background: #c60c30; box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .5); border-radius: 5px 0 0 5px; color: #fff; display: block } .ribbon--horizontal span:before, .ribbon--horizontal span:after { position: absolute; content: ''; display: block; border-radius: inherit } .ribbon--horizontal span:before { width: 5px; height: 100%; padding: 0; top: 7px; left: 0; background: inherit } .ribbon--horizontal span:after { box-shadow: inset -1px 2px 2px rgba(0, 0, 0, .5); bottom: -5px; background-color: transparent; width: 3px; height: 5px; left: 2px } @media screen and (min-width: 40em) { .ribbon--lead { max-width: 50%; top: 20% } } .listing__footer, .tablist, .dropdown, .ps-phrase { display: flex; flex-wrap: nowrap } .comment__item header, .listing__meta, .cart__nav, .select-element__label, .button__group { display: flex; align-items: center } .nmd-item, .topic-item { display: flex; align-items: flex-start } .listing--within, .slide, .special__wrapper, .cur .special, [class*=cur__el--c] .listing, [class*=cur__el--a]:not(.cur__el--video) .listing, .cur__el--bigpicture .listing, .spotlight .listing { display: flex; flex-direction: column; height: 100% } .listing__meta { flex-direction: column } @media screen and (min-width: 40em) { .listing__meta { flex-direction: row } } .comment__item--list header { align-items: flex-start } .nav__list > li, .avatar-wrapper, .comment__item header time, .listing__header, .tablist [role=tab], .tablist .tab__item, .select-element .icon--checkbox, .select-element .icon--opcheckbox, .button__group .button, .button__group .ui-button, .flex__item--fix, .f-fix { flex: 0 0 auto } .listing__footer, .flex__item--grow, .f-grow { flex: 1 0 auto } .f-shrink { flex: 0 1 auto } .name-wrapper, .f-auto { flex: 1 1 auto } .f-strech { align-self: stretch } .payment__package, .grouped, .books, .conference { display: flex; justify-content: space-between } .icon, .datepicker th.prev, .datepicker th.next, .tablist [role=tab], .tablist .tab__item, .toggle-button__label { cursor: pointer } .next--slide[aria-expanded=true], .prev--slide[aria-expanded=true] { cursor: default } .thumb-crop:after, .comment__item:after, .list--secondary .listing:after, .listing--video:after, .listing--featured-video:after, .listing--media:after, .listing--default:after, .listing--lead:after, .listing--special:after, .pagenav__item:after, .listing--product:after, .u-clear-after:after { display: table; content: ""; clear: both } .article__body q:not(.inline-quote), .article__body blockquote:not(.inline-quote), .listing__title, .list--numbered li:before, .timeline__asset, .section__title-divider, .news-alert h2, .magazine__desc, .pagenav h2, .cur__el .bigpicture--listing .bigpicture__title, .products__title, .products__cta, .tagline, .ps-phrase, .pullout strong, [class*=cur__el--a]:not(.cur__el--video) .listing__title.listing__media-heading, .bigpicture__banner, .u-fs-br-sm-md, .op-magazine__header, .list-page__title, .onpoint__section--title, .article__title, .lead .listing__title, [class*=cur__el--a]:not(.cur__el--video) .listing__title, .cur__el--bigpicture .listing--a2 .bigpicture__title, .special__title, .magazine__title, .bigpicture.lead .bigpicture__title, .bigpicture__title, .cur__el--bigpicture .listing--a1 .bigpicture__title, .u-font-brand { font-family: "acta-display", Helvetica, Roboto, Arial, serif; letter-spacing: .5px } .nav, .logo, .initials, .article .editor-note strong, .image, .nmd-item, .topic-item, .comment__count, .comment__show-all + .comment__totalcount, .icon--new .count, .icon--cart-items .count, .icon--desc span, .list--intro, .listing--new .listing__title:before, .listing__section-title, .listing__fr__title, .listing__footer-link, .listing.listing--promo, .listing.listing--promo .listing__title, .listing__section, #footer, .tablist, .filter, .interaction__controls, .interaction__block, .interaction__header, .language, .timeline, .payments, .payment--bg, .payment__banner, .accordion, .paywall, .quotation footer, .cart__nav-item a, .cookiebanner, .special__button span, .op-magazine__desc, .op-magazine__call, .preview-alert p, .books__author, .conference h3, .magazine, .pagenav__author, .user-subscription, .products__lead, .form-component, form, input[type=text], input[type=search], input[type=email], input[type=password], input:required, input:required:focus, textarea, input[type=url], input[type=number], button, .magazine__authors .readmore__link, .button, .ui-button, .author, .nmd-item__name, .nmd-item__name a, .meta, .element-picker a, .pullout, .article__body > h2, .magazine__authors h3, .text-title, .slide h2, .payment__subtitle, .payment__option h2, .section__title, .paginator, .paginator_pages, .datepicker, .select2-container, .ui-dialog, .remodal, .u-font-meta { font-family: "Noto Sans", sans-serif } .magazine__abstract, .magazine__authors { font-family: "Noto Serif", serif } .article__body > h2, .magazine__authors h3, .text-title { clear: both; text-transform: uppercase; font-weight: 700; margin: 40px 0 20px } .article .editor-note, .article__body .question, .article__author, .special--generic .special__title, .op-magazine__desc, .op-magazine__call, .article__body > h2, .magazine__authors h3, .text-title { font-size: 16px } .article .editor-note, .article__body .question, .article__author, .special--generic .special__title, .op-magazine__desc, .op-magazine__call, .article__body > h2, .magazine__authors h3, .text-title { line-height: 23px } .comment__edit-time, .listing__footer-link, .comment__refresh, .comment__reply-refresh, .table--secondary td, .table--secondary th, .section__subtitle, .pagenav__author, .toggle-button__label--custom .label__header, .search-options, .validation, .paginator_pages, .u-fs-ter, .image__copyright, .image__properties, .image__desc, .icon--new .count, .icon--cart-items .count, .paywall__body, .paywall__login, .meta { font-size: 12px } .comment__refresh, .comment__reply-refresh, .table--secondary td, .table--secondary th, .section__subtitle, .pagenav__author, .toggle-button__label--custom .label__header, .search-options, .validation, .paginator_pages, .u-fs-ter { line-height: 14px } .image__copyright, .image__properties, .image__desc, .icon--new .count, .icon--cart-items .count, .paywall__body, .paywall__login, .meta { line-height: 16px } .nmd-item--secondary .nmd-item__name, .comment__count, .comment__edit-button, .list--secondary .listing__excerpt, .listing, .listing--special, .copyright, .copyright a, .tablist.tab--vertical, .filter, .slide, .timeline, .payments p, .payment, .table, .accordion-panel ul, .books, .conference, .user-subscription, .user-subscription--edit, .products__lead .payment__details, label, .file .has-file span, [aria-controls="search-options"], .search-suggestion, .pullout, .text-subtext, .subscribe, .unsubscribe, .icon--desc span, .paginator table, .listing--product, .listing--product .listing__producttitle span { font-size: 15px; line-height: 20px } .toggle-button__label--h1, .toggle-button__label--h2, .nav__item, .article__headerintro .list-page__title, .article__headerintro .onpoint__section--title, .article__body, .listing__fr__title, .tab-selector, .interaction__header, .paywall__subtitle, .paywall__title, .magazine__authors .readmore__link, .button, .ui-button, .ribbon span, .listing--product .listing__producttitle, .u-fs-st, .list--secondary .listing__title, .datepicker th { font-size: 17px } .nav__item, .article__headerintro .list-page__title, .article__headerintro .onpoint__section--title, .article__body, .listing__fr__title, .tab-selector, .interaction__header, .paywall__subtitle, .paywall__title, .magazine__authors .readmore__link, .button, .ui-button, .ribbon span, .listing--product .listing__producttitle, .u-fs-st { line-height: 25px } .list--secondary .listing__title, .datepicker th { line-height: 20px } .article__abs, .comment__article-title, .news-alert, .magazine__abstract, .bigpicture__body, .bigpicture__editorial { font-size: 19px; line-height: 28px } .article__body q:not(.inline-quote), .article__body blockquote:not(.inline-quote), .magazine__desc { font-size: 19px; line-height: 25px } .pagenav h2, .ps-phrase, [class*=cur__el--a]:not(.cur__el--video) .listing__title.listing__media-heading, .bigpicture__banner, .u-fs-br-sm-md, .products__tagline, .products__title, .products__price, .ps-phrase--large, .op-magazine__header { font-size: 17px; line-height: 20px } .listing__title, .news-alert h2 { font-size: 24px; line-height: 29px } .form--catcher input[type=email], .form--catcher input[type=text], .form--catcher input[type=search], .slide h2, .payment__subtitle, .payment__option h2, .section__title { font-size: 25px; line-height: 27px } .nmd-item__name--featured, .cur__el .bigpicture--listing .bigpicture__title, .tagline, .list-page__title, .onpoint__section--title, .article__title, .lead .listing__title, [class*=cur__el--a]:not(.cur__el--video) .listing__title, .cur__el--bigpicture .listing--a2 .bigpicture__title, .products__cta, .special__title { font-size: 27px; line-height: 31px } .pullout strong { font-size: 48px; line-height: 46px } @media print, screen and (min-width: 64em) { .special--generic .special__title, .op-magazine__desc, .op-magazine__call, .article__body > h2, .magazine__authors h3, .text-title { font-size: 25px; line-height: 27px } } @media print, screen and (min-width: 40em) { [class*=cur__el--a]:not(.cur__el--video) .listing__title.listing__media-heading, .bigpicture__banner, .u-fs-br-sm-md { font-size: 24px; line-height: 29px } } @media print, screen and (min-width: 40em) { .products__tagline, .products__title, .products__price, .ps-phrase--large { font-size: 27px; line-height: 31px } } @media print, screen and (min-width: 40em) { .bigpicture__landing .bigpicture__banner { font-size: 27px; line-height: 31px } } @media screen and (min-width: 64em) { .bigpicture__landing .bigpicture__banner { font-size: 48px; line-height: 46px } } @media screen and (min-width: 40em) { .op-magazine__header { font-size: 27px; line-height: 31px } } @media screen and (min-width: 75em) { .op-magazine__header { font-size: 48px; line-height: 46px } } @media screen and (min-width: 64em) { .list-page__title, .onpoint__section--title { font-size: 48px; line-height: 46px } } @media print, screen and (min-width: 40em) { .article__title, .lead .listing__title, [class*=cur__el--a]:not(.cur__el--video) .listing__title, .cur__el--bigpicture .listing--a2 .bigpicture__title { font-size: 48px; line-height: 46px } } @media print, screen and (min-width: 40em) { .products__cta { font-size: 48px; line-height: 46px } } @media print, screen and (min-width: 64em) { .special__title { font-size: 48px; line-height: 46px } } @media print, screen and (min-width: 40em) { .magazine__title, .bigpicture.lead .bigpicture__title { font-size: 48px; line-height: 46px } } @media print, screen and (min-width: 64em) { .magazine__title, .bigpicture.lead .bigpicture__title { font-size: 68px; line-height: 66px } } .bigpicture__title, .cur__el--bigpicture .listing--a1 .bigpicture__title { font-size: 27px; line-height: 31px } @media print, screen and (min-width: 40em) { .bigpicture__title, .cur__el--bigpicture .listing--a1 .bigpicture__title { font-size: 68px; line-height: 66px } } @media print, screen and (min-width: 64em) { .bigpicture__title, .cur__el--bigpicture .listing--a1 .bigpicture__title { font-size: 100px; line-height: 98px } } .subscribe, .unsubscribe { line-height: 25px } .icon--desc span, .paginator table { line-height: 30px } .slide h2, .payment__subtitle, .payment__option h2, .section__title { font-weight: 700; text-transform: uppercase } .slide--promo h2 { font-weight: 400; text-transform: none } .onpoint__header-img, .onpoint__banner--title span, .onpoint__banner--article span, .onpoint__section--title:after, .spotlight:before, .u-btp-row:before { left: 10px; right: 10px } @media print, screen and (min-width: 40em) { .onpoint__header-img, .onpoint__banner--title span, .onpoint__banner--article span, .onpoint__section--title:after, .spotlight:before, .u-btp-row:before { left: 15px; right: 15px } } .section__title-divider:before { margin-left: 10px; margin-right: 10px } @media print, screen and (min-width: 40em) { .section__title-divider:before { margin-left: 15px; margin-right: 15px } } .op-header .onpoint__banner span:before, .onpoint__header-content { margin-left: -10px } @media print, screen and (min-width: 40em) { .op-header .onpoint__banner span:before, .onpoint__header-content { margin-left: -15px } } .op-header .onpoint__banner span:after, .onpoint__header-content { margin-right: -10px } @media print, screen and (min-width: 40em) { .op-header .onpoint__banner span:after, .onpoint__header-content { margin-right: -15px } } .special--listing { padding-right: 10px } @media print, screen and (min-width: 40em) { .special--listing { padding-right: 15px } } .special--listing { padding-left: 10px } @media print, screen and (min-width: 40em) { .special--listing { padding-left: 15px } } .user-subscription__address .cell .validation, .form--responsive .validation, .columns > .validation { right: 10px } @media print, screen and (min-width: 40em) { .user-subscription__address .cell .validation, .form--responsive .validation, .columns > .validation { right: 15px } } .listing--media, .listing--default, .cur__el { margin-bottom: 20px } @media print, screen and (min-width: 40em) { .listing--media, .listing--default, .cur__el { margin-bottom: 30px } } @media screen and (min-width: 75em) { .fbg-image__figcaption, .article__sidebar { max-width: 20.83333% } } @media screen and (min-width: 75em) { .article__headerintro .cell, .article__interaction.xlarge-7, .article__topimg, .article__title--main.xlarge-7, .article--image-m figure, .op-header .cell { margin-left: 20.83333% } } @media screen and (min-width: 75em) { .article__sidebar { margin-left: 4.16667% } } .sticky--popunder[aria-hidden=false] .sticky--is-stuck, .sticky--bottom [aria-hidden="false"], [aria-hidden="false"].interaction__block--bottom { transform: translateY(0); animation-name: slideBottomDown } .sticky--popunder .sticky--is-stuck, .sticky--bottom [aria-hidden="true"], [aria-hidden="true"].interaction__block--bottom { transform: translateY(110%); animation-name: slideBottomDown } .sticky #sticky__nav, .sticky__header.popup--is-open, .sticky--pinned, .interaction__block--top[aria-hidden="false"] { transform: translateY(0); animation-name: slideDown } .sticky--unpinned #sticky__nav, .sticky--unpinned, .sticky .popup--is-open #sticky__nav, .interaction__block--top, .interaction__block--top[aria-hidden="true"] { transform: translateY(-110%); animation-name: slideDown } .interaction__block--fullheight[aria-hidden="false"] { transform: translateY(0); animation-name: slideDownFull } .interaction__block--fullheight[aria-hidden="true"] { transform: translateY(-110%); animation-name: slideDownFull } .sticky__header, .sticky__container.popup--is-open, .sticky--popunder .sticky--is-stuck, .sticky--bottom .sticky--is-stuck, .interaction__block { position: fixed; width: auto; left: 0; right: 0 } .interaction__block--bottom { bottom: 0; overflow-y: hidden; overflow-x: hidden; z-index: 3 } .sticky__header, .sticky__container.popup--is-open { z-index: 10 } .popunder { z-index: 2 } .popunder--inline[aria-hidden=false] { position: initial } .interaction__scroll { overflow-y: scroll } @media screen and (min-width: 64em) { .link__container { width: 210px } } @media screen and (min-width: 75em) { .link__container { width: 280px } } @media screen and (min-width: 40em) { .article__body--commentary q:not(.inline-quote), .article__body--commentary blockquote:not(.inline-quote), .article__body--interview q:not(.inline-quote), .article__body--interview blockquote:not(.inline-quote), .article__body--bookmark q:not(.inline-quote), .article__body--bookmark blockquote:not(.inline-quote), .inlay { margin: 30px 20px 20px 0; float: left } } @media screen and (min-width: 64em) { .article__body--commentary q:not(.inline-quote), .article__body--commentary blockquote:not(.inline-quote), .article__body--interview q:not(.inline-quote), .article__body--interview blockquote:not(.inline-quote), .article__body--bookmark q:not(.inline-quote), .article__body--bookmark blockquote:not(.inline-quote), .inlay { width: 300px; margin-left: -20%; margin-right: 20px } } @media screen and (min-width: 75em) { .article__body--commentary q:not(.inline-quote), .article__body--commentary blockquote:not(.inline-quote), .article__body--interview q:not(.inline-quote), .article__body--interview blockquote:not(.inline-quote), .article__body--bookmark q:not(.inline-quote), .article__body--bookmark blockquote:not(.inline-quote), .inlay { width: 300px; margin-left: -210px } } .listing__image-heading, .listing__image-heading--fix, .op-header--img { background: rgba(0, 0, 0, .5) } .listing__image-heading--fix, .listing:hover .listing__image-heading, .list--numbered li:hover .listing__image-heading { background: rgba(0, 0, 0, .7) } .infinite-loading:after, .lazyloading, .u-loading:after { background: transparent url(/images/oval.svg) no-repeat center; background-size: 20% } .lazyloading { opacity: .5; transition: opacity 300ms } .listing--video:before, .listing--featured-video:before, .listing--media:before, .listing--default:before, .listing--lead:before, .listing--standalone:before, .slide:before, .listing--product:before, [class*=cur__el--c] .listing:before, [class*=cur__el--a]:not(.cur__el--video) .listing:before, .cur__el--bigpicture .listing:before { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15); content: ""; height: 100%; position: absolute; top: 0 } .listing--video:hover, .listing--featured-video:hover, .listing--media:hover, .listing--default:hover, .listing--lead:hover, .listing--standalone:hover, .slide:hover, .listing--product:hover, [class*=cur__el--c] .listing:hover, [class*=cur__el--a]:not(.cur__el--video) .listing:hover, .cur__el--bigpicture .listing:hover { background-clip: content-box } .listing--video:before, .listing--featured-video:before, .listing--media:before, .listing--default:before, .listing--lead:before, .listing--standalone:before, .slide:before, .listing--product:before { left: 0; right: 0; bottom: 0 } [class*=cur__el--c] .listing:before, [class*=cur__el--a]:not(.cur__el--video) .listing:before, .cur__el--bigpicture .listing:before { left: 0; right: 0 } .listing:hover .listing__title a, .list--numbered li:hover .listing__title a { color: #c60c30 } .listing:hover .listing__image-heading a, .list--numbered li:hover .listing__image-heading a { color: inherit } .listing:hover .bigpicture__title a, .list--numbered li:hover .bigpicture__title a { color: inherit } .listing--highlighted:hover .listing__title a, .listing--highlighted:hover a:hover { color: #333 } .onpoint .icon:hover { color: #d9bb6a } .onpoint .listing:hover .listing__title a { color: #d9bb6a } .onpoint .listing:hover .listing__image-heading a { color: inherit } .onpoint--bg:hover .listing__title a { color: #fcfcfc } .onpoint--bg:hover .listing__excerpt a:hover { color: #d9bb6a } .listing .byline, .listing__fr, .list__nritem .byline { position: relative; z-index: 2 } a:hover, .tablist [role=tab]:hover, .tablist .tab__item:hover, .grouped .grouped__remove .remover:hover { color: #9e001f } .thumb-crop:after, .comment__item:after, .list--secondary .listing:after, .listing--video:after, .listing--featured-video:after, .listing--media:after, .listing--default:after, .listing--lead:after, .listing--special:after, .pagenav__item:after, .listing--product:after, .u-clear-after:after { display: table; content: ""; clear: both } .slide .listing__header { padding-left: 10px; padding-right: 10px } .listing .overlay, .list__nritem .overlay, .payment__container .overlay, .special.inlay .overlay { position: absolute; display: block; top: 0; bottom: 0; z-index: 1; left: 0; right: 0; font-family: 'Play', sans-serif; } .grid--list, .cur { padding-right: 0; padding-left: 0; list-style: none } .onpoint .fbg-image::before, .debate .fbg-image::before { box-shadow: none } @media screen and (max-width: 39.99875em) { .tablist.tab--dropdown { border-bottom: none; flex-direction: column; display: none; position: absolute; border: 1px solid #ddd; margin-top: 5px; z-index: 4; background-color: #f2f0ee } .tablist.tab--dropdown { width: 100% } } @media screen and (max-width: 39.99875em) { .tablist.tab--dropdown.tab--spacer { width: calc(100% - 20px) } } @media screen and (max-width: 63.99875em) { .resp-col { border-bottom: none; flex-direction: column; display: none; position: absolute; border: 1px solid #ddd; margin-top: 5px; z-index: 4; background-color: #f2f0ee } .resp-col { width: calc(100% - 30px) } } .listing--product { margin-bottom: 20px; line-height: 30px } @media screen and (min-width: 40em) { .listing--product { display: flex; flex-direction: row } } .listing--product-hf.listing--product { flex-direction: row } .listing--product div { font-size: inherit; line-height: inherit } .listing--product a, .listing--product input, .listing--product button { position: relative; z-index: 1 } .listing--product .listing__producttitle span { color: #9b9b9b } .listing--product .listing__productdetail, .listing--product .listing__order { flex: 0 0 100% } .listing--product .listing__productdetail > div, .listing--product .listing__order > div { padding: 10px } @media screen and (min-width: 40em) { .listing--product .listing__productdetail, .listing--product .listing__order { flex: 0 0 50% } } @media screen and (min-width: 64em) { .listing--product .listing__productdetail { flex: 0 0 60% } .listing--product .listing__order { flex: 0 0 40% } } .listing--product .listing__productdetail { display: flex } .listing--product .listing__productdetail .image, .listing--product .listing__productdetail .icon { flex: 0 0 100px; margin-right: 10px; display: none } @media screen and (min-width: 64em) { .listing--product .listing__productdetail .image, .listing--product .listing__productdetail .icon { display: block } } .listing--product .listing__productdetail .icon { margin: 10px; flex: 0 0 40px; height: 40px } .listing--product .listing__order { display: flex; justify-content: flex-end } .listing--product .listing__promocode { flex: 1 1 auto } .listing--product .listing__promocode span { display: flex; flex-direction: row } .listing--product .listing__price, .listing--product .listing__quantity { text-align: right; white-space: nowrap; flex: 0 0 80px } .listing--product .listing__action { text-align: right; white-space: nowrap; padding: 0; flex: 0 0 40px } .listing--product .listing__action .icon { padding: 0 } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: .15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible } .hamburger:hover { opacity: 1 } .hamburger-box { width: 25px; height: 14px; display: inline-block; position: relative } .hamburger-inner { display: block; top: 50%; margin-top: -1px } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 25px; height: 2px; background-color: #333; border-radius: 2px; position: absolute; transition-property: transform; transition-duration: .15s; transition-timing-function: ease } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block } .hamburger-inner::before { top: -6px } .hamburger-inner::after { bottom: -6px } .hamburger--squeeze .hamburger-inner { transition-duration: .1s; transition-timing-function: cubic-bezier(.55, .055, .675, .19) } .hamburger--squeeze .hamburger-inner::before { transition: top .1s .14s ease, opacity .1s ease } .hamburger--squeeze .hamburger-inner::after { transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19) } .hamburger--squeeze.is-active .hamburger-inner, .hamburger--squeeze.hamburger-box[aria-expanded=true] .hamburger-inner { transform: rotate(45deg); transition-delay: .14s; transition-timing-function: cubic-bezier(.215, .61, .355, 1) } .hamburger--squeeze.is-active .hamburger-inner::before, .hamburger--squeeze.hamburger-box[aria-expanded=true] .hamburger-inner::before { top: 0; opacity: 0; transition: top .1s ease, opacity .1s .14s ease } .hamburger--squeeze.is-active .hamburger-inner::after, .hamburger--squeeze.hamburger-box[aria-expanded=true] .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1) } .hamburger { padding: 0; margin-left: 20px; position: relative; z-index: 1 } .hamburger-box { top: 0; height: 25px; width: 25px; padding: 0; position: static } .hamburger-box:hover .hamburger-inner:before, .hamburger-box:hover .hamburger-inner:after, .hamburger-box:hover .hamburger-inner { background-color: #c60c30 } .hamburger-inner { z-index: -1 } .paginator span strong, .paginator .scroll_thumb, .paginator .scroll_knob:before { background-color: #c60c30 } .onpoint .paginator span strong, .onpoint .paginator .scroll_thumb, .onpoint .paginator .scroll_knob:before { background-color: #d9bb6a } .onpoint .paginator a:hover { color: #c60c30 } .paginator_pages { text-align: right; color: #9b9b9b } .paginator table { border-collapse: collapse; table-layout: fixed; width: 100% } .paginator table td { padding: 0; white-space: nowrap; text-align: center } .paginator span { border-radius: 50%; display: block; width: 30px; line-height: 30px; height: 30px } .paginator span:hover { background-color: #f2f0ee } .paginator span a { display: block } .paginator span strong { border-radius: 50%; color: #fcfcfc; font-weight: 400; display: block } .paginator .scroll_bar { width: 100%; height: 8px; position: relative; margin-top: 10px } .paginator .scroll_bar--none .scroll_thumb, .paginator .scroll_bar--none .current_page_mark { display: none } .paginator .scroll_trough { width: 100%; height: 10px; background: #f2f0ee; overflow: hidden } .paginator .scroll_thumb { position: absolute; z-index: 2; width: 0; top: 1px; left: 0; font-size: 1px; height: 8px; background-color: transparent } .paginator .scroll_knob { position: relative; left: 50%; margin-left: -10px; margin-top: -5px } .paginator .scroll_knob:before, .paginator .scroll_knob:after { content: ""; display: block; border-radius: 50%; position: absolute } .paginator .scroll_knob:before { width: 22px; height: 22px; margin-top: -2px; margin-left: -2px } .paginator .scroll_knob:after { background-color: #fcfcfc; width: 18px; height: 18px } .paginator .current_page_mark { position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 10px; overflow: hidden; background: #d5d2ca } .paginator .fullsize .scroll_thumb { display: none } .cropper-container { font-size: 0; line-height: 0; position: relative; user-select: none; direction: ltr; -ms-touch-action: none; touch-action: none } .cropper-container img { display: block; min-width: 0 !important; max-width: none !important; min-height: 0 !important; max-height: none !important; width: 100%; height: 100%; image-orientation: 0deg } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .cropper-wrap-box { overflow: hidden } .cropper-drag-box { opacity: 0; background-color: #fff } .cropper-modal { opacity: .5; background-color: #000 } .cropper-view-box { display: block; overflow: hidden; width: 100%; height: 100%; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, .75) } .cropper-dashed { position: absolute; display: block; opacity: .5; border: 0 dashed #eee } .cropper-dashed.dashed-h { top: 33.33333%; left: 0; width: 100%; height: 33.33333%; border-top-width: 1px; border-bottom-width: 1px } .cropper-dashed.dashed-v { top: 0; left: 33.33333%; width: 33.33333%; height: 100%; border-right-width: 1px; border-left-width: 1px } .cropper-center { position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; opacity: .75 } .cropper-center:before, .cropper-center:after { position: absolute; display: block; content: ' '; background-color: #eee } .cropper-center:before { top: 0; left: -3px; width: 7px; height: 1px } .cropper-center:after { top: -3px; left: 0; width: 1px; height: 7px } .cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; opacity: .1 } .cropper-face { top: 0; left: 0; background-color: #fff } .cropper-line { background-color: #39f } .cropper-line.line-e { top: 0; right: -3px; width: 5px; cursor: e-resize } .cropper-line.line-n { top: -3px; left: 0; height: 5px; cursor: n-resize } .cropper-line.line-w { top: 0; left: -3px; width: 5px; cursor: w-resize } .cropper-line.line-s { bottom: -3px; left: 0; height: 5px; cursor: s-resize } .cropper-point { width: 5px; height: 5px; opacity: .75; background-color: #39f } .cropper-point.point-e { top: 50%; right: -3px; margin-top: -3px; cursor: e-resize } .cropper-point.point-n { top: -3px; left: 50%; margin-left: -3px; cursor: n-resize } .cropper-point.point-w { top: 50%; left: -3px; margin-top: -3px; cursor: w-resize } .cropper-point.point-s { bottom: -3px; left: 50%; margin-left: -3px; cursor: s-resize } .cropper-point.point-ne { top: -3px; right: -3px; cursor: ne-resize } .cropper-point.point-nw { top: -3px; left: -3px; cursor: nw-resize } .cropper-point.point-sw { bottom: -3px; left: -3px; cursor: sw-resize } .cropper-point.point-se { right: -3px; bottom: -3px; width: 20px; height: 20px; cursor: se-resize; opacity: 1 } @media (min-width: 768px) { .cropper-point.point-se { width: 15px; height: 15px } } @media (min-width: 992px) { .cropper-point.point-se { width: 10px; height: 10px } } @media (min-width: 1200px) { .cropper-point.point-se { width: 5px; height: 5px; opacity: .75 } } .cropper-point.point-se:before { position: absolute; right: -50%; bottom: -50%; display: block; width: 200%; height: 200%; content: ' '; opacity: 0; background-color: #39f } .cropper-invisible { opacity: 0 } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC") } .cropper-hide { position: absolute; display: block; width: 0; height: 0 } .cropper-hidden { display: none !important } .cropper-move { cursor: move } .cropper-crop { cursor: crosshair } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed } .thumb-crop__preview { overflow: hidden } .datepicker { display: none; position: absolute; padding: 4px; margin-top: 1px; direction: ltr } .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; list-style: none; background-color: #fcfcfc; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px #333; -moz-box-shadow: 0 5px 10px #333; box-shadow: 0 5px 10px #333; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; color: #333; font-size: 13px; line-height: 18px } .datepicker.dropdown-menu th { padding: 4px 5px } .datepicker.dropdown-menu td { padding: 4px 5px } .datepicker table { border: 0; margin: 0; width: auto } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer } .datepicker td { text-align: center; width: 20px; height: 20px; border: 0; font-size: 12px; padding: 4px 8px; background: #fcfcfc; cursor: pointer } .datepicker td.active.day, .datepicker td.active.year { background: #c60c30 } .datepicker td.old, .datepicker td.new { color: #999 } .datepicker td span.active { background: #c60c30 } .datepicker td.day.disabled { color: #eee } .datepicker td span.month.disabled, .datepicker td span.year.disabled { color: #eee } .datepicker th { text-align: center; width: 20px; height: 20px; border: 0; font-size: 12px; padding: 4px 8px; background: #fcfcfc; cursor: pointer } .datepicker th.active.day, .datepicker th.active.year { background: #c60c30 } .datepicker th.date-switch { width: 145px } .datepicker th span.active { background: #c60c30 } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle } .datepicker.days div.datepicker-days { display: block } .datepicker.months div.datepicker-months { display: block } .datepicker.years div.datepicker-years { display: block } .datepicker thead tr:first-child th { cursor: pointer } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent } .datepicker tfoot tr:first-child th { cursor: pointer } .datepicker-inline { width: 220px } .datepicker-rtl { direction: rtl } .datepicker-rtl table tr td span { float: right } .datepicker-dropdown { top: 0; left: 0 } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: none; position: absolute; top: -7px; left: 6px } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fcfcfc; position: absolute; top: -6px; left: 7px } .datepicker > div, .datepicker-dropdown::before, .datepicker-dropdown::after { display: none } .datepicker-close { position: absolute; top: -30px; right: 0; width: 15px; height: 30px; padding: 0; display: none } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent } .datepicker td.active, .datepicker td .active { color: #fcfcfc } .datepicker td.day:not(.active):hover, .datepicker td .month:not(.active):hover, .datepicker td .year:not(.active):hover { background-color: #f1f1f1 } .datepicker th { text-transform: uppercase } .datepicker th.prev { transform: rotate(180deg) } .datepicker-close { display: none } .fluid-width-video-wrapper { clear: both } .article__body--text .fluid-width-video-wrapper { margin: 20px 0 } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-container .select2-selection--single { cursor: pointer; display: block; user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-selection--single .select2-selection__clear { position: relative } .select2-dropdown { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none } .select2-results__option[aria-selected] { cursor: pointer } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important } .select2-container--default .select2-selection--single { border: 1px solid #ddd } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 22px; padding: 5px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #9b9b9b } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #ddd transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #ddd } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option[role=group] { padding: 0 } .select2-container--default .select2-results__option[aria-disabled=true] { color: #595959 } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #c60c30; color: #fcfcfc } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #d5d2ca } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .ui-widget-overlay { background-color: #595959; opacity: .6; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000 } .ui-dialog-titlebar { display: none } .ui-dialog { background-color: #fcfcfc; z-index: 1001; padding: 10px; border-left: 5px solid #333; background-color: #fcfcfc; color: #333 } .ui-dialog-buttonpane { background-color: #fcfcfc; margin: -10px; padding: 10px } .ui-button:first-of-type { float: right } html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none } .remodal, [data-remodal-id] { display: none } .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none } .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -.05em; content: "" } .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden } .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100% } .remodal-is-initialized { display: inline-block } .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px) } .remodal-overlay { background: rgba(43, 46, 56, .9) } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .remodal-overlay.remodal-is-opening { -webkit-animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes } .remodal-overlay.remodal-is-closing { -webkit-animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes } .remodal-wrapper { padding: 10px 10px 0 } .remodal { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff } .remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .remodal.remodal-is-opening { -webkit-animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes } .remodal.remodal-is-closing { -webkit-animation-name: remodal-closing-keyframes; animation-name: remodal-closing-keyframes } .remodal, .remodal-wrapper:after { vertical-align: middle } .remodal-close { position: absolute; top: 0; left: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color .2s; transition: color .2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent } .remodal-close:hover, .remodal-close:focus { color: #2b2e38 } .remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "×"; text-align: center } .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0 } @-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0 } to { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0 } to { -webkit-transform: none; transform: none; opacity: 1 } } @-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } to { -webkit-transform: scale(.95); transform: scale(.95); opacity: 0 } } @keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } to { -webkit-transform: scale(.95); transform: scale(.95); opacity: 0 } } @-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0 } to { opacity: 1 } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1 } to { opacity: 0 } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1 } to { opacity: 0 } } @media only screen and (min-width: 641px) { .remodal { max-width: 700px } } .lt-ie9 .remodal-overlay { background: #2b2e38 } .lt-ie9 .remodal { width: 700px } .remodal { padding: 0; text-align: left; border-left: 2px solid #333 } .remodal__title { padding: 20px } .remodal .warning { background-color: #c60c30; color: #fcfcfc } .remodal .info { background-color: #d5d2ca; color: #333 } .remodal .error-alert { display: block; margin-top: 10px } .remodal__container { padding: 20px } .remodal__interaction { padding: 10px } .remodal__interaction button { float: right } .remodal-close { right: 0; left: auto; color: #fcfcfc } .u-float-right { float: right } .u-float-left { float: left } .u-row-fixed { width: 100%; margin: 0 } .u-hidden { display: none } .u-text-left { text-align: left } .u-text-right { text-align: right } .u-text-center { text-align: center } .u-centred { margin-left: auto; margin-right: auto } .u-rotate-90 { transform: rotate(90deg) } .u-rotate-180 { transform: rotate(180deg) } .u-rotate-45 { transform: rotate(45deg) } .u-rotate--90 { transform: rotate(-90deg) } .u-m-reset { margin: 0 !important } .u-mt { margin-top: 40px } .u-mb2se { margin-bottom: 60px } .u-p-se { padding: 20px } .u-pt { padding-top: 40px } .u-pt-sp { padding-top: 10px } .u-mt-se { margin-top: 20px } .u-mt-se-fs { margin-top: 34px } @media screen and (min-width: 40em) and (max-width: 63.99875em) { .u-mt-res { margin-top: 20px } } @media screen and (min-width: 64em) { .u-mt-res { margin-top: 40px } } .u-mb-0 { margin-bottom: 0 } .u-mt-0 { margin-top: 0 } .u-mb { margin-bottom: 40px } .u-mb2 { margin-bottom: 80px } .u-mb-se { margin-bottom: 20px } .u-mtb { margin-top: 40px; margin-bottom: 40px } .u-mtb-se { margin-top: 20px; margin-bottom: 20px } .u-ml-15 { margin-left: 15px !important } .u-ml-s { margin-left: 10px } .u-mr-s { margin-right: 10px } .u-mt-s { margin-top: 10px } .u-mt-s-h { margin-top: 5px } .u-mb-s { margin-bottom: 10px } .u-mtb-s { margin-top: 10px; margin-bottom: 10px } .u-mt2 { margin-top: 80px } .u-width-100p { width: 100% } .u-width-100 { width: 100px } .u-width-100p-sp { width: calc(100% - 5px) } .u-height-il { height: 40px } .u-mwidth-unset { max-width: none } .u-width-80 { width: 80px } .u-mwidth-110 { min-width: 110px } .u-mwidth-200 { min-width: 200px } .u-mxwidth-280 { max-width: 280px } .u-link, .u-link-hover { color: #2499e0 !important } .u-link-hover:hover, .u-link-highlight { color: #c60c30 !important } .u-upper { text-transform: uppercase } .u-fs-st { font-weight: 700; text-transform: uppercase } .u-strong { font-weight: 700 } .u-color-secondary { color: #9b9b9b } .u-text a { color: #2499e0 } .u-color-brand { color: #c60c30 } .u-nolist { list-style: none; margin-left: 0; padding-left: 0 } .u-list-unstyled { list-style: none; margin-left: 0; padding-left: 0 } .hidden { display: none !important } .u-block { display: block } .u-clear { clear: both } .u-relative { position: relative } .u-scrollable { overflow-y: scroll } .u-overflow { overflow: initial } .u-print-only { display: none } .u-clseable { padding-right: 30px } .u-close { position: absolute; right: 5px; text-decoration: none; text-shadow: 0 1px 0 #fff; top: 5px; font: 0/0 a; text-shadow: none; color: transparent } .u-close:after { color: #333; font: 14px/100% arial, sans-serif; content: "✖" } .u-close:after:hover { color: #c60c30 } .u-tos { border: 0 !important; clip: rect(0 0 0 0) !important; height: 0 !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 0 !important } .u-bmt-bg { border-top: 40px solid #fcfcfc } .u-border { border: 1px solid #ddd; padding: 10px } .u-b-all { border: 1px solid #ddd } .u-bg-brand { background-color: #f2f0ee } .u-bg-brand .nav--sections { color: inherit } @media screen and (min-width: 64em) { .u-mw-lu-500 { max-width: 500px } } .u-bgcolor { background: #fcfcfc; z-index: 1 } .u-bgcolor-fb { background-color: #3b5998 } .u-bgcolor-fb:hover { color: #fcfcfc } .u-bgcolor-twitter { background-color: #1da1f2 } .u-bgcolor-twitter:hover { color: #fcfcfc } .u-bg-divider { position: relative; z-index: 0 } .u-bg-divider:before { background-color: #ddd; content: ""; display: block; width: 1px; height: 100%; position: absolute; z-index: -1; top: 0; left: calc(50% - 1px) } .u-invisible { visibility: hidden } .u-inline { display: inline } .u-loading { position: relative } .u-loading:before, .u-loading:after { content: ""; top: 0; bottom: 0; left: 0; right: 0; position: absolute } .u-loading:before { background-color: #fcfcfc; opacity: .8; z-index: 3 } .u-loading:after { z-index: 4 } .u-loading.list:after { background-position: center 40px } .u-working { position: relative; opacity: .5 } .u-working input { pointer-events: none } iframe{ } </style> <main class="infinite-container" id="main" data-infinity-type="article"> <article class="article interaction__container infinite-item commentary " data-id="5c812ba178b6c72ac4e85cbd" data-language="english" data-url="how-trump-wins-second-term-in-2020-by-elizabeth-drew-2019-03" data-fullurl="/commentary/how-trump-wins-second-term-in-2020-by-elizabeth-drew-2019-03/english" data-title="Will Trump Win a Second Term?" data-meta="barrier#false;commentary#true"> <div itemprop="publisher" itemscope="" itemtype="https://schema.org/Organization"> <meta itemprop="name" content=""> <div itemprop="logo" itemscope="" itemtype="https://schema.org/ImageObject"> <meta itemprop="url" content=""> <meta itemprop="width" content="1200"> <meta itemprop="height" content="900"> </div> <link itemprop="sameAs" href="https://www.project-syndicate.org/"> </div> <div class="split-top"> <div class="grid-container"> <div class="grid-x "> <figure class="cell image image--lead image--ratio-2-1" itemprop="image" itemscope="" itemtype="http://schema.org/ImageObject"> <picture class="fbg-image__element"> <div id="example1" class="slider-pro"> <div class="sp-slides"> <div class="sp-slide"> <img class="sp-image" src="../src/css/images/blank.gif" data-src="https://strategy.uz/files/news/41207/ssss.jpg" data-retina="https://strategy.uz/files/news/41207/ssss.jpg"/> </div> </div> </div> </picture> <span class="image__copyright" itemprop="copyrightHolder">"Тараққиёт Cтратегияси" маркази</span> </figure> </div> </div> <div > <div class="grid-x grid-margin-x fbg-image article__container" data-sticky-target="interaction-article" data-page-area="article-top" data-sticky-offset="20%"> <h1 dir="ltr" class="small-12 medium-10 medium-offset-1 large-8 large-offset-2 xlarge-7 cell article__title article__title--main u-mb-se" itemprop="headline" style="padding-top:2%; font-size:22px; line-height:normal; font-family: 'Play', sans-serif; text-transform: uppercase; color: #a30401; font-weight: bold"><b>COVID-19: «Супер касаллик ташувчилар» кимлар?</b> </h1> <div class="small-12 medium-10 medium-offset-1 large-8 large-offset-2 xlarge-6 xlarge-offset-3 cell"> <div class="u-mt-se"> <time itemprop="datePublished" datetime="2019-03-07T14:57Z" class="vl-divider">20 Июль 2020 й. </time> <span class="byline" itemprop="author creator" itemscope="" itemtype="https://schema.org/Person"> <a href="" itemprop="url" data-entity-type="member" data-entity-id="54abdb8f4a423104c40cc73f" data-language="english" data-event-action="click" data-entity-link-name="elizabeth-drew" class="track-event" data-href-original=""> <span class="listing__author author" itemprop="name" style="font-family: 'Play', sans-serif;">"Тараққиёт Cтратегияси" маркази</span> </a> </span> </div> <div dir="ltr" class="article__body article__body--commentary english" itemprop="articleBody" style="font-family: 'Play', sans-serif;" data-page-area="article-body"> <p><span style="font-size:12pt"><span style="font-size:14.0pt"></span></span><br /> Айни пайтда Covid-19 пандемияси жаҳон бўйлаб кенг тарқалиб, дунё ҳамжамиятининг ижтимоий-иқтисодий ҳаётига, айниқса, одамлар&nbsp;саломатлигига&nbsp;жиддий таҳдид туғдирмоқда. Глобал пандемиянинг иккинчи тўлқини, хусусан, Марказий Осиё давлатларида ҳам тобора авж олиб бораётгани барчамизни огоҳ ва ҳушёр бўлишга чорламоқда. Таассуфки, коронавирус эпидемиясига нафақат биз, балки жаҳоннинг энг ривожланган давлатлари ҳам тайёр эмаслиги, соғлиқни сақлаш, ижтимоий ҳимоя ва бошқа соҳаларда жиддий муаммолар мавжудлиги аён бўлиб қолди. Бундай шароитда, биринчи навбатда, тиббиёт соҳаси катта босим остида қолиб, вирус юқтирган беморларга кенг қамровли ва шошилинч тиббий хизмат кўрсатишга ожизлик қилмоқда.</p> <p style="text-align:justify">Ўзбекистонда аҳоли саломатлигини сақлаш, вирус тарқалишини олдини олиш ва унга чалинганларга тезкор, сифатли тиббий ёрдам кўрсатиш борасида муайян чора-тадбирлар амалга оширилмоқда. Хусусан, мамлакатимизда карантин тартиби ва чекловлари жорий йилнинг 10 июлидан 1 августига қадар қайтадан кучайтирилди. Бундан кўзланган энг асосий мақсадлардан бири бу &ndash; аҳолини вирусдан ҳимоя қилиш ва инфекция тарқалиш занжирини узишдан&nbsp;иборатдир. Чунки коронавирусга қарши вакцина ёки унинг давоси топилмаган шароитда пандемияни жиловлашнинг энг самарали усули карантин қоидаларига қатъий ва истисноларсиз риоя қилиш эканлигини Жаҳон соғлиқни сақлаш ташкилоти (ЖССТ) эътироф этганидек, бугунгача эришилган тажрибалар яққол кўрсатмоқда. Шу боис, Ўзбекистонда фуқароларнинг ўзини ўзи изоляция қилиши ва ўзаро ижтимоий масофани сақлаши орқали вирус тарқалиши йўлларини чеклаш, беморларни аниқлаш ва эпидемия ўчоқларининг кенгайишига йўл қўймаслик бўйича фаол чоралар кўрилмоқда.</p> <p style="text-align:justify">Қайд этиш жоизки, карантин чекловларини қайта жорий қилинишига бир қатор омиллар сабаб бўлди. Жумладан, Республика махсус комиссиясининг маълум қилишича, аввалги карантин қоидалари қисман юмшатилиши биланоқ кўпчилик энг енгил талабларга ҳам риоя қилишни тўхтатиб, оммавий тадбирлар, хусусан, тўйлар ва бошқа маросимларни тиббиёт ниқобларисиз ижтимоий масофа сақламаган ҳолда белгиланган кўрсатмаларга қарамай ўтказишга киришди. Натижада, аксарият ҳолатларда, одамларнинг бепарволиги ёки эҳтиётсизлиги сабабли мамлакатимизда июль ойининг биринчи ҳафтасида коронавирусга чалинган беморлар сони 2167 нафарга кўпайиб, шундан 58 фоиз ҳолат аҳоли орасида аниқланган. Аввалги қаттиқ карантин даврида 16 мартдан 10 майгача касалланиш ҳолатлари сони 2 418 тани ташкил этган бўлса, карантин чоралари юмшаганидан сўнг 10 майдан 9 июлгача бўлган даврда бу кўрсаткич кескин ошиб, 9 029 тага етди. Сўнгги кунларда эса, кунлик&nbsp;антирекорд&nbsp;яна янгиланиб, 13 июлда Ўзбекистонда 594 кишида коронавирус қайд этилиб, улардан 322 нафари аҳоли орасида аниқланган. Энг ачинарлиси, беморлар орасида ўлим сони ҳам ортиб бормоқда. 17 июль ҳолатига кўра, мамлакатимизда коронавирус инфекцияси қайд этилган шахслар сони 15 минг нафардан ошиб, ўлим ҳолати эса 75 кишини ташкил этмоқда.</p> <p style="text-align:justify">Агар жаҳон тажрибасига назар солсак, карантин қоидаларига риоя қилмай тартиб-таомилларни бузганлик учун кўплаб мамлакатларда қаттиқ жазо чоралари қўлланмоқда. Масалан, Америка Қўшма Штатларида, агар бир киши мажбурий изоляцияни бузган ва бошқаларга юқтирган бўлса, унга 100 минг доллар жарима ёки 1 йилга қамоқ жазоси берилиши мумкин. Испанияда уйини узрли сабабларсиз тарк этганлик учун карантин даврида жарималар миқдори 600 дан 10,4 минг еврогача миқдорда белгиланган. Францийада карантин қоидаларига мунтазам равишда амал қилмаслик 6 ойгача ҳибсга олиниш ва 3700 евро жаримага тортилиш билан жазоланади. Ўзбекистонда карантин режимининг қайта кучайтирилиши, кўпчилик тасаввур қилганидек, тўлиқ блоклаш эмас, балки асосан хизмат кўрсатиш, умумий овқатланиш соҳалари, яъни одамларнинг оммавий тўпланиши билан боғлиқ бўлган тармоқларга тегишли бўлди. Карантин режимини кучайтиришнинг ушбу зарурий чоралари вирус тарқалишини секинлаштиришга ҳамда соғлиқни сақлаш тизимидаги вазиятни барқарорлаштиришда муҳим аҳамият касб этади. Сабаби, Республика махсус комиссияси маълумотига кўра, июль ойининг биринчи ҳафтасига келиб Ўзбекистон соғлиқни сақлаш тизими катта босимга дуч келди.</p> <p style="text-align:justify">Мавжуд соғлиқни сақлаш муассасалари қуввати янги COVID-19га чалинган беморларни қабул қилиш учун етарли эмаслиги ҳамда қатъий карантин чораларини қўлламаслик &ndash; коронавирусга чалинганларни стационар даволаш учун касалхоналарда жой қолмаслиги ва улар билан ишлаш учун шифокор ва тиббий ходимларнинг етишмаслигига олиб келиши мумкинлиги, шунинг учун, жорий карантин чоралари натижасидаги танаффус &ndash; соғлиқни сақлаш муассасалари, шифокорлар ва тиббиёт ходимларига бўлган босимни юмшатиш ва август ойида мамлакат иқтисодиётини тиклашда давом этиш учун зарур эканлиги билдирилди.</p> <p style="text-align:justify">Республика махсус комиссияси расмий статистика фақат аниқланган касалланиш ҳолатларини қайд этиб, ҳақиқий ҳолат бошқа мамлакатлардаги каби бир неча баробар фарқли бўлиши мумкинлиги ҳамда симптомсиз беморларнинг аниқ сонини эса, ҳисобга олишнинг имкони йўқлигини эслатиб ўтди.</p> <p style="text-align:justify">Жаҳон тажрибасидан маълумки, симптомсиз беморлар билан боғлиқ ҳолат туфайли вирусни назоратга олдик, деб эълон қилган давлатларда (Цингапур) коронавируснинг иккинчи тўлқини авж олгани ҳамда эпидемиологик ҳолат яна кескин ёмонлашганига гувоҳ бўлдик.</p> <p style="text-align:justify">Айрим тадқиқот натижаларига қараганда, коронавирус тарқалишининг иккинчи тўлқини авж олишига Covid-19нинг симптомсиз тарқатувчилари сабаб бўлган бўлиши мумкин. Яъни, сўнгги кунлардаги касалланганлар сонини кескин ўсишида, фақат битта омилни кўрсатиш ёки фақат давлатлар соғлиқни сақлаш тизимларини айблаш нотўғри. Бунга, биринчидан, Covid-19 нинг ўзига хос симптомсиз кўринишининг хусусияти, иккинчидан, унинг юқиш ёки тарқалиш жараёнлари тўғрисида фанда ишонарли далилларнинг ҳали тўлиқ кашф қилинмагани сабаб бўлмоқда.</p> <p style="text-align:justify">АҚШ Касалликларни назорат қилиш ва олдини олиш маркази эълон қилган тадқиқот натижаларига кўра, коронавирусга чалинганларнинг деярли 50 фоизга яқинига вирус &laquo;симптомсиз ташувчилар&raquo; томонидан юқтирилган бўлиши мумкин. АҚШлик доктор&nbsp;Рон&nbsp;Елфенбеин&nbsp;касаллик аломати бўлмаган беморлар энг ашаддий вирус ташувчилар бўлиб, аҳоли орасида коронавирус авж олишига улар сабабчи бўлиб қолишлари мумкинлигидан огоҳлантирди. Докторнинг фикрича, симптомсиз беморлар &laquo;супер&nbsp;касаллик ташувчилар&raquo;&nbsp;ҳисобланишади.</p> <p style="text-align:justify">Англиянинг&nbsp;Ирлам&nbsp;институти (Earlham Institute) профессори Нил Холл&nbsp;кўрилаётган чораларга қарамасдан, глобал пандемиянинг кучайиб бораётгани симптомсиз тарқатувчилар билан боғлиқ бўлиши мумкин, деб ҳисоблайди. Сабаби, &laquo;супер&nbsp;касаллик ташувчилар&raquo; Covid-19ни&nbsp;юқтиришганини&nbsp;ўзлари ҳам билмай, касаллик аломатларисиз аҳоли орасида вирусни тарқатиб юришлари мумкин. Бундай ҳолат жорий йил бошидан буён тажрибада ҳам учраган. Жумладан, &laquo;симптомсиз ташувчилар&raquo; ва беморлар Япония соҳилларидан сузишга чиққан &laquo;Малика&nbsp;Даймонд&raquo; круиз кемасида бўлганларда аниқланган. Текширув натижаларига кўра, вирусга чалинганларнинг тўртдан уч қисми симптомсиз беморлар бўлган. Хитойда ўтказилган тадқиқотда эса, симптомсиз беморларнинг сони симптоми кўринган инсонларга нисбатан анча кўпни ташкил этган.</p> <p style="text-align:justify">Оксфорд университети профессори&nbsp;Карл&nbsp;Хенеганнинг&nbsp;хулосасига кўра, агар коронавирусга таҳлиллар Буюк Британияда бўлганидек, фақат касаллик белгилари аниқ кўриниб турган беморлардангина олинса, кўплаб ҳолатлар кўздан қочирилиши мумкин. Профессорнинг фикрича, касаллик тарқалишининг олдини олиш ва назоратнинг бир қисми сифатида аломатсиз тарқатувчиларга алоҳида эътибор қаратиш лозим.</p> <p style="text-align:justify">Яна бир&nbsp;эътиборли&nbsp;жиҳат шундан иборатки, Европа Иттифоқи кузда грипп ва COVID-19 эпидемиясининг янги тўлқини бир вақтда авж олишининг олдини олиш мақсадида аъзо давлатларга аҳолини гриппга қарши оммавий эмлашга чақирмоқда.</p> <p style="text-align:justify">Маълумки, мамлакатимизда ҳам куз-қиш мавсуми яқинлашиши билан аҳоли орасида, айниқса, ёш болаларнинг тез-тез шамоллаб, иситмалаш ҳолатлари сезиларли даражада кўпаяди. Бу, ўз навбатида, тиббиёт муассасаларига янада кўпроқ беморларнинг мурожаатларига ва бутун соғлиқни сақлаш тизимининг эса қўшимча босимга тайёр туришини талаб этади. Шунинг учун ҳам жорий карантин чораларига қатъий амал қилиб, куз мавсумига қадар вазиятни тўлиқ назоратга олиш ўта муҳим аҳамиятга эга.</p> <p style="text-align:justify">Кўриниб турибдики, бундай шароитда фуқароларнинг соғлом ёки бетоб бўлишидан&nbsp;қатъий&nbsp;назар, карантин тартибларига риоя қилишлари, тиббиёт ниқобларини тўғри тақишлари, шахсий гигиена ва санитарияга амал қилишлари, ижтимоий масофани сақлашлари ҳамда бошқаларни ҳам асраш мақсадида ўзини ўзи изоляция қилишлари вирусни тарқалишини олдини олиш ва тўхтатишнинг энг самарали йўли ҳисобланади. Шу билан бирга, бу ҳолат фуқаролардан коронавирус пандемиясига бепарволик ва ишончсизлик билан қарамаслик, турли миш-мишларга ишониб қолмасликни талаб этади. Чунки, бугунга келиб, коронавирус дунё бўйлаб минг-минглаб одамларнинг ўлимига сабаб бўлмоқда. Шунинг учун халқимиз, оиламиз ва фарзандларимиз саломатлиги ва ҳаётига нисбатан бефарқ бўлмаслик ҳозирги вазиятда жуда муҳим.</p> <p style="text-align:right"><strong>Фаррух ХАКИМОВ,</strong><br /> <strong>&laquo;Тараққиёт стратегияси&raquo; маркази</strong><br /> <strong>лойиҳалар координатори</strong></p> </div> </div> <!-- Последные новости --> <section class="show-for-xlarge cell article__sidebar u-mt"> <h2 class="section__title u-mb-se"> <span style="font-family: 'Play', sans-serif;">Сўнгги янгиликлар</span> </h2> <ol class="list list--numbered list--secondary" data-page-area="featured"> <li> <article class="list__nritem"> <a href="https://strategy.uz/index.php?news=2061" data-entity-type="document" data-entity-id="5c7f987578b6c73dc4ea9d5b" data-language="english" data-event-action="click" data-entity-link-name="trump-blocking-allies-trade-negotiations-with-china-by-daniel-gros-2019-03" class="track-event overlay" data-href-original="/commentary/trump-blocking-allies-trade-negotiations-with-china-by-daniel-gros-2019-03"></a> <header class="listing__header"> <h2 class="listing__title"> <a href="https://strategy.uz/index.php?news=2061" title="">“ЎЗБEКИСТОН ВА ИТАЛИЯ: ИЛМ ТАРМОҒИНИ КEНГАЙТИРИШ” МАВЗУСИДА ДАВРА СУҲБАТИ БЎЛИБ ЎТДИ</a> </h2> <p class="listing__excerpt"> <time itemprop="datePublished" datetime="2019-03-06T10:14Z" class="vl-divider">19 Мар. 2025 й. </time> </p> </header> </article> </li> <li> <article class="list__nritem"> <a href="https://strategy.uz/index.php?news=2058" data-entity-type="document" data-entity-id="5c7f987578b6c73dc4ea9d5b" data-language="english" data-event-action="click" data-entity-link-name="trump-blocking-allies-trade-negotiations-with-china-by-daniel-gros-2019-03" class="track-event overlay" data-href-original="/commentary/trump-blocking-allies-trade-negotiations-with-china-by-daniel-gros-2019-03"></a> <header class="listing__header"> <h2 class="listing__title"> <a href="https://strategy.uz/index.php?news=2058" title="">ЎЗБЕКИСТОН ДЕЛЕГАЦИЯСИ “ЕВРОПА ИТТИФОҚИНИНГ ФУҚАРОЛИК ЖАМИЯТИ ҲАФТАЛИГИ – 2025”ДА ДЕМОКРАТИК ИСЛОҲОТЛАРНИ НАМОЙИШ ЭТДИ</a> </h2> <p class="listing__excerpt"> <time itemprop="datePublished" datetime="2019-03-06T10:14Z" class="vl-divider">18 Мар. 2025 й. </time> </p> </header> </article> </li> <li> <article class="list__nritem"> <a href="https://strategy.uz/index.php?news=2057" data-entity-type="document" data-entity-id="5c7f987578b6c73dc4ea9d5b" data-language="english" data-event-action="click" data-entity-link-name="trump-blocking-allies-trade-negotiations-with-china-by-daniel-gros-2019-03" class="track-event overlay" data-href-original="/commentary/trump-blocking-allies-trade-negotiations-with-china-by-daniel-gros-2019-03"></a> <header class="listing__header"> <h2 class="listing__title"> <a href="https://strategy.uz/index.php?news=2057" title="">МАРКАЗ РАҲБАРИ ЕВРОПА ИҚТИСОДИЙ ВА ИЖТИМОИЙ ҚЎМИТАСИ ПРЕЗИДЕНТИ БИЛАН УЧРАШДИ</a> </h2> <p class="listing__excerpt"> <time itemprop="datePublished" datetime="2019-03-06T10:14Z" class="vl-divider">18 Мар. 2025 й. </time> </p> </header> </article> </li> <li> <article class="list__nritem"> <a href="https://strategy.uz/index.php?news=2056" data-entity-type="document" data-entity-id="5c7f987578b6c73dc4ea9d5b" data-language="english" data-event-action="click" data-entity-link-name="trump-blocking-allies-trade-negotiations-with-china-by-daniel-gros-2019-03" class="track-event overlay" data-href-original="/commentary/trump-blocking-allies-trade-negotiations-with-china-by-daniel-gros-2019-03"></a> <header class="listing__header"> <h2 class="listing__title"> <a href="https://strategy.uz/index.php?news=2056" title="">ХАЛҚАРО ҲАФТАЛИК ДОИРАСИДА ХОРИЖИЙ ҲАМКОРЛАР БИЛАН УЧРАШУВЛАР ЎТКАЗИЛМОҚДА</a> </h2> <p class="listing__excerpt"> <time itemprop="datePublished" datetime="2019-03-06T10:14Z" class="vl-divider">18 Мар. 2025 й. </time> </p> </header> </article> </li> </ol> </section> </div> </div> </div> </article> </main> <link rel="stylesheet" type="text/css" href="../dist/css/slider-pro.min.css" media="screen"/> <link rel="stylesheet" type="text/css" href="css/examples.css" media="screen"/> </div> </content> <!-------------------------------------------------------------------POSITION4------------------------------------------------------------> <!-------------------------------------------------------------------POSITION4------------------------------------------------------------> <!-------------------------------------------------------------------POSITION5------------------------------------------------------------> <!-------------------------------------------------------------------POSITION5------------------------------------------------------------> <!--------------------------------------------------------------------FOOTER--------------------------------------------------------------> <footer id="footer"> <div class="container"> <div class="navigation"> <div class="navbar1"> <div class="whilelogos"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="1392.000000pt" height="947.000000pt" viewBox="0 0 1392.000000 947.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,947.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M6670 8914 c-151 -14 -343 -39 -460 -60 -1317 -241 -2445 -1086 -3043 -2280 -145 -289 -258 -594 -331 -894 -247 -1010 -117 -2088 360 -2998 214 -409 469 -749 810 -1082 691 -674 1551 -1077 2536 -1187 211 -23 665 -23 875 0 666 74 1243 270 1797 609 947 580 1640 1526 1906 2603 86 346 122 652 123 1025 0 345 -25 590 -92 909 -209 986 -783 1886 -1592 2498 -534 405 -1151 677 -1809 797 -257 47 -387 58 -720 61 -173 1 -335 1 -360 -1z m720 -100 c1434 -140 2705 -1022 3340 -2319 256 -523 386 -1024 422 -1627 34 -579 -66 -1182 -289 -1748 -151 -382 -364 -748 -629 -1080 -135 -169 -459 -495 -624 -626 -927 -739 -2049 -1052 -3205 -893 -761 104 -1475 418 -2085 916 -139 114 -416 389 -536 533 -826 990 -1151 2259 -899 3515 364 1814 1904 3185 3745 3335 264 21 496 19 760 -6z"/> <path d="M6520 8473 c0 -195 -47 -593 -109 -933 -50 -271 -185 -828 -256 -1050 -60 -190 -208 -588 -308 -830 -91 -218 -283 -629 -337 -720 -17 -30 -59 -108 -92 -175 -92 -182 -283 -503 -456 -765 -149 -225 -514 -725 -613 -840 -26 -30 -96 -113 -155 -185 -59 -71 -131 -157 -160 -190 -233 -267 -304 -352 -304 -364 0 -5 93 11 208 34 295 62 580 110 857 145 88 11 188 25 221 30 34 6 73 10 87 10 20 0 45 24 124 121 219 269 344 464 510 789 321 632 509 1162 664 1865 62 280 130 709 149 940 6 72 12 141 15 155 3 14 12 147 20 295 26 444 14 1091 -29 1558 -9 92 -16 174 -16 182 0 8 -4 15 -10 15 -6 0 -10 -36 -10 -87z"/> <path d="M6687 7755 c20 -496 2 -1099 -48 -1540 -34 -309 -39 -344 -91 -635 -91 -512 -231 -1032 -406 -1510 -165 -451 -397 -914 -654 -1305 -36 -55 -62 -101 -57 -103 4 -2 95 4 201 12 106 8 312 21 458 27 146 7 266 12 267 13 1 1 36 121 78 266 124 430 188 744 260 1285 118 882 138 2013 55 3054 -28 347 -56 620 -64 629 -4 4 -4 -83 1 -193z"/> <path d="M6895 6549 c3 -173 7 -400 10 -506 14 -530 -39 -1564 -111 -2148 -46 -376 -90 -635 -158 -925 -26 -107 -48 -205 -51 -216 l-5 -21 498 -5 c273 -3 499 -4 501 -2 2 1 -24 94 -57 206 -305 1022 -523 2338 -608 3673 -8 138 -18 252 -20 254 -2 3 -2 -137 1 -310z"/> <path d="M7000 6554 c0 -8 4 -57 10 -107 5 -51 14 -159 20 -242 16 -214 76 -789 104 -990 145 -1051 350 -1873 598 -2397 l50 -106 107 -7 c58 -3 162 -11 231 -16 69 -6 175 -15 235 -19 61 -4 163 -13 228 -20 65 -7 121 -9 124 -7 3 3 -58 104 -134 224 -154 240 -194 306 -335 558 -506 902 -877 1761 -1079 2495 -54 194 -139 582 -139 631 0 10 -4 19 -10 19 -5 0 -10 -7 -10 -16z"/> <path d="M7200 6190 c0 -8 11 -46 24 -85 14 -38 51 -151 82 -250 31 -99 94 -279 139 -400 223 -593 382 -954 645 -1455 67 -129 131 -251 141 -271 91 -181 455 -764 611 -980 l99 -136 177 -22 c337 -41 658 -90 896 -136 99 -19 182 -33 184 -31 2 2 -65 59 -150 126 -717 574 -1350 1243 -1892 2000 -370 518 -685 1059 -898 1544 -40 93 -58 122 -58 96z"/> </g> </svg> <span>"ТАРАҚҚИЁТ СТРАТЕГИЯСИ" <br>&nbsp;&nbsp;МАРКАЗИ</span> </div> </div> <div class="navbar2"> <div class="navfotrd"> <h3>МАРКАЗ ҲАҚИДА</h3> <a href="">Марказ жамоаси</a> <a href="">Марказ фаолияти</a> <a href="">Халқаро ҳамкорлик</a> <a href="">Лойиҳалар</a> <a href="">Аналитик материаллар</a> </div> </div> <div class="navbar2"> <div class="navfotrd"> <h3>Контактлар</h3> <a href="tel:+998712390191">Телефон: +998 (71) 239 01 91</a> <a href="tel:+998712390191">Факс: +998 (71) 239 01 91</a> <a href="mailto:info@strategy.uz">info@strategy.uz</a> <a href="mailto:strategy@exat.uz">strategy@exat.uz</a> <!--<span></span>--> </div> </div> <div class="navbar2"> <div class="navfotrd"> <h3>Манзил</h3> <a href="">Тошкент шаҳри,</a> <a href="">Шароф Рашидов кўчаси, 16-уй</a> <a href="">«Пойтахт» Бизнес Маркази, 5-қават</a> <a href=""></a> </div> </div> </div> <div class="navbar2"> <iframe style="margin-bottom: -5px;width:100% !important;border:none;border:0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2996.5925868653158!2d69.26992531542358!3d41. 31772587927064!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x54ccf0d398da3cc6!2z0JHQmNCX0J3QldChLdCm0JXQndCi0KAg0J_QntCZ0KLQkNCl0KI!5e0!3m2!1sru!2s!4v1539778367582" width="10" height="150" frameborder="0" style="border:0" allowfullscreen></iframe> </iframe> </div> <style> @media (min-width: 200px) and (max-width: 768px) { .navbar5 { overflow: hidden; } }</style> <!-- <div class="navbar3"> <a class="linavp" target="_blank" href="https://taklif.strategy.uz/">Таклиф юбориш</a> <img class="copyrightimg" src="https://strategy.uz/engine/templates/strategy/images/2.svg" /> </div> --> <div class="clear"></div> </div> <div class="anilyz"> </div> <div class="copyright"> <div class="container"> <div class="cop1"><a style="color:#00CC99;" target="_blank" href="">www.strategy.uz</a> | </div> <div class="clear"></div> </div> </div> </footer> <!--------------------------------------------------------------------FOOTER--------------------------------------------------------------> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10