/*Fonts*/ @font-face { font-family: 'FuturaRegular'; src: url('../fonts/FuturaBookC.eot'); src: url('../fonts/FuturaBookC.woff2') format('woff2'), url('../fonts/FuturaBookC.woff') format('woff'), url('../fonts/FuturaBookC.ttf') format('truetype'), url('../fonts/FuturaBookC.svg#FuturaBookC') format('svg'), url('../fonts/FuturaBookC.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaLight'; src: url('../fonts/FuturaLightC.eot'); src: url('../fonts/FuturaLightC.woff2') format('woff2'), url('../fonts/FuturaLightC.woff') format('woff'), url('../fonts/FuturaLightC.ttf') format('truetype'), url('../fonts/FuturaLightC.svg#FuturaLightC') format('svg'), url('../fonts/FuturaLightC.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaMedium'; src: url('../fonts/FuturaMediumC.eot'); src: url('../fonts/FuturaMediumC.woff2') format('woff2'), url('../fonts/FuturaMediumC.woff') format('woff'), url('../fonts/FuturaMediumC.ttf') format('truetype'), url('../fonts/FuturaMediumC.svg#FuturaMediumC') format('svg'), url('../fonts/FuturaMediumC.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaDemi'; src: url('../fonts/FuturaDemiC.eot'); src: url('../fonts/FuturaDemiC.woff2') format('woff2'), url('../fonts/FuturaDemiC.woff') format('woff'), url('../fonts/FuturaDemiC.ttf') format('truetype'), url('../fonts/FuturaDemiC.svg#FuturaDemiC') format('svg'), url('../fonts/FuturaDemiC.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GaramondProItalic'; src: url('../fonts/GaramondPremrPro-It.eot'); src: url('../fonts/GaramondPremrPro-It.woff2') format('woff2'), url('../fonts/GaramondPremrPro-It.woff') format('woff'), url('../fonts/GaramondPremrPro-It.ttf') format('truetype'), url('../fonts/GaramondPremrPro-It.svg#GaramondPremrPro-It') format('svg'), url('../fonts/GaramondPremrPro-It.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } /*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.2; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-font-smoothing: antialiased; } /* Sections ========================================================================== */ /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ textarea { -webkit-appearance: none; border-radius: 0; } button, input { /* 1 */ overflow: visible; -webkit-appearance: none; -webkit-border-radius: 0; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /*Extra Normalize*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } body { padding: 0; margin: 0; font-size: 16px; } h1, h2, h3 { font-weight: normal; margin: 0; } em { font-weight: normal; } ul { list-style: none; padding: 0; margin: 0; } ol { padding: 0; margin: 0; } a:focus { outline: none; } input { border: none; font-size: 16px; } input:focus { outline: none; } button { cursor: pointer; } /*Clearfix*/ .clearfix:before, .clearfix:after { content: " "; display: table } .clearfix:after { clear: both } table { border-collapse: collapse; } /*Slick*/ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-list:focus,.slick-slide:focus{outline:0}.slick-slider{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-track{left:0;top:0;zoom:1}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-slide{float:left;height:auto;min-height:1px;display:none}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} /*Slick Theme*/ @charset 'UTF-8';.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000} /*Fancybox*/ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:0px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:after{transition: 0.3s ease;-webkit-transition: 0.3s ease;}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} .hidden { display: none; } /*Кастомные стили fancybox*/ .fancybox-thumbs>ul>li:before { border-color: #c3906a; } strong { font-family: 'FuturaMedium',sans-serif; } .fancybox-caption { font-family: "FuturaRegular",sans-serif; } /*Custom*/ body { font-family: "FuturaRegular",sans-serif; line-height: 120%; position: relative; color: #000; font-size: 16px; } h1 { font-family: "FuturaMedium",sans-serif; } .title-section { width: 100%; position: relative; z-index: 2; max-height: 736px; margin-bottom: 210px; } .title-section.events { margin-bottom: 0; } .title-section.wedding { padding-bottom: 10px; } .header-menu { position: relative; z-index: 1; } .title-section.wedding .header-menu { margin-bottom: 204px; } .title-section.wedding h1 { margin-bottom: 78px; } .title-section.courses { max-height: 872px; } .title-section.courses h1 { font-size: 41px; margin-bottom: 40px; } .title-section.wedding .title-bg { background-image: url("../images/title-bg-wedding.jpg"); } .title-section.courses .subtitle { max-width: 630px; margin-bottom: 66px; margin-left: auto; margin-right: auto; } .title-section.services .header-menu { margin-bottom: 192px } .title-section.services { padding-bottom: 240px; } .title-section.courses .header-menu { margin-bottom: 120px; } .title-descriptor { margin-bottom: 42px; padding: 8px 16px 7px 16px; border: 1px solid #c3906a; font-size: 18px; line-height: 120%; display: inline-block; color: #fff; } .container { max-width: 960px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; width: 100%; position: relative; z-index: 2; text-align: center; } .container h2 { text-align: center; } .title-bg-wrapper { max-width: 960px; height: 100%; top: 0; left: 0; right: 0; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; width: 100%; position: absolute; z-index: 1; } .title-bg-container { position: absolute; z-index: 0; width: 100%; overflow-x: hidden; height: 100%; top: 0; left: 0; } .title-bg-overlay { position: absolute; z-index: 2; top: 0; right: -70px; width: 100%; height: 100%; min-width: 1496px; background: rgba(0, 0, 0, 0.6); } .title-bg-overlay.courses, .title-bg.courses { left: -100px; right: auto; width: 120%; min-width: auto; } .title-bg { position: absolute; z-index: 1; top: 0; right: -70px; width: 100%; height: 100%; min-width: 1496px; background-image: url("../images/title-bg-events.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .title-bg.courses { background-image: url("../images/title-bg-courses.jpg"); } .title-section.services .title-bg { background-image: url("../images/title-bg-services.jpg"); } .title-section.services { margin-bottom: 0; } .header-menu { width: 100%; padding-top: 42px; position: relative; padding-left: 74px; padding-right: 102px; width: 100%; margin-bottom: 163px; } .header-menu li { display: block; line-height: 120%; padding-top: 38px; float: left; margin-right: 40px; } .header-menu li.right { float: right; margin-right: 0; margin-left: 40px; } .header-menu li a { font-size: 14px; text-transform: uppercase; text-decoration: none; display: inline-block; color: white; padding-bottom: 2px; border-bottom: 1px solid transparent; transition: 0.2s ease; -webkit-transition: 0.2s ease; line-height: 120%; letter-spacing: 0.1em; } .title-logo:hover a, .title-logo a { border-bottom: 0; } .header-menu li:hover a { border-bottom: 1px solid #c3906a; } .title-logo { padding: 0; float: none; position: absolute; left: 0; right: 0; top: 42px; margin-left: auto; margin-right: auto; width: 79px; z-index: 2; } h1 { font-family: "FuturaMedium", sans-serif; text-align: center; text-transform: uppercase; letter-spacing: 0.25em; font-size: 42px; line-height: 120%; color: #fff; margin-bottom: 20px; } .subtitle { font-family: "GaramondProItalic", serif; font-size: 32px; line-height: 120%; color: #c3906a; text-align: center; margin-bottom: 88px; } .title-video { display: block; position: relative; width: 100%; max-width: 592px; margin-left: auto; margin-right: auto; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.4); } .title-video img { display: block; width: 100%; position: relative; z-index: 1; } .title-video-overlay { top: 0; position: absolute; z-index: 2; left: 0; width: 100%; height: 100%; background: rgba(195, 144, 106, 0.6); transition: 0.3s ease; -webkit-transition: 0.3s ease; } .title-video-overlay:hover { background: rgba(195, 144, 106, 0.7); } .title-video-icon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 126px; height: 126px; background: #fff; border-radius: 126px; opacity: 0.8; -webkit-opacity: 0.8; } .title-video-icon:after { content: ""; position: absolute; top: 0; bottom: 0; left: 52px; margin: auto; width: 0; height: 0; border-style: solid; border-width: 26px 0 26px 35px; border-color: transparent transparent transparent #000000; } .title-section.courses .title-video-descriptor { width: 180px; right: -34px; } .title-section.courses .button { width: 270px; } .title-video-descriptor { position: absolute; top: 64px; right: -10px; width: 156px; text-align: left; } .title-video-wrapper { position: relative; color: #fff; font-size: 26px; line-height: 120%; margin-bottom: 70px; } .title-video-descriptor span { color: #c3906a; font-family: "GaramondProItalic", serif; } .title-video-descriptor:after { content: ""; display: block; background: #c3906a; width: 76px; margin-left: 3px; height: 1px; margin-top: 14px; } .button { display: inline-block; text-transform: uppercase; background-color: #fff; text-decoration: none; color: #c3906a; font-size: 18px; line-height: 120%; padding: 18px 18px 14px 18px; border: 1px solid #c3906a; transition: 0.2s ease; -webkit-transition: 0.2s ease; } .button:hover { background: #c3906a; color: #fff; } div.button { cursor: pointer; } .decor-wrapper { max-width: 820px; width: 100%; height: 100%; margin-left: auto; margin-right: auto; position: absolute; top: 0; left: 0; right: 0; z-index: 0; } .decor-line { width: 1px; height: 100%; float: left; background: #f0f0ef; margin-right: 203px; } .decor-line.last { margin-right: 0; float: right; } .top-cases-section { position: relative; z-index: 2; padding-top: 106px; text-align: left; } .top-cases-section.index .button.more { margin-top: 60px; } .top-cases-section.index { padding-bottom: 92px; } h2 { font-size: 38px; font-family: "FuturaMedium", sans-serif; line-height: 120%; letter-spacing: 0.1em; text-align: left; text-transform: uppercase; } .top-cases-section h2 { max-width: 390px; } .top-cases-section.courses { padding-top: 0; padding-bottom: 116px; } .top-cases-section.courses h2 { text-align: center; margin-left: auto; margin-right: auto; } h2 span { color: #c3906a; } .top-cases-section.courses .top-cases-wrapper { margin-top: 0; } .top-cases-wrapper { margin-top: 60px; } .top-cases-section.courses .subtitle { margin-top: 46px; margin-bottom: 72px; font-size: 22px; max-width: 546px; font-family: "FuturaRegular"; font-size: 22px; color: #000; margin-left: auto; margin-right: auto; } .top-cases-block { width: 306.5px; height: 298px; float: left; background-size: cover; background-position: center; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 10px; position: relative; overflow-y: hidden; overflow-x: hidden; } .top-cases-block.last { margin-right: 0; } .top-cases-block.big { width: 623px; } .top-cases-overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 70px; transition: 0.2s ease; -webkit-transition: 0.2s ease; } .top-case-block-img { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; height: 100%; background-image: url("../images/x2-events-case-02.jpg"); background-position: center; background-size: cover; transition: 0.2s ease; -webkit-transtion: 0.2s ease; } .top-cases-block.big .top-case-block-img { background-image: url("../images/x2-events-case-01.jpg"); } .top-cases-block:hover .top-case-block-img { transform: scale(1.03); } .top-cases-block:hover .top-cases-overlay { height: 170px; } .top-cases-text { position: absolute; bottom: 20px; left: 18px; } .top-cases-title { font-size: 16px; line-height: 120%; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; text-align: left; } .top-cases-title:after { content: ""; display: block; width: 40px; height: 1px; background-color: #c3906a; margin-top: 11px; } .top-cases-link { color: #fff; text-decoration: none; line-height: 120%; padding-left: 25px; margin-top: 0; position: relative; display: block; text-align: left; max-height: 0; opacity: 0; -webkit-opacity: 0; transition: 0.2s ease; -webkit-transition: 0.2s ease; } .top-cases-block:hover .top-cases-link { margin-top: 30px; max-height: 100px; opacity: 1; -webkit-opacity: 1; } .top-cases-link:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 14px; height: 10.5px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAMAAAB4W0xQAAAA4VBMVEVMaXHDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGqTA2BkAAAASnRSTlMA9k3o/Q3URhcPYuYHgvU6i8+xniz+9FfeqLfC7AEI+PEW0SDtl4yghLuRCTLXc6nFv6ozYYlL8BK80sY/JBnH+uUMMH1tQymaVr0r/h4AAACBSURBVBjTLc5TAgIBAEXRV00Nsm3btuvuf0H9dFZwJEl6f53XTX/Hjx+Ms1OUJLk9XB/PPWS9kkwXu9P90G9DLKBEBkz3hZZVgKB8ULG60KjmIaRIknK9CT67BlEpDh17vB2YBqmw5M3ByNqs/LjSklTqGaw9MDT/j/lyOpktbEk/pb0Uffer3IMAAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: 14px 10.5px; } .top-cases-cta { color: #fff; text-decoration: none; line-height: 120%; padding-left: 25px; margin-top: 0; position: relative; display: block; text-align: left; max-height: 0; opacity: 0; -webkit-opacity: 0; transition: 0.2s ease; -webkit-transition: 0.2s ease; } .top-cases-block:hover .top-cases-cta { margin-top: 10px; max-height: 100px; opacity: 1; -webkit-opacity: 1; } .top-cases-cta:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 13.5px; height: 14.5px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAwFBMVEVMaXHDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrYrsHKAAAAP3RSTlMApec+14fxBQ/2ikxDAdNrmkDatRwbRY9ZVzi+niINF0ID8PPy/Lj1gj3IfzTEla7RFrsgkDPiZVrApgRbJ9Y4GBJxAAAAfklEQVQY003ORRbCUABD0bRUcXco7u7+9r8rJp9DM8odJVIsz1dc74f9RzDz+PzQbxSBu9F5AoAlSdqfQqYDYCnJv17AtkZAXZqvAee2A2iqNgQOxy2A11Gl6i42vguA05UkX6sxAC2z04N8rhS2DQtkA2XKkWGaVPx8ImnKF4YXEyVcfl7tAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-size: 13.5px 14.5px; } .top-cases-block.video .top-cases-overlay { height: 100%; background: none; background: rgba(195, 144, 106, 0.9); transition: 0.2s ease; -webkit-transition: 0.2s ease; } .top-cases-block-text-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; display: table; } .top-cases-block.video .top-cases-text { display: table-cell; vertical-align: middle; position: relative; bottom: 0; left: 0; } .top-cases-block.video .top-cases-title { text-align: center; font-family: "FuturaMedium", sans-serif; margin-bottom: 30px; } .top-cases-block.video .top-cases-title:after { display: none; } .top-cases-block.video .play-text { color: #fff; display: inline-block; padding-bottom: 1px; border-bottom: 1px solid #fff; transition: 0.2s ease; -webkit-transition: 0.2s ease; font-family: "FuturaLight", sans-serif; line-height: 120%; } .play-wrapper { display: table; margin-left: auto; margin-right: auto; } .play-wrapper:hover .play-text { border-bottom: 1px solid transparent; } .play-wrapper .play-text { vertical-align: middle; } .play-icon { width: 36px; height: 36px; border-radius: 100px; background: #fff; display: inline-block; margin-right: 19px; vertical-align: middle; position: relative; } .play-icon:after { position: absolute; content: ""; display: block; top: 0; bottom: 0; margin: auto; left: 15px; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 10px; border-color: transparent transparent transparent #000000; } .top-cases-block.video:hover .top-cases-overlay { background: rgba(195, 144, 106, 0.95); } .top-cases-block:last-child, .top-cases-block:nth-child(5), .top-cases-block:nth-child(2) { margin-right: 0; } .designer-section { padding-top: 50px; padding-bottom: 118px; position: relative; z-index: 2; } .designer-section img { width: 100%; max-width: 937px; margin-left: auto; margin-right: auto; margin-bottom: -14px; } .designer-section.courses img { max-width: 882px; } .designer-section h2 { text-align: center; max-width: 500px; margin-left: auto; font-size: 34px; margin-right: auto; font-family: "FuturaRegular", sans-serif; margin-bottom: 30px; text-transform: none; line-height: 120%; letter-spacing: 0.1em; } .designer-section.courses h2 { max-width: 850px; } .designer-section.courses { padding-bottom: 60px; } .designer-section.courses blockquote { margin-bottom: 0; } .designer-section h2:after { display: block; content: ""; margin-left: auto; margin-right: auto; margin-top: 28px; width: 40px; height: 40px; background: #c3906a; border-radius: 100px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAMAAACu/pY1AAAAyVBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98M+YtAAAAQnRSTlMA1WHpId7mCeh1vN9x9ewdXwfrb+9LXJskt9y0nc6oBvhWvRpNKCcCzyLuxDYFaw7Xf0F5xn0b8ynLUImNJTlg0e2PAXuFAAAAg0lEQVQY0wXBiSICAQAFwOnc7SK3FCH3XUIU8f7/o8wA768vb/C9LFdQdDuZP/A8raX9g9v7fDw9cnmT8gsmldzNcNVIZwFOkiquz5MLUD1NZYyz5LgAn0kbRskQ6CW1OgZJ8xD8JjnaKRwkabS2sO4l2a3bS5KNTej+pbmP1nbKPv4B+IgSFN9frUIAAAAASUVORK5CYII="); background-size: 17px 11px; background-repeat: no-repeat; background-position: center; } .designer-section blockquote { font-size: 24px; color: #454545; font-family: "GaramondProItalic", serif; max-width: 660px; line-height: 120%; margin-left: auto; margin-right: auto; margin-bottom: 58px; letter-spacing: 0.1em; } .designer-name { text-transform: uppercase; font-size: 34px; line-height: 120%; color: #c3906a; margin-bottom: 8px; letter-spacing: 0.2em; } .designer-description { font-size: 22px; line-height: 120%; color: #7f7f7f; text-transform: uppercase; letter-spacing: 0.1em; } .designer-note { text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; margin-left: auto; margin-right: auto; font-size: 12px; line-height: 120%; } .project-section { background: #f0f0f0; padding-top: 88px; padding-bottom: 112px; position: relative; z-index: 2; } .project-section h2 { font-size: 38px; margin-bottom: 30px; text-align: center; } .project-section h2:after { margin-top: 26px; content: ""; display: block; margin-left: auto; margin-right: auto; background: #c3906a; width: 60px; height: 1px; } .project-subtitle { font-size: 32px; color: #787878; letter-spacing: 0.1em; margin-bottom: 198px; line-height: 120%; } .project-blocks { max-width: 800px; margin-left: auto; margin-right: auto; } .project-block { float: left; max-width: 350px; transition: 0.3s ease; -webkit-transition: 0.3s ease; } .project-block.alt { float: right; } .project-frame { width: 304px; height: 304px; border: 4px solid #c3906a; position: relative; z-index: 1; margin-bottom: -20px; margin-left: auto; margin-right: auto; } .project-frame img { position: absolute; bottom: 43px; left: 26px; } .project-block.alt img { bottom: 37px; left: 64px; } .project-block.inactive { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.2; -webkit-opacity: 0.2; } .project-block h3 { font-size: 34px; line-height: 120%; text-transform: uppercase; letter-spacing: 0.2em; position: relative; font-family: "FuturaDemi", sans-serif; z-index: 2; max-width: 330px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 50px; } .project-block.alt h3 { max-width: 350px; } .project-section ol { counter-reset: project; list-style: none; margin-bottom: 54px; text-align: left; max-width: 284px; margin-left: auto; margin-right: auto; } .project-section ol li { padding-left: 44px; font-size: 22px; line-height: 120%; margin-bottom: 16px; position: relative; } .project-section ol li:before { font-family: 'GaramondProItalic', serif; content: counter(project)"."; counter-increment: project; color: #c3906a; font-size: 22px; line-height: 120%; position: absolute; left: 0; top: 0; } .button.alt { background: #c3906a; color: #fff; } .button.alt:hover { background: #ba8862; border-color: #ba8862; } .pluses-section { padding-top: 120px; padding-bottom: 170px; position: relative; z-index: 2; } .plus-block { margin-bottom: 120px; } .plus-block:last-child { margin-bottom: 0; } .plus-block img { float: left; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.4); } .plus-block.vendors img { float: right; } .plus-text { float: left; margin-left: 63px; max-width: 290px; text-align: left; } .plus-block.vendors .plus-text { margin-left: 0; } .pluses-section h3 { font-family: "FuturaMedium"; font-size: 38px; letter-spacing: 0.1em; line-height: 120%; text-transform: uppercase; margin-bottom: 36px; } .pluses-section h3:after { margin-top: 30px; content: ""; display: block; width: 60px; height: 1px; background: #c3906a; } .plus-description { font-size: 22px; line-height: 120%; letter-spacing: 0.1em; } .vendors-block { margin-top: 60px; } .plus-block.vendors .vendors-block img { display: inline-block; margin-right: 28px; box-shadow: none; float: none; text-align: left; } .plus-block.vendors .vendors-block img:last-child { margin-right: 0; } .container.pluses { max-width: 1030px; } .portfolio-filter-results { max-width: 622px; margin-left: auto; margin-right: auto; } .portfolio-block { width: 100%; position: relative; transition: 0.3s ease; -webkit-transition: 0.3s ease; text-align: left; display: block; margin-bottom: 20px; } .portfolio-block:hover { box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.4); } .portfolio-block img { position: relative; display: block; z-index: 1; } .portfolio-block .portfolio-overlay { color: white; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,0.6+100 */ background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ } .portfolio-text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 18px; padding-bottom: 0; } .portfolio-title { line-height: 120%; font-size: 16px; margin-bottom: 24px; letter-spacing: 0.1em; text-transform: uppercase; transition: 0.2s ease; -webkit-transition: 0.2s ease; } .portfolio-title:after { content: ""; display: block; width: 40px; height: 1px; background: #c3906a; margin-top: 10px; } .portfolio-description { line-height: 120%; font-size: 16px; margin-top: 0; max-height: 0; transition: 0.2s ease; -webkit-transition: 0.2s ease; opacity: 0; -webkit-opacity: 0; } .portfolio-link { padding-left: 30px; position: relative; max-height: 0; transition: 0.2s ease; -webkit-transition: 0.2s ease; display: inline-block; line-height: 120%; margin-top: 0; opacity: 0; -webkit-opacity: 0; margin-bottom: 0px; } .portfolio-block:hover .portfolio-link, .portfolio-block:hover .portfolio-description { max-height: 300px; opacity: 1; -webkit-opacity: 1; } .portfolio-block:hover .portfolio-link { margin-top: 38px; margin-bottom: 22px; } .portfolio-link:before { content: ""; display: block; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAABL1BMVEVMaXHDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGoWRz9uAAAAZHRSTlMAAwUKCxAREhQVFxkaGx0gISIjJScoKS4wNDU2ODk8PT5BQkZHSElKS0xXWV9gaG1ub3J0eX5/goyfoKOkqbCytLa5u73BxMXJysvMzc7Q0dXX2drb3uHi4+bo6uvt7u/w8fX+43tKtQAAAM9JREFUKM9NkNkiAgEARQ8qJJI1KWWUsWWnbJV9rZEKbZS5//8NHkaj+3bP07kX3AzvnBzP0JfYg6Ra+h8YX2rfVGWv9MDCu6xZvHkVemQqlhwD4qo4fTJ7fXkUAEyVAVj6lKSPOP4nnQMkmipv79W077tTe94BxZCPyOHorbomsNhUcSLzFiZ4r+4aMPKi0vhQQz/WtzomwK5a0xB9lGQZAJzqCmAguml4HJWMqh7w5y4OBv9k5+rKLa8/y95wJ27ZktRZ7bshVai8noXd+gtGUSgkTmTvkAAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-size: 17px 17px; width: 17px; height: 17px; position: absolute; left: 0; top: -1px; } .top-link { text-decoration: none; color: #989898; margin-top: 44px; display: inline-block; font-size: 16px; line-height: 120%; text-transform: uppercase; } .portfolio-date { position: absolute; top: 16px; left: 18px; padding-left: 30px; font-family: "FuturaMedium",sans-serif; font-size: 14px; line-height: 120%; } .portfolio-date:before { position: absolute; content: ""; display: block; width: 14px; height: 15px; top: -2px; left: 0; background-size: 14px 15px; background-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAbFBMVEXDkGrDkGrDkGrDkGrDkGpMaXHDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGr4AKdsAAAAI3RSTlM0kUGdPQDp3eLc9fKc9OoaDP7z5aeOGVXoG+bnlv1b8aQJMbeC8vIAAABLSURBVAjXY2BllVNQZBUXEQBjBkl+GXklMVFeBhDmZ5CQ4pXlExYSBGNpBmUUwMCJAhjQAAcKQNcLxIxMXDws3MwsbFi5ZCtmRwEAqCwPiIoqEVAAAAAASUVORK5CYII="); } .top-link:before { content: ""; display: inline-block; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAMAAABLAV/qAAAAilBMVEVMaXGYmJjQ0ND39/eYmJiYmJiYmJjq6uqYmJja2tqTk5Pg4OCYmJiYmJjl5eWYmJiUlJTS0tKYmJiYmJiYmJiYmJiYmJiYmJiYmJi0tLSYmJiYmJiRkZGYmJiYmJiYmJiYmJiYmJiYmJiTk5OTk5OYmJiYmJiYmJiYmJiTk5OVlZWWlpaXl5eYmJgKezMTAAAAKXRSTlMAAQUHCQ0SFCYmJicyOEBAQEBBTVdebH6Fja63uLm+v8vW2Njb4+30+k9YnZIAAAB+SURBVHja3c7LFsEwAIThQUrdUgShF5e4BvP+r6eCo5GuLP3L78xiwJrwDRdrLRK/0VhKiV9q19hiGwemSROHFqjm6ciDr5pnlVGlNL2qTbHiUBTcdZ/UcIY1J4iKm+k7nDsrMUGp133ngYPNDG9ElC9bbirwQTS9Vy/EX+IdYjsVpeDFjX4AAAAASUVORK5CYII="); background-size: 20px 27px; width: 20px; height: 27px; background-repeat: no-repeat; margin-right: 20px; position: relative; top: 6px; } .button.more, button.ajax, button.portfolio { font-family: "FuturaRegular",sans-serif; border-color: #000; color: #000; width: 268px; background: #fff; } .button.more:hover, button.ajax:hover, button.portfolio:hover { background: #000; color: #fff; } button.ajax:focus, button.portfolio:focus { outline: none; } .portfolio-filter-block { padding-top: 30px; } .portfolio-heading { width: 100%; max-width: 719px; margin-bottom: 24px; } .portfolio-section { padding-bottom: 154px; position: relative; z-index: 2; } .magazine-section { position: relative; z-index: 2; } .magazine-wrapper { margin-top: 80px; width: 100%; max-width: 1920px; margin-left: auto; margin-right: auto; } .magazine-block { display: block; float: left; width: 33.333%; max-height: 640px; position: relative; overflow-x: hidden; overflow-y: hidden; } .magazine-block:before { content: ""; display: block; padding-top: 100%; } .magazine-img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: 0.2s ease; -webkit-transition: 0.2s ease; } .magazine-block.two { width: 33.334% } .magazine-block.one .magazine-img { background-image: url("../images/magazine-01.jpg"); } .magazine-block.two .magazine-img { background-image: url("../images/magazine-02.jpg"); } .magazine-block.three .magazine-img { background-image: url("../images/magazine-03.jpg"); } .magazine-overlay-wrapper { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: 0.3s ease; -webkit-transition: 0.3s ease; opacity: 0; -webkit-opacity: 0; } .magazine-block:hover .magazine-img { transform: scale(1.1); } .magazine-overlay-wrapper:hover { opacity: 1; -webkit-opacity: 1; } .magazine-overlay { width: 100%; height: 100%; display: table; } .magazine-text { display: table-cell; vertical-align: middle; top: 0; left: 0; text-align: center; } .magazine-date { color: #c3906a; font-size: 18px; line-height: 120%; font-family: "GaramondProItalic"; margin-bottom: 17px; } .magazine-title { text-transform: uppercase; letter-spacing: 0.1em; font-size: 30px; line-height: 120%; width: 100%; margin-left: auto; margin-right: auto; text-align: center; color: #fff; } .magazine-title:after { content: ""; display: block; margin-left: auto; margin-right: auto; margin-top: 20px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAz1BMVEVMaXH////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////iCg/sAAAARXRSTlMAhJIBFxYbmaKoGRUqSU9penuUmJoTGCAkb4CJFBpMTV5mZ2hsdIGDhYaHkZahCAkLDh4fLTBFUVJXWHB9fo+Qn6Olp6pJBEVfAAAA3klEQVR42pVQ1xaCMAwtxUKtbHCAe++99/z/b9J6LC0eefC+JLn3JDcJeEMzHeyYGvhCoeZBu2lDr1aI8Dmo6tNXRGUV5gQ+BfNotNnRVMlDFPJyVU3NTsPKuyBqQ2aC5q3G57byqXQ8Z4LZn6yHhFVp12CpY4NthQ9u+Sy9NiMrWhbvoHa8Y8890jRwD76VTkO4VVa4g4Q8GdRl8XJ2hdK+LaO/KiH6q9IAXyRF/FYDu4EVuLi+CO49UQFZw7d84+WbkZK9IviFhJTsxiskTulk/lekRIzyOICfQMfyE15iD/QsYA3GAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-size: 24px 24px; width: 24px; height: 24px; } .consult-section { padding-top: 234px; padding-bottom: 255px; position: relative; z-index: 2; } .consult-form-wrapper { float: right; max-width: 455px; width: 100%; z-index: 2; position: relative; } .consult-form-wrapper h2 { font-size: 32px; text-align: center; margin-bottom: 70px; } .consult-section img { position: absolute; z-index: 1; top: -230px; left: -152px; } .contact-form { max-width: 280px; margin-left: auto; margin-right: auto; } .contact-input { border-bottom: 1px solid #000; display: block; background-color: transparent; padding: 14px 20px 14px 20px; width: 100%; font-family: "FuturaRegular"; font-size: 18px; line-height: 120%; margin-bottom: 40px; } textarea.contact-input { border: 1px solid #000; } textarea.contact-input:focus { outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .contact-input.last { margin-bottom: 70px; } input.button { font-family: "FuturaRegular"; border-color: #000; color: #000; } input.button:hover { border-color: #c3906a; } .experts-section { position: relative; z-index: 2; background: #f0f0f0; padding-top: 76px; padding-bottom: 50px; } .experts-section h2 { text-align: center; } .experts-section h2:after { margin-top: 26px; content: ""; display: block; margin-left: auto; margin-right: auto; width: 60px; height: 1px; background: #c3906a; } .experts-wrapper { margin-top: 76px; position: relative; } .expert-block { padding-bottom: 20px; } .expert-video-wrapper { position: relative; max-width: 300px; display: inline-block; margin-bottom: 58px; box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3); } .expert-name { text-transform: uppercase; font-size: 18px; line-height: 120%; letter-spacing: 0.2em; margin-bottom: 7px; } .expert-position { font-size: 16px; line-height: 120%; color: #c3906a; } .expert-play-icon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 80px; height: 80px; border-radius: 100px; background: #c3906a } .expert-play-icon:after { position: absolute; content: ""; display: block; top: 0; bottom: 0; margin: auto; left: 33px; width: 0; height: 0; border-style: solid; border-width: 16px 0 16px 22px; border-color: transparent transparent transparent #ffffff; } .experts-wrapper .slick-list { position: relative; left: -5px; } /*Not Visible*/ .expert-block.slick-slide { opacity: 0; -webkit-opacity: 0; transition: 0.2s ease; -webkit-transition: 0.2s ease; -webkit-filter: grayscale(100%); filter: grayscale(100%); transform: scale(0.83) translateY(-14px); -webkit-transform: scale(0.83) translateY(-14px); position: relative; } .expert-block.slick-slide .expert-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.4+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */ } .expert-block.slick-slide .expert-video-wrapper { box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3); } .expert-block.slick-slide .expert-video-wrapper img { position: relative; z-index: -1; } .expert-block.slick-slide .expert-title { bottom: 24px; position: absolute; width: 100%; padding-left: 10px; padding-right: 10px; color: #fff; transition: 0.2s ease; -webkit-transition: 0.2s ease; } .expert-block.slick-slide blockquote { width: 446px; font-family: "GaramondProItalic"; font-size: 18px; line-height: 120%; letter-spacing: 0.1em; margin: 0; position: relative; opacity: 0; -webkit-opacity: 0; transition: 0.2s ease; -webkit-transition: 0.2s ease; left: -223px; margin-left: 50%; } .expert-block.slick-slide blockquote:before { content: "“"; left: -43px; top: -37px; display: block; position: absolute; color: #ece7e5; font-size: 100px; line-height: 120%; } .expert-block.slick-slide blockquote:after { content: "”"; right: -23px; bottom: -88px; display: block; position: absolute; color: #ece7e5; font-size: 100px; line-height: 120%; width: 50px; } .expert-block.slick-slide .expert-play-icon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 80px; height: 80px; border-radius: 100px; background: #c3906a; opacity: 0; -webkit-opacity: 0; transition: 0.4s ease; -webkit-transition: 0.4s ease; } /*Active*/ .expert-block.slick-slide.slick-active { opacity: 0.7; -webkit-oapcity: 0.7; } .expert-block.slick-slide.slick-active .expert-title { bottom: 24px; position: absolute; width: 100%; padding-left: 10px; padding-right: 10px; color: #fff; transition: 0.4s ease; -webkit-transition: 0.4s ease; opacity: 0; -webkit-opacity: 0; } .expert-block.slick-slide.slick-active .expert-play-icon { opacity: 0; -webkit-opacity: 0; transition: 0.4s ease; -webkit-transition: 0.4s ease; } /*Center*/ .expert-block.slick-slide.slick-active.slick-center .expert-title { bottom: 24px; position: absolute; width: 100%; padding-left: 10px; padding-right: 10px; color: #fff; transition: 0.4s ease; -webkit-transition: 0.4s ease; opacity: 1; -webkit-opacity: 1; } .expert-block.slick-slide.slick-active.slick-center .expert-play-icon { opacity: 1; -webkit-opacity: 1; transition: 0.4s ease; -webkit-transition: 0.4s ease; } .expert-block.slick-slide.slick-active.slick-center blockquote { opacity: 1; -webkit-opacity: 1; } .expert-block.slick-slide.slick-active.slick-center { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; -webkit-oapcity: 1; transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); } .expert-block.slick-slide.slick-active.slick-center .expert-video-wrapper { box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.4); } /*Nav*/ .experts-nav { position: absolute; top: 150px; height: 0; width: 100%; } .expert-prev { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAgCAMAAAC4saEMAAAA81BMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADP1TV0AAAAUXRSTlMAUmVEaQNqAVcnKBkSOmACZhgWK2gwJGctJgtiBwlUVi4dWjMiNSAxER43BU1bDVApCg88S1kbXj8GSRBdFGFCR0EXZEVjFT4IEyUvBEwMU1jne9OWAAAAvUlEQVR42o3P1Q6DUBRE0QtcpFBaqFK07u7u7v//NU1fmzTMfj0rmRzyU7hUJlhqKIjBMatgcLXTISdyVgSC4fVyAUF+Cj7D90czCNbq8y4EJ61GE4I2MzAheHalDgQdz3MgaL5fNgSf0uMOwYvLGomAb3KG3KjFSP5lOULSyRQR/fvux2NXApYWZJRGhShK24KB0hSNozRBcyjN0wJKi7EqSitJFaVDrYdSRTuhVGc3Ikgjhz0P0iOz/XP5AD5GEfy9o8qOAAAAAElFTkSuQmCC"); background-size: 41px 32px; background-repeat: no-repeat; width: 41px; height: 32px; top: -16px; position: absolute; left: -40px; } .expert-next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAgCAMAAAC4saEMAAAA6lBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACaBPnDAAAATnRSTlMAAVcnLGQGDWkCBwgLExohIiowO0BDT1BWWFlnaGoDBAUJCg8QERIVFhcYGxweJSYuLzI0Njk8Pj9FR0hKTE5SU1RVW1xeX2BhYmVmbW5H74TeAAAAt0lEQVR42o3SxRLCUBBE0Rd3ICEuuLu7u/7/78CaKip9l1NnMYsm/2ITBCx90UApWVwNpJTJNVA6feK/Bi2UjoM2SkdhEqXDMIXSgdhBaU9kUMpGOkr1iEUpI/ZRmuQMQspdJr7U8mUQlgY60G/7O4T4CG97AvQm7/gYlHeeCkHFdfMQLNB7BYKqv5UhKBwdHoLF0yYHwdJ5nYVg5brKQFC7LSQIVu9zCoJ1zsIm2XyY4Hhnk5/DBwHlDmsr1+CGAAAAAElFTkSuQmCC"); background-size: 41px 32px; background-repeat: no-repeat; width: 41px; height: 32px; top: -16px; position: absolute; right: -40px; } .previews-section { position: relative; z-index: 2; padding-top: 98px; padding-bottom: 120px; } .previews-section.article { padding-top: 0; padding-bottom: 110px; } .previews-section.blog { padding-top: 70px; padding-bottom: 110px; } .previews-section.blog .previews-wrapper { margin-top: 0; } .previews-section h2 { text-align: center; } .previews-section h2:after { margin-top: 26px; content: ""; display: block; margin-left: auto; margin-right: auto; width: 60px; height: 1px; background: #c3906a; } .previews-wrapper { margin-top: 78px; margin-left: auto; margin-right: auto; } .preview-block { width: 300px; float: left; background: #f0f0f0; margin-right: 20px; margin-bottom: 20px; } .preview-block.third { margin-right: 0; } .preview-img-wrapper { display: block; } .preview-img-wrapper img { display: block; width: 100%; } .preview-text { padding: 26px 26px 82px 26px; text-align: left; width: 100%; position: relative; min-height: 240px; } .preview-category { color: #bebebe; text-transform: uppercase; font-family: "FuturaDemi", sans-serif; line-height: 120%; letter-spacing: 0.1em; margin-bottom: 14px; } .preview-title { font-size: 24px; line-height: 120%; font-family: "FuturaMedium"; color: #000; } .preview-link { text-decoration: none; transition: 0.2s ease; -webkit-transition: 0.2s ease; display: inline-block; font-family: "FuturaLight", sans-serif; padding-bottom: 1px; line-height: 120%; border-bottom: 1px solid #c3906a; color: #000; position: absolute; bottom: 26px; left: 26px; } .preview-link:hover { border-bottom-color: transparent; } .contacts-section { position: relative; z-index: 1; } .contacts-text { float: right; width: 100%; background-image: url("../images/contacts-bg-02.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; } .contacts-text-wrapper { /*float: left;*/ max-width: 300px; /*margin-left: 90px;*/ padding-top: 50px; padding-bottom: 54px; margin: 0 auto; } .contacts-section { position: relative; z-index: 2; } .contacts-section h2 { text-align: center; margin-bottom: 34px; } .contacts-section h2:after { content: ""; display: block; margin-left: auto; margin-right: auto; width: 1px; background: #000; height: 80px; margin-top: 29px; } .contacts-link { padding-left: 60px; font-size: 20px; line-height: 120%; margin-bottom: 28px; color: #000; text-align: left; text-decoration: none; display: block; position: relative; } .contacts-link:before { content: ""; left: 0; top: -7px; position: absolute; background-size: 37px 37px; background-repeat: no-repeat; width: 37px; height: 37px; } .contacts-link.email:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAAAhFBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADR0GS7AAAALHRSTlMAKCYqFRcaKQEnJAQSFhkhAg0DBQgLExwjJQogGB4HCRsdIgYMFA4RDx8rENntLuYAAAHQSURBVDjLfZTZlqsgEEVrUFAUjfOsMWN33///v7sSMTGJ5jxp1QZOQQHAi7yTr1v7/JPCpuKLCAlvclV3Xgfj/CC5aoRt6XY8ILtF/QlFIeP4r3fMkFordtv4lXE0yi57CSXn6i8clpGdYPKd9+n7jqvTYibBKluxumslPTHN5UbpWqp+No5Ub2yOI7ibnMSh9Lf3cE7mM76qCEvvRpeYwRcVfJvsIkfnG5XJxgEQfDV169ZeKLB2UzjEFLyQjobKFONDrLKJApt9qKkxC9qRt0ea5KKIf7TxzwFcURgDe5lD7rp3iHywpEmkOIKNZggIlHuvLpEID0MyIgbm2KsQWrQe1C3tFYgT/KDUG0VIV7DMwkvKwnZBkYvBLp6KmKmefiHCcUkRYdOYD0PVcg+pOsQvFE1lPimfNTgdmrYJFnt631fbHKSMAKz572i9KZnCVZUApO69NTaV/4mpNfIvkGcaK3OrfpuyuZhtj7vNVnXJXBzvMBfwoVTJh52BpF7t16Fk8fw7EYuVQiPF+6WXTHEYvVdnowyctzdBYnFaDDyeS6aPe+r4JWNjX4ZjkvS1X1SMxdqz4OUNMmOlFEnmSmzdUmfwRdeEzW+ho2SZ+A9TdRujyGiFAwAAAABJRU5ErkJggg=="); } .contacts-link.fb:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAAAhFBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADR0GS7AAAALHRSTlMAJxYIKQEJJigqIRokEhsEFx4KAxwNJQsFGCMHDA4gAhMdGREiBhUUDysQH/HDUmwAAAHDSURBVDjLjZTpcqswDIVlMEjCJux7ICF72/d/vzuZlESkhLn6BfKH5uhYCGAW0TZ0mvh6c+FjZL0JkO6hbHJdBrP9SXM5mPjiNOOJWOXpX6gImMbvzvv9JHUsqyabM55DOqlmqfpafgW+zOwMY+i9l+8SLreikmFbLUjdNRpfmMPth9YdbbtJOGH6wRzPcPJQkgU6nJ24fX87T/5Mh/sJnzSjUtp5OkRtdKdbksqzQCMiPSnI+V6s16MsdSREUoKq9OABGD5KVYZQHbZV/bIjIBeiAM+S2hDizHGIOYQUB++dmptX8AGOZF6J7aE5KcRN3IhyLo0QC6EQM6l7h8TCwboMoKGLuBDCR5DoqLb/S12oEWOfpolC/PbTSFwG/kBBI6z3mOoNuPaUrfsVsgNeQuk6lesC4MLxKnUuyxrAVW20Ru2/zGM09itU9DtYlSo7qUIpf3bX+ePhwOPumfVvfS+aLtTkS3SaNyDCtfopx0fteEuQ37KcGGQTLewOy5udeK8sB8UbE8WkD97bTtCUb8WH52vLGP75i8OWaYh7/1zXXRrmJVO+tBai/UDMVFqLmrk01aet4IcmGYLhJ3eKWh78Ay1LHJMPFFHyAAAAAElFTkSuQmCC"); } .contacts-link.insta:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAAAhFBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADR0GS7AAAALHRSTlMAJicoASoeKSQaISMNEiUECA4cAwUHFhcYHwsMDx0gChMVAgYiCRQZGxErEMkncswAAAHwSURBVHjadZTZYqsgEIaFcQRE0Ri3aN2iJm3P+7/fwYoRs/w3InyzOuIcFdVhXha3r9j5qPNJ+AQWUe7d4vdMPzFUrSiGvGwmQJp0r1DgIzT/MteYdDlHWp6PjJsD86rDVnpTv/5s71wFktB9dp95qGrLk0C+OToYl4zsWI7yQ+k549mWOJCXcvYonrvW47PwHXE87DW+GxvtHQIZLbSELfNoaDwj8cg6wcXZiTXGMvMZ0FXA4GaoirX6XOCPCZYA2cQlocbb1YfYiXwyrq/xg6Eycyf2bZwVOmRHWhPwRFeE6pGoRg4Xsx/g3fkB4dgU9YZS0iXiRsXQOAXkNkXLq+N0ktKdSpXvlDBYFG2XJLUpsSj+TEFz/ms0faIGKO2IKvjriU1l5KK/QHPIawrOY6lXO9XpnsR8Oh9qVE27LHYqxNxxPTBjU1PT0/UJ2wwkTGcxYLFlqY93bVWNSqW6aVRGxjWjFjSZ3f5XrKPRO2aD003Ey8w0mcGqqMq2v6v+Mprdx7dO1sUdm+uniQ4oiY3TyRTwqpizflvPhOWHf/ZxIFHsbzVBEb0Jx/HbzqXi6AfPd1kB7O4+3QkMktoyHG9S3x0vf3EoEdriNI9pmnVhohCSd9dC1LeACIpzwhCVqD7dCnMovNZvL0kepPbBf3PbHl4jQRFDAAAAAElFTkSuQmCC"); } .contacts-link.last { margin-bottom: 0; } .contacts-links { width: 100%; margin-bottom: 35px; position: relative; } .contacts-links:after { content: ""; display: block; margin-left: auto; margin-right: auto; width: 1px; background: #000; height: 80px; margin-top: 29px; } .contacts-links:before { position: absolute; content: "Есть вопрос?"; font-size: 14px; line-height: 120%; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); bottom: 32px; left: 94px; } .button.contacts { display: inline-block; border-color: #000; color: #000; width: 300px; text-align: center; background: transparent; } .button.contacts:hover { background: #000; color: #fff; } .footer-section { padding-top: 50px; padding-bottom: 50px; background: #f0f0f0; position: relative; z-index: 2; } .footer-logo-wrapper { float: left; text-align: left; position: relative; } .footer-logo-wrapper * { display: inline-block; } .footer-logo-wrapper img { margin-right: 40px; } .copyright { top: -45px; line-height: 120%; font-family: "FuturaMedium",sans-serif; position: relative; } .copyright:before { margin-right: 40px; content: ""; display: inline-block; width: 60px; height: 1px; top: -3px; position: relative; background: #c6c6c6; } .footer-menu { float: right; position: relative; top: 37px; } .footer-menu li { display: inline-block; margin-right: 50px; } .footer-menu li a { letter-spacing: 0.1em; text-align: center; font-family: "FuturaMedium",sans-serif; font-size: 18px; line-height: 120%; border-bottom: 1px solid transparent; transition: 0.2s ease; -webkit-transition: 0.2s ease; text-transform: uppercase; color: #000; text-decoration: none; padding-bottom: 3px; display: inline-block; } .footer-menu li a:hover { border-bottom: 1px solid #c6c6c6; } .pop-up-form-wrapper { width: 100%; max-width: 380px; display: none; padding: 40px 50px; } .pop-up-form-wrapper .contact-form { margin-bottom: 0; } .pop-up-btn { width: 100%; } .contact-input.text { height: 160px; resize: none; } .contact-input.text:focus { outline: 0; } .about-courses-section { position: relative; z-index: 2; padding-top: 132px; padding-bottom: 128px; } .about-courses-title { margin-top: 72px; text-align: left; font-size: 38px; line-height: 120%; font-family: "GaramondProItalic"; letter-spacing: 0.22em; padding-left: 10px; margin-bottom: 33px; } .about-courses-common-wrapper { width: 989px; } .about-courses-wrapper { position: relative; z-index: 2; } .about-courses-column { float: left; width: 509px; padding-right: 15px; } .about-courses-column.two { width: 484px; float: right; } .about-courses-text { position: relative; padding-left: 84px; text-align: left; margin-bottom: 58px; max-width: 460px; } .about-courses-text:before { content: ""; display: block; background: #c3906a; position: absolute; left: 25px; top: 12px; width: 15px; height: 1px; } .about-courses-text p { margin: 0; font-size: 22px; line-height: 120%; margin-bottom: 28px; } .about-courses-text p:last-child { margin-bottom: 0; } .about-courses-images { width: 100%; position: relative; } .about-courses-images:before { display: block; position: absolute; content: "Фотографии с авторского курса"; font-size: 16px; line-height: 120%; text-transform: uppercase; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); left: -169px; top: 123px; } .about-courses-images.two:before { display: none; } .about-courses-image { width: 100%; height: 300px; background-position: center; background-repeat: no-repeat; background-size: cover; } .about-courses-image.one { background-image: url("../images/about-courses-02.jpg"); margin-bottom: 15px; } .about-courses-image.two { background-image: url("../images/about-courses-03.jpg"); } .about-courses-column.two { padding-top: 4px; width: 480px; padding-right: 0; } .title-base { position: absolute; top: -112px; font-size: 200px; line-height: 120%; width: 1180px; text-transform: uppercase; letter-spacing: 0.3em; font-family: "FuturaMedium"; color: #f7f7f7; z-index: 0; left: -80px; } .about-courses-image.three { width: 480px; height: 759px; background-image: url("../images/about-courses-01.jpg"); margin-bottom: 15px; } .about-courses-image.four { float: left; width: 267px; height: 400px; background-image: url("../images/about-courses-04.jpg"); } .about-courses-image.five { float: right; width: 198px; height: 325px; background-image: url("../images/about-courses-05.jpg"); } .program-section { background: #f0f0f0; padding-top: 86px; position: relative; z-index: 2; padding-bottom: 104px; } .program-section h2 { text-align: center; margin-bottom: 42px; } .program-section h2:after { margin-top: 24px; content: ""; display: block; margin-left: auto; margin-right: auto; background: #c3906a; width: 60px; height: 1px; } .program-descriptor { color: #787878; font-family: "FuturaLight",sans-serif; line-height: 120%; font-size: 26px; letter-spacing: 0.1em; margin-bottom: 66px; margin-left: auto; margin-right: auto; max-width: 820px; } .button.program { border-radius: 100px; margin-left: 20px; margin-right: 20px; width: 240px; display: inline-block; background: transparent; letter-spacing: 0.3em; } .button.program:hover { background: #c3906a; } .button.program.active { background: #c3906a; color: #fff; } .program-block { position: relative; } .program-block.two { display: none; } .program-button-wrapper { margin-bottom: 54px; } .program-step { padding-bottom: 68px; } .program-step:last-child { padding-bottom: 0; } .program-img-wrapper { position: relative; z-index: 1; margin-left: auto; margin-right: auto; margin-bottom: -120px; text-align: center; } .program-img-wrapper img { z-index: 1; position: relative; margin-left: auto; margin-right: auto; } .program-subtitle { display: inline-block; left: 0; right: 0; margin: auto; font-family: "FuturaDemi", sans-serif; text-transform: uppercase; letter-spacing: 0.4em; text-align: center; position: absolute; font-size: 28px; line-height: 120%; top: 202px; z-index: 2; } .program-subtitle:after { content: "1"; position: absolute; display: inline-block; left: 0; right: 0; margin: auto; font-family: "GaramondProItalic"; color: #e1d0c2; z-index: -1; font-size: 80px; line-height: 120%; top: -29px; } .program-subtitle.two:after { content: "2"; } .program-subtitle.three:after { content: "3"; } .program-step-common-wrapper { margin-bottom: 36px; position: relative; z-index: 2; } .program-step-wrapper { width: 50%; float: right; position: relative; } .program-step-wrapper:after { content: "Что будет?"; display: inline-block; font-size: 22px; line-height: 120%; font-family: "GaramondProItalic"; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); position: absolute; top:38px; left: -100px; color: #c3906a; } .program-step-wrapper.two:after { top: 142px; } .program-step-wrapper ul { position: relative; padding: 58px 0px 68px 31px; border-left: 1px solid #c2c2c2; width: 340px; } .program-step-wrapper ul li { font-size: 22px; line-height: 120%; margin-bottom: 26px; position: relative; padding-left: 20px; text-align: left; } .program-step-wrapper.two ul { padding-top: 20px; padding-bottom: 46px; width: 390px; } .program-step-wrapper.three ul { padding-top: 70px; padding-bottom: 100px; width: 290px; } .program-step-wrapper.advance.three ul { padding-top: 46px; padding-bottom: 46px; width: 400px; } .program-step-wrapper.advance.one ul { padding: 28px 0px 38px 31px; width: 450px; } .program-step-wrapper ul li:before { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 10px; border: 1px solid #c3906a; top: 8px; left: 0; } .program-step-wrapper ul li:last-child { margin-bottom: 0; } .program-result-title { font-size: 22px; font-family: "FuturaDemi"; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 0.1em; } .program-result-text { max-width: 624px; margin-left: auto; margin-right: auto; font-size: 22px; line-height: 120%; text-align: center; } .program-result-text span { color: #c3906a; } .program-result-wrapper { position: relative; z-index: 2; } .program-bonus-block { padding-top: 112px; } .program-bonus-title { max-width: 806px; width: 100%; margin-left: auto; margin-right: auto; } .program-bonus-icon { position: relative; margin-left: auto; margin-right: auto; margin-top: 52px; margin-bottom: 34px; width: 60px; height: 60px; border-radius: 100px; border: 1px solid #e1cfc1; } .program-bonus-icon:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 40px; height: 40px; margin: auto; background-color: #c3906a; background-repeat: no-repeat; background-position: center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAMAAAAVv241AAAAsVBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8W6akoAAAAOnRSTlMA5tn0vuP34kD+gqP4BpmtoOTDNwj9Zt4dvLH8VcEMXCP2vVuM+RnlNVAyqDERC+3d9UmqkIXIR6EgBXK8+wAAAH1JREFUCNdNzFcOg0AMRVEDA6am90YapPf+9r8wDEhM7pePbJlI+gTK/1FR9LQAmPcCa4Tf1xu3o8zzRbiT9QMHwQTLfL/3rmeiGEGO1DFONPOhXGmVXLY0RdWG8FcJs+5U8NrU0Oh1WvpsNOhqDN2xBqzyW61vM9sGMzdVBmZqGk3U9gtfAAAAAElFTkSuQmCC"); background-size: 12px 16px; border-radius: 100px; } .program-bonus-text { font-size: 32px; margin-left: auto; margin-right: auto; max-width: 400px; width: 100%; margin-bottom: 70px; line-height: 120%; } .program-section { background-image: url("../images/courses-step-bg.jpg"); background-position: bottom center; background-size: contain; background-repeat: no-repeat; } .inspiration-section { position: relative; overflow: hidden; z-index: 2; } .inspiration-section .container:before { position: absolute; top: 136px; z-index: 2; text-align: right; left: -300px; content: "Тренинг – путешествие"; display: block; color: #c3906a; width: 300px; border-bottom: 1px solid #c3906a; padding-bottom: 8px; font-size: 22px; line-height: 120%; font-family: "GaramondProItalic", serif; } .inspiration-img { position: absolute; background-image: url("../images/insp-bg.jpg"); background-repeat: no-repeat; background-position: center; background-image: url("../images/insp-bg.jpg"); background-size: 1309px 733px; height: 733px; width: 1309px; z-index: 0; top: 0; left: -231px; } .inspiration-text { width: 667px; height: 311px; padding: 68px 98px 82px 104px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApsAAAE3CAMAAADSenpeAAAAgVBMVEVMaXHDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGqeQ6AzAAAAKnRSTlMAAQUHExUXHSUtNDU4QEFCQ0lca3N7fX+drLK3vsHCztHe4eLo7/D1/P7vrSNBAAACrElEQVR42u3SRwoCURQAwW/OOeec5v4H1LUrwREeUnWEplMGMSUJ8CZ4E2+CN/EmeBM+fXPchxD272+2E4Swfn+zqwkxbLyJN8GbeBO8iTe9iTfBm3gTvIk3wZvgTbwJ3sSb4E3wJt4Eb+JN8Cbe9CbeBG/iTfAm3gRvgjfxJngTb4I3wZt4E7yJN8GbeNObeBO8iTfBm3gTvAnexJvgTbwJ3gRv4k3wJt4Eb+JNb+JN8CbeBG/iTW/iTfAm3gRv4k3wJngTb4I38SZ4E7yJN8GbeBO8iTe9iTfBm3gTvIk3wZvgTbwJ3sSb4E3wJt4Eb/KPb17u3iTmm4PR/PDwJgHfTKnYmq2OWU8Twr35Uhsum5oQ8c1UaFQ0IeSb4E3wJt4Eb+JN8CZ4E2+CN/EmeBO8iTfBm3gTvIk3wZvgTbwJ3sSb4E3wJt4Eb+JN8CZ4E2+CN/EmeBNvehNvgjfxJngTb4I3wZt4E7yJN8Gb4E28Cd7Em+BNvOlNvAnexJvgTbwJ3gRv4k3wJt4Eb4I38SZ4E2+CN8GbeBO8iTfBm3gTvAnexJvgTbwJ3gRv4k3wJt4Eb4I38SZ4E2+CN/EmeBO8iTfBm3gTvAnexJvgTbwJ3gRv4k3wJt4Eb+JNb+JN8CbeBG/iTfAmeBNvgjfxJngTvIk3wZt4E7yJN72JN8GbeBO8iTfBm+BNvAnexJvgTfAm3gRv4k3wJngTb4I38SZ4E2+CN8GbeBO8iTfBm+BNvAnexJvgTfAm3gRv4k3wJt70Jt4Eb+JN8CbeBG+CN/EmeBNvgjfBm3gTvIk3wZt405t4E7yJN8GbeBO8Cd7Em+BNvAneBG/iTfjK+idvTrfwresv3iyfM8hLrm929CTomxM9CfrmQk9ivlna6UnMN6snPYn5Zv2mJ/l5AhbEexGveOvIAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-size: 667px 311px; float: right; position: relative; z-index: 1; margin-top: 110px; margin-bottom: 312px; font-size: 22px; line-height: 120%; text-align: left; } .inspiration-text span { color: #c3906a; } .skills-section { padding-top: 126px; padding-bottom: 296px; } .skills-section .subtitle { padding-left: 0; font-size: 24px; line-height: 120%; margin-top: 70px; color: #000; text-align: left; max-width: 430px; margin-bottom: 130px; } .skills-section .subtitle span { color: #c3906a; } .skills-wrapper { position: relative; } .skills-wrapper img { position: relative; z-index: 1; } .skills-text { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .skill-block { position: absolute; text-align: left; top: 49px; left: 40px; } .skill-block.two { top: 200px; left: 120px; } .skill-block h3 { color: #8d8d8c; font-size: 22px; line-height: 120%; text-transform: uppercase; margin-bottom: 28px; } .skill-block p { margin: 0; padding-left: 38px; line-height: 120%; font-size: 18px; max-width: 290px; } .skill-block.two { text-align: right; top: 669px; left: 35px; } .skill-block.three { top: -70px; left: 505px; } .skill-block.two h3 { text-align: right; } .skill-block.two p { max-width: 210px; display: inline-block; text-align: right; padding-left: 0; padding-right: 24px; } .skill-block p:after { content: ""; display: block; width: 1px; height: 120px; background: #c3906a; margin-top: 30px; } .skill-block.two p:after { position: absolute; top: 30px; right: -218px; width: 218px; height: 1px; background: #c3906a; } .pluses-section.courses .plus-text { padding-top: 40px; } .plus-text ol li { margin-bottom: 22px; font-size: 22px; line-height: 120%; position: relative; } .plus-text ol li:last-child { margin-bottom: 0; } .plus-text ol { list-style: none; counter-reset: pluses; } .plus-text ol li:before { font-family: 'GaramondProItalic', serif; content: counter(pluses)"."; counter-increment: pluses; color: #c3906a; font-size: 22px; line-height: 120%; position: absolute; left: -30px; top: 0; } .pluses-section.courses .container.pluses { max-width: 1110px; } .pluses-section.courses .plus-text { margin-left: 86px; max-width: 380px; } .pluses-section .plus-block.two img { float: right; } .pluses-section .plus-block.two .plus-text { float: left; margin-left: 40px; } .pluses-section h2 { text-align: center; margin-bottom: 158px; position: relative; z-index: 1; } .pluses-section .title-base { left: -6px; } .pluses-section.courses { padding-top: 0; padding-bottom: 176px; } .icons-section { background: #f0f0f0; padding-top: 86px; padding-bottom: 122px; position: relative; z-index: 2; } .icons-section h2 { text-align: center; max-width: 630px; margin-bottom: 90px; margin-left: auto; margin-right: auto; } .icons-section h2:after { display: block; content: ""; margin-left: auto; margin-right: auto; background: #c3906a; width: 60px; height: 1px; margin-top: 26px; } .icon-block { float: left; width: 200px; margin-right: 38px; } .icon-img-wrapper { position: relative; min-height: 100px; } .icon-img-wrapper img { position: absolute; left: 0; right: 0; margin: auto; top: 8px; } .icon-text { text-align: left; font-size: 18px; line-height: 120%; color: #525252; } .icon-block.second { margin-right: 60px; } .icon-block.second img { top: 0; } .icon-block.third { margin-right: 18px; width: 200px; } .icon-block.third img { top: 12px; } .icon-block.fourth { margin-right: 0; width: 200px; float: right; } .icon-block.fourth img { top: 5px; } .process-gallery-section { position: relative; z-index: 2; padding-top: 88px; padding-bottom: 92px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("../images/courses-gallery-bg.jpg"); } .process-gallery-section h2 { margin-left: auto; margin-right: auto; color: #fff; margin-bottom: 38px; text-align: center; } .process-gallery-section h2:after { margin-top: 26px; content: ""; display: block; width: 60px; height: 1px; margin-left: auto; margin-right: auto; background: #c3906a; } .process-gallery-section .subtitle { color: #fff; font-family: "FuturaLight",sans-serif; font-size: 26px; line-height: 120%; letter-spacing: 0.1em; text-align: center; margin-bottom: 60px; } .process-gallery-section .subtitle span { font-family: "GaramondProItalic",serif; color: #c3906a; } .process-gallery-wrapper { position: relative; max-width: 500px; margin-left: auto; margin-right: auto; } .process-gallery { background-color: #fff; } .process-gallery-common-block { position: relative; z-index: 2; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.5); margin-bottom: 72px; } .process-gallery-nav { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 0; z-index: 1; } .process-gallery-prev, .process-gallery-next { position: absolute; top: -30px; width: 50px; height: 60px; border: 2px solid #c3906a; transition: 0.2s ease; -webkit-transition: 0.2s ease; background-position: center; background-repeat: no-repeat; background-size: 11px 19px; } .process-gallery-prev:hover, .process-gallery-next:hover { background-color: #c18f69; } .process-gallery-prev { left: -45px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAMAAABx9wfiAAAAt1BMVEVMaXH7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v3m8i7AAAAPHRSTlMADQK2GhCVBqBAm5C9shMFChwHrabzLuLmZagxWuBfRf6MwunuTvz2UPo2O+9UKtxpFSQIjdBuxatyQ4WxeDaJAAAAcUlEQVQYVz3H2QKBUBRG4Y1SKJkSFWUoU8jU+L//c7nZ+6yrbxFJ2kfx/fsKH08UzOUGOTPwsGZeV/GWeTukIXNwvNyF2SlhRi7OTJr6MA2Z2QLziYxhwu7IOEP0dJluH9ZYhkbYv9TsUGpqWlTKVDd/YlMJ1+inyS8AAAAASUVORK5CYII="); background-position: 16px center; } .process-gallery-next { right: -45px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAATCAMAAABx9wfiAAAArlBMVEVMaXH7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/slsQBIAAAAOXRSTlMAAQMFBwoLDg8SFBUdKi8zNzg8QUZISkxOU1hdeICIjJGXnJ2iqKyxtrq7v8XH2OPm6Ort8vT2+fw6l80oAAAAb0lEQVQYVz3HWQOBYBBG4UlZska2yBZtQqI+3v//x7qZmXP1HKIxafPXQT154qgzeuCkMyxwtmTcHJeOTD/D1Zbppbg5Mk6CuCtDd0RCvzIBc9WYNXNr6iUz+H195u7/WTD3qDzle8bcoJwyaRAqWyOsCaZOkR64AAAAAElFTkSuQmCC"); background-position: 19px center; } .mentor-section { padding-top: 102px; padding-bottom: 128px; padding-bottom: 128px; } .mentor-section h2 { max-width: 610px; } .mentor-img-block { float: left; position: relative; max-width: 428px; } .mentor-img-block:after { content: "Грегор Лерш и Дмитрий Туркан"; text-transform: uppercase; display: block; font-size: 16px; line-height: 120%; position: absolute; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); top: 110px; left: -192px; } .mentor-text { float: left; margin-left: 70px; padding-top: 87px; text-align: left; max-width: 340px; } .mentor-text blockquote { font-family: "GaramondProItalic", serif; font-size: 26px; line-height: 120%; margin: 0; margin-bottom: 43px; } .mentor-name { font-size: 22px; line-height: 120%; text-transform: uppercase; letter-spacing: 0.2em; color: #c3906a; } .mentor-wrapper { margin-top: 84px; } .title-section.center { max-height: none; max-width: 1060px; margin-left: auto; margin-right: auto; } .title-section.contacts { max-height: none; max-width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 240px; margin-bottom: 0; } .title-section.wide { max-width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 240px; margin-bottom: 0; } .title-section.contacts .header-menu { margin-bottom: 188px; } .title-section.center .title-bg { min-width: 0; width: 100%; right: 0; } .title-section.contacts .title-bg { min-width: 0; width: 100%; right: 0; } .title-section.wide .title-bg { min-width: 0; width: 100%; right: 0; } .title-section.wide .title-bg { min-width: 0; width: 100%; right: 0; } .title-section.center.portfolio .title-bg { background-image: url("../images/title-bg-portfolio.jpg"); } .title-section.contacts .title-bg { background-image: url("../images/title-bg-contacts.jpg"); } .title-section.wide.main .title-bg { background-image: url("../images/title-bg-main.jpg"); } .title-section.wide.main h1 { margin-bottom: 96px; max-width: 820px; margin-left: auto; margin-right: auto; } .title-section.wide.main { margin-bottom: 0; z-index: 4; } .title-section.wide .title-bg-overlay, .title-section.contacts .title-bg-overlay, .title-section.center .title-bg-overlay { min-width: 0; right: 0; } .title-section.wide .title-bg-wrapper, .title-section.contacts .title-bg-wrapper { max-width: 100%; } .title-section.center .title-bg-wrapper { max-width: none; } .title-section.portfolio { padding-bottom: 205px; margin-bottom: 88px; } .title-section.portfolio .subtitle { margin-bottom: 0; } .title-section.case { padding-bottom: 158px; margin-bottom: 0; } .title-section.about .subtitle, .title-section.blog .subtitle, .title-section.case .subtitle { margin-bottom: 0; } .title-section.case .title-bg { background-image: url("../images/title-bg-case.jpg"); } .title-section.blog .title-bg { background-image: url("../images/title-bg-blog.jpg"); } .title-section.about .title-bg { background-image: url("../images/title-bg-about.jpg"); } .title-section.blog.article .title-bg { background-image: url("../images/title-bg-article.jpg"); } .title-section.about, .title-section.blog { padding-bottom: 206px; margin-bottom: 0; } .title-section.about .header-menu, .title-section.case .header-menu { margin-bottom: 140px; } .breadcrumbs { position: absolute; bottom: 28px; max-width: 960px; margin-left: auto; margin-right: auto; left: 0; right: 0; padding-left: 10px; padding-right: 10px; z-index: 1; text-align: center; } .breadcrumbs span { display: inline-block; font-size: 18px; line-height: 120%; color: #fff; } .breadcrumbs a span { color: #c3906a; } .breadcrumbs a { color: #c3906a; display: inline-block; text-decoration: none; border-bottom: 1px solid #c3906a; transition: 0.2s ease; -webkit-transition: 0.2s ease; padding-bottom: 2px; margin-right: 46px; position: relative; margin-bottom: 6px; } .breadcrumbs a:hover { border-bottom: 1px solid transparent; } .breadcrumbs a:after { position: absolute; display: inline-block; content: "/"; color: #c3906a; top: 0; right: -31px; line-height: 120%; font-size: 18px; } .case-note-section { padding-top: 86px; padding-bottom: 110px; position: relative; z-index: 2; overflow: hidden; } .case-note-section h2 { position: relative; z-index: 2; } .case-note-section .title-base { left: -67px; top: -78px; text-align: left; } .case-note-wrapper { position: relative; z-index: 2; margin-top: 24px; } .case-note-carousels { float: left; max-width: 557px; } .blog-note-carousels { max-width: 557px; margin: auto; } .blog-container{ margin: 20px 0; } .case-note-carousel-big { margin-bottom: 15px; } .case-note-carousel-small-wrapper { position: relative; } .case-note-carousel-small { max-width: 406px; } .case-note-nav { margin-top: auto; margin-bottom: auto; position: absolute; top: 0; bottom: 0; right: 33px; width: 84px; height: 0; } .case-note-text { float: right; text-align: left; max-width: 320px; padding-top: 56px; padding-bottom: 52px; position: relative; } .case-note-text a { position: absolute; display: inline-block; bottom: 0; left: 0; font-family: "GaramondProItalic"; font-size: 18px; line-height: 120%; color: #c3906a; border-bottom: 1px solid #c3906a; transition: 0.2s ease; -webkit-transition: 0.2s ease; text-decoration: none; } .case-note-text a:hover { border-bottom: 1px solid transparent; } .case-note-text p { text-align: left; margin: 0; font-size: 18px; line-height: 120%; margin-bottom: 22px; } .case-note-text p:last-child { margin-bottom: 0; } .case-note-prev, .case-note-next { position: absolute; width: 28px; height: 22px; background-repeat: no-repeat; background-position: center; background-size: 28px 22px; top: -11px; transition: 0.3s ease; -webkit-transition: 0.3s ease; } .case-note-carousel-small-wrapper { position: relative; } .case-note-prev { left: 0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAMAAADkSAzAAAAAn1BMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACtZ93DAAAANXRSTlMAQRgBCRlTBxMfKCowOT5IS09RAgMEBQYLDQ8QERIVGx0iJSwtLjM2ODs9QENERUZKTU5SZidN67MAAACASURBVCjPfdI3EoNQDEVREf4nRwcw0dkGJ4L3vzY6Coan256RCo2I5naWRrDWg6QpPhzcvBs4t/3hnfvgAS3p7tCM0IWm9zdsoQ0tj16mupoo6fL/+spqH5fICQx8UroOOqNOlDJqxwdGz3HG6GksGLWkyehRVozWUjAqnss/mQApogZgtjU9dwAAAABJRU5ErkJggg=="); } .case-note-next { right: 0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAMAAADkSAzAAAAApVBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAginfYAAAAN3RSTlMAGEErT1MBAgoLEhclOEpMTgQFBgcICQwOEBMUFRkbHB4fICMoLC0wMzY6Oz5AQkRGSFBRUlpeQgKDrwAAAH1JREFUeNp9zNkSQ0AUhOHBjJ0RJBKRyGbJiize/9G4S5XS57/9qptNsx2GS7lCqCNyQrfiQKgtToRuvmdC1x+X0OR9IdTkGqGxP6qpzJcdfwXbP9X57n2Af11pQdM4tjJYQavkElrtR9CuXQjNaxfQbo2ByHi8dLjbeX8bAG1DBqLRXm9AAAAAAElFTkSuQmCC"); } .case-note-prev.slick-disabled, .case-note-next.slick-disabled { opacity: 0.4; -webkit-opacity: 0.4 } .case-note-carousel-small-img-wrapper { text-align: left } .case-note-carousel-small-img-block { position: relative; display: inline-block; } .case-note-carousel-small-img-block img { display: block; z-index: 1; position: relative; } .case-note-carousel-small-img-border { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 4px solid transparent; transition: 0.2s ease; -webkit-transition: 0.2s ease; z-index: 2; } .case-note-carousel-small-img-wrapper.slick-current .case-note-carousel-small-img-border { border: 4px solid #e6b189; } .case-article-section { padding-top: 76px; padding-bottom: 88px; margin-bottom: 92px; background: #f0f0f0; position: relative; z-index: 2; } .case-article-section h2 { text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 50px; } .case-article-section h2:after { display: block; content: ""; width: 60px; height: 1px; margin-left: auto; margin-right: auto; margin-top: 24px; background: #c3906a; } /*Articles Styles – Start*/ .article-wrapper { margin-left: auto; margin-right: auto; max-width: 620px; width: 100%; text-align: left; } .article-wrapper p { margin: 0; font-size: 18px; line-height: 150%; margin-bottom: 22px; } .article-wrapper h2 { margin: 0; text-align: left; margin-bottom: 22px; font-size: 22px; line-height: 150%; } .article-wrapper h2:after { display: block; content: ""; width: 60px; height: 1px; margin-left: 0; margin-right: auto; margin-top: 6px; background: #c3906a; } .article-wrapper h3 { margin: 0; margin-bottom: 22px; font-family: "FuturaRegular"; font-size: 22px; line-height: 150%; text-transform: uppercase; } .article-wrapper ul { margin-bottom: 22px; } .article-wrapper ul li { position: relative; font-size: 18px; line-height: 150%; margin-bottom: 6px; padding-left: 22px; } .article-wrapper ul li:before { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 10px; border: 1px solid #c3906a; top: 10px; left: 0; } .article-wrapper ol { counter-reset: article; list-style: none; margin-bottom: 22px; text-align: left; } .article-wrapper ol li { padding-left: 22px; font-size: 18px; line-height: 150%; margin-bottom: 6px; position: relative; } .article-wrapper ol li:before { font-family: 'GaramondProItalic', serif; content: counter(article)"."; counter-increment: article; color: #c3906a; font-size: 22px; line-height: 120%; position: absolute; left: 0; top: 0; } .article-wrapper b, .article-wrapper strong { font-weight: normal; font-family: "FuturaMedium"; } .article-wrapper em, .article-wrapper i { font-weight: normal; font-family: "GaramondProItalic"; } .article-wrapper blockquote { margin: 0; margin-bottom: 22px; padding: 0; font-family: "GaramondProItalic"; line-height: 150%; font-size: 18px; padding-left: 22px; border-left: 1px solid #c3906a; padding-top: 22px; padding-bottom: 22px; padding-right: 22px; background: #e8e8e8; } .article-wrapper blockquote { background: #f0f0ef; } .article-wrapper blockquote *:last-child { margin-bottom: 0; } .article-wrapper img { margin-bottom: 22px; margin-left: auto; margin-right: auto; display: block; max-width: 100%; } .article-wrapper a { font-family: "GaramondProItalic"; display: inline; line-height: 150%; border-bottom: 1px solid #c3906a; transition: 0.2s ease; -webkit-transition: 0.2s ease; color: #c3906a; text-decoration: none; } .article-wrapper a:hover { border-bottom: 1px solid transparent; } .article-wrapper *:last-child { margin-bottom: 0; } /*Articles Styles – End*/ .portfolio-section h2 { text-align: center; } .portfolio-section.case { padding-top: 0; padding-bottom: 133px; } .portfolio-wrapper { margin-top: 67px; max-width: 622px; width: 100%; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } #portfolio .button.portfolio { margin-top: 48px; position: relative; z-index: 2; } .button-wrapper { text-align: center; } .page-paggination { margin-top: 46px; font-family: 'GaramondProItalic'; } .paggination-link { display: inline-block; margin-bottom: 6px; width: 41px; height: 41px; border: 1px solid transparent; line-height: 41px; color: #333; text-decoration: none; font-size: 22px; margin-left: 6px; margin-right: 6px; transition: 0.2s ease; -webkit-transition: 0.2s ease; } .paggination-link:hover { border-color: #c3906a; } .paggination-link.active { border-color: #c3906a; } .blog-article-section { padding-top: 70px; padding-bottom: 76px; position: relative; z-index: 2; } .about-article-section { padding-top: 70px; padding-bottom: 120px; position: relative; z-index: 2; } .tag-block { max-width: 620px; margin-left: auto; margin-right: auto; margin-top: 44px; position: relative; } .tag-block.alt { max-width: 100%; margin-bottom: 30px; margin-top: 0; } #related { transition: 0.4s ease; -webkit-transition: 0.4s ease; } .tag-wrapper { padding-left: 130px; text-align: left; } .tag-title { position: absolute; top: 5px; left: 0; color: #c3906a; font-family: 'GaramondProItalic'; font-size: 18px; line-height: 120%; } .tag-wrapper a { display: inline-block; background-color: #f7f7f7; padding: 5px 10px; text-transform: lowercase; font-size: 16px; color: #aaaaaa; text-decoration: none; position: relative; transition: 0.2s ease; -webkit-transition: 0.2s ease; margin-right: 34px; margin-bottom: 16px; } .tag-wrapper a:after { content: ""; display: block; position: absolute; right: -15px; top: 0; width: 0; height: 0; border-style: solid; border-width: 14px 0 15px 15px; border-color: transparent transparent transparent #f7f7f7; transition: 0.2s ease; -webkit-transition: 0.2s ease; } .tag-wrapper a:hover { background: #c3906a; color: #fff; } .tag-wrapper a:hover:after { border-color: transparent transparent transparent #c3906a; } .previews-section.article button.ajax { margin-top: 44px; margin-bottom: 20px; } .info-section { position: relative; z-index: 2; padding-top: 404px; overflow: hidden; } .info-section.services { padding-top: 0; } .info-wrapper { margin-top: 126px; padding-bottom: 242px; position: relative; z-index: 2; padding-left: 58px; } .info-section .title-base { text-align: left; left: -78px; z-index: 1; } .info-section h2 { position: relative; z-index: 2; } .info-text { float: left; max-width: 470px; font-size: 22px; line-height: 120%; text-align: left; } .info-text p { margin: 0; } .info-wrapper img { position: absolute; right: -150px; bottom: 0; } .services-section { position: relative; z-index: 1; margin-top: -87px; } .services-section .title-base { left: -141px; top: -66px; width: 100%; } .services-section .container { z-index: 1; } .services-section h2 { position: relative; z-index: 2; } .services-wrapper { margin-top: 42px; position: relative; z-index: 2; max-width: 1920px; margin-left: auto; margin-right: auto; } .service-block { width: 33.333%; float: left; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .service-block.two { background: #000; width: 33.334%; } .service-block:before { content: ""; display: block; padding-top: 112.65%; } .service-link-block { display: table-cell; vertical-align: middle; text-align: center; } .service-link-wrapper { opacity: 0; -webkit-opacity: 0; transition: 0.3s ease; -webkit-transition: 0.3s ease; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 3; } .service-link-wrapper:hover { opacity: 1; -webkit-opacity: 1; } .service-link-common { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; } .service-link { width: 80px; height: 80px; background-color: rgba(195, 144, 106, 0.9); border-radius: 100px; margin-left: auto; margin-right: auto; margin-bottom: 25px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAiCAMAAADiW5DOAAABv1BMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+2elNiAAAAlXRSTlMAzNLW2M7Xz9HN1NXTwwvQARAio8DL2dwMDxYYGiguMDU2c3mOj6assLW5usXHAgkNERIVHSUnLDo8PT9MUVhkaG97gYyVmZ2oqauusr3JytrbAwYOExQXGSkqKy0vMTI0Nzg+SEtNUFNUVVpbXF5gYmptcnR1fYOEhYaHi5GUlpiam5yfoKKnra+xtLe4u7y+v8LExoZaesQAAAIQSURBVDjLfZNlV2MxEIbzRq63pVSR0lKlQBd3Fndn3d3d3d39B++5peVeOCnzaeSZZDIzIUQu9XeaVn+nz+4ileXCkgCg/3tWXREZVyhsEdwzJCeq7ikCusGYBtCVRilznwsI7eXoRIsJmItRCdKgqvBpNwghXc9NgO+WMHGNWtpIUY1mLZgZ2V3JwnI59woHnZPW3F1bVgcVaItkZxlRQD9ud/rrvC6rJkfBprYAndfffG1pehIv294XDFCG3cjlFm5qPsrF2IYdneYAm2tzCO/j0gCghi/Zjn0zHKCtDa6rX4V16KahMRGKTNqVvS0i/Q7SMcsBjU4NHB4X6+oQIZ3vbMRz2kEOvFcAq/W8rSfGEoTsD3DA+nPKQboCCmAEE5uO2qyNBE84SF1WAcxfcUJimUwfISSWY4Cx7Cq3ft5Gfh4jxPslsua52Z/8awDGj6MuJKcArPkIIaRbFSGVMaYC7HvMQdo+2J361lucZnpdlFo0797k0TDA8j0bRvskVSxq8NWU34Uc/ExB807SmacLTYFk75Y5XgxB6INuz17v9l81AVgLe3beokeAEdhs1HCfjLmtQ2su7ebx5oh6TsI0egTMu0X1ZNAI8RnZQdMMOn3QU3PomscCIikZ0+hTobOVpSDzAXy2Q1r1LTsoqAroa6/9FZ52tcCpgK4pxsP2iu+vTn3yoJBPD1RJw/8Bdos/4qgc4VwAAAAASUVORK5CYII="); background-size: 26px 26px; } .service-link-title { font-family: "FuturaMedium",sans-serif; color: #fff; font-size: 22px; line-height: 120%; border-bottom: 1px solid #c3906a; display: inline-block; transition: 0.2s ease; -webkit-transition: 0.2s ease; } .service-link-title:hover { border-bottom: 1px solid transparent; } .service-overlay { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 10.1% 10.625%; transition: 0.3s ease; -webkit-transition: 0.3s ease; } .service-block:hover .service-overlay { opacity: 0; -webkit-opacit: 0; } .service-block h3 { color: #fff; font-family: "FuturaMedium",sans-serif; line-height: 120%; font-size: 28px; text-transform: uppercase; } .service-descriptor-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 72px 68px; } .service-descriptor { font-size: 16px; color: white; text-align: left; position: absolute; bottom: 32px; left: 50px; transform-origin: left; transform: rotate(-90deg); -webkit-transform-origin: left; -webkit-transform: rotate(-90deg); } .service-block.one { background-image: url("../images/main-service-event.jpg"); } .service-block.two { background-image: url("../images/main-service-wedding.jpg"); } .service-block.three { background-image: url("../images/main-service-courses.jpg"); } .mission-section { padding-bottom: 200px; position: relative; z-index: 2; } .mission-section h2 { font-size: 28px; max-width: 590px; position: relative; z-index: 3; } .mission-section .title-base { z-index: 1; left: -78px; top: -86px; } .mission-wrapper { position: relative; z-index: 2; } .mission-text { max-width: 460px; float: left; padding-top: 54px; text-align: left; } .mission-text p { margin: 0; font-size: 22px; padding-left: 48px; margin-bottom: 76px; line-height: 120%; } .mission-name { font-size: 24px; color: #c3906a; margin-bottom: 8px; } .mission-position { font-size: 18px; color: #7f7f7f; font-family: "GaramondProItalic",serif; } .mission-wrapper img { position: absolute; right: 0; top: -42px; } .icons-section.wedding { padding-top: 80px; padding-bottom: 98px; } .icons-section.wedding .icon-text { text-align: center; margin-left: auto; margin-right: auto; } .icons-section.wedding .icon-text span { font-family: "FuturaMedium"; } .icons-section.wedding .icon-block { float: none; display: inline-block; margin: 0; } .icons-section.wedding .icon-block.second { margin-left: 80px; margin-right: 80px; } .cases-section .case-note-wrapper { margin-top: 0; } .cases-section .case-note-text { padding: 0; } .case-title { font-family: "FuturaMedium",sans-serif; font-size: 22px; line-height: 120%; letter-spacing: 0.1em; margin-bottom: 8px; text-transform: uppercase; } .case-time { color: #a3a3a3; line-height: 120%; margin-bottom: 28px; margin-left: 2px; } .case-time span { color: #c3906a; margin-left: 12px; } .case-time span:before { position: relative; content: ""; display: inline-block; margin-bottom: 4px; margin-right: 11px; width: 18px; height: 1px; background: #c3906a; } .case-colors { padding-left: 26px; margin-bottom: 33px; } .case-color { width: 26px; height: 26px; border-radius: 100px; margin-right: 9px; display: inline-block; } .case-color:last-child { margin-right: 0; } .case-text-block { text-align: left; margin-bottom: 36px; } .case-text-block:last-child { margin-bottom: 0; } .case-block-title { margin-left: 6px; line-height: 120%; color: #c3906a; font-family: "GaramondProItalic",sans-serif; font-size: 18px; margin-bottom: 27px; } .case-block-title:after { margin-top: 2px; content: ""; display: block; width: 104px; height: 1px; background: #c3906a; margin-left: 36px; } .case-text-block p { margin: 0; font-size: 18px; line-height: 120%; padding-left: 3px; } .cases-section { padding-top: 144px; padding-bottom: 250px; } .cases-section h2 { margin-bottom: 82px; position: relative; z-index: 2; text-align: center; max-width: 620px; margin-right: auto; margin-left: auto; } .cases-section .title-base { top: -94px; left: -81px; } .cases-section .case-note-wrapper { margin-bottom: 87px; } .case-testimonial { border-left: 1px solid #c3906a; border-right: 1px solid #c3906a; position: relative; padding-top: 48px; padding-bottom: 66px; } .case-testimonial:before { content: ""; display: block; width: 432px; position: absolute; height: 1px; background: #c3906a; left: 0; top: 0; } .case-testimonial:after { content: ""; display: block; width: 432px; position: absolute; height: 1px; background: #c3906a; right: 0; top: 0; } .case-testimonial-icon { display: block; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: -19.5px; width: 40px; height: 40px; background-color: #c3906a; border-radius: 100px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAMAAACu/pY1AAAAyVBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98M+YtAAAAQnRSTlMA1WHpId7mCeh1vN9x9ewdXwfrb+9LXJskt9y0nc6oBvhWvRpNKCcCzyLuxDYFaw7Xf0F5xn0b8ynLUImNJTlg0e2PAXuFAAAAg0lEQVQY0wXBiSICAQAFwOnc7SK3FCH3XUIU8f7/o8wA768vb/C9LFdQdDuZP/A8raX9g9v7fDw9cnmT8gsmldzNcNVIZwFOkiquz5MLUD1NZYyz5LgAn0kbRskQ6CW1OgZJ8xD8JjnaKRwkabS2sO4l2a3bS5KNTej+pbmP1nbKPv4B+IgSFN9frUIAAAAASUVORK5CYII="); background-size: 17px 11px; background-repeat: no-repeat; background-position: center; margin-bottom: 31px; } .case-testimonial-decor { position: absolute; bottom: 0; width: 100%; left: 0; } .case-testimonial-decor:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; background: #c3906a; height: 1px; width: 334px; } .case-testimonial-decor:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; background: #c3906a; height: 1px; width: 334px; } .case-testimonial-author { position: absolute; bottom: -23.5px; left: 0; right: 0; margin: auto; width: 270px; padding-left: 14px; padding-right: 14px; } .case-testimonial blockquote { color: #454545; font-family: "GaramondProItalic", serif; letter-spacing: 0.1em; font-size: 22px; line-height: 120%; padding: 0; max-width: 660px; margin: 0; margin-left: auto; margin-right: auto; } .case-testimonials-img-wrapper { float: left; width: 48px; height: 48px; border-radius: 100px; border: 1px solid #d6d6d6; position: relative; } .case-testimonials-img-wrapper img { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .case-testimonial-author-text { padding-left: 68px; text-align: left; padding-top: 6px; } .case-testimonial-name { font-size: 18px; line-height: 120%; color: #c3906a; } .case-testiominal-descriptor { color: #8d8d8d; line-height: 120%; } .case-block { margin-bottom: 170px } .case-block:last-child { margin-bottom: 0; } .case-block.second .case-note-carousels { float: right; } .case-block.second .case-note-text { float: left; } .container.wide { max-width: 100%; } .pluses-section.wedding h2 { max-width: 860px; margin-left: auto; margin-right: auto; } .pluses-section.wedding .title-base { width: 100%; left: 0; } .pluses-section.wedding .container.pluses { max-width: 1130px; } .pluses-section.wedding .plus-text { margin-left: 94px; max-width: 390px; padding-top: 38px; } .pluses-section.wedding .plus-block.two .plus-text { margin-left: 49px; } .pluses-section.wedding { padding-bottom: 200px; padding-top: 0; } .inspiration-section.wedding .container::before { content: "Уникальные торжества"; } .inspiration-text h3 { font-family: "FuturaMedium",sans-serif; font-size: 22px; line-height: 120%; margin-bottom: 30px; } .inspiration-section.wedding .inspiration-text { padding: 52px 28px 62px 110px; height: 345px; background-size: 667px 345px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApsAAAFZCAMAAADghBR0AAAAb1BMVEVMaXHDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGpLRp3CAAAAJHRSTlMAAwUcHis2Nz5AQUJES09VcXZ+k6irtbm8v8HGx9Do6e/09/0gSAS/AAAC1klEQVR42u3Sxw3CABAAwQMMJuecg/uvkT8vJGzpkGZKWG1UkFNIgDfBm3gTvIk3wZvw7ZvzcgAJlJfPN4cBKRy9iTfBm3gTvIk3vYk3wZt4E7yJN8Gb4E28Cd7Em+BN8CbeBG/iTfAm3vQm3gRv4k3wJt4Eb4I38SZ4E2+CN8GbeBO8iTfBm3jTm3gTvIk3wZt4E7wJ3sSb4E28Cd4Eb+JN8CbeBG/iTW/iTfAm3gRv4k1v4k3wJt4Eb+JN8CZ4E2+CN/EmeBO8iTfBm3gTvIk3vYk3wZt4E7yJN8Gb4E28Cd7Em+BN8CbeBG/iTfAm3uxNN+erN0n4ZkREpz9edjUh4ZvgTfAm3gRv4k3wJngTb4I38SZ4E7yJN8GbeBO8iTfBm+BNvAnexJvgTfAm3gRv4k3wJngTb4I38SZ4E296E2+CN/EmeBNvgjfBm3gTvIk3wZvgTbwJ3sSb4E286U28Cd7Em+BNvAneBG/iTfAm3gRvgjfxJngTb4I3wZt4E7yJN8GbeBO8Cd7Em+BNvAneBG/iTfAm3gRvgjfxJngTb4I38aY38SZ4E2+CN/EmeBO8iTfBm3gTvAnexJvgTbwJ3sSb3sSb4E28Cd7Em+BN8CbeBG/iTfAmeBNvgjfxJngTvIk3wZt4E7yJN8Gb4E28Cd7Em+BN8CbeBG/iTfAmeBNvgjfxJngTb4I3wZt4E7yJN8Gb4E28Cd7Em+BN8CbeBG/iTfAm3vQm3gRv4k3wJt4Eb4I38SZ4E2+CN8GbeBO8iTfBm3jTm3gTvIk3wZt4E7wJ3sSb4E28Cd4Eb+JN8CbeBG+CN/EmeBNvgjfxJngTvIk3wZt4E7wJ3sSb4E28Cd4Eb+JN8CbeBG/iTW/iTfAm3gRv4k3wJngTb4I38Sb88ZuT0wHqtb/X8GZr8aygKb+suZaPlG8WO/VI+eboJh4p35w9tCPjm+3VSzoyvllshaNxbwYdcOMFBQxrAAAAAElFTkSuQmCC"); margin-right: 4px; margin-top: 109px; } .inspiration-text ol { list-style: none; counter-reset: insparation; margin-bottom: 26px; } .inspiration-text ol li { line-height: 120%; font-size: 22px; position: relative; padding-left: 25px; margin-bottom: 2px; } .inspiration-text ol li:last-child { margin-bottom: 0; } .inspiration-text ol li:before { content: counter(insparation)"."; counter-increment: insparation; color: #c3906a; position: absolute; left: 0; top: 0; } .ispiration-subtitle { font-family: "GaramondProItalic",serif; font-size: 22px; line-height: 120%; padding-left: 25px; } .ispiration-subtitle span { color: #c3906a; } .header-menu-wrapper { position: relative; } .header-cross { display: none; } .menu-button-wrapper { display: none; } /*Placeholders*/ .error::-webkit-input-placeholder { color: #D84E4B; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; border-color: 2px solid #274552!important; } .error::-moz-input-placeholder { color: #D84E4B; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; border-color: 2px solid #274552!important; } .error { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; border-color: #ED1C27!important; -webkit-appearance: none; } textarea::-webkit-input-placeholder, input::-webkit-input-placeholder, input::-webkit-input-placeholder { opacity: 1; transition: opacity 0.3s ease; color: #949494; } textarea:-moz-input-placeholder, input:-moz-input-placeholder, input:-moz-placeholder { opacity: 1; transition: opacity 0.3s ease; color: #949494; } textarea:-ms-input-placeholder, input:-ms-input-placeholder, input:-ms-input-placeholder { opacity: 1; transition: opacity 0.3s ease; color: #949494; } textarea:focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder { opacity: 0; color: #949494; } textarea:focus:-moz-input-placeholder, input:focus:-moz-input-placeholder, input:focus:-moz-placeholder { opacity: 0; color: #949494; } textarea:focus:-webkit-input-placeholder, input:focus:-webkit-input-placeholder, input:focus:-ms-input-placeholder { opacity: 0; color: #949494; } #related .ajax { margin-top: 40px; } @media (max-width: 1920px) { .inspiration-section .container:before { top: 37px; right: 10px; left: auto; } } @media (max-width: 1200px) { .pluses-section .title-base, .pluses-section.wedding .title-base { font-size: 130px; top: -60px; width: 100%; } .mission-section .title-base { width: 100%; font-size: 130px; } .about-courses-section .title-base { width: 100%; font-size: 140px; top: -60px; } .about-courses-column { width: 470px; } .about-courses-common-wrapper { width: 950px; margin-left: auto; margin-right: auto; } } @media (max-width: 1140px) { .service-descriptor { bottom: 10px; left: 30px; } .service-overlay { padding: 6.1% 6.625%; } .pluses-section.wedding .plus-text { float: right; margin-left: 0; } .pluses-section.wedding .plus-block.two .plus-text { margin-left: 0; float: left; } .pluses-section.wedding .plus-block img { max-width: 540px; } .pluses-section.wedding { padding-bottom: 100px; } } @media (max-width: 1110px) { .pluses-section.courses .plus-text { max-width: 260px; } .mentor-img-block::after { display: none; } .mentor-section { padding-top: 60px; padding-bottom: 80px; } } @media (max-width: 1024px) { .experts-wrapper { margin-left: auto; margin-right: auto; max-width: 971px; } .expert-prev { left: 0; } .expert-next { right: 0; } } @media (max-width: 1020px) { .title-bg { right: 0; } .title-bg-overlay { right: 0; } .title-bg-container { margin: auto; } .title-bg-wrapper { max-width: none; width: 100%; } .header-menu { padding-top: 42px; padding-left: 0; padding-right: 0; max-width: 880px; padding-left: 70px; padding-right: 100px; margin-left: auto; margin-right: auto; } } @media (max-width: 991px) { .top-cases-section.index { padding-bottom: 60px; } .pluses-section .title-base, .about-courses-section .title-base { font-size: 100px; top: -40px; width: 100%; } .inspiration-section.wedding .inspiration-text { background-image: none!important; padding: 0; text-align: left; } .inspiration-section.wedding .container::before { right: 112px; text-align: left; } .pluses-section.wedding h2 { margin-bottom: 60px; } .pluses-section.wedding { padding-bottom: 60px; } .pluses-section.wedding .plus-block img { max-width: 459px; } .pluses-section.wedding .plus-block.two .plus-text, .pluses-section.wedding .plus-text { float: none; margin-left: auto; margin-right: auto; } .pluses-section.wedding .title-base { font-size: 80px; top: -40px; } .mission-section .title-base { font-size: 80px; } .case-title { text-align: center; } .case-time { text-align: center; margin-bottom: 20px; } .case-colors { padding-left: 0; text-align: center; } .mission-section h2 { text-align: left; } .mission-section .title-base { left: 0; width: 100%; top: -36px; } .mission-text p { padding-left: 20px; padding-top: 20px; margin-bottom: 40px; } .mission-text { padding-top: 20px; width: 50%; padding-right: 20px; } .mission-wrapper img { width: 50%; top: -10px; } .title-section.wedding { max-height: none; margin-bottom: 90px; } .title-section.wedding h1 { margin-bottom: 50px; } .title-section.center.services { margin-bottom: 10px; } .service-descriptor { transform: rotate(0); -webkit-transform-origin: left; -webkit-transform: rotate(0); position: relative; left: 0; bottom: 0; margin-top: 20px; } .portfolio-section.case { padding-bottom: 60px; } .case-article-section { margin-bottom: 60px; } .portfolio-section.case .portfolio-wrapper { margin-top: 50px; } .case-note-section .title-base { left: 0; text-align: center; top: -48px; } .title-section.portfolio { padding-bottom: 140px; margin-bottom: 60px; } .mentor-section h2 { margin-left: auto; margin-right: auto; } .mentor-wrapper { margin-top: 50px; margin-left: auto; margin-right: auto; max-width: 747px; } .mentor-img-block { width: 50%; } .mentor-img-block img { width: 100%; } .mentor-text { width: 50%; margin: 0; padding-right: 0; padding-left: 30px; } .pluses-section .title-base { left: 0; } .pluses-section.courses { padding-bottom: 60px; } .inspiration-text { background-image: none!important; background: none; padding: 0; margin-top: 140px; margin-bottom: 140px; height: auto; font-size: 22px; max-width: 400px; text-align: right; } .about-courses-images:before { left: -154px; } .title-base { font-size: 100px; top: -40px; width: 100%; left: 0; } .about-courses-text { padding-left: 60px; margin-bottom: 40px; max-width: 480px; } .about-courses-text p { font-size: 18px; margin-bottom: 18px; } .about-courses-title { margin-top: 50px; font-size: 28px; margin-bottom: 20px; } .about-courses-section { padding-top: 80px; padding-bottom: 60px; } .about-courses-common-wrapper { width: 100%; } .about-courses-column.two, .about-courses-column { float: none; margin-left: auto; margin-right: auto; padding-right: 0; width: 480px; } .about-courses-column.two { padding-top: 15px; } .about-courses-wrapper { max-width: 767px; margin-left: auto; margin-right: auto; } .preview-block { width: 32%; margin-right: 2%; } .preview-category { margin-bottom: 10px; font-size: 12px; } .preview-title { font-size: 22px; } .experts-wrapper { max-width: 747px; } .top-cases-block .top-cases-link { margin-top: 30px; max-height: 100px; opacity: 1; -webkit-opacity: 1; } .top-cases-block .top-cases-cta { margin-top: 10px; max-height: 100px; opacity: 1; -webkit-opacity: 1; } .consult-section img { width: 100%; max-width: 600px; left: -120px; top: -190px; } .consult-section { padding-top: 190px; padding-bottom: 190px; } .title-video-descriptor { position: relative; top: auto; right: auto; text-align: center; max-width: 340px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 40px; } .title-video-descriptor:after { margin-left: auto; margin-right: auto; } .title-section.courses, .title-section { max-height: none; padding-bottom: 60px; } .subtitle { margin-bottom: 40px; } .title-video-wrapper { margin-bottom: 40px; } .title-section .button { border-color: #fff; background-color: transparent; color: #fff; } .title-section .button:hover { background-color: #fff; color: #000; } .top-cases-wrapper { max-width: 623px; margin-left: auto; margin-right: auto; } .top-cases-block:nth-child(3) { float: right; margin-right: 0; } .top-cases-block:last-child { width: 306.5px; } h2 { font-size: 28px; text-align: center; } .top-cases-section h2 { max-width: 623px; margin-left: auto; margin-right: auto; } .title-section { margin-bottom: 0; } .top-cases-section { padding-top: 60px; } .top-cases-wrapper { margin-top: 40px; } .designer-section img { max-width: 747px; } .project-section { padding-top: 60px; padding-bottom: 80px; } .pluses-section { padding-top: 60px; padding-bottom: 60px; } .plus-block { max-width: 747px; margin-left: auto; margin-right: auto; margin-bottom: 80px; } .plus-block.vendors img, .plus-block img { width: 100%; max-width: 620px; margin-left: auto; margin-right: auto; display: block; float: none; margin-bottom: 40px; } .pluses-section h3:after { margin-left: auto; margin-right: auto; } .pluses-section.courses .plus-text, .plus-block.vendors .plus-text, .plus-text { margin-left: 0; margin-left: auto; margin-right: auto; text-align: center; float: none; max-width: 400px; } .plus-block.vendors .vendors-block img { width: auto; max-width: 48px; } .portfolio-section { padding-bottom: 80px; } .portfolio-filter-block { padding-top: 0; } .top-cases-text { text-align: left; } .top-cases-title { display: inline; background-color: #fff; line-height: 1.2; box-shadow: -4px 0 0 2px #fff, 4px 0 0 2px #fff; color: #000; padding-top: 1px; padding-bottom: 1px; } .top-cases-title:after { display: none; } .portfolio-title { display: inline; background-color: #fff; line-height: 1.2; box-shadow: -4px 0 0 2px #fff, 4px 0 0 2px #fff; color: #000; padding-top: 1px; padding-bottom: 1px; } .portfolio-title:after { display: none; } .portfolio-block:hover .portfolio-description { padding-top: 24px; } .experts-section { padding-top: 60px; padding-bottom: 60px; } .experts-wrapper { margin-top: 50px; } .experts-wrapper .slick-list { left: 0; } .previews-section { padding-top: 60px; padding-bottom: 80px; } .program-descriptor { font-size: 22px; margin-bottom: 40px; } .programs-wrapper { max-width: 747px; margin-left: auto; margin-right: auto; } .program-step-wrapper.two:after { top: 80px; } .program-step-wrapper.advance.three ul, .program-step-wrapper.two ul, .program-step-wrapper.advance.one ul { width: 100%; padding: 20px 0px 30px 23px; } .program-step-wrapper ul li { margin-bottom: 16px; font-size: 18px; } .program-bonus-text { font-size: 28px; margin-bottom: 40px; } .program-bonus-block { padding-top: 60px; } .program-step-wrapper:after { left: -80px; } .program-bonus-title { max-width: 747px; } .program-step { padding-bottom: 40px; } .program-result-text { font-size: 18px; } .program-result-title { font-size: 20px; margin-bottom: 20px; } .button.program { margin-left: 10px; margin-right: 10px; } .contacts-text-wrapper { margin-left: 12%; } .footer-menu li { margin-right: 20px; font-size: 14px; } .title-section.courses .title-video-descriptor { right: 0; } .program-section { padding-top: 60px; padding-bottom: 60px; } .designer-section.courses img { max-width: 747px; } .top-cases-section.courses { padding-bottom: 60px; } .skills-section { text-align: left; margin-left: auto; margin-right: auto; } .skills-section { padding-top: 80px; padding-bottom: 100px; } .skills-wrapper { max-width: 757px; margin-left: auto; margin-right: auto; } .skills-section .subtitle { margin-right: auto; margin-left: auto; text-align: center; margin-top: 40px; font-size: 22px; } .skill-block h3 { font-size: 20px; margin-bottom: 16px; } .skill-block p { font-size: 16px; } .skills-wrapper img { width: 100%; } .pluses-section h2 { margin-bottom: 100px; } .pluses-section.courses .plus-text { margin-left: auto; } .plus-text ol { text-align: left; } .pluses-section .plus-block.two img { float: none; } .pluses-section.courses .plus-text { padding-top: 0; } .pluses-section .plus-block.two .plus-text { margin-left: auto; margin-right: auto; float: none; } .icons-section { padding-top: 60px; padding-bottom: 60px; } .icon-block.fourth, .icon-block.third, .icon-block.second, .icon-block { width: 25%; margin-right: 0; padding-right: 20px; } .icon-block.fourth { padding-right: 0; } .icons-section h2 { margin-bottom: 50px; } .case-note-section { padding-top: 60px; padding-bottom: 60px; } .page-paggination { margin-top: 30px; } .previews-section.blog { padding-bottom: 60px; } .blog-article-section { padding-top: 60px; padding-bottom: 60px; } .previews-section.article { padding-bottom: 60px; } .about-article-section { padding-top: 60px; padding-bottom: 60px; } .title-section.wide.main { margin-bottom: 0; padding-bottom: 60px; } .info-section { padding-top: 60px; } .info-section .title-base { left: 0; text-align: center; } .decor-wrapper { max-width: 757px; } .decor-line { margin-right: 188px; } .info-wrapper { width: 100%; padding-right: 0; margin-top: 50px; padding-bottom: 150px; } .info-text { float: none; margin-left: auto; margin-right: auto; font-size: 20px; } .info-wrapper img { display: none; } .services-section .title-base { left: 0; top: -40px; } .info-wrapper { padding-left: 0; } .mission-section { padding-bottom: 260px; } .cases-section { padding-top: 90px; padding-bottom: 140px; } .cases-section .title-base { width: 100%; top: -35px; left: 0; } .cases-section .case-note-wrapper { margin-bottom: 50px; } .case-testimonial { max-width: 757px; margin-left: auto; margin-right: auto; } .case-testimonial-decor:after, .case-testimonial-decor:before { width: 237px; } .case-testimonial:after, .case-testimonial:before { width: 342px; } .case-block { margin-bottom: 100px; } .cases-section.wedding .case-note-text { padding-top: 40px; } .case-block.second .case-note-carousels { float: none; } .case-block.second .case-note-text { float: none; } } @media (max-width: 900px) { .header-menu li { margin-right: 20px; } .header-menu li.right { margin-left: 20px; } .header-menu { padding-top: 42px; padding-left: 0; padding-right: 0; max-width: 800px; padding-left: 70px; padding-right: 100px; margin-left: auto; margin-right: auto; } } @media (max-width: 920px) { .case-note-carousels { float: none; margin-left: auto; margin-right: auto; } .case-note-text { float: none; margin-left: auto; margin-right: auto; } .case-note-text { max-width: 459px; } } @media (max-width: 810px) { .menu-button-wrapper { display: block; } .header-menu-wrapper { top: -100%; opacity: 0; -webkit-opacity: 0; position: fixed; z-index: 5; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.99); left: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; transition: 0.3s ease; -webkit-transition: 0.3s ease; } .header-menu-wrapper.active { top: 0; opacity: 1; -webkit-opacity: 1; } .title-section { z-index: 3; } .header-menu li { width: 100%; float: none; padding-top: 0; padding-bottom: 20px; margin-right: 0; width: 100%; } .header-menu li:last-child { padding-bottom: 0; } .header-menu li a { color: #000; } .title-section.services .header-menu, .title-section.contacts .header-menu, .title-section.wedding .header-menu, .title-section.about .header-menu, .title-section.case .header-menu, .title-section.courses .header-menu, .header-menu { padding-left: 0; padding-right: 0; z-index: 1; padding-top: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 210px; max-width: 300px; width: 100%; } .header-menu li.right { margin-left: 0; } .header-cross { display: block; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; z-index: 2; font-size: 30px; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; } .title-logo { position: relative; display: inline-block; top: 0; padding-top: 40px; margin-bottom: 20px; } .menu-button-wrapper { display: block;; height: 35px; width: 90px; margin-left: auto; margin-right: auto; cursor: pointer; position: relative; z-index: 4; margin-bottom: 30px; } .menu-button-lines { width: 28px; position: absolute; height: 1px; display: block; background: #fff; margin: auto; top: 0; bottom: 0; transition: 0.2s ease; -webkit-transition: 0.1s ease; } .menu-button-lines:after { content: ""; display: block; position: absolute; top: -8px; width: 28px; height: 1px; background: #fff; margin: auto; left: 0; right: 0; transition: 0.2s ease; -webkit-transition: 0.2s ease; } .menu-button-lines:before { content: ""; display: block; position: absolute; margin: auto; left: 0; right: 0; bottom: -8px; width: 28px; height: 1px; background: #fff; transition: 0.2s ease; -webkit-transition: 0.2s ease; } .menu-button-text { color: #fff; padding-left: 42px; padding-top: 10px; text-transform: uppercase; } } @media (max-width: 767px) { .top-cases-section.index { padding-bottom: 50px; } .top-cases-section.index .button.more { margin-top: 40px; } .tag-block.alt { margin-bottom: 20px; } .tag-wrapper { padding-left: 100px; } #related .ajax { margin-top: 20px; } .pluses-section .title-base, .about-courses-section .title-base { font-size: 60px; top: -20px; } .inspiration-section.wedding .inspiration-text { margin: 0; padding: 180px 20px 120px 20px; height: auto; } .inspiration-section.wedding .container:before { right: auto; left: 20px; width: 240px; } .pluses-section.wedding .title-base { font-size: 50px; top: -20px; } .mission-section .title-base { font-size: 50px; } .cases-section { padding-bottom: 100px; padding-top: 70px; } .cases-section h2 { margin-bottom: 60px; } .cases-section .case-note-wrapper { margin-bottom: 40px; } .case-testimonial { max-width: 459px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .case-testimonial blockquote { font-size: 18px; } .case-testimonial-decor:after, .case-testimonial-decor:before { width: 90px; } .case-testimonial:after, .case-testimonial:before { width: 200px; } .mission-section { padding-bottom: 60px; } .title-section.wedding { margin-bottom: 70px; } .mission-section h2 { font-size: 26px; text-align: center; margin-left: auto; margin-right: auto; } .mission-text p { padding: 0; } .mission-text { width: 100%; padding: 0; margin-top: 30px; margin-left: auto; margin-right: auto; float: none; } .mission-wrapper img { max-width: 459px; width: 100%; position: relative; top: 0; margin-left: auto; margin-right: auto; margin-top: 30px; } .title-section.center.services { padding-bottom: 150px; } .service-block.two, .service-block { width: 100%; float: none; display: block; margin-bottom: 10px; } .services-wrapper { max-width: 380px; } .services-section .title-base { left: 0; top: -20px; } .decor-wrapper { display: none; } .title-section.wide.main { margin-bottom: 0; padding-bottom: 40px; } .title-section.contacts { padding-bottom: 140px; } .about-article-section { padding-top: 40px; padding-bottom: 40px; } .previews-section.article button.ajax { margin-top: 20px; } .previews-section.article { padding-bottom: 40px; } .blog-article-section { padding-top: 40px; padding-bottom: 40px; } .tag-block { margin-top: 30px; } .previews-section.blog { padding-top: 40px; padding-bottom: 40px; } .title-section.case, .title-section.about, .title-section.blog { padding-bottom: 120px; } .case-article-section { margin-bottom: 40px; } .portfolio-section.case { padding-bottom: 40px; } .portfolio-section.case .portfolio-wrapper { margin-top: 30px; margin-bottom: 0; } #portfolio .button.portfolio { margin-top: 40px; } .case-note-section .title-base { top: -28px; } .case-note-carousels { max-width: 459px; } .case-note-nav { position: relative; margin-left: auto; margin-right: auto; height: 22px; margin-top: 20px; right: 0; } .case-note-prev, .case-note-next { top: 0; } .case-note-carousel-small { margin-left: auto; margin-right: auto; } .case-note-carousel-small-img-wrapper { padding: 4px; } .case-note-text { padding-top: 30px; padding-bottom: 50px; } .case-note-section { padding-top: 40px; padding-bottom: 40px; } .title-section.portfolio { padding-bottom: 120px; margin-bottom: 40px; } .mentor-section { padding-top: 40px; padding-bottom: 40px; } .mentor-text { padding: 0; max-width: 100%; width: 100%; text-align: center; } .mentor-wrapper { max-width: 459px; } .mentor-img-block { max-width: 100%; width: 100%; float: none; padding-right: 0; margin-bottom: 20px; } .icons-section { padding-top: 40px; padding-bottom: 40px; } .icon-block.fourth, .icon-block.third, .icon-block.second, .icon-block { width: 50%; margin-right: 0; padding-right: 10px; padding-left: 10px; margin-bottom: 20px; } .icon-text { text-align: center; } .skill-block { max-width: 200px; } .skills-section .subtitle { margin-bottom: 150px; } .skill-block p { padding-left: 20px; font-size: 14px; } .skill-block.one { top: -72px; left: 10px; } .skill-block.two p:after { right: -82px; width: 70px; } .skill-block.two { max-width: 180px; top: 380px; left: 10px; } .skill-block.three { top: -100px; left: 250px; } .skill-block h3 { font-size: 16px; margin-bottom: 10px; } .skills-wrapper { max-width: 459px; } .inspiration-text { font-size: 20px; margin: 0; padding-left: 10px; padding-right: 10px; padding-bottom: 100px; padding-top: 240px; width: 100%; max-width: 100%; background: rgba(255, 255, 255, 0.8); } .inspiration-section .container { padding: 0; } .magazine-section { padding-bottom: 20px; } .top-cases-section.courses { padding-bottom: 40px; } .designer-section.courses h2 { font-size: 26px; } .designer-section.courses img { max-width: 459px; } .program-img-wrapper img { width: 100%; } .program-subtitle { top: 164px; } .program-bonus-block { padding-top: 20px; } .program-bonus-icon { margin-top: 30px; margin-bottom: 20px; } .programs-wrapper { max-width: 459px; } .program-section { padding-top: 40px; padding-bottom: 40px; } .program-section h2 { font-size: 26px; margin-bottom: 30px; } .about-courses-column.two, .about-courses-column { max-width: 459px; } .about-courses-image.three { width: 100%; height: 640px; } .about-courses-text { margin-bottom: 30px; } .about-courses-image.four { width: 246px; height: 326px; } .title-base { font-size: 60px; top: -20px; } .about-courses-section { padding-top: 50px; padding-bottom: 40px; } .about-courses-title { margin-top: 30px; } .footer-section { padding-top: 40px; padding-bottom: 40px; } .footer-logo-wrapper { float: none; display: inline-block; margin-bottom: 20px; } .footer-menu { float: none; top: 0; } .contacts-photo { display: none; } .contacts-text-wrapper { margin-left: auto; margin-right: auto; float: none; } .contacts-text { width: 100%; float: none; } .previews-section { padding-top: 40px; padding-bottom: 40px; } .previews-wrapper { margin-top: 40px; } .experts-wrapper { margin-top: 40px; } .experts-section { padding-top: 40px; padding-bottom: 40px; } .experts-wrapper { max-width: 459px; } .expert-block.slick-slide blockquote:after, .expert-block.slick-slide blockquote:before { display: none; } .consult-form-wrapper h2 { font-size: 26px; margin-bottom: 30px; } .consult-section img { position: relative; margin-left: auto; margin-right: auto; max-width: 459px; display: block; top: 0; left: 0; } .consult-form-wrapper { float: none; margin-left: auto; margin-right: auto; } .consult-section { padding-top: 20px; padding-bottom: 40px; } .magazine-wrapper { margin-top: 40px; max-width: 459px; } .magazine-overlay-wrapper { opacity: 1; -webkit-opacity: 1; } .magazine-block.two, .magazine-block { float: none; width: 100%; } .magazine-date { font-size: 14px; margin-bottom: 6px; } .magazine-title:after { margin-top: 10px; } .magazine-title { font-size: 14px; } .portfolio-title { margin-bottom: 20px; } .portfolio-block { margin-bottom: 10px; } button.portfolio-checkbox-button, .portfolio-checkbox input[type=radio] + .portfolio-checkbox-button { font-size: 14px; min-height: 52px; } .portfolio-block:hover .portfolio-link, .portfolio-block:hover .portfolio-description { display: none; } .portfolio-checkbox-reset-wrapper { margin-right: 10px; margin-bottom: 10px; } .portfolio-checkbox { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } .portfolio-section { padding-bottom: 60px; } .portfolio-heading { max-width: 459px; margin-left: auto; margin-right: auto; } .portfolio-checkbox-form fieldset { margin-bottom: 20px; } #mse2_results { margin-bottom: 40px; } .top-link { margin-top: 20px; } .portfolio-filter-results { max-width: 459px; } .portfolio-block img { width: 100%; } .pluses-section { padding-top: 40px; padding-bottom: 40px; } .plus-block { margin-bottom: 60px; } .pluses-section h3 { font-size: 24px; } .project-block h3 { font-size: 24px; margin-bottom: 30px; } .project-section ol li { font-size: 18px; padding-left: 30px; } .project-section ol li:before { font-size: 18px; } .project-section ol { margin-bottom: 40px; max-width: 240px; } .project-section h2 { font-size: 26px; } .project-subtitle { font-size: 24px; margin-bottom: 170px; } .project-section { padding-top: 40px; padding-bottom: 40px; } .designer-section img { max-width: 459px; } .top-cases-section { padding-top: 40px; } .title-section { padding-bottom: 40px; } h2 { font-size: 26px; text-align: center; } .title-section.courses h1, h1 { font-size: 32px; } .title-video-wrapper { max-width: 459px; margin-bottom: 30px; margin-left: auto; margin-right: auto; } .title-section.courses .subtitle, .subtitle { font-size: 24px; } .top-cases-wrapper { max-width: 459px; } .top-cases-block.big, .top-cases-block { width: 100%; } .designer-section { padding-top: 20px; padding-bottom: 70px; } .designer-note { bottom: 20px; } .designer-section h2 { font-size: 26px; } .designer-section blockquote { font-size: 18px; margin-bottom: 40px; } .designer-name { font-size: 28px; } .designer-description { font-size: 18px; } .preview-text { padding: 16px 16px 62px 16px } .preview-link { left: 16px; bottom: 16px; } .program-bonus-title { max-width: 459px; } .about-courses-wrapper { max-width: 479px; } .designer-section.courses { padding-bottom: 50px; } .top-cases-section.courses .subtitle { margin-top: 40px; margin-bottom: 40px; } .skills-section { padding-top: 60px; } .process-gallery-section { padding-top: 40px; padding-bottom: 40px; } .process-gallery-section .subtitle { margin-bottom: 40px; } .process-gallery-common-block { margin-bottom: 40px; } .process-gallery-wrapper img { width: 100%; } .case-note-carousels .slick-slide img { width: 100%; display: block; } .case-article-section { padding-top: 40px; padding-bottom: 40px; } .case-article-section h2 { margin-bottom: 30px; } .icons-section.wedding .icon-block.second, .icons-section.wedding .icon-block { margin-bottom: 20px; max-width: 260px; display: block; float: none; margin-left: auto; margin-right: auto; } .icons-section h2 { margin-bottom: 30px; } .icons-section.wedding .icon-block:last-child { margin-bottom: 0; } .icons-section.wedding { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 720px) { .project-block { float: none; margin-left: auto; margin-right: auto; margin-bottom: 80px; } .project-block.alt { float: none; margin-bottom: 0; } .project-block.inactive { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; -webkit-opacity: 1; } } @media (max-width: 700px) { .article-result-wrapper, .previews-wrapper { max-width: 300px; margin-left: auto; margin-right: auto; } .preview-block { float: none; margin-right: 0; width: 100%; } .preview-text { min-height: 0; } } @media (max-width: 620px) { .process-gallery-common-block { margin-bottom: 20px; } .process-gallery-nav { position: relative; max-width: 98px; height: 60px; margin-bottom: 50px; } .process-gallery-prev, .process-gallery-next { top: 0; } .process-gallery-prev { left: 0; } .process-gallery-next { right: 0; } } @media (max-width: 479px) { .program-step-wrapper ul { width: 100%; } .title-section.case { overflow: hidden; } .pluses-section.wedding .title-base, .services-section .title-base { font-size: 40px; } .tag-wrapper { padding-left: 0; } .tag-title { position: relative; margin-bottom: 20px; } .portfolio-heading { max-width: 300px; } .pluses-section .title-base, .about-courses-section .title-base, .mission-section .title-base { font-size: 40px; top: -26px; } .cases-section .title-base { font-size: 40px; top: -15px; } .pluses-section.wedding .plus-block img { max-width: 300px; } .cases-section { padding-bottom: 70px; padding-top: 50px; } .cases-section h2 { margin-bottom: 40px; } .cases-section .case-note-wrapper { margin-bottom: 30px; } .case-testimonial { max-width: 300px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .case-testimonial blockquote { font-size: 16px; } .cases-section.wedding .case-note-text { max-width: 300px; } .case-testimonial-decor:after, .case-testimonial-decor:before { width: 10px; } .case-testimonial:after, .case-testimonial:before { width: 120px; } .case-block { margin-bottom: 80px; } .mission-wrapper img { max-width: 300px; } .mission-section h2 { font-size: 24px; } .pop-up-btn { font-size: 14px; } .title-section.wide.main h1 { font-size: 22px; letter-spacing: 0.1em; margin-bottom: 40px; } .case-note-carousels { max-width: 300px; } .case-note-carousel-big { margin-bottom: 4px; } .case-note-carousel-small-img-wrapper { padding: 4px; } .process-gallery-wrapper { max-width: 300px; } .icon-block.fourth, .icon-block.third, .icon-block.second, .icon-block { width: 100%; margin-right: 0; padding-right: 0; padding-left: 0; max-width: 300px; float: none; margin-left: auto; margin-right: auto; } .pluses-section.courses .plus-text { max-width: 320px; padding-left: 30px; padding-right: 30px; } .pluses-section.courses { padding-bottom: 40px; } .skills-section .subtitle { margin-bottom: 220px; } .skill-block p:after { height: 70px; } .skill-block.one p:after { height: 50px; } .skill-block.three { top: -180px; left: 170px; } .skill-block p { max-width: 180px; } .skills-wrapper { max-width: 300px; } .skill-block.two { top: 330px; } .skills-section { padding-bottom: 160px; } .skill-block.two p:after { width: 1px; height: 30px; top: -90px; left: auto; right: 28px; } .designer-section.courses { padding-bottom: 40px; } .about-courses-section { padding-bottom: 10px; } .program-step-wrapper:after { display: none; } .designer-section.courses h2 { font-size: 24px; } .designer-section.courses img { max-width: 300px; } .about-courses-wrapper { max-width: 300px; } .program-step-wrapper.advance.three ul, .program-step-wrapper.two ul, .program-step-wrapper.advance.one ul { padding: 10px 0px 20px 13px; } .program-bonus-text { font-size: 24px; } .program-bonus-title { max-width: 300px; } .program-step-wrapper { width: 100%; } .program-img-wrapper { margin-bottom: -60px; } .program-step-wrapper:after { font-size: 14px; left: -48px; top: 24px; } .program-subtitle:after { top: -24px; font-size: 62px; } .program-subtitle { top: 106px; font-size: 20px; } .programs-wrapper { max-width: 300px; } .program-section h2 { font-size: 24px; } .program-descriptor { font-size: 20px; margin-bottom: 30px; } .button.program { margin-bottom: 20px; } .button.program:last-child { margin-bottom: 0; } .program-button-wrapper { margin-bottom: 30px; } .about-courses-column.two, .about-courses-column { max-width: 300px; } .about-courses-images:before { display: none; } .about-courses-image { height: 200px; } .about-courses-image.one { margin-bottom: 10px; } .footer-logo-wrapper { margin-bottom: 30px; } .about-courses-title { padding-left: 0; font-size: 24px; } .about-courses-image.three { height: 500px; } .about-courses-image.four { width: 100%; height: 460px; margin-bottom: 10px; } .about-courses-image.five { width: 100%; height: 460px; } .footer-menu li { margin-right: 0; display: block; margin-bottom: 6px; } .about-courses-column.two { padding-top: 10px; } .footer-menu li:last-child { margin-bottom: 0; } .expert-block.slick-slide blockquote { font-size: 16px; } .expert-video-wrapper img { width: 100%; } .experts-section .slick-dots li button { background: #000; border-radius: 100px; width: 4px; height: 4px; padding: 0; display: inline-block; line-height: 4px; } .experts-section .slick-dots li { opacity: 0.2; height: 6px; -webkit-opacity: 0.2; transition: 0.2s ease; -webkit-transition: 0.2s ease; } .expert-play-icon:after { border-width: 10px 0 10px 16px; left: 25px; } .experts-section .slick-dots li button:before { height: 4px; } .expert-name { font-size: 16px; text-transform: none; margin-bottom: 0; } .expert-block.slick-slide .expert-play-icon { width: 60px; height: 60px; } .expert-block.slick-slide.slick-active.slick-center .expert-title { bottom: 10px; } .experts-section li.slick-active { opacity: 1; -webkit-opacity: 1; } .experts-section .slick-dots li button:before { content: ""; } .expert-block.slick-slide blockquote { width: 100%; left: -50%; } .consult-section img { max-width: 300px; } .consult-form-wrapper h2 { font-size: 24px; } .magazine-wrapper { max-width: 300px; } .portfolio-filter-results { max-width: 300px; } .plus-block.vendors img, .plus-block img { max-width: 300px; } .vendors-block { margin-top: 30px; } .project-frame { width: 300px; height: 300px; } .project-block h3 { font-size: 20px; } .designer-section img { max-width: 300px; } .designer-section h2 { font-size: 24px; margin-bottom: 20px; } .designer-section { padding-top: 10px; } .designer-section h2:after { margin-top: 20px; } .top-cases-wrapper { max-width: 300px; } .top-cases-block.big, .top-cases-block { height: 300px; } .title-video-wrapper { max-width: 300px; } .title-video-icon { width: 80px; height: 80px; } .title-video-icon:after { border-width: 16px 0 16px 27px; left: 30px; } h2 { font-size: 24px; text-align: center; } h1 { font-size: 24px; margin-bottom: 20px; } .title-section.wedding h1 { font-size: 22px; margin-bottom: 30px; } .title-section.courses .title-bg { background-position: -390px; } .title-section.courses h1 { font-size: 22px; } .subtitle { margin-bottom: 30px; font-size: 20px; } } @media (max-height: 290px) { .title-section.services .header-menu, .title-section.contacts .header-menu, .title-section.wedding .header-menu, .title-section.about .header-menu, .title-section.case .header-menu, .title-section.courses .header-menu, .header-menu { position: relative; padding-top: 44px; } .header-cross { top: 10px; right: 10px; } .header-menu-wrapper { padding-bottom: 44px; } } /*Retina*/ @media (min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .magazine-title:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAA5FBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8fIpK+AAAATHRSTlMAmU0FCAGFh48EQJA1XF5tITBIYoMGCgsXGUZykZgJIEFHS1JWY4SLKTE2N0NOT1NUWV9qbnGSlQIDFBUvTFBVWFpbc3R6fH6MjpSXOq+ojgAAAaVJREFUSMe9lFdb4zAQRefIldix0wmkUxLaAgssbO+d//9/9iH+NsQeOfgB7uP1PZJnJI3IShOT+hGRn5qJbJZT67BSZ+psyL8PWFfQLItv1QGiq5P+WMb9k6sIoL5lzbsDIGx1/xvdVggMXNv6r4D29pq33Qa+Wfaow2hXRN5e/Pq7cmcjqKv5JtASeXN+BzzwW4BWuRPAoch4AOuAHEKgdLcGv3vLOq6P1r73FjAtAh2oiVzC3amyVqeQb0DoyLt7OC3+bQiNvLkHicg+XCv1JbCX91KIRX7CkQLEkOY9H3ZEIugqwA74eW8Irv3OwDDv5Xq/+eumHW71GizSalh2yaIYbvRzsCiBD/pJW965dtLZXVJVg7mnuYuemu8t4Mz6HhS1IejaX1xBu8Bx6ZvO5Ufw57U+Nb5bpgZ89Urm0mzVXWcWZgPwi1c2+ZK474rbj5MI4AcAL3VCmoXZeiymlHCm8wfx+ZkjkhGfPdvNmZjUH3Lr35hGllkSB548WhkhT098qkxcViYuKhP7z0B8rEycVyZePANhqhJVADEV8yLGiPwDShgY8RdYbN4AAAAASUVORK5CYII="); } .expert-prev { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAABACAMAAABV22s6AAAApVBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAginfYAAAAN3RSTlMAZhRkZWJgXhAYXCIeICQoWl1hYw4PERMWGhwdHyZbXxUZISUpKiwNEhsjJy4vBwkKDBcrMD0/3OtxXgAAAUZJREFUWMO12NeOgzAQheE52IaEkJBAeu/ZJNvb+z/aXrDXK630e+75JBg8xWZ/x2v5bGgM+/qiQa1IsLWWPlAwl04kOB5IJQk+DOTvJDjJ5NGkJJl8DwU38jcSnKZyHRJ8T+X2JNhO5bokuKvkChKcBdULErwGhTkJzoPClQQXtcKMBJdOVZsEu04pCu6d0ikJdpzSLQn2vDYJCR68MhRceWUTEiy9BmMSPEp5iwRPNHiW1iMSfJT6QxJ8kkInoeJithQbhXVx0T6lao+99ej3Q/Yv7CCLJzvCDxnh0EQ42BGKj9mdLpARiniERmN2o5th01+nLIkPFREGH7OiVtixJD7vNTPpnCVnQWHBkrugumDJdiW3hEl6R4qwGJpteTLZwAt2s7MfWBK/V2juPkqWHOfSkSVbuQSnZ7TWNyva2/nln0/8AEjnEnaEwLuzAAAAAElFTkSuQmCC"); } .expert-next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAABACAMAAABV22s6AAAApVBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAginfYAAAAN3RSTlMAZhRlZGJgXhAYXCJjHB8kKFpdX2EPERMWGh0eICVbDQ4SGSEnKiwVFxsjJikrLi8HCQoMMD0+yb4ItwAAATdJREFUWMPN2OtugkAQhuH92F1QRM54QsSz1mrt+f4vrZfQNHmbOL/Jk5CF2W/GmL/Va/5u2PpS0bNiJxVrlrxJq4YlD1I8YMlciicsubcqNyz5bBVNWTKzigKWvFhVMDlyCmcsuXMKzyyZOoVDlmwT1VuWXCTyc5Yce/knlpx7+TFLbr2SBUsOa7kUJkO5JUvOQrkRS554MqhkM5iMZDuWnEaye5aclLI5Sw5i6cqTB5ZsVtKRJdeF9GKMMX1A1chLd2NasZXi4tKYBnvrXS19kifTF9L9X476YT/HQSzdHvofxFvPhm6PU7qF49fMqZK7PPR1jUcKPPZsvZIWjo9s1hvTeRTPzHiuT51qdJxZ0vMRPsPhc2ZGz8IdPa/jO4Wc3ntcpRLdzWT4/uhbK3gh9Xb8+OWJH+TBEsjJmo2lAAAAAElFTkSuQmCC"); } .contacts-link.email:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAMAAABGrfvuAAAAdVBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4fyL+AAAAJ3RSTlMAJgMjJQEfJAIeEQUHCxUZBAgKDxAiHQ0UCQwSHA4WGyAGFxgaIROXpcVmAAADAklEQVR42sVY6ZqrIAx1xWLHvVWrtdUu8/6PeAkuqKAWy3w3f2ZkOSUnISTR1sVu4ixxSzfJ4sbW9opR3JClM7HQrTB2wCSpLpI0kQP7CfrD8GIFPx/jXO5s3zkNHn7uP4L0zAbvl49wwme/AeeeMVbYy3E/9Qy3gU5Ou7Z2RYtDt26nndMW0a+OWG9xiZd2Kq5SH7VkoHj152LUUhgtL/EsenDX/owCa/HgFQXCxw/McsQUqhLPJvTM/meXwvbp6kQ0V9ApZpJNDen6TEC2BcdlE9uS0R0RZ/4zDBdSdyqjFpy73XWktZyCV8GYr8mKz1EbOmB++VBmY/C/sdsE7YC8HOEIr1EYgUO62h5xYetlQjfaF6ZtNCY9AtxYHoXpE41Yuu4AYQoFnVOCr3q7kWJwaWMgrdb2Sz34NPjE74xHY1WmxikhxlLlgLKpL4Wmvir1YeJTMGR00QTxgWxF0lkEB0eAu38jf/PJzMHW7NsyUG6TFfPbdwNEznI/EIArR4xjkrXRe6Ke12kFO4wpku6Q5Q0SAeGQhGlLH5B6ph3CLkSrWVbQqmA/eSCfaAbDh8kGiJIhdayUR9Kv7Y9PxCnoUTmklN62CpydQ4KDxuS/egyECH2Zo4+R2HWrqIc/REi6VRIzBgzoMTLpgQudLvVQf47UyZ1scK1Os4pwinUhUk5GSoqULyDp76jPFVBDrG3qe5A6DRNi5DvJl4gr/pLvNSRXqB2TJ9lUVgTvSj+XeVq0HbNYQ0PjkBwu2W7Rn5g4GeV9kAV/Evv4TG6vyafYx8X3blP4e9fHgr1ILBb08ekLJBafCogVXyCxmMnHcdvcAkJ8HO/flnL6hL3NVUHN/G3Byt47l73BsYo3WF1e0OYqFxW5ytf5U/oHOZ26PFM7Kst91eXjmnZXVSPsqluKtm75s1qKTKiq7xTWnArrYInaPOlq82/7BRe82S+AHEBRD0NhXwXIfC32evwhiX0dpftPJu76T9iU6T8x5ld7YpFcn+4kLjjwyfhvvUP5fuY/QaMpb+zTulgAAAAASUVORK5CYII="); } .contacts-link.fb:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAMAAABGrfvuAAAAclBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABIse/vAAAAJnRSTlMAJhADJQ0PEQgSGR0kAR4VHwUKCxQiBAwJHA4bFiAXGgYHIxgCE5cqIFsAAAK3SURBVHjazVjptqMgDLZVwa24dl+87Z15/1ecBrFxyibUe2byp+eQ+JWELyEkMMvmq4kJTSmJm69N4Cvh/lJFK5SouuxDDxiSr1SSEzewezZuRpYou8/GOZzxu22e3cquvGX5FhfPh1k4u+/xA9a14dThtmOj6ntnB1oXg+2Vqox39Dqoi7Ut0L0IbKs1aXPhojH0yRCMqjH+XVMNIUz0Jm3EN04380IQaTd+4kCsnnEsNeNQJ7WW8D2X85JiU3JrotLtuQqPxOoht48VwY5gu6iwS8y/SKTj38Ly3imnYn6C77Q7Trx2c/CoWCsDVyml0O4KOH73UrZhwL8pbTK+YPiiISmIFMcattBPyghskuqrVf+qVpKOwurhr3BXWt/opOrJu62mQU/ABpNWpr6M9OZPMonSUZthkRYJHcoEKcFWm9a3lQWpAUqHr6BdteEubEjB9cVp4MRvbe0bMR55lmWdyiSFGsudA7vamFtgqqdtDfpQVJMqsJ0cNTAdiACcvTx/O0OSDnKyZN9FILZWJFPhaoVXBXjpjTRGuniWAahWaoPkKZ1AShOQX2ooqJI7TqzczCSUsxop59l2EmSXRQaS/xLT7cQZfvNGwsOjnKHlh0gdBJIjdf8ZEl3AOx4nw9k15CmZwLgRkLvh7ASfvDmOfBo47o+EHF8w7xasBfPqU2yrT6JmMl8krJmvOu6JhHV8vFvSD5BScArvuw+QrsBwvIMbPyS8g7Ev8EPCvgDv2YMnEvYq2D+5ImH/lL/1dB5I2NPZ+0xiQsI+Exe0vW9IUxAamnrfH+nHg+C81BvB692yH94tP/aWeiqWet8t+OZc8B3s8DYn4m3+6bzgwOR5gUzp80IzjAXnKhDMXjvrKatR1dfO86cHE/Mn9nCZP2HkjTOxxG1Ot2ZKHLYO/9ns0H2e+QfndSEquNeoYwAAAABJRU5ErkJggg=="); } .contacts-link.insta:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAMAAABGrfvuAAAAdVBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4fyL+AAAAJ3RSTlMAJiUSFAsDJB4REAEfBAkVBQgZIgodDA0PFhscFyACDgYYExohIwep4T2nAAADBElEQVR42sVYabuqIBA2FMM9NbfS9s7//4m3QQxj0fB4njufioHX2RnGmqbgsq9qz/bqan8JrKXklk2INpxQ2JTuApi62KioqM3AfrJBGJlQ9vM1Tnzg5/IiaxMnabMi54uH+Cuc6DocIA52xwpjhwysazQP5G/7vZ2n2hx5Xc/e+nOGvjPDYu0WXDAVJ02f9sYI95Of24e9CVP9Foyo4F7wnQmQVvAzBSK7L9yyIxTqrObWVObku6QIErq7VvFKyuIumdWQ7q8UxkYgLmfMU0VPpJL7c1gujXKqoh4Uw+440tpMwaNiLbFMKZFMG23B/ealLCAQf+OwyfoFc9qBCPdRGQEhPWsJeXA0/jB3uKxMB+HY6Cngykl7wr79ST4+MZ6gTzqy0lGqRA1Sld5mCJ8PhTIWlHBETGu83ahpK+7cwwfct9E6ub5oSK4l3TumISZuQu5QiXRSCcXShhpLTwFXiKVmM0WtEFOw5rJqEgpeU+r2tK0gpvoJHoRAKNn3HcFKSlGOL8ED+gvL2dcAoszy1Bc53L30lyd8mGkFxhVtqLZ0e7m8viGr4ALzFYFQraxJpLzLe6ji+FQhWcCOaGAVU0jkVuHqNtzjSqSCZtsZgl2PhA4x6zqQComn25lat9UjkXRIc6JHSsAL9FSiRXrYfBFpkZzXmk1POVqkK4+PMv8VkhOP+ooZJA+0Wy4Tt1Pvu+V24r7r42m573g89TG+PJ54jM/nHbnhGL9jXJt3Qy2YyrvH1bk++F91EQqH+iQiTZOjrk8laCDWp2nyFDVTXcfxDBJW1PHhbrHn6/jInyfJFkR337Umd0v31tdFUlsQTd53keoO5n3BsjuY9wW8V4kX9gW8V+H9k2mvwvunQuzp5P7J+STWP8k93R/0mdZutd53vX7csg5rvREWvVvK/t3yZ2+pF2Ot992Kb84V38EGb/Oavc1/Oy+IiX5ewIPhsNIMY8W5Chjzrp31JO925b4znj89CZs/kafJ/IlbfnImlprN6XyixCG++99mh+bzzH/tMSgqR2gcFwAAAABJRU5ErkJggg=="); } .case-note-prev { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAsCAMAAAD2FNAsAAAAilBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHYnUGAAAALnRSTlMAUmJgZF4UGFoQHFxdDh1hYxESExpfDxYXGx9bZQUHFRkeICJMZgwNISMkTlBZGyoCmQAAANhJREFUSMed1scSwjAMRVHhQkx6Qho1Cb3+/+8xzpoZhqu1z0a2nyTyrXY7IZW4E2HNxqwBW0SIFXGeAlbGKgRsadUKsLlVFWF1NgDW6iwArNO6AyzQuiUsq+eAVcoStlJ2CVio4hKwNI8LwEYTLQA7mA1hN+MawI7GJaST27Ob/VvPRFLiXonIY/u+oNS7G3dFEHZmusAGwTV7MCJjDiF82f4n2RJB+HN9UqCA8cmkewZZEk7JGyDYs6T3k0UNDLJJNk3OEEE4qUWKCG0GfhNBe4/Ifv/rxAf2hArGg6p0aQAAAABJRU5ErkJggg=="); } .case-note-next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAsCAMAAAD2FNAsAAAAilBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHYnUGAAAALnRSTlMAUmJgZF4UGBxaDhBcXR1hERITFhpfY2UFFx9bDxkbICEiTGYHDA0VHiMkTlBZE0U2DAAAAMZJREFUeNq91jkSgzAMBVDi3YAxm9kJkH29//VC+sxk+IVVuHuNRv5S8K+aJoDqoEPIdawfQBhHEEyqOIWgIiYDIc8hWBIuIDhah0FpaQHBltIWggWlEoLCWRByUkIw52QPwcwQBcHUVAkEo5h1GOzZBMFQsxmFy/o+d1tLH2sVhC/EIU09v+sHwC66vqNd2V5Dz2ZsXCaM3fxNdcaJ8vdrhYNS4kqt9JeCck1dfyk/Eif8bbHv1vS3pZPKpNDdA14hp9931gduIwqUQ0ffnQAAAABJRU5ErkJggg=="); } .portfolio-date:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeBAMAAADN62OsAAAAHlBMVEVMaXHDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGp4EI2RAAAACXRSTlMAQEh3eIeIwMejyrDCAAAAR0lEQVR42mNgYFBLZGAQS4JgIIicwsDgORWC0blpaZ3T09IqZ0Aww0wUQBHXGAUwoIE0FECpvQ6sMwNYQIgY7iAxGZmLGhoAxl/DTGoJmKEAAAAASUVORK5CYII="); } .portfolio-link:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAABOFBMVEVMaXHDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGqmREvHAAAAZ3RSTlMA/Re7h/6M/Hp0GPpwbY0ceW/7d5ETxg6SeBBT0VWYyPj5fKL2Nhtbdrl193v0l6A8HcJpK9AwNV7Fz7Uar7Q4gGGPN39g9TGGfSoROtLUrmouwXMWyZmyGXEPniCKiZ0LUSFSJgdZO2pl3AAAAWBJREFUeNp1k9d2wjAQRAWGODZ26ITQQyDU9F5J7733nuj//yBaW66S5kU763uOVyMJcRXMx7XiKBJqdi2AicIr+wJAj2AqOcYF+rFLSSEgF+YSxloXACNBhNLjULX4QMg0WRh31Qt8dbspqRaiLlchSIMzyYddlQkx5A3qU9e/Vccv+YijcxmGCNxf0sZgjdhFB7iwg0o8mp0tmDRqAzF3UHHoKFBJPkA+OzWCirxQQO6xQd08k+KVAljhBvWO3yxggAH0B+LUqhhI4jvwDDBjA2QpHSP0lDI6fRYwP0wB1Sgqt+WOF0DrYA+guqZp+AAV7uSEWbdl63ug6oSdh1yC1NSlsHGHr05c5xUnnYJj1b92s+F9Bxohlm33i1gV4RjS1CidVkjTfrxEFP5cogDdhU8SdLM5cmGsoPzaNra4l8mMUYBVkwmKfUVOUIeCt7xgBoWnJ5FQ0d2djc0p7qd/ZnqHWkXgracAAAAASUVORK5CYII="); } .top-link:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA2CAMAAACC/Cu0AAAAG1BMVEVMaXGYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJj7fwCpAAAACHRSTlMAL3596+pzcqFq+nEAAAB+SURBVHja7dRLDoAgDARQqCLc/8RGCp0on+LKmHQWs3qLJm3q0mK+hJa32WjRpUSLjqXuWOquSNWJ1Byk4nYpmjt/tWc5dS6faZEzx7DKsStQ5MhVCNl3ArMMkK0DhGwdYF9SdYAiGUKG7AAh70NGdoCQx3Djzwdi0KDBn8ETXB8OKi4NJe4AAAAASUVORK5CYII="); } .program-bonus-icon:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAMAAAA/gEgKAAAA5FBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8fIpK+AAAAS3RSTlMAAQIDBQcJChMVHCElKzAxMzc7REpLTFNXYmNsbnd4e4GGjI+YmaOlp6yys7W+v8DCw8rMz9DR0tTW19jf4uTo7fDx9PX4+fv8/f5m9x4VAAAA40lEQVQ4y52R2VLCUBAFT1BwiSKoqFFAIeKOQVxQcANkkf7///HBmKAMVWA/TZ2umnMXKSSRPTyuHG0t6jcJ7xkA3gup8Xw5IKLhxvnSA2O8rkbiDOAzKJeu+gC3C2G+CdDakCS3BrAfikvgZeV7TtaBZtjQA/Z+1qYB1iRJGaCbjAofgV1J0jbwFB/xHMhLknJAIxanQPFfwq32mKAfuAowqWlgi4GYwkyidWeLAyk3NERTki4McR992R8x2pHWu1bHm3Rtlrelm/nEh6O6fcGT0nCWJ+nYeUe+LXw5XsXAc74AjVuafX8s9UUAAAAASUVORK5CYII="); } .designer-section h2:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAWCAMAAAB5RQVIAAABSlBMVEVMaXH////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////k2/KfAAAAbXRSTlMADeF/NIG6/gEa+wNC56MI9RJ4bPdQ5B69txbwiwTx+aru1y8CJMhHTI/SDvY3hMxL4OXGRWkHStBP9BGX2pxjyozPU9lY3uNDCpAuFFe+n7jc+qEGcqB7XOpmmOt2E4VAjQu1xDsJUZ5qjs6adJS78gAAAS9JREFUeNpVktVCAzEQRekuay0VSr2lAi3u7sXd3d0h///KziSThHk7NyeZZHYbtHr/+C7/1iRWHx9eXgtVtV77LDLGSm8CA3cG86stROu5myAEP+0c3etbwLz5TELyCoLKVytHLwMYfLqndXfAgcT2BPeHsYF/HgkLDKpALZtmALMBdcclFEzCxhjg4akSLlE4IGzeAFyfVYKXh8TYIo7ghkltTueY1GUPvHSPJng4hz55rTJusDTjDJMpwt4E8opmZDHZJxxjWF2acYTJMGELN8Y1o8KjToFxjqOuMlI8Su38O4PNTUgjI6JSZAgnzkSNdKeFccFkrfkYLUpcFEb6WEZJ4G2Jg9TGoqQDf47dMPEeGaETHiznxNgNRMfUHjxtx5z5eFR+XGvVSdibhH+gjHg4V5jpFAAAAABJRU5ErkJggg=="); } .top-cases-link:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAVCAMAAABi3H5uAAABDlBMVEVMaXHDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGovg1bZAAAAWXRSTlMAal3zJecH/ARO0fHq9OkteysoUfVcrBHO/g9b1dYDcRmpSnLyF2lSs/vtBhzakS7YignSlIkNMU0IXgokgH5/bhttkObkPC87oDKhQqLZhgWv3GBBsYcLLK66r6IAAAD7SURBVCjPfVLXUgIBDFyOqxQBlSKogA2VKjasoBR7AWv+/0ecS+7gDhn2aZOdTJJNAA+yl2oWs6Dnin0iIi2lnE1JZmCBxogETK+mZsiH0OJEa4XtzN5L6XGwucZqcMnVkoYdj2LS4GrFjgxFNIs1rQJ8xne2gTbXGpatJYIcfKA8JKKtDayvcmK5DughpvvveGMSLaAjUzWaOBa2CzjL5BFzZq5BE/KAHyfVxY3DwjgYV0amK4+gH0pPE99uz1vRqidAIspUQfnLP+2pf89n3vPas6fr0OuvOBT3OQRY4u1T6e7+n7fzrzL/nvIJPfmE84uZr5JW1bQ3/gPNqmIDyE0qKwAAAABJRU5ErkJggg=="); } .top-cases-cta:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAdCAMAAABsU+d6AAABIFBMVEVMaXHDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrf79PbAAAAX3RSTlMABPAMBkgcWvxo1P6pTwLg0vkFlerbCR71nAH4dxlc5olkcyUqfO3XE8IDqI4x1sQhgiCvTa72uOHrOvOjPs63fY83EYM8OYsIFqtdH4b3wHLLQsqb6GZBO2xOut57lCSuBb8AAAEASURBVDjLddPVcsMwEAXQm8TYMDbllJkZ0zZlZm7v//9FHyzZchTdJ++e0ci7YwOmdH+ZpPZb/zFQtkp+d5TRJkn+dZBUo0iS/NSk1x1iELud5qcpcxOXqbIX0l1OlZy/zSgFlXYOqOYqkoG9NEky3SXsVoo1sht06odJYdeC7EnRyJ/KYzwDACyty/r+MhPe1wJQW96QZbn0EFIFwNqWrIpveI/GWwSwKYvXDziVaIQeAFjxV5MkHx1Yz8p4/eI1E/sn5xfAizp6NrbMp9haxmLmquRZuvUNzi2QZBW6jQNwhjMTs7oVSsHzTEIz79jw3bnkEYyWT5nNNv8AflvjH0gSbGbMd1D6AAAAAElFTkSuQmCC"); } .inspiration-text { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABTUAAAJtCAMAAADQLWSzAAAA3lBMVEVMaXHDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGq09WL7AAAASXRSTlMAAQIDBAUHCQoNDxQVFx4gIyYoMzQ1OT9ER0tXWFlbaWp1dn+AjI+RkpqeoaKttLW+wsTHy83Q0dPY3eHk6e3w8vP09vf5+v3+fqrL3AAAByRJREFUeNrt281Kw0AUhuGTyWSSVIpS8EK8DK/YO3LlRvAnNq1xp67ayaKg8Dwr19+Bl0zBfB8AVMsmAFBNANUEUE0A1QRQTQBUE0A1AVQTQDUBVBNANQFQTQDVBFBNgL9ezQebAPy4960J4IUOoJoAqgmgmgCqCYBqAqgmgGoCqCaAagKoJgCqCaCaAKoJoJoAqgmgmgCoJoBqAqgmgGoCqCaAagKgmgCqCaCaAKoJoJoAqCaAagKoJoBqAqgmgGoCoJoAqgmgmgCqCaCaAKoJgGoCqCaAagKoJoBqAqgmAKoJoJoAqgmgmgCqCaCaAKgmgGoCqCaAagKoJoBqAqCaAKoJoJoAqgmgmgCqCYBqAqgmgGoCqCaAagKopgkAVBNANQFUE0A1AVQTANUEUE0A1QRQTQDVBFBNAFQTQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQDVBEA1AVQTQDUBVBNANQFUEwDVBFBNANUEUE0A1QRQTQBUE0A1AVQTQDUBVBNANQFQTQDVBFBNANUEUE0AVBNANQFUE0A1AVQTQDUBUE0A1QRQTQDVBFBNANUEQDUBVBNANQFUE0A1AVQTANUEUE0A1QRQTQDVBFBNAFQTQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQDVBEA1AVQTQDUBVBNANQFQTQDVBFBNANUEUE0A1QRANQFUE0A1AVQTQDUBVBMA1QRQTQDVBFBNANUEUE0AVBNANQFUE0A1AVQTQDUBUE0A1QRQTQDVBFBNANUEQDUBVBNANQH+QzVfUpcbOwBUVvOxlL7kIWJpxBPgbDWfcunyuC1dNKlJBgE4Xc3ntk3d+LoZ+pS6tvW9CXCymnE8xvT+Ng79kIeci0kATlYzIuLw8tGVfhhLvzcJwNlqRszzVN6nsfQmAaioZsTnNM/7cTYJQFU1I47TYT+aBKCymrHMh4NJAGqrGbF8mASgvpoAqCaAagKoJoBqAqgmgGoCoJoAqgmgmgCqCaCaAKoJgGoCqCaAagKoJoBqAqCaAKoJoJoAqgmgmgCqCYBqAqgmgGoCqCaAagKoJgCqCaCaAKoJoJoAqgmgmgCoJoBqAqgmgGoCqCaAagKgmgCqCaCaAKoJoJoAqgmAagKoJoBqAqgmgGoCqCYAqgmgmgCqCaCaAKoJgGoCqCaAagKoJoBqAqgmAKoJoJoAqgmgmgCqCaCaAKgmgGoCqCaAagKoJoBqAqCaAKoJoJoAqgmgmgCqCYBqAqgmgGoCqCaAagKoJgCqCaCaAKoJoJoAqgmgmgCoJoBqAqgmgGoCqCaAapoAQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQDVBEA1AVQTQDUBVBNANQFUEwDVBFBNANUEUE0A1QRQTQBUE0A1AVQTQDUBVBNANQFQTQDVBFBNANUEUE0A1QRANQFUE0A1AVQTQDUBVBMA1QRQTQDVBFBNANUEQDUBVBNANQFUE0A1AVQTANUEUE0A1QRQTQDVBFBNAFQTQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQDVBEA1AVQTQDUBVBNANQFUEwDVBFBNANUEUE0A1QRQTQBUE0A1AVQTQDUBVBMA1QRQTQDVBFBNANUEUE0AVBNANQFUE0A1AVQTQDUBUE0A1QRQTQDVBFBNANUEQDUBVBNANQFUE0A1AVQTANUEUE0A1QRQTQDVBFBNAFQTQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQDVNAGAagKoJoBqAqgmgGoCoJoAqgmgmgCqCaCaAKoJgGoCqCaAagKoJoBqAqgmAKoJoJoAqgmgmgCqCaCaAKgmgGoCqCaAagKoJoBqAqCaAKoJoJoAqgmgmgCqCYBqAqgmgGoCqCaAagKoJgCqCaCaAKoJoJoAqgmAagKoJoBqAqgmgGoCqCYAqgmgmgCqCaCaAKoJoJoAqCaAagKoJoBqAqgmgGoCoJoAqgmgmgCqCaCaAKoJgGoCqCaAagKoJoBqAqgmAKoJoJoAqgmgmgCqCaCaAKgmgGoCqCaAagKoJgCqCaCaAKoJoJoAqgmgmgCoJoBqAqgmgGoCqCaAagKgmgCqCaCaAKoJoJoAqgmAagKoJoBqAqgmgGoCqCYAqgmgmgCqCaCaAKoJoJoAqCaAagKoJoBqAqgmgGoCoJoAqgmgmgCqCaCaAKppAgDVBFBNANUEUE0A1QRANQFUE0A1AVQTQDUBVBMA1QRQTQDVBFBNANUEUE0AVBNANQFUE0A1AVQTQDUBUE0A1QRQTQDVBFDNC2vvdqlxIEA1T2mW7z9vd63zAKpZbZtcB1DN6k/N2HmeA6p5xq9obm8cB1DNetce6IBqrnDlNoBqrrBxG0A16yU/awKqucLN4DaAatYbnQZQzRWK0wCquULvNIBqrtA5DaCaXuiAal7qhb74N3TgL/oCiwk0a8YOD8oAAAAASUVORK5CYII="); } .process-gallery-prev { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAkCAMAAABR74GsAAAA6lBMVEVMaXH7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/sNyNosAAAATXRSTlMAAQMFBggJCgsNDg8QERITFBUXGBodHyAhJiowamtzdHuFhoyNlp2hpaipra+ws7a3ury+wMHDxsnKzM3Oz9HS1dfY2dvd3uLm5+ru/vcIM8IAAADTSURBVHjafdPVEoJgEAVgVAzExMbu7u5uef/XccFhnN113Cv4LoD/nEXgYxN+TGrl45h5aQuZYk7TtGeSYB7wQdBSBLypBMuA1wRGawXwEiNYAzxEMIpNwF0Io70DuApgdPYBZ16M0hhw4sbomQIOXBj9S8CuA6OyBWyJGMN7wDoJNXoGrFoFoidT+RMarBZlA9zW38a/rOegLOunGLooSyPzxDyduZEOTzJo3vLUeUNHoyHeZty45s0zLgHfVbZ7hc9G/d2+72SNTWWTXvuF33/AG6sOLSANB27dAAAAAElFTkSuQmCC"); } .process-gallery-next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAkCAMAAABR74GsAAAA51BMVEVMaXH7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/sr/QBxAAAATHRSTlMAzszKATAFAwYPC5a6GqUKwwmz1xMYHa3RDbedxtUR3uIme+buKhLq/sChjLDZFR+v2BS+HqnNDty9qAjbF8GiBxYghSGNhs9rdWpzyFACYAAAAMRJREFUKM+N0sUCgzAMBuDCGBTmxsbc3d3dx/s/zwLHNAd6/A5p5GeMqYx4Tekroi7b7Z+g/rpt21WRW8A3gRs14J6CuVIGDgh8LQHnNMzmBDgscKoAnOaYpxJwfIe56AMORjCvosBHC7OxAc7rmGNZ4GUSMx8DZw6Y1S1wIoRZ6wKvR1hPoPs5qrAgKvC+89uF6ExGnRkzYgrdmbhjedjO0N3k2cPWzQFxoTt1TfLybkoeCpGop6f0OUn9EKl+vamwc5H+20YqEa8p88YAAAAASUVORK5CYII="); } .service-link { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABECAMAAADgDwi+AAAB8lBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9n0UoOAAAApnRSTlMAzMsCFsCywgHGx8kSqgMGFF5gYnKuBxETIyQuOkJKU1dhbpatscoEBQgKCw4VFxgZGh0sOzw9R2ZobXB6hJOan6Wmq7C2usXIDRAcIScoKy8yMzY+TlBSVlhaW11fY2lseICChoeMjZCSlKisr7S1u8HEDxseHyAiJSYpKi0wNT9FRklMTVRVXGRlZ2pzdnd5foOFiIqPkZeYnKChoqmzuby9vr/DARWl8AAAA1xJREFUeNqtmGdbGkEUhXdYOiIqGCsCIqiJvWvs3Rijsfcaeze9995778n/jDzsFHZnZBZyvnHnzvvMMnfO3F1BpS5Xe9tMnTuf55yHhEjlbAJIOkdcRAytF4RobypbPeTaLyBXY4FaSHoHUOrHCZUQE6DpT6oaSLkZ0NWWzA8ZhBClvEZeSAUBMa9WV9X9JjAZnJAYHZ7TUBKI2EZ+oog+lo/ixpDXsESSv6BYJR/lKZrwSkTB3K8wuMJHiYf5CyIRLTRI0Q4bX+lLtTIvhoQzIbyUbzG3OgPJtWJo9JLaXUp57q2rkAdzICVeiEawADzRQHIsEuVBNJQ0+ES3o6G8gJSeKCAp0Ct2xQPzjlfaa2rc/XSfTtqES1k8AHHOsSVlGeYpVnSsGR2LCibjwpIGYPlrD8tXgiFWlsHYMi0gVFkloZB1PFTO+j9agELtJCbGigfqGJAbBkBRPR1iPUKHDPsBTf4umJBMLLVNS4eMawBdxVJC3AaObXfTIRMhMzv06Ol0kr3mZ+HhrTN0yCSB0Ly9HiuIZdKsasmxEnHC92KWN2K1pgVjXSuBXy9FBUTPgCQQkFP4zz9pn5Lu44JWAlJEh9gJyFFaRRb6cIKvkA6ZJiB2WkKRnnheRtPxiIAk0BLOEpBERp083h+T2XHqe5OloQ9ZW3t4yAwBmQyGrvwN/LDcDZqsx0yczXw65AkBmZBijXC3+vJS4/VEwgajL5wlam0c+hBgqIXR+GQSkDG0IwyINSZssWlGUVRsp0KaGJByDYbcJ+JjNMgHhp+c3sEQFzlgPKpgaBysxukZzhmRDblk7el2usBQvhlBhpU3VwPB0E0HboIwR1AzRBseWAz6lOWjCzOU+gYpM4yE7B5nhrM39+AuFG7QuihErnS4lCEhCrkgRat+rrJuzcL/oBiUQ+f7ud/pRuETJclLpWl/89/k8VHKGN18b7CB/MS3c1r0Dhhi+qWwCx3kWwy6ptxE8KoO3Sjy/DAO5b+JrzH8QlTDR+m2oIM0F9yTvNlOfAQHOHdpAU8xrVXde7i8B7CWuF/ZDYCptVzuwstgQurVfJJwMCCrNjWnwFhLhSzvQ1TJY6EYtXrDSbPKIL6ySM527J1mgrHpjvhTz0XPO98uMOjrq0qN6mb+AxZkYs5mBa0QAAAAAElFTkSuQmCC"); } .case-testimonial-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAWCAMAAAB5RQVIAAABSlBMVEVMaXH////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////k2/KfAAAAbXRSTlMADeF/NIG6/gEa+wNC56MI9RJ4bPdQ5B69txbwiwTx+aru1y8CJMhHTI/SDvY3hMxL4OXGRWkHStBP9BGX2pxjyozPU9lY3uNDCpAuFFe+n7jc+qEGcqB7XOpmmOt2E4VAjQu1xDsJUZ5qjs6adJS78gAAAS9JREFUeNpVktVCAzEQRekuay0VSr2lAi3u7sXd3d0h///KziSThHk7NyeZZHYbtHr/+C7/1iRWHx9eXgtVtV77LDLGSm8CA3cG86stROu5myAEP+0c3etbwLz5TELyCoLKVytHLwMYfLqndXfAgcT2BPeHsYF/HgkLDKpALZtmALMBdcclFEzCxhjg4akSLlE4IGzeAFyfVYKXh8TYIo7ghkltTueY1GUPvHSPJng4hz55rTJusDTjDJMpwt4E8opmZDHZJxxjWF2acYTJMGELN8Y1o8KjToFxjqOuMlI8Su38O4PNTUgjI6JSZAgnzkSNdKeFccFkrfkYLUpcFEb6WEZJ4G2Jg9TGoqQDf47dMPEeGaETHiznxNgNRMfUHjxtx5z5eFR+XGvVSdibhH+gjHg4V5jpFAAAAABJRU5ErkJggg=="); } .inspiration-section.wedding .inspiration-text { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABTUAAAKyCAMAAAAzRcpJAAAAYFBMVEVMaXHDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGrDkGr6jbb+AAAAH3RSTlMAAQgJDA4SFiYnMDtJZmh0d4KHnrnG09fj6u35+/3+fOa5mQAAB31JREFUeNrt3LlOAzEARVGbGA8zCmsUlqTI/38WHS0FUpZiKCgoeXQonPMJr7iyXbjtCgCxZgIA1QRQTQDVBFBNANUEQDUBVBNANQFUE0A1AVQTANUEUE0A1QT469V8tQnAt52zJoAbOoBqAqgmgGoCqCYAqgmgmgCqCaCaAKoJoJoAqCaAagKoJoBqAqgmgGoCoJoAqgmgmgCqCaCaAKoJgGoCqCaAagKoJoBqAqCaAKoJoJoAqgmgmgCqCYBqAqgmgGoCqCaAagKoJgCqCaCaAKoJoJoAqgmgmgCoJoBqAqgmgGoCqCaAagKgmgCqCaCaAKoJoJoAqgmAagKoJoBqAqgmgGoCqCYAqgmgmgCqCaCaAKoJoJomAFBNANUEUE0A1QRQTQBUE0A1AVQTQDUBVBNANQFQTQDVBFBNANUEUE0A1QRANQFUE0A1AVQTQDUBVBMA1QRQTQDVBFBNANUEUE0AVBNANQFUE0A1AVQTQDUBUE0A1QRQTQDVBFBNANUEQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQDVBEA1AVQTQDUBVBNANQFUEwDVBFBNANUEUE0A1QRQTQBUE0A1AVQTQDUBVBNANQFQTQDVBFBNANUEUE0A1QRANQFUE0A1AVQTQDUBVBMA1QRQTQDVBFBNANUEQDUBVBNANQFUE0A1AVQTANUEUE0A1QRQTQDVBFBNAFQTQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQDVBEA1AVQTQDUBVBNANQFUEwDVBFBNANUEUE2Ac6vmYTACQF7Nt9LHqRsCIL2hH4/vtfWhjdYACKpZSplPp49Sau3dqRPg52p+mef93iIAaTUBUE0A1QRQTQDVBFBNANUEQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQDVBEA1AVQTQDUBVBNANQFUEwDVBFBNANUEUE0A1QRQTQBUE0A1AVQTQDUBVBNANQFQTQDVBFBNANUEUE0A1QRANQFUE0A1AVQTQDUBVBMA1QRQTQDVBFBNANUEUE0AVBNANQFUE0A1AVQTANUEUE0A1QRQTQDVBFBNAFQTQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQDVBEA1AVQTQDUBVBNANQFUEwDVBFBNANUEUE0A1QRQTQBUE0A1AVQTQDUBVBNANQFQTQDVBFBNANUEUE0AVBNANQFUE0A1AVQTQDUBUE0A1QRQTQDVBFBNANUEQDUBVBNANQFUE0A1AVQTANUEUE0A1QRQTQDVBFBNAFQTQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQDVBEA1AVQTQDUBVBNANQFQTQDVBFBNANUEUE0A1QRANQFUE0A1AVQTQDUBVBMA1QRQTQDVBFBNANUEUE0AVBNANQFUE0A1AVQTQDUBUE0A1QRQTQDVBFBNANUEQDUBVBNANQFUE0A1AVQTANUEUE0A1QRQTQDVBFBNAFQTQDUBVBNANQFUEwDVBFBNANUEUE0A1QRQTQBUE0A1AVQTQDUBVBNANQFQTQDVBFBNANUEUE0A1QRANQFUE0A1AVQTQDUBVBMA1QRQTQDVBFBNANUEUE0AVBNANQFUE0A1AVQTQDUBUE0A1QRQTQDVBFBNAFQTQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQDVBEA1AVQTQDUBVBNANQFUEwDVBFBNANUEUE0A1QRQTQBUE0A1AVQTQDUBVBNANQFQTQDVBFBNANUEUE0A1QRANQFUE0A1AVQTQDUBUE0A1QRQTQDVBFBNANUEQDUBVBNANQFUE0A1AVQTANUEUE0A1QRQTQDVBFBNAFQTQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQDVBEA1AVQTQDUBVBNANQFUEwDVBFBNANUEUE0A1QRQTQBUE0A1AVQTQDUBVBMA1QRQTQDVBFBNANUEUE0AVBNANQFUE0A1AVQTQDUBUE0A1QRQTQDVBFBNANUEQDUBVBNANQFUE0A1AVQTANUEUE0A1QRQTQDVBFBNAFQTQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQBUE0A1AVQTQDUBVBNANQFQTQDVBFBNANUEUE0A1QRANQFUE0A1AVQTQDUBVBMA1QRQTQDVBFBNANUEUE0AVBNANQFUE0A1AVQTQDUBUE0A1QRQTQDVBFBNANUEQDUBVBNANQFUE0A1AVBNANUEUE0A1QRQTQDVBEA1AVQTQDUBVBNANQFUEwDVBFBNANUEUE0A1QRQTQBUE0A1AVQTQDUBVBNANQFQTQDVBFBNANUEUE0A1QRANQFUE0A1AVQTQDUBVBMA1QRQTQDVBFBNANUEUE0AVBNANQFUE0A1AVQTANUEUE0A1QRQTQDVBFBNAFQTQDUBVBNANQFUE0A1AVBNANUE+AfVbC8X9gdUMzWtrQ+oZuzu1viAasaermwPqGaqbhemB1QzNTwbHlDN2HJld0A1Y6ul2QHVjG0urQ6oZmqxrUYHVDM1PpocUM3Y9YPFAdWMrSeDA6qZqhsfLAGqGfOkCajmL9zfGBs4A59frhrPPpIFaAAAAABJRU5ErkJggg=="); } } .thank-you-logo img{ background-color: #CFAE95; padding: 10px; } .thank-you-logo { text-align: center; } .thank-you-h1 { margin-top: 40px; color: #000; } .thanks-you-p { font-size: 20px; } .courses_list { padding: 60px 0; } .courses_header { position: relative; margin-top: 50px; margin-bottom: 60px; } .courses_title_big { color: #f7f7f7; position: absolute; top: -90px; text-transform: uppercase; z-index: -1; font-size: 200px; line-height: 120%; width: 100%; text-align: center; letter-spacing: 0.3em; font-family: "FuturaMedium"; } .courses_list iframe { min-height: 1px; } .courses_list .decor_title { margin-bottom: 50px; } .courses_list .decor_title:after { content: ''; margin: 0 auto; display: block; width: 59px; height: 2px; background-color: #C38F69; margin-top: 30px; } .courses_list .decor_title h2 { } .courses_list .decor_title p { font-size: 22px; } .courses_footer { } .courses_footer .courses_btn { margin-top: 50px; } .courses_btn { border-color: #000; padding: 18px 50px 14px 50px; color: #000; } .courses_btn:hover { color: #fff; border-color: transparent; } @media (max-width: 768px){ .courses_title_big { display: none; } .courses_list { padding: 0; } .title-bg-overlay.courses, .title-bg.courses { left: 0; } }