/*@font-face{ font-family:"Avenir Next Cyr W00 Regular"; src:url("../fonts/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot"); src:url("../fonts/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot") format("eot"), url("../fonts/7db1f672-3a8f-4d19-9c49-7f61aed450b5.woff2") format("woff2"), url("../fonts/4ab86b35-c0c2-42b5-98ad-4b6eba66b197.woff") format("woff"), url("../fonts/276b3566-1c3b-4bc1-8915-15314f091f29.ttf") format("truetype"); }*/ /**vars**/ /********************/ /********************/ body { font-family: futura-pt, sans-serif; } body #page { z-index: 1; } body .container { max-width: 1780px; z-index: 2; } @media (min-width: 992px) { body .container .fullwidth--content { padding: 0 25px; } } body .container-fluid { max-width: 100vw; z-index: 2; } @media (min-width: 992px) { body .container-fluid .fullwidth--content { padding: 0 25px; } } body .container, body .container-fluid { padding-right: 22px; padding-left: 22px; } body .container .col, body .container .col-1, body .container .col-10, body .container .col-11, body .container .col-12, body .container .col-2, body .container .col-3, body .container .col-4, body .container .col-5, body .container .col-6, body .container .col-7, body .container .col-8, body .container .col-9, body .container .col-auto, body .container .col-lg, body .container .col-lg-1, body .container .col-lg-10, body .container .col-lg-11, body .container .col-lg-12, body .container .col-lg-2, body .container .col-lg-3, body .container .col-lg-4, body .container .col-lg-5, body .container .col-lg-6, body .container .col-lg-7, body .container .col-lg-8, body .container .col-lg-9, body .container .col-lg-auto, body .container .col-md, body .container .col-md-1, body .container .col-md-10, body .container .col-md-11, body .container .col-md-12, body .container .col-md-2, body .container .col-md-3, body .container .col-md-4, body .container .col-md-5, body .container .col-md-6, body .container .col-md-7, body .container .col-md-8, body .container .col-md-9, body .container .col-md-auto, body .container .col-sm, body .container .col-sm-1, body .container .col-sm-10, body .container .col-sm-11, body .container .col-sm-12, body .container .col-sm-2, body .container .col-sm-3, body .container .col-sm-4, body .container .col-sm-5, body .container .col-sm-6, body .container .col-sm-7, body .container .col-sm-8, body .container .col-sm-9, body .container .col-sm-auto, body .container .col-xl, body .container .col-xl-1, body .container .col-xl-10, body .container .col-xl-11, body .container .col-xl-12, body .container .col-xl-2, body .container .col-xl-3, body .container .col-xl-4, body .container .col-xl-5, body .container .col-xl-6, body .container .col-xl-7, body .container .col-xl-8, body .container .col-xl-9, body .container .col-xl-auto, body .container-fluid .col, body .container-fluid .col-1, body .container-fluid .col-10, body .container-fluid .col-11, body .container-fluid .col-12, body .container-fluid .col-2, body .container-fluid .col-3, body .container-fluid .col-4, body .container-fluid .col-5, body .container-fluid .col-6, body .container-fluid .col-7, body .container-fluid .col-8, body .container-fluid .col-9, body .container-fluid .col-auto, body .container-fluid .col-lg, body .container-fluid .col-lg-1, body .container-fluid .col-lg-10, body .container-fluid .col-lg-11, body .container-fluid .col-lg-12, body .container-fluid .col-lg-2, body .container-fluid .col-lg-3, body .container-fluid .col-lg-4, body .container-fluid .col-lg-5, body .container-fluid .col-lg-6, body .container-fluid .col-lg-7, body .container-fluid .col-lg-8, body .container-fluid .col-lg-9, body .container-fluid .col-lg-auto, body .container-fluid .col-md, body .container-fluid .col-md-1, body .container-fluid .col-md-10, body .container-fluid .col-md-11, body .container-fluid .col-md-12, body .container-fluid .col-md-2, body .container-fluid .col-md-3, body .container-fluid .col-md-4, body .container-fluid .col-md-5, body .container-fluid .col-md-6, body .container-fluid .col-md-7, body .container-fluid .col-md-8, body .container-fluid .col-md-9, body .container-fluid .col-md-auto, body .container-fluid .col-sm, body .container-fluid .col-sm-1, body .container-fluid .col-sm-10, body .container-fluid .col-sm-11, body .container-fluid .col-sm-12, body .container-fluid .col-sm-2, body .container-fluid .col-sm-3, body .container-fluid .col-sm-4, body .container-fluid .col-sm-5, body .container-fluid .col-sm-6, body .container-fluid .col-sm-7, body .container-fluid .col-sm-8, body .container-fluid .col-sm-9, body .container-fluid .col-sm-auto, body .container-fluid .col-xl, body .container-fluid .col-xl-1, body .container-fluid .col-xl-10, body .container-fluid .col-xl-11, body .container-fluid .col-xl-12, body .container-fluid .col-xl-2, body .container-fluid .col-xl-3, body .container-fluid .col-xl-4, body .container-fluid .col-xl-5, body .container-fluid .col-xl-6, body .container-fluid .col-xl-7, body .container-fluid .col-xl-8, body .container-fluid .col-xl-9, body .container-fluid .col-xl-auto { padding-right: 22px; padding-left: 22px; } body .container .row, body .container-fluid .row { margin-right: -22px; margin-left: -22px; } body .container .row.left--image, body .container .row.right--image, body .container-fluid .row.left--image, body .container-fluid .row.right--image { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { body .container .row.left--image .box--image, body .container-fluid .row.left--image .box--image { padding-left: 25px; } } @media (min-width: 992px) { body .container .row.right--image .box--image, body .container-fluid .row.right--image .box--image { padding-right: 25px; } } @media (min-width: 1120px) { body .container, body .container-fluid { padding-right: 15px; padding-left: 15px; } body .container .col, body .container .col-1, body .container .col-10, body .container .col-11, body .container .col-12, body .container .col-2, body .container .col-3, body .container .col-4, body .container .col-5, body .container .col-6, body .container .col-7, body .container .col-8, body .container .col-9, body .container .col-auto, body .container .col-lg, body .container .col-lg-1, body .container .col-lg-10, body .container .col-lg-11, body .container .col-lg-12, body .container .col-lg-2, body .container .col-lg-3, body .container .col-lg-4, body .container .col-lg-5, body .container .col-lg-6, body .container .col-lg-7, body .container .col-lg-8, body .container .col-lg-9, body .container .col-lg-auto, body .container .col-md, body .container .col-md-1, body .container .col-md-10, body .container .col-md-11, body .container .col-md-12, body .container .col-md-2, body .container .col-md-3, body .container .col-md-4, body .container .col-md-5, body .container .col-md-6, body .container .col-md-7, body .container .col-md-8, body .container .col-md-9, body .container .col-md-auto, body .container .col-sm, body .container .col-sm-1, body .container .col-sm-10, body .container .col-sm-11, body .container .col-sm-12, body .container .col-sm-2, body .container .col-sm-3, body .container .col-sm-4, body .container .col-sm-5, body .container .col-sm-6, body .container .col-sm-7, body .container .col-sm-8, body .container .col-sm-9, body .container .col-sm-auto, body .container .col-xl, body .container .col-xl-1, body .container .col-xl-10, body .container .col-xl-11, body .container .col-xl-12, body .container .col-xl-2, body .container .col-xl-3, body .container .col-xl-4, body .container .col-xl-5, body .container .col-xl-6, body .container .col-xl-7, body .container .col-xl-8, body .container .col-xl-9, body .container .col-xl-auto, body .container-fluid .col, body .container-fluid .col-1, body .container-fluid .col-10, body .container-fluid .col-11, body .container-fluid .col-12, body .container-fluid .col-2, body .container-fluid .col-3, body .container-fluid .col-4, body .container-fluid .col-5, body .container-fluid .col-6, body .container-fluid .col-7, body .container-fluid .col-8, body .container-fluid .col-9, body .container-fluid .col-auto, body .container-fluid .col-lg, body .container-fluid .col-lg-1, body .container-fluid .col-lg-10, body .container-fluid .col-lg-11, body .container-fluid .col-lg-12, body .container-fluid .col-lg-2, body .container-fluid .col-lg-3, body .container-fluid .col-lg-4, body .container-fluid .col-lg-5, body .container-fluid .col-lg-6, body .container-fluid .col-lg-7, body .container-fluid .col-lg-8, body .container-fluid .col-lg-9, body .container-fluid .col-lg-auto, body .container-fluid .col-md, body .container-fluid .col-md-1, body .container-fluid .col-md-10, body .container-fluid .col-md-11, body .container-fluid .col-md-12, body .container-fluid .col-md-2, body .container-fluid .col-md-3, body .container-fluid .col-md-4, body .container-fluid .col-md-5, body .container-fluid .col-md-6, body .container-fluid .col-md-7, body .container-fluid .col-md-8, body .container-fluid .col-md-9, body .container-fluid .col-md-auto, body .container-fluid .col-sm, body .container-fluid .col-sm-1, body .container-fluid .col-sm-10, body .container-fluid .col-sm-11, body .container-fluid .col-sm-12, body .container-fluid .col-sm-2, body .container-fluid .col-sm-3, body .container-fluid .col-sm-4, body .container-fluid .col-sm-5, body .container-fluid .col-sm-6, body .container-fluid .col-sm-7, body .container-fluid .col-sm-8, body .container-fluid .col-sm-9, body .container-fluid .col-sm-auto, body .container-fluid .col-xl, body .container-fluid .col-xl-1, body .container-fluid .col-xl-10, body .container-fluid .col-xl-11, body .container-fluid .col-xl-12, body .container-fluid .col-xl-2, body .container-fluid .col-xl-3, body .container-fluid .col-xl-4, body .container-fluid .col-xl-5, body .container-fluid .col-xl-6, body .container-fluid .col-xl-7, body .container-fluid .col-xl-8, body .container-fluid .col-xl-9, body .container-fluid .col-xl-auto { padding-right: 15px; padding-left: 15px; } body .container .row, body .container-fluid .row { margin-right: -15px; margin-left: -15px; } } body h1, body h2, body h3, body h4, body h5, body h6 { font-weight: 700; font-style: normal; } body h1 { font-size: 2rem; } @media (min-width: 992px) { body h1 { font-size: 2.7rem; } } @media (min-width: 1120px) { body h1 { font-size: 3.3rem; } } body h2 { font-size: 1.7rem; } @media (min-width: 992px) { body h2 { font-size: 2.1rem; } } body h2.big--opacity { color: #F4F4F4; text-transform: uppercase; } @media (min-width: 1120px) { body h2.big--opacity { font-size: 5rem; } } body h3 { font-size: 1.9rem; } body h4 { font-size: 1.6rem; } body p { color: #767678; font-size: 1.15rem; font-weight: 300; line-height: 1.8rem; margin: 1.5rem 0; } @media (min-width: 992px) { body p { font-size: 1.25rem; line-height: 2.2rem; } } body a { color: #151515; text-decoration: none; -webkit-transition: color .25s ease; -o-transition: color .25s ease; transition: color .25s ease; } body a:hover { color: #151515; text-decoration: none; } body ul, body li { font-size: 1.15rem; font-weight: 400; line-height: 2.4rem; } @media (min-width: 992px) { body ul, body li { font-size: 1.25rem; line-height: 2.6rem; } } body img { width: 100%; height: auto; } body .loading { -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; opacity: 0; position: fixed; visibility: hidden; background: #A265EE; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; } body input, body textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } body .inLoading .loading { opacity: 1; visibility: visible; } body .inLoading .logo { opacity: 0; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body .colour--item { color: #A265EE; } body .btn { min-height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border: none; background: transparent; margin-top: 45px; } body .btn a, body .btn button, body .btn input[type="button"], body .btn input[type="submit"] { position: relative; padding: 15px 35px; color: #fff; text-transform: uppercase; text-decoration: none; letter-spacing: 1.5px; font-size: .75rem; height: 55px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } body .btn a:before, body .btn button:before, body .btn input[type="button"]:before, body .btn input[type="submit"]:before { content: ''; position: absolute; top: 0; left: 0; background: #A265EE; width: 4px; height: 100%; z-index: 1; -webkit-transition: width .25s ease; -o-transition: width .25s ease; transition: width .25s ease; } body .btn a:after, body .btn button:after, body .btn input[type="button"]:after, body .btn input[type="submit"]:after { content: ''; position: absolute; top: 0; left: 0; background: #272727; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.404); border: none; z-index: 0; } body .btn a span, body .btn button span, body .btn input[type="button"] span, body .btn input[type="submit"] span { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .btn a span img, body .btn button span img, body .btn input[type="button"] span img, body .btn input[type="submit"] span img { margin-right: 15px; } body .btn a:hover:before, body .btn a:focus:before, body .btn button:hover:before, body .btn button:focus:before, body .btn input[type="button"]:hover:before, body .btn input[type="button"]:focus:before, body .btn input[type="submit"]:hover:before, body .btn input[type="submit"]:focus:before { width: 100%; } body .btn.plus--symbol > div, body .btn.plus--symbol a, body .btn.plus--symbol button { background: #333; width: 55px; padding: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity .25s ease; -o-transition: opacity .25s ease; transition: opacity .25s ease; } body .btn.plus--symbol > div:before, body .btn.plus--symbol > div:after, body .btn.plus--symbol a:before, body .btn.plus--symbol a:after, body .btn.plus--symbol button:before, body .btn.plus--symbol button:after { display: none; } body .btn.plus--symbol > div .line, body .btn.plus--symbol a .line, body .btn.plus--symbol button .line { width: 100%; height: 2px; background: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 25px; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } body .btn.plus--symbol > div .line.vertical, body .btn.plus--symbol a .line.vertical, body .btn.plus--symbol button .line.vertical { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } body .btn.plus--symbol > div.open .line.vertical, body .btn.plus--symbol a.open .line.vertical, body .btn.plus--symbol button.open .line.vertical { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } body .btn.plus--symbol > div:hover, body .btn.plus--symbol a:hover, body .btn.plus--symbol button:hover { opacity: 0.7; } body .white--text * { color: #fff; } body #smile circle { fill: #A265EE; } body .smile { position: absolute; width: 60px; height: 60px; background: #A265EE; right: 0; top: 0; border-radius: 100px; -webkit-transform: translateX(90px); -ms-transform: translateX(90px); transform: translateX(90px); } body .smile img, body .smile svg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } body .smile.show { -webkit-transform: scale(0.6) translateX(90px) !important; -ms-transform: scale(0.6) translateX(90px) !important; transform: scale(0.6) translateX(90px) !important; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; display: none; } @media (min-width: 992px) { body .smile.show { display: block; } } body #colorTheme.dark--variant .top--section { background: #151515; } body #colorTheme.dark--variant .images--carousel .background--colour-box, body #colorTheme.dark--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .btn a, body #colorTheme.dark--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more:before, body #colorTheme.dark--variant .images--carousel:before, body #colorTheme.dark--variant .menu--btn, body #colorTheme.dark--variant .blackBox .left--border, body #colorTheme.dark--variant .menu--content_inner-right-column, body #colorTheme.dark--variant section.halfcolor--bg .color--bg, body #colorTheme.dark--variant .btn a:before, body #colorTheme.dark--variant .btn button:before, body #colorTheme.dark--variant .news--ui .news--progress_line .news--progress_line-active, body #colorTheme.dark--variant .services--content .service--image { background: #A265EE; } body #colorTheme.dark--variant .colour--item, body #colorTheme.dark--variant .colour--item > span, body #colorTheme.dark--variant .bigger--text a, body #colorTheme.dark--variant .services--content .services--list ul li a:hover, body #colorTheme.dark--variant .main--carousel .carousel--pre_title, body #colorTheme.dark--variant .work-position { color: #A265EE; } body #colorTheme.dark--variant #smile circle { fill: #A265EE; } body #colorTheme.dark--variant .logo a #goshpr circle { stroke: #A265EE; } body #colorTheme.dark--variant .logo a #goshpr #pr > * { fill: #A265EE; } body #colorTheme.dark--variant .share--box { border-color: #A265EE; } body #colorTheme.dark--variant section.fixed--quote #quote-icon path { fill: #A265EE; } body #colorTheme.dark--variant footer .menu-main-menu-container a:hover, body #colorTheme.dark--variant footer .menu-main-menu-container a:focus { color: #A265EE; } body #colorTheme.dark--variant a[href^="mailto"]:hover, body #colorTheme.dark--variant a[href^="mailto"]:focus { color: #A265EE; } body #colorTheme.purple--variant section.squereThemeColour--bg .color--bg, body #colorTheme.purple--variant .images--carousel .background--colour-box, body #colorTheme.purple--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .btn a, body #colorTheme.purple--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more:before, body #colorTheme.purple--variant .images--carousel:before, body #colorTheme.purple--variant .menu--btn, body #colorTheme.purple--variant .blackBox .left--border, body #colorTheme.purple--variant .menu--content_inner-right-column, body #colorTheme.purple--variant .top--section, body #colorTheme.purple--variant section.halfcolor--bg .color--bg, body #colorTheme.purple--variant .btn a:before, body #colorTheme.purple--variant .btn button:before, body #colorTheme.purple--variant .news--ui .news--progress_line .news--progress_line-active, body #colorTheme.purple--variant .services--content .service--image { background: #A265EE; } body #colorTheme.purple--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .image--carousel--item_name a span.work-position, body #colorTheme.purple--variant .colour--item, body #colorTheme.purple--variant .colour--item > span, body #colorTheme.purple--variant .bigger--text a, body #colorTheme.purple--variant .services--content .services--list ul li a:hover { color: #A265EE; } body #colorTheme.purple--variant #smile circle { fill: #A265EE; } body #colorTheme.purple--variant .logo a #goshpr circle { stroke: #A265EE; } body #colorTheme.purple--variant .logo a #goshpr #pr > * { fill: #A265EE; } body #colorTheme.purple--variant .share--box { border-color: #A265EE; } body #colorTheme.purple--variant .form .btn input[type="submit"] { border-color: #A265EE; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; } body #colorTheme.purple--variant .form .btn input[type="submit"]:hover { background: #A265EE; } body #colorTheme.purple--variant section.fixed--quote #quote-icon path { fill: #A265EE; } body #colorTheme.purple--variant footer .menu-main-menu-container a:hover, body #colorTheme.purple--variant footer .menu-main-menu-container a:focus { color: #A265EE; } body #colorTheme.purple--variant a[href^="mailto"]:hover, body #colorTheme.purple--variant a[href^="mailto"]:focus { color: #A265EE; } body #colorTheme.orange--variant section.squereThemeColour--bg .color--bg, body #colorTheme.orange--variant .images--carousel .background--colour-box, body #colorTheme.orange--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .btn a, body #colorTheme.orange--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more:before, body #colorTheme.orange--variant .images--carousel:before, body #colorTheme.orange--variant .menu--btn, body #colorTheme.orange--variant .blackBox .left--border, body #colorTheme.orange--variant .menu--content_inner-right-column, body #colorTheme.orange--variant .top--section, body #colorTheme.orange--variant section.halfcolor--bg .color--bg, body #colorTheme.orange--variant .btn a:before, body #colorTheme.orange--variant .btn button:before, body #colorTheme.orange--variant .news--ui .news--progress_line .news--progress_line-active, body #colorTheme.orange--variant .services--content .service--image { background: #F47F49; } body #colorTheme.orange--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .image--carousel--item_name a span.work-position, body #colorTheme.orange--variant .colour--item, body #colorTheme.orange--variant .colour--item > span, body #colorTheme.orange--variant .bigger--text a, body #colorTheme.orange--variant .services--content .services--list ul li a:hover { color: #F47F49; } body #colorTheme.orange--variant #smile circle { fill: #F47F49; } body #colorTheme.orange--variant .logo a #goshpr circle { stroke: #F47F49; } body #colorTheme.orange--variant .logo a #goshpr #pr > * { fill: #F47F49; } body #colorTheme.orange--variant .share--box { border-color: #F47F49; } body #colorTheme.orange--variant .form .btn input[type="submit"] { border-color: #F47F49; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; } body #colorTheme.orange--variant .form .btn input[type="submit"]:hover { background: #F47F49; } body #colorTheme.orange--variant section.fixed--quote #quote-icon path { fill: #F47F49; } body #colorTheme.orange--variant footer .menu-main-menu-container a:hover, body #colorTheme.orange--variant footer .menu-main-menu-container a:focus { color: #F47F49; } body #colorTheme.orange--variant a[href^="mailto"]:hover, body #colorTheme.orange--variant a[href^="mailto"]:focus { color: #A265EE; } body #colorTheme.blue--variant section.squereThemeColour--bg .color--bg, body #colorTheme.blue--variant .images--carousel .background--colour-box, body #colorTheme.blue--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .btn a, body #colorTheme.blue--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more:before, body #colorTheme.blue--variant .images--carousel:before, body #colorTheme.blue--variant .menu--btn, body #colorTheme.blue--variant .blackBox .left--border, body #colorTheme.blue--variant .menu--content_inner-right-column, body #colorTheme.blue--variant .top--section, body #colorTheme.blue--variant section.halfcolor--bg .color--bg, body #colorTheme.blue--variant .btn a:before, body #colorTheme.blue--variant .btn button:before, body #colorTheme.blue--variant .news--ui .news--progress_line .news--progress_line-active, body #colorTheme.blue--variant .services--content .service--image { background: #31B7E2; } body #colorTheme.blue--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .image--carousel--item_name a span.work-position, body #colorTheme.blue--variant .colour--item, body #colorTheme.blue--variant .colour--item > span, body #colorTheme.blue--variant .bigger--text a, body #colorTheme.blue--variant .services--content .services--list ul li a:hover { color: #31B7E2; } body #colorTheme.blue--variant #smile circle { fill: #31B7E2; } body #colorTheme.blue--variant .logo a #goshpr circle { stroke: #31B7E2; } body #colorTheme.blue--variant .logo a #goshpr #pr > * { fill: #31B7E2; } body #colorTheme.blue--variant .share--box { border-color: #31B7E2; } body #colorTheme.blue--variant .form .btn input[type="submit"] { border-color: #31B7E2; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; } body #colorTheme.blue--variant .form .btn input[type="submit"]:hover { background: #31B7E2; } body #colorTheme.blue--variant section.fixed--quote #quote-icon path { fill: #31B7E2; } body #colorTheme.blue--variant footer .menu-main-menu-container a:hover, body #colorTheme.blue--variant footer .menu-main-menu-container a:focus { color: #31B7E2; } body #colorTheme.blue--variant a[href^="mailto"]:hover, body #colorTheme.blue--variant a[href^="mailto"]:focus { color: #A265EE; } body #colorTheme.red--variant section.squereThemeColour--bg .color--bg, body #colorTheme.red--variant .images--carousel .background--colour-box, body #colorTheme.red--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .btn a, body #colorTheme.red--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more:before, body #colorTheme.red--variant .images--carousel:before, body #colorTheme.red--variant .menu--btn, body #colorTheme.red--variant .blackBox .left--border, body #colorTheme.red--variant .menu--content_inner-right-column, body #colorTheme.red--variant .top--section, body #colorTheme.red--variant section.halfcolor--bg .color--bg, body #colorTheme.red--variant .btn a:before, body #colorTheme.red--variant .btn button:before, body #colorTheme.red--variant .news--ui .news--progress_line .news--progress_line-active, body #colorTheme.red--variant .services--content .service--image { background: #EB3A3A; } body #colorTheme.red--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .image--carousel--item_name a span.work-position, body #colorTheme.red--variant .colour--item, body #colorTheme.red--variant .colour--item > span, body #colorTheme.red--variant .bigger--text a, body #colorTheme.red--variant .services--content .services--list ul li a:hover { color: #EB3A3A; } body #colorTheme.red--variant #smile circle { fill: #EB3A3A; } body #colorTheme.red--variant .logo a #goshpr circle { stroke: #EB3A3A; } body #colorTheme.red--variant .logo a #goshpr #pr > * { fill: #EB3A3A; } body #colorTheme.red--variant .share--box { border-color: #EB3A3A; } body #colorTheme.red--variant .form .btn input[type="submit"] { border-color: #EB3A3A; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; } body #colorTheme.red--variant .form .btn input[type="submit"]:hover { background: #EB3A3A; } body #colorTheme.red--variant section.fixed--quote #quote-icon path { fill: #EB3A3A; } body #colorTheme.red--variant footer .menu-main-menu-container a:hover, body #colorTheme.red--variant footer .menu-main-menu-container a:focus { color: #EB3A3A; } body #colorTheme.red--variant a[href^="mailto"]:hover, body #colorTheme.red--variant a[href^="mailto"]:focus { color: #A265EE; } body #colorTheme.yellow--variant section.squereThemeColour--bg .color--bg, body #colorTheme.yellow--variant .images--carousel .background--colour-box, body #colorTheme.yellow--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .btn a, body #colorTheme.yellow--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more:before, body #colorTheme.yellow--variant .images--carousel:before, body #colorTheme.yellow--variant .menu--btn, body #colorTheme.yellow--variant .blackBox .left--border, body #colorTheme.yellow--variant .menu--content_inner-right-column, body #colorTheme.yellow--variant .top--section, body #colorTheme.yellow--variant section.halfcolor--bg .color--bg, body #colorTheme.yellow--variant .btn a:before, body #colorTheme.yellow--variant .btn button:before, body #colorTheme.yellow--variant .news--ui .news--progress_line .news--progress_line-active { background: #E6B243; } body #colorTheme.yellow--variant .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .image--carousel--item_name a span.work-position, body #colorTheme.yellow--variant .colour--item, body #colorTheme.yellow--variant .colour--item > span, body #colorTheme.yellow--variant .bigger--text a, body #colorTheme.yellow--variant .services--content .services--list ul li a:hover { color: #E6B243; } body #colorTheme.yellow--variant #smile circle { fill: #E6B243; } body #colorTheme.yellow--variant .logo a #goshpr circle { stroke: #E6B243; } body #colorTheme.yellow--variant .logo a #goshpr #pr > * { fill: #E6B243; } body #colorTheme.yellow--variant .btn a:before, body #colorTheme.yellow--variant .btn button:before { background: #E6B243; } body #colorTheme.yellow--variant .share--box { border-color: #E6B243; } body #colorTheme.yellow--variant .form .btn input[type="submit"] { border-color: #E6B243; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; } body #colorTheme.yellow--variant .form .btn input[type="submit"]:hover { background: #E6B243; } body #colorTheme.yellow--variant section.fixed--quote #quote-icon path { fill: #E6B243; } body #colorTheme.yellow--variant footer .menu-main-menu-container a:hover, body #colorTheme.yellow--variant footer .menu-main-menu-container a:focus { color: #E6B243; } body #colorTheme.yellow--variant a[href^="mailto"]:hover, body #colorTheme.yellow--variant a[href^="mailto"]:focus { color: #A265EE; } body #colorTheme .purple--box .btn a:before, body #colorTheme .purple--box .btn button:before, body #colorTheme .purple--box .blackBox .left--border, body #colorTheme .purple--box .plus--symbol a { background: #A265EE !important; } body #colorTheme .purple--box .blackBox--title .number { color: #A265EE; } body #colorTheme .orange--box .btn a:before, body #colorTheme .orange--box .btn button:before, body #colorTheme .orange--box .blackBox .left--border, body #colorTheme .orange--box .plus--symbol a { background: #F47F49 !important; } body #colorTheme .orange--box .blackBox--title .number { color: #F47F49; } body #colorTheme .blue--box .btn a:before, body #colorTheme .blue--box .btn button:before, body #colorTheme .blue--box .blackBox .left--border, body #colorTheme .blue--box .plus--symbol a { background: #31B7E2 !important; } body #colorTheme .blue--box .blackBox--title .number { color: #31B7E2; } body #colorTheme .red--box .btn a:before, body #colorTheme .red--box .btn button:before, body #colorTheme .red--box .blackBox .left--border, body #colorTheme .red--box .plus--symbol a { background: #EB3A3A !important; } body #colorTheme .red--box .blackBox--title .number { color: #EB3A3A; } body #colorTheme .yellow--box .btn a:before, body #colorTheme .yellow--box .btn button:before, body #colorTheme .yellow--box .blackBox .left--border, body #colorTheme .yellow--box .plus--symbol a { background: #E6B243 !important; } body #colorTheme .yellow--box .blackBox--title .number { color: #E6B243; } body .page-template-template-page-inner #colorTheme.purple--variant .menu--btn, body .page-template-template-page-inner #colorTheme.orange--variant .menu--btn, body .page-template-template-page-inner #colorTheme.blue--variant .menu--btn, body .page-template-template-page-inner #colorTheme.red--variant .menu--btn, body .page-template-template-page-inner #colorTheme.yellow--variant .menu--btn, body .page-template-template-page-services #colorTheme.purple--variant .menu--btn, body .page-template-template-page-services #colorTheme.orange--variant .menu--btn, body .page-template-template-page-services #colorTheme.blue--variant .menu--btn, body .page-template-template-page-services #colorTheme.red--variant .menu--btn, body .page-template-template-page-services #colorTheme.yellow--variant .menu--btn, body .page-template-template-page-service-detail #colorTheme.purple--variant .menu--btn, body .page-template-template-page-service-detail #colorTheme.orange--variant .menu--btn, body .page-template-template-page-service-detail #colorTheme.blue--variant .menu--btn, body .page-template-template-page-service-detail #colorTheme.red--variant .menu--btn, body .page-template-template-page-service-detail #colorTheme.yellow--variant .menu--btn { background: #151515; } body .page-template-template-page-inner #colorTheme.purple--variant .main--carousel .btn a:before, body .page-template-template-page-inner #colorTheme.orange--variant .main--carousel .btn a:before, body .page-template-template-page-inner #colorTheme.blue--variant .main--carousel .btn a:before, body .page-template-template-page-inner #colorTheme.red--variant .main--carousel .btn a:before, body .page-template-template-page-inner #colorTheme.yellow--variant .main--carousel .btn a:before, body .page-template-template-page-services #colorTheme.purple--variant .main--carousel .btn a:before, body .page-template-template-page-services #colorTheme.orange--variant .main--carousel .btn a:before, body .page-template-template-page-services #colorTheme.blue--variant .main--carousel .btn a:before, body .page-template-template-page-services #colorTheme.red--variant .main--carousel .btn a:before, body .page-template-template-page-services #colorTheme.yellow--variant .main--carousel .btn a:before, body .page-template-template-page-service-detail #colorTheme.purple--variant .main--carousel .btn a:before, body .page-template-template-page-service-detail #colorTheme.orange--variant .main--carousel .btn a:before, body .page-template-template-page-service-detail #colorTheme.blue--variant .main--carousel .btn a:before, body .page-template-template-page-service-detail #colorTheme.red--variant .main--carousel .btn a:before, body .page-template-template-page-service-detail #colorTheme.yellow--variant .main--carousel .btn a:before { background: #151515; } body .page-template-template-page-inner #colorTheme.purple--variant .logo a #goshpr circle, body .page-template-template-page-inner #colorTheme.orange--variant .logo a #goshpr circle, body .page-template-template-page-inner #colorTheme.blue--variant .logo a #goshpr circle, body .page-template-template-page-inner #colorTheme.red--variant .logo a #goshpr circle, body .page-template-template-page-inner #colorTheme.yellow--variant .logo a #goshpr circle, body .page-template-template-page-services #colorTheme.purple--variant .logo a #goshpr circle, body .page-template-template-page-services #colorTheme.orange--variant .logo a #goshpr circle, body .page-template-template-page-services #colorTheme.blue--variant .logo a #goshpr circle, body .page-template-template-page-services #colorTheme.red--variant .logo a #goshpr circle, body .page-template-template-page-services #colorTheme.yellow--variant .logo a #goshpr circle, body .page-template-template-page-service-detail #colorTheme.purple--variant .logo a #goshpr circle, body .page-template-template-page-service-detail #colorTheme.orange--variant .logo a #goshpr circle, body .page-template-template-page-service-detail #colorTheme.blue--variant .logo a #goshpr circle, body .page-template-template-page-service-detail #colorTheme.red--variant .logo a #goshpr circle, body .page-template-template-page-service-detail #colorTheme.yellow--variant .logo a #goshpr circle { stroke: #151515; } body .page-template-template-page-inner #colorTheme.purple--variant .logo a #goshpr #pr > *, body .page-template-template-page-inner #colorTheme.orange--variant .logo a #goshpr #pr > *, body .page-template-template-page-inner #colorTheme.blue--variant .logo a #goshpr #pr > *, body .page-template-template-page-inner #colorTheme.red--variant .logo a #goshpr #pr > *, body .page-template-template-page-inner #colorTheme.yellow--variant .logo a #goshpr #pr > *, body .page-template-template-page-services #colorTheme.purple--variant .logo a #goshpr #pr > *, body .page-template-template-page-services #colorTheme.orange--variant .logo a #goshpr #pr > *, body .page-template-template-page-services #colorTheme.blue--variant .logo a #goshpr #pr > *, body .page-template-template-page-services #colorTheme.red--variant .logo a #goshpr #pr > *, body .page-template-template-page-services #colorTheme.yellow--variant .logo a #goshpr #pr > *, body .page-template-template-page-service-detail #colorTheme.purple--variant .logo a #goshpr #pr > *, body .page-template-template-page-service-detail #colorTheme.orange--variant .logo a #goshpr #pr > *, body .page-template-template-page-service-detail #colorTheme.blue--variant .logo a #goshpr #pr > *, body .page-template-template-page-service-detail #colorTheme.red--variant .logo a #goshpr #pr > *, body .page-template-template-page-service-detail #colorTheme.yellow--variant .logo a #goshpr #pr > * { fill: #151515; } body .page-template-template-page-inner #colorTheme.dark--variant .menu--btn, body .page-template-template-page-inner #colorTheme.dark--variant .blackBox .left--border, body .page-template-template-page-services #colorTheme.dark--variant .menu--btn, body .page-template-template-page-services #colorTheme.dark--variant .blackBox .left--border, body .page-template-template-page-service-detail #colorTheme.dark--variant .menu--btn, body .page-template-template-page-service-detail #colorTheme.dark--variant .blackBox .left--border { background: #A265EE; } body .page-template-template-page-inner #colorTheme.dark--variant .main--carousel .btn a:before, body .page-template-template-page-services #colorTheme.dark--variant .main--carousel .btn a:before, body .page-template-template-page-service-detail #colorTheme.dark--variant .main--carousel .btn a:before { background: #A265EE; } body .page-template-template-page-inner #colorTheme.dark--variant .logo a #goshpr circle, body .page-template-template-page-services #colorTheme.dark--variant .logo a #goshpr circle, body .page-template-template-page-service-detail #colorTheme.dark--variant .logo a #goshpr circle { stroke: #A265EE; } body .page-template-template-page-inner #colorTheme.dark--variant .logo a #goshpr #pr > *, body .page-template-template-page-services #colorTheme.dark--variant .logo a #goshpr #pr > *, body .page-template-template-page-service-detail #colorTheme.dark--variant .logo a #goshpr #pr > * { fill: #A265EE; } body.open--menu #colorTheme .logo a #goshpr circle { stroke: white; } body.open--menu #colorTheme .logo a #goshpr #pr > * { fill: white; } @media (min-width: 992px) { body.open--menu #colorTheme.purple--variant .logo a #goshpr circle { stroke: #A265EE; } body.open--menu #colorTheme.purple--variant .logo a #goshpr #pr > * { fill: #A265EE; } } @media (min-width: 992px) { body.open--menu #colorTheme.orange--variant .logo a #goshpr circle { stroke: #F47F49; } body.open--menu #colorTheme.orange--variant .logo a #goshpr #pr > * { fill: #F47F49; } } @media (min-width: 992px) { body.open--menu #colorTheme.blue--variant .logo a #goshpr circle { stroke: #31B7E2; } body.open--menu #colorTheme.blue--variant .logo a #goshpr #pr > * { fill: #31B7E2; } } @media (min-width: 992px) { body.open--menu #colorTheme.red--variant .logo a #goshpr circle { stroke: #EB3A3A; } body.open--menu #colorTheme.red--variant .logo a #goshpr #pr > * { fill: #EB3A3A; } } @media (min-width: 992px) { body.open--menu #colorTheme.yellow--variant .logo a #goshpr circle { stroke: #E6B243; } body.open--menu #colorTheme.yellow--variant .logo a #goshpr #pr > * { fill: #E6B243; } } body.open--menu #ajaxContent > div.blog .logo a #goshpr circle { stroke: #fff !important; } body.open--menu #ajaxContent > div.blog .logo a #goshpr #pr > * { fill: #fff !important; } body .scroll--element { position: absolute; bottom: 0; left: 0; color: #fff; text-transform: uppercase; font-size: .8rem; letter-spacing: 1px; display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; width: 12px; z-index: 2; } body .scroll--element .line { width: 1px; height: 45px; background: #fff; } body .scroll--element .scroll--element_value { width: 100%; display: block; -webkit-transform: rotate(-90deg) translateX(50%); -ms-transform: rotate(-90deg) translateX(50%); transform: rotate(-90deg) translateX(50%); } @media (min-width: 992px) { body .scroll--element { display: -webkit-box; display: -ms-flexbox; display: flex; } } body .separator--gap { display: inline-block; width: 100%; margin: 35px 0; } @media (min-width: 992px) { body .separator--gap { margin: 65px 0; } } body .separator--gap_bigger { display: inline-block; width: 100%; margin: 35px 0; } @media (min-width: 992px) { body .separator--gap_bigger { margin: 85px 0; } } body .vertical--text { position: absolute; left: 0; top: 0; -webkit-transform: translate(-60%, 130%) rotate(-90deg); -ms-transform: translate(-60%, 130%) rotate(-90deg); transform: translate(-60%, 130%) rotate(-90deg); text-transform: uppercase; } body .vertical--text .content { font-size: 5vw; font-weight: 800; color: #000000; opacity: 0.1; } body .no--padding { padding: 0; } body .overflow--hidden { overflow: hidden; } body .small--text_upp { font-size: .83rem; text-transform: uppercase; letter-spacing: 1.5px; } body .small--text_nor { font-size: .93rem; } body .big--o { position: absolute; width: 60%; height: auto; right: 0; bottom: 0; -webkit-transform: translateX(30%); -ms-transform: translateX(30%); transform: translateX(30%); display: none; } @media (min-width: 992px) { body .big--o { display: block; } } body #ajaxContent > div.home .logo { pointer-events: none; } @media (min-width: 992px) { body #ajaxContent > div.blog .logo a #goshpr circle { stroke: #151515 !important; } } @media (min-width: 992px) { body #ajaxContent > div.blog .logo a #goshpr #pr > * { fill: #151515 !important; } } body #ajaxContent > div.blog #text--carousel .btn a:after { background: #151515; } @media (min-width: 992px) { body #ajaxContent > div.blog h2 { font-size: 1.6rem; } } @media (min-width: 1300px) { body #ajaxContent > div.blog h2 { font-size: 2.1rem; } } @media (min-width: 992px) { body #ajaxContent > div.blog section.top--section { min-height: 1024px; } } @media (min-width: 992px) { body #ajaxContent > div.error404 .error--page { min-height: 70vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body #ajaxContent > div.error404 .error--page .inner { height: 100%; width: 100%; } } body #ajaxContent > div.single-case_studies .text-box-image .box--image { margin-top: 0; } @media (min-width: 992px) { body #ajaxContent > div.single-case_studies .text-box-image .box--image { margin: 0; } } @media (min-width: 992px) { body #ajaxContent > div.single-post .box--image.absolute { -webkit-transform: translateY(-150px); -ms-transform: translateY(-150px); transform: translateY(-150px); } } @media (max-width: 992px) { body #ajaxContent > div.page-template-template-page-contact #text--carousel .flickity-viewport { height: 330px !important; } } body #ajaxContent > div.blog .menu--content .current_page_parent a { color: #151515; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } body .hide--onmobile { display: none; } @media (min-width: 992px) { body .hide--onmobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } body .chocolat-overlay { opacity: 1; } body .chocolat-wrapper .chocolat-top, body .chocolat-wrapper .chocolat-bottom { overflow: inherit; } body .chocolat-wrapper .chocolat-bottom { background: rgba(0, 0, 0, 0.5); } body .chocolat-wrapper .chocolat-close { background: url(http://www.b-mint.co.uk/views/web/static/fonts/close-gal.svg) 50% 50% no-repeat; -webkit-transform: translate(-15px, 20px); -ms-transform: translate(-15px, 20px); transform: translate(-15px, 20px); } @media (min-width: 992px) { body .chocolat-wrapper .chocolat-close { -webkit-transform: translate(-50px, 43px); -ms-transform: translate(-50px, 43px); transform: translate(-50px, 43px); } } body .chocolat-wrapper .chocolat-right { background: url(http://www.b-mint.co.uk/views/web/static/fonts/right-gal.svg) 50% 50% no-repeat; -webkit-transform: translate(-15px, 0); -ms-transform: translate(-15px, 0); transform: translate(-15px, 0); } @media (min-width: 992px) { body .chocolat-wrapper .chocolat-right { -webkit-transform: translate(-50px, 0); -ms-transform: translate(-50px, 0); transform: translate(-50px, 0); } } body .chocolat-wrapper .chocolat-left { background: url(http://www.b-mint.co.uk/views/web/static/fonts/left-gal.svg) 50% 50% no-repeat; -webkit-transform: translate(15px, 0); -ms-transform: translate(15px, 0); transform: translate(15px, 0); } @media (min-width: 992px) { body .chocolat-wrapper .chocolat-left { -webkit-transform: translate(50px, 0); -ms-transform: translate(50px, 0); transform: translate(50px, 0); } } body #primary.dark--bg { background: #151515; } body #primary.dark--bg h2 { margin-bottom: 45px; } @media (min-width: 1700px) { body #primary.dark--bg h2 { font-size: 3.4rem; margin-bottom: 75px; } } body #primary.blog--page .carousel--pre_title { color: #fff !important; } @media (min-width: 992px) { body #primary.blog--page #text--carousel { padding-left: 25px; } } body #primary.blog--page h1 { margin-bottom: 45px; } body #primary.blog--page .top--section .color--bg.half-bg { position: absolute; background: #A265EE; width: 45%; height: 90%; display: none; top: 0; left: 0; } @media (min-width: 992px) { body #primary.blog--page .top--section .color--bg.half-bg { display: block; } } body #primary.blog--page .top--section .color--bg.half-bg .color--bg_in { content: ''; position: absolute; bottom: 0; left: 0; background: #fff; width: 100%; height: 20%; display: none; } @media (min-width: 992px) { body #primary.blog--page .top--section .color--bg.half-bg .color--bg_in { display: block; } } body #primary.blog--page .top--section:after { content: ''; position: absolute; bottom: 0; left: 0; background: #fff; width: 100%; height: 15%; display: none; } @media (min-width: 992px) { body #primary.blog--page .top--section:after { display: block; } } @media (min-width: 992px) { body #primary.blog--page .top--section > .container { margin-bottom: -50px; } } @media (min-width: 1700px) { body #primary.blog--page .top--section > .container { margin-bottom: -90px; } } body #primary.blog--page .blog--image { position: relative; } body #primary div.wpcf7 .ajax-loader { display: none !important; } /*Page*/ body { /* fixes potential theme css conflict */ } body section { padding: 0 0; position: relative; z-index: 1; } body section.top--section { padding: 120px 0 30px 0; overflow: hidden; position: relative; background: #bbb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 992px) { body section.top--section { padding: 42px 0 42px; height: 100vh; } } body section.top--section .btn { margin-top: 0; } body section.top--section .btn a, body section.top--section .btn button, body section.top--section .btn input[type="button"] { color: #fff; } body section.top--section .btn a:before, body section.top--section .btn button:before, body section.top--section .btn input[type="button"]:before { background: #A265EE; } body section.top--section .btn a:after, body section.top--section .btn button:after, body section.top--section .btn input[type="button"]:after { background: transparent; border: 1px solid rgba(255, 255, 255, 0.404); } body section.top--section.simple-text { height: 94px; min-height: 94px; padding: 0; } @media (min-width: 1120px) { body section.top--section.simple-text { height: 138px; min-height: 138px; } } body section > .inner { padding: 45px 0; } @media (min-width: 1120px) { body section > .inner { padding: 40px 0; } } @media (min-width: 1120px) { body section { padding: 120px 0; } } body section.graybg { background: #F4F4F4; } @media (min-width: 992px) { body section.graybg.moregap { margin-top: 290px; padding: 12vw 0; } } body section.graybg.moregap .inner { padding-top: 0; } body section.graybg .btn a:before, body section.graybg .btn button:before { background: #A265EE; } body section.graybg .btn a:after, body section.graybg .btn button:after { background: #151515; } body section.services--section { z-index: 1; } body section.services--section .inner { padding: 40px 0; } @media (min-width: 992px) { body section.services--section .inner { padding: 0; } } body section.above--footer > .inner { padding: 20px 0; } @media (min-width: 992px) { body section.above--footer > .inner { padding: 45px 0; } } body section.halfcolor--bg .color--bg, body section.halfcolor60bytheme--bg .color--bg { position: absolute; left: 0; top: 0; width: 50%; height: 200px; background: #A265EE; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } @media (min-width: 992px) { body section.halfcolor--bg .color--bg, body section.halfcolor60bytheme--bg .color--bg { min-height: 520px; height: 40vw; } } @media (min-width: 1200px) { body section.halfcolor--bg .color--bg, body section.halfcolor60bytheme--bg .color--bg { min-height: 550px; } } @media (min-width: 1300px) { body section.halfcolor--bg .color--bg, body section.halfcolor60bytheme--bg .color--bg { min-height: 600px; } } body section.halfcolor60bytheme--bg .color--bg { width: 100%; height: 100%; } @media (min-width: 992px) { body section.halfcolor60bytheme--bg .color--bg { width: 65%; } } body section.halfGray60color--bg .color--bg, body section.halfGray80color--bg .color--bg, body section.halfGray80gray--bg .color--bg, body section.halfDark80color--bg .color--bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #F4F4F4; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } @media (min-width: 992px) { body section.halfGray60color--bg .color--bg, body section.halfGray80color--bg .color--bg, body section.halfGray80gray--bg .color--bg, body section.halfDark80color--bg .color--bg { display: block; width: 90%; min-height: 730px; } } @media (min-width: 1300px) { body section.halfGray60color--bg .color--bg, body section.halfGray80color--bg .color--bg, body section.halfGray80gray--bg .color--bg, body section.halfDark80color--bg .color--bg { width: 80%; } } body section.halfGray80color--bg { overflow: hidden; } body section.halfGray80color--bg .color--bg { width: 100%; height: 100%; } @media (min-width: 992px) { body section.halfGray80color--bg .color--bg { width: 90%; } } body section.halfDark80color--bg .color--bg { width: 100%; height: 100%; background: #151515; } @media (min-width: 992px) { body section.halfDark80color--bg .color--bg { width: 90%; } } @media (min-width: 992px) { body section.halfDark80color--bg { margin-top: 165px; } } body section.halfGray80gray--bg .color--bg { width: 100%; height: 100%; } @media (min-width: 992px) { body section.halfGray80gray--bg .color--bg { width: 90%; } } body section.squereThemeColour--bg .color--bg { position: absolute; right: 0; bottom: 0; width: 30%; height: 75%; background: red; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; display: none; } @media (min-width: 992px) { body section.squereThemeColour--bg .color--bg { display: block; } } body section .image--position { margin-top: 25px; margin-bottom: 25px; } @media (min-width: 992px) { body section .image--position.bottom { margin-bottom: -180px; } } @media (min-width: 992px) { body section .image--position.top { margin-top: -180px; } } body section.quotes--section { z-index: 0; position: relative; } @media (min-width: 992px) { body section.quotes--section { padding-top: 0; padding-bottom: 0; } body section.quotes--section > .inner { padding: 0 0 0; } } body section.quotes--section .quotes--block { opacity: 1; -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } body section.quotes--section .quotes--block.active { opacity: 1; } @media (min-width: 992px) { body section.quotes--section .quotes--block { margin-bottom: 100px; opacity: 0; } } @media (min-width: 1700px) { body section.quotes--section .quotes--block { margin-bottom: 160px; } } body section.quotes--section .quotes--block .quotes--block_item { background: #ffffff; width: 100%; min-height: 280px; margin-bottom: 45px; padding: 25px; text-align: left; } @media (min-width: 992px) { body section.quotes--section .quotes--block .quotes--block_item { padding: 25px; } } @media (min-width: 1300px) { body section.quotes--section .quotes--block .quotes--block_item { padding: 65px; } } @media (min-width: 992px) { body section.quotes--section .quotes--block .quotes--block_item .quote--icon_all { position: absolute; left: 0; top: 0; } } body section.quotes--section .quotes--block .quotes--block_item.purple--block .quote--icon_all #quote-icon path { fill: #A265EE; } body section.quotes--section .quotes--block .quotes--block_item.orange--block .quote--icon_all #quote-icon path { fill: #F47F49; } body section.quotes--section .quotes--block .quotes--block_item.blue--block .quote--icon_all #quote-icon path { fill: #31B7E2; } body section.quotes--section .quotes--block .quotes--block_item.red--block .quote--icon_all #quote-icon path { fill: #EB3A3A; } body section.quotes--section .quotes--block .quotes--block_item.yellow--block .quote--icon_all #quote-icon path { fill: #E6B243; } body section.quotes--section .quotes--block .quotes--block_item h2 { font-size: 1.5rem; } @media (min-width: 992px) { body section.quotes--section .quotes--block .quotes--block_item h2 { font-size: 1.5rem; } } @media (min-width: 1700px) { body section.quotes--section .quotes--block .quotes--block_item h2 { font-size: 2.1rem; } } @media (min-width: 992px) { body section.quotes--section .quotes--block .row > div { margin-top: 190px; } body section.quotes--section .quotes--block .row > div:nth-child(2n) { margin-top: 0; } } @media (min-width: 992px) { body section.quotes--section .quotes--block:first-child { margin-top: 20vw; } } @media (min-width: 1600px) { body section.quotes--section .quotes--block:first-child { margin-top: 15vw; } } @media (min-width: 992px) { body section.quotes--section .quotes--block:last-child { margin-bottom: 20vw; } } @media (min-width: 1600px) { body section.quotes--section .quotes--block:last-child { margin-bottom: 15vw; } } body section.quotes--section .quotes--block .row > div { padding: 0; } @media (min-width: 992px) { body section.quotes--section .quotes--block .row > div { padding-right: 30px; padding-left: 30px; } } body section.quotes--section .quotes--block.empty { min-height: 50vh; } body section.quotes--section .quotes--ui { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; right: 40px; z-index: 1; padding: 0 25px; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 0; bottom: 110px; height: 200px; margin: auto; } @media (min-width: 992px) { body section.quotes--section .quotes--ui { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; position: absolute; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } body section.quotes--section .quotes--ui > div { width: 42px; height: 42px; margin: 0 15px; } @media (min-width: 992px) { body section.quotes--section .quotes--ui > div { margin: 10px 0; } } body section.quotes--section .quotes--ui > div .arrow { background: #fff; border: 1px solid #E0E0E0; border-radius: 100px; width: 100%; height: 100%; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } body section.quotes--section .quotes--ui > div .arrow img { width: 8px; height: 8px; } body section.quotes--section .quotes--ui > div:hover .arrow, body section.quotes--section .quotes--ui > div:focus .arrow { background: #E0E0E0; } body section.quotes--section .quotes--content_all { position: relative; width: 100%; } @media (min-width: 992px) { body section.quotes--section .quotes--content_all { margin-bottom: 110px; height: 70vh; min-height: 990px; overflow: hidden; } } @media (min-width: 1700px) { body section.quotes--section .quotes--content_all { height: 100vh; } } @media (min-width: 992px) { body section.quotes--section .quotes--content_all .quotes--content_inner { position: absolute; width: 100%; } } body section.quotes--section .inner { padding-bottom: 0 !important; } body section.quotes--section::before, body section.quotes--section::after { content: ''; position: absolute; width: 100%; height: 25vh; left: 0; z-index: 2; pointer-events: none; } @media (min-width: 992px) { body section.quotes--section::before { top: 0; background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(rgba(244, 244, 244, 0))); background: -o-linear-gradient(top, #f4f4f4 0%, rgba(244, 244, 244, 0) 100%); background: linear-gradient(to bottom, #f4f4f4 0%, rgba(244, 244, 244, 0) 100%); } } @media (min-width: 992px) { body section.quotes--section::after { bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 244, 244, 0)), color-stop(50%, #f4f4f4), to(#f4f4f4)); background: -o-linear-gradient(top, rgba(244, 244, 244, 0) 0%, #f4f4f4 50%, #f4f4f4 100%); background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, #f4f4f4 50%, #f4f4f4 100%); } } body section.no--padding .inner { padding-top: 0; } body section.two--images .color--bg { display: none; width: 90%; height: 15%; background: #f4f4f4; position: absolute; -webkit-transform: translateY(-45px); -ms-transform: translateY(-45px); transform: translateY(-45px); } @media (min-width: 992px) { body section.two--images .color--bg { display: block; } } body section.form--ui { margin-top: 0; } @media (min-width: 992px) { body section.form--ui { margin-top: -10%; margin-bottom: 5%; } } body section:last-child .inner { padding-bottom: 45px; } @media (min-width: 992px) { body section:last-child .inner { padding-bottom: 165px; } } body section.gallery--section { margin-top: 65px; } body section.gallery--section h3 { margin-bottom: 45px; } body section.gallery--section .galler--box { margin-bottom: 30px; } body section.gallery--section .galler--box a { display: block; position: relative; } body section.gallery--section .galler--box a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #A265EE; opacity: 0; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } body section.gallery--section .galler--box a:hover:before { opacity: .7; } body section.contact--section { padding-top: 0; padding-bottom: 45px; } body section.contact--section .color--bg { width: 100%; height: 180px; position: absolute; right: 0; background: #151515; } @media (min-width: 992px) { body section.contact--section .color--bg { background: #A265EE; width: 50%; height: 100%; display: block; } } body section.first--section .inner { padding-top: 145px; } @media (min-width: 992px) { body section.case--studies .inn { padding-right: 25px; } } body section.case--studies .toggle--sidebar { margin-bottom: 45px; } body section.case--studies .toggle--sidebar .btn { margin: 0; } body section.case--studies .sidebar { margin-left: 0; position: -webkit-sticky; position: sticky; top: 50px; margin-bottom: 45px; display: none; } @media (min-width: 992px) { body section.case--studies .sidebar { margin-left: 15px; display: block !important; } } body section.case--studies .sidebar ul { margin: 0; padding: 0; list-style: none; } body section.case--studies .sidebar ul li { cursor: pointer; font-size: .83rem; text-transform: uppercase; letter-spacing: 1.5px; position: relative; } body section.case--studies .sidebar ul li:before { content: ''; width: 35px; height: 2px; background: #A265EE; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transform: translateX(-40px) scaleX(0); -ms-transform: translateX(-40px) scaleX(0); transform: translateX(-40px) scaleX(0); margin: auto; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } body section.case--studies .sidebar ul li.active:before, body section.case--studies .sidebar ul li:hover:before { -webkit-transform: translateX(-40px) scaleX(1); -ms-transform: translateX(-40px) scaleX(1); transform: translateX(-40px) scaleX(1); } body section.case--studies .sidebar #filters { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } body section.case--studies .sidebar #filters button { width: 100%; cursor: pointer; font-size: .83rem; text-transform: uppercase; letter-spacing: 1.5px; position: relative; background: none; border: none; padding: 10px 0; outline: none; text-align: left; } body section.case--studies .sidebar #filters button:before { content: ''; width: 25px; height: 2px; background: #A265EE; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transform: translateX(-40px) scaleX(0); -ms-transform: translateX(-40px) scaleX(0); transform: translateX(-40px) scaleX(0); margin: auto; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; display: none; } @media (min-width: 992px) { body section.case--studies .sidebar #filters button:before { display: block; } } @media (max-width: 992px) { body section.case--studies .sidebar #filters button.is-checked, body section.case--studies .sidebar #filters button:hover { color: #A265EE; } } body section.case--studies .sidebar #filters button.is-checked:before, body section.case--studies .sidebar #filters button:hover:before { -webkit-transform: translateX(-40px) scaleX(1); -ms-transform: translateX(-40px) scaleX(1); transform: translateX(-40px) scaleX(1); } body section.case--studies .case--study_box { margin-bottom: 45px; } @media (min-width: 992px) { body section.case--studies .case--study_box { margin-bottom: 85px; } } body section.case--studies .case--study_box .left--border { z-index: 2; } body section.case--studies .case--study_box .case--study-box_image { position: relative; } body section.case--studies .case--study_box .case--study-box_image a { overflow: hidden; display: block; } body section.case--studies .case--study_box .case--study-box_image img { -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } body section.case--studies .case--study_box .case--study-box_image:hover img, body section.case--studies .case--study_box .case--study-box_image:focus img { z-index: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } body section.case--studies .case--study_box .case--study-box_meta { margin: 25px 0; } @media (min-width: 992px) { body section.case--studies .case--study_box .case--study-box_meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } body section.case--studies .case--study_box .case--study-box_meta > div { margin-bottom: 15px; } body section.case--studies .case--study_box.trade-representation .case--categories { color: #A265EE; } body section.case--studies .case--study_box.trade-representation .left--border { background: #A265EE; } body section.case--studies .case--study_box.social-media-management .case--categories { color: #F47F49; } body section.case--studies .case--study_box.social-media-management .left--border { background: #F47F49; } body section.case--studies .case--study_box.public-relations .case--categories { color: #31B7E2; } body section.case--studies .case--study_box.public-relations .left--border { background: #31B7E2; } body section.case--studies .case--study_box.marketing-communication .case--categories { color: #E6B243; } body section.case--studies .case--study_box.marketing-communication .left--border { background: #E6B243; } body section.case--studies a:hover { color: #fff; } @media (min-width: 992px) { body section.case--studies .case--studies_title { margin-top: 10px; } } body section.case--studies .case--studies_title h2 { color: #fff; margin-top: 15px; } @media (min-width: 992px) { body section.case--studies .case--studies_title h2 { margin-bottom: 65px !important; } } body section.case--studies .case--study-box_title, body section.case--studies .case--study-box_title a, body section.case--studies .case--study-box_meta { color: #fff; font-weight: 400; } @media (min-width: 992px) { body section.blog--items { margin-top: -90px; } } body .map { width: 100%; height: 45vh; margin: 15px 0 45px; } @media (min-width: 992px) { body .map { height: 740px; -webkit-transform: translate(-25px, -25%); -ms-transform: translate(-25px, -25%); transform: translate(-25px, -25%); margin: 0; } } @media (min-width: 992px) { body .contact--white--text * { color: #fff; } } body .contact--white--text strong, body .contact--white--text b { font-size: 2.1rem; display: block; font-weight: 600; } body .contact--white--text p { margin-top: 0; } body .main--carousel { background: #151515; } body .main--carousel .carousel--pre_title { color: #fff; font-size: .73rem; text-transform: uppercase; letter-spacing: 1.5px; } body .main--carousel .carousel--title { margin: 25px 0 45px; color: #fff; } @media (min-width: 1120px) { body .main--carousel .carousel--title { max-width: 55vw; } } body .main--carousel .carousel--title h1 { position: relative; display: inline-block; } body .main--carousel .carousel--category { font-size: 1rem; font-weight: 600; margin: 15px 0 0; position: relative; display: inline-block; -webkit-transition: width .25s ease; -o-transition: width .25s ease; transition: width .25s ease; -webkit-transition: width .4s ease; -o-transition: width .4s ease; transition: width .4s ease; } @media (min-width: 992px) { body .main--carousel .carousel--category { font-size: 1.25rem; } } @media (min-width: 1300px) { body .main--carousel .carousel--category { margin: 30px 0 0; } } body .main--carousel .carousel--category .overlay { display: block; width: 100%; position: absolute; background: #151515; height: 100%; left: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } body .main--carousel .carousel--value { font-size: 1.5rem; line-height: 2rem; font-weight: 400; margin: 10px 0; position: relative; cursor: pointer; } @media (min-width: 992px) { body .main--carousel .carousel--value { font-size: 1.35rem; line-height: 2.2rem; } } @media (min-width: 1300px) { body .main--carousel .carousel--value { font-size: 1.7rem; line-height: 2.5rem; } } @media (min-width: 1700px) { body .main--carousel .carousel--value { font-size: 1.4vw; line-height: 2.4rem; } } body .main--carousel .carousel--value .overlay { width: 100%; position: absolute; background: #151515; height: 101%; left: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; display: block; } body .main--carousel .carousel--value .in { -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } body .main--carousel .carousel--content { width: 100%; } body .main--carousel .carousel--content_circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } body .main--carousel .carousel--content_circle .carousel--value { width: 100%; } @media (min-width: 1025px) { body .main--carousel .carousel--content_circle .carousel--value { width: 50%; } } body .main--carousel .carousel--content_circle .carousel--circle { width: 120px; height: 120px; position: relative; display: none; cursor: pointer; } body .main--carousel .carousel--content_circle .carousel--circle .carousel--circle_image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; width: 120px; height: 120px; overflow: hidden; border-radius: 100px; } body .main--carousel .carousel--content_circle .carousel--circle .carousel--circle_image img { width: auto; height: 100%; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); will-change: transform; } body .main--carousel .carousel--content_circle .carousel--circle .carousel--circle_image .overlay { display: block; width: 100%; position: absolute; background: #2b2b2b; height: 100%; left: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; z-index: 1; } @media (min-width: 1300px) { body .main--carousel .carousel--content_circle .carousel--circle .carousel--circle_image { width: 140px; height: 140px; } } body .main--carousel .carousel--content_circle .carousel--circle .carousel--circle_bg { position: absolute; z-index: 0; left: 0; top: 0; width: 128px; height: 128px; border-radius: 100px; -webkit-transform: translate(-4px, -4px); -ms-transform: translate(-4px, -4px); transform: translate(-4px, -4px); } body .main--carousel .carousel--content_circle .carousel--circle .carousel--circle_bg svg circle { stroke: #A265EE; } @media (min-width: 1300px) { body .main--carousel .carousel--content_circle .carousel--circle .carousel--circle_bg { width: 148px; height: 148px; } } @media (min-width: 1025px) { body .main--carousel .carousel--content_circle .carousel--circle { display: block; } } @media (min-width: 1300px) { body .main--carousel .carousel--content_circle .carousel--circle { width: 150px; height: 150px; } } body .main--carousel .background-image { background: #151515; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } body .main--carousel .background-image .overlay { background: #2d2d2d; position: absolute; width: 100%; height: 100%; opacity: 1; left: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); z-index: 1; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } body .main--carousel .background-image:after { content: ''; background: #151515; position: absolute; width: 100%; height: 100%; opacity: 0.25; } body .main--carousel .background-image .background-image_item { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } body .main--carousel .blackBox { width: 100%; margin-top: 45px; } @media (min-width: 992px) { body .main--carousel .blackBox { width: 40vw; position: absolute; margin: 0 0; } } @media (min-width: 1300px) { body .main--carousel .blackBox { width: 43vw; } } @media (min-width: 1700px) { body .main--carousel .blackBox { width: 33vw; } } body #text--carousel .flickity-slider { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } body #text--carousel .flickity-viewport { overflow: inherit; } body #text--carousel .flickity-viewport .carousel--content { margin-right: 100px; -webkit-transition: opacity .25s ease; -o-transition: opacity .25s ease; transition: opacity .25s ease; left: 0 !important; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; z-index: -1; } body #text--carousel .flickity-viewport .carousel--content.is-selected { opacity: 1; z-index: 0; } body #text--carousel .flickity-viewport .carousel--content.purple--variant .btn a:before { background: #A265EE; } body #text--carousel .flickity-viewport .carousel--content.orange--variant .btn a:before { background: #F47F49; } body #text--carousel .flickity-viewport .carousel--content.blue--variant .btn a:before { background: #31B7E2; } body #text--carousel .flickity-viewport .carousel--content.red--variant .btn a:before { background: #EB3A3A; } body #text--carousel .flickity-viewport .carousel--content.yellow--variant .btn a:before { background: #E6B243; } body .overlay:after { content: ''; width: 100%; height: 100%; background: #151515; opacity: .2; left: 0; top: 0; display: block; } body .overlay.purple--variant { background-color: #A265EE !important; } body .overlay.orange--variant { background-color: #F47F49 !important; } body .overlay.blue--variant { background-color: #31B7E2 !important; } body .overlay.red--variant { background-color: #EB3A3A !important; } body .overlay.yellow--variant { background-color: #E6B243 !important; } body .darkbg { background: #151515; } body .darkbg.absolute--content { position: relative; left: 0; top: 0; height: auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin: 0 0 45px 0; z-index: 1; padding: 20px 0; } @media (min-width: 992px) { body .darkbg.absolute--content { position: absolute; width: 50%; height: 100%; margin-bottom: 0; padding: 0; margin-top: -140px; } } body .darkbg.absolute--content .content--logos { padding: 30px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .darkbg.absolute--content .content--logos > .logo-item { width: 50%; padding: 20px; } @media (min-width: 768px) { body .darkbg.absolute--content .content--logos > .logo-item { width: 33%; padding: 40px; } } @media (min-width: 992px) { body .darkbg.absolute--content .content--logos > .logo-item { width: 33%; padding: 35px 30px; } } @media (min-width: 1300px) { body .darkbg.absolute--content .content--logos > .logo-item { width: 33%; padding: 35px 30px; } } @media (min-width: 1900px) { body .darkbg.absolute--content .content--logos > .logo-item { padding: 25px 65px; } } @media (min-width: 1300px) { body .darkbg.absolute--content .content--logos { padding: 115px; width: 100%; } } body .blackBox { background: #151515; color: #fff; position: relative; right: 0; bottom: 0; z-index: 2; width: 100%; } body .blackBox .blackBox--content .blackBox--title { display: block; } body .blackBox .blackBox--content .blackBox--title h3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } body .blackBox .blackBox--content .blackBox--title .number { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 992px) { body .blackBox .blackBox--content .blackBox--title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } body .blackBox .blackBox--content .blackBox--title h3 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } body .blackBox .blackBox--content .blackBox--title .number { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } body .blackBox .blackBox--content .blackBox--list { margin: 25px 0; } body .blackBox .blackBox--content .blackBox--list ul { margin: 0; padding: 0; list-style: none; } body .blackBox .blackBox--content .blackBox--list ul li { color: #767678; font-weight: 600; -webkit-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; } body .blackBox .blackBox--content .blackBox--list ul li.toggle--more { cursor: pointer; } body .blackBox .blackBox--content .blackBox--list ul li.toggle--more:hover { color: #fff; } body .blackBox .blackBox--content .blackBox--list ul#more--list { display: none; } body .blackBox .blackBox--content .btn.plus--symbol { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 992px) { body .blackBox .blackBox--content .btn.plus--symbol { position: absolute; bottom: 0; right: 0; -webkit-transform: translate(-30px, -30px); -ms-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } } @media (min-width: 992px) { body .blackBox { margin: 40px 0 0; position: absolute; margin: 0 0; } } body .blackBox .inner { padding: 28px; } @media (min-width: 992px) { body .blackBox .inner { padding: 32px 45px; } } @media (min-width: 1300px) { body .blackBox .inner { padding: 42px 30px 42px 55px; } } body .blackBox .inner #circle-svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } body .blackBox .blackBox--dotted { margin-top: 20px; } body .blackBox .blackBox--dotted ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } body .blackBox .blackBox--dotted ul li { cursor: pointer; width: 10px; height: 10px; background: #ddd; margin-right: 20px; border-radius: 100px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } body .blackBox .blackBox--dotted ul li:hover { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } body .blackBox .blackBox--dotted ul li.active { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } body .blackBox .blackBox--dotted ul li.purple { background-color: #A265EE; } body .blackBox .blackBox--dotted ul li.orange { background-color: #F47F49; } body .blackBox .blackBox--dotted ul li.blue { background-color: #31B7E2; } body .blackBox .blackBox--dotted ul li.red { background-color: #EB3A3A; } body .blackBox .blackBox--dotted ul li.yellow { background-color: #E6B243; } body .blackBox#box-purple--variant .colour--item { color: #A265EE; } body .blackBox#box-purple--variant .carousel--circle_bg { border-color: #A265EE; } body .blackBox#box-purple--variant .carousel--circle_bg svg circle { stroke: #A265EE; } body .blackBox#box-orange--variant .colour--item { color: #F47F49; } body .blackBox#box-orange--variant .carousel--circle_bg { border-color: #F47F49; } body .blackBox#box-orange--variant .carousel--circle_bg svg circle { stroke: #F47F49; } body .blackBox#box-blue--variant .colour--item { color: #31B7E2; } body .blackBox#box-blue--variant .carousel--circle_bg { border-color: #31B7E2; } body .blackBox#box-blue--variant .carousel--circle_bg svg circle { stroke: #31B7E2; } body .blackBox#box-red--variant .colour--item { color: #EB3A3A; } body .blackBox#box-red--variant .carousel--circle_bg { border-color: #EB3A3A; } body .blackBox#box-red--variant .carousel--circle_bg svg circle { stroke: #EB3A3A; } body .blackBox#box-yellow--variant .colour--item { color: #E6B243; } body .blackBox#box-yellow--variant .carousel--circle_bg { border-color: #E6B243; } body .blackBox#box-yellow--variant .carousel--circle_bg svg circle { stroke: #E6B243; } body .left--border { position: absolute; left: 0; width: 4px; height: 100%; background: #A265EE; z-index: 0; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; } body .share--box { position: absolute; right: 0; bottom: 0; background: #151515; border-left: 4px solid #A265EE; min-width: 200px; text-align: center; -webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } body .share--box .content { padding: 25px; width: 100%; } body .share--box .content h4 { color: #fff; margin-bottom: 15px; } body .share--box .content ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } body .share--box .content ul li a { width: 25px; height: 25px; display: inline-block; opacity: 0.5; -webkit-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; } body .share--box .content ul li a:hover, body .share--box .content ul li a:focus { opacity: 1; } body .share--box .content ul li a img, body .share--box .content ul li a svg { width: 100%; height: auto; } body .latest--news_carousel { margin: 45px 0; } body .latest--news_carousel .flickity-viewport { overflow: hidden; } @media (min-width: 992px) { body .latest--news_carousel .flickity-viewport { overflow: inherit; } } body .latest--news_carousel .latest--news--carousel_item { width: 100%; margin-right: 45px; } @media (min-width: 992px) { body .latest--news_carousel .latest--news--carousel_item { width: 55%; margin-right: 7%; } } body .latest--news_carousel .latest--news--carousel_item .news--item_image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 992px) { body .latest--news_carousel .latest--news--carousel_item .news--item_image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } body .latest--news_carousel .latest--news--carousel_item .news--item_content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 992px) { body .latest--news_carousel .latest--news--carousel_item .news--item_content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } body .latest--news_carousel .latest--news--carousel_item .news--item_content .news-date { color: #151515; font-size: .73rem; text-transform: uppercase; letter-spacing: 1.5px; margin-top: 25px; margin-bottom: 25px; } @media (min-width: 992px) { body .latest--news_carousel .latest--news--carousel_item .news--item_content .news-date { margin-top: 0; } } body .latest--news_carousel .latest--news--carousel_item .news--item_content h3 { font-weight: 400; font-variant: normal; color: #151515; } body .latest--news_carousel .latest--news--carousel_item .news--item_content h3 a { color: #151515; text-decoration: none; } body .latest--news_carousel .latest--news--carousel_item .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body .latest--news_carousel .latest--news--carousel_item .latest--news--carousel--item_container { padding-right: 25px; } body .news--ui { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { body .news--ui { margin-top: 60px; } } body .news--ui > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 992px) { body .news--ui > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } body .news--ui .news--progress_line { width: 100%; height: 2px; } @media (min-width: 992px) { body .news--ui .news--progress_line { padding-left: 25px; height: 2px; } } body .news--ui .news--progress_line .news--progress_line-bg { background: #E5E5E5; width: 100%; height: 100%; } body .news--ui .news--progress_line .news--progress_line-active { width: 0%; height: 100%; background: #A265EE; } body .news--ui .news--arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 25px; width: 100%; } @media (min-width: 992px) { body .news--ui .news--arrows { max-width: 180px; padding-right: 25px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0px; } } body .news--ui .news--arrows .news--arrows_left, body .news--ui .news--arrows .news--arrows_right { width: 42px; height: 42px; margin: 0 15px; } @media (min-width: 992px) { body .news--ui .news--arrows .news--arrows_left, body .news--ui .news--arrows .news--arrows_right { margin: 0 0 0 30px; } } body .news--ui .news--arrows .news--arrows_left .arrow, body .news--ui .news--arrows .news--arrows_right .arrow { background: #fff; border: 1px solid #E0E0E0; border-radius: 100px; width: 100%; height: 100%; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } body .news--ui .news--arrows .news--arrows_left .arrow img, body .news--ui .news--arrows .news--arrows_right .arrow img { width: 8px; height: 8px; } body .news--ui .news--arrows .news--arrows_left:hover .arrow, body .news--ui .news--arrows .news--arrows_left:focus .arrow, body .news--ui .news--arrows .news--arrows_right:hover .arrow, body .news--ui .news--arrows .news--arrows_right:focus .arrow { background: #E0E0E0; } body .services--content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1120px) { body .services--content h3 { font-size: 3vw; } } body .services--content .service--image { display: none; width: 100%; overflow: hidden; } @media (min-width: 1025px) { body .services--content .service--image { display: inline-block; margin-bottom: -8vw; margin-top: 8vw; } } body .services--content .service--image .overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } body .services--content .services--title { color: #fff; } body .services--content .services--list { margin: 25px 0; } body .services--content .services--list ul { margin: 0; padding: 0; list-style: none; line-height: 7.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } body .services--content .services--list ul li { position: relative; width: 100%; } body .services--content .services--list ul li:before { content: ''; position: absolute; width: 40px; height: 1px; background: #fff; left: -20px; top: 0; bottom: 0; margin: auto; -webkit-transform: translateX(-100%) scaleX(0); -ms-transform: translateX(-100%) scaleX(0); transform: translateX(-100%) scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; display: none; } @media (min-width: 992px) { body .services--content .services--list ul li:before { display: block; } } body .services--content .services--list ul li a { color: #fff; -webkit-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; text-decoration: none; display: inline-block; padding: 15px 0; } body .services--content .services--list ul li:hover:before { -webkit-transform: translateX(-100%) scaleX(1); -ms-transform: translateX(-100%) scaleX(1); transform: translateX(-100%) scaleX(1); } body .services--content .services--list ul li h3 { margin: 0; } @media (max-width: 1024px) { body .services--content { padding-top: 70px; padding-bottom: 60px; } } @media (max-width: 1023px) { body .services--content { padding-top: 30px; padding-bottom: 0; } } @media (max-width: 992px) { body .services--content { padding-top: 0; } } body .text-box-sides { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body .text-box-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 45px; } body .text-box-image > div:nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } body .text-box-image > div:nth-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } body .text-box-image > div:nth-child(3) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } body .text-box-image > div:nth-child(4) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 992px) { body .text-box-image { margin-bottom: 0; } body .text-box-image > div:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } body .text-box-image > div:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } body .text-box-image > div:nth-child(3) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } body .text-box-image > div:nth-child(4) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } body .text-box-image .blackBox { width: 90%; margin: auto; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } @media (min-width: 992px) { body .text-box-image .blackBox { width: 60%; right: inherit; min-width: 320px; max-width: 420px; -webkit-transform: translateY(-15%); -ms-transform: translateY(-15%); transform: translateY(-15%); position: relative; } } body .text-box-image .blackBox .inner { padding: 35px; } body .text-box-image .box--image { padding-left: 0; margin-bottom: 25px; position: relative; margin-top: 25px; overflow: hidden; } @media (min-width: 992px) { body .text-box-image .box--image { margin-bottom: 0; padding-right: 25px; } } body .text-box-image .box--image video { outline: none; width: 100%; } @media (min-width: 992px) { body .text-box-image:nth-child(2n) .box--image { padding-left: 25px; padding-right: 0; } body .text-box-image:nth-child(2n) .blackBox { right: inherit; left: inherit; } body .text-box-image:nth-child(2n) > div:nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } body .text-box-image:nth-child(2n) > div:nth-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } body .text-box-image:nth-child(2n) > div:nth-child(3) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } body .text-box-image:nth-child(2n) > div:nth-child(4) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 992px) { body .text-box-image.no--margin { margin-bottom: 0; } } @media (min-width: 992px) { body .text-box-image:first-child .box--image { margin-top: -290px; margin-bottom: 120px; } } body .team--block { margin: 25px 0; } @media (min-width: 992px) { body .team--block { margin: 45px 0; } } body .two--text-box-image { margin-bottom: 0; } @media (min-width: 992px) { body .two--text-box-image { margin-bottom: 0; } } @media (min-width: 992px) { body .text-box-two-image { margin-bottom: 165px; } } body .text-box-two-image .fullwidth--image { margin: 15px 0; } @media (min-width: 992px) { body .text-box-two-image .fullwidth--image { margin: auto; padding: 0 40px 0 15px; position: relative; top: 0; left: 0; } } body .text-box-two-image .small--image { margin: 15px 0 45px; } @media (min-width: 992px) { body .text-box-two-image .small--image { position: relative; z-index: 1; margin-right: 25px; width: 60%; max-width: 390px; margin: auto; margin-top: -20%; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } } body .text-box-two-image > div:nth-child(1) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media (min-width: 992px) { body .text-box-two-image > div:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } body .text-box-two-image > div:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 992px) { body .text-box-two-image > div:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } body .text-box-two-image > div:nth-child(3) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } @media (min-width: 992px) { body .text-box-two-image > div:nth-child(3) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } body .text-box-two-image > div:nth-child(4) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 992px) { body .text-box-two-image > div:nth-child(4) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } body .only--image { height: auto; } @media (min-width: 992px) { body .only--image { margin-top: -15vw; margin-bottom: 200px; } } @media (min-width: 1700px) { body .only--image { margin-top: -350px; } } body .only--image .box--image { margin-bottom: 45px; position: relative; } @media (min-width: 992px) { body .only--image .box--image { margin: 0; padding-right: 25px; } } @media (min-width: 1700px) { body .only--image .box--image { margin: 0; padding-right: 25px; } } body .dark--bg--block { margin-bottom: 65px; } @media (min-width: 992px) { body .dark--bg--block { margin: 0; margin-top: -15vw; margin-bottom: 200px; padding-right: 25px; } } @media (min-width: 1700px) { body .dark--bg--block { margin: 0; margin-top: -350px; margin-bottom: 200px; padding-right: 25px; } } body .dark--bg--block .dark--bg--block_content { background: #272727; display: block; padding: 45px 0; } @media (min-width: 992px) { body .dark--bg--block .dark--bg--block_content { min-height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 35px; } } body .dark--bg--block .dark--bg--block_content .client--block { margin-bottom: 35px; } body .form--content { margin-bottom: 40px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } body .form--content .box--image { margin-bottom: 35px; } @media (min-width: 992px) { body .form--content .box--image { margin-bottom: 0px; -webkit-transform: translateX(-55px); -ms-transform: translateX(-55px); transform: translateX(-55px); } } body .images--carousel { margin-bottom: 45px; position: relative; overflow: hidden; } body .images--carousel .image--carousel--content_inner { position: relative; z-index: 1; } body .images--carousel .background--colour-box { content: ''; background: #A265EE; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media (min-width: 992px) { body .images--carousel .background--colour-box { width: 60%; } } body .images--carousel .background--colour-box:before { content: ''; width: 100%; height: 160px; background: white; position: absolute; bottom: 0; } body .images--carousel .image--carousel_content { padding: 45px 0; } @media (min-width: 992px) { body .images--carousel .image--carousel_content { padding: 100px 25px 0; -webkit-transform: translateX(15%); -ms-transform: translateX(15%); transform: translateX(15%); } } body .images--carousel .image--carousel_content h2 { color: #fff; text-align: center; margin-bottom: 45px; } @media (min-width: 992px) { body .images--carousel .image--carousel_content h2 { text-align: left; } } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item { padding: 0; margin-right: 25px; width: 100%; } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content { position: relative; } @media (min-width: 992px) { body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content { margin-bottom: 50px; } } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.transparent--simple { position: absolute; bottom: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 2; } @media (min-width: 992px) { body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.transparent--simple { padding: 25px 35px; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.transparent--simple .image--carousel--item_name { color: #fff; font-size: 1.25rem; width: 100%; } @media (min-width: 992px) { body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.transparent--simple .image--carousel--item_name { font-size: 2rem; padding-right: 15px; } } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.transparent--simple .image--carousel--item_name a { display: block; color: #fff; text-decoration: none; cursor: pointer; } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.transparent--simple .btn.plus--symbol { margin-top: 0; } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.transparent--simple .btn.plus--symbol > div { background: transparent; width: 35px; position: relative; } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more { background: #000; position: absolute; bottom: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 90%; margin: auto; left: 0; right: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } @media (min-width: 992px) { body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more { max-width: 90%; padding: 25px; margin-bottom: 20px; } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more:before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; } } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .image--carousel--item_name { color: #fff; font-size: 1.2rem; width: 75%; } @media (min-width: 992px) { body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .image--carousel--item_name { font-size: 1.2rem; } } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .image--carousel--item_name a { display: block; color: #fff; text-decoration: none; cursor: pointer; } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .image--carousel--item_name a span.work-position { display: block; font-size: 1rem; font-weight: 600; } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .image--carousel--item_bio { padding-bottom: 85px; display: none; } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .image--carousel--item_bio p { margin-bottom: 0; font-size: 1rem; line-height: 1.45rem; font-weight: 400; } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more div#more--list { width: 100%; } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .btn.plus--symbol { position: absolute; right: 15px; bottom: 15px; } @media (min-width: 992px) { body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content .image--carousel--item--content_inner.fill--more .btn.plus--symbol { right: 25px; bottom: 25px; } } body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content.gradient:after { content: ''; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); position: absolute; bottom: 0; left: 0; width: 100%; height: 110px; z-index: 1; } @media (min-width: 992px) { body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item .image--carousel--item_content.gradient:after { margin-bottom: 0px; } } @media (min-width: 1700px) { body .images--carousel .image--carousel_content #image--carousel_block .image--carousel_item { width: 25% !important; } } body .images--carousel .image--carousel_ui { position: relative; z-index: 0; } @media (min-width: 992px) { body .images--carousel .image--carousel_ui { position: absolute; z-index: 0; bottom: 0; } } body .images--carousel .image--carousel_ui .arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 992px) { body .images--carousel .image--carousel_ui .arrows { display: block; -webkit-transform: translateX(-99%) translateY(-50%); -ms-transform: translateX(-99%) translateY(-50%); transform: translateX(-99%) translateY(-50%); } } body .images--carousel .image--carousel_ui .arrows .arrow-right, body .images--carousel .image--carousel_ui .arrows .arrow-left { cursor: pointer; background: #151515; width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; padding: 33px; } body .images--carousel .image--carousel_ui .arrows .arrow-right:first-child, body .images--carousel .image--carousel_ui .arrows .arrow-left:first-child { border-right: 1px solid rgba(255, 255, 255, 0.1); } @media (min-width: 992px) { body .images--carousel .image--carousel_ui .arrows .arrow-right:first-child, body .images--carousel .image--carousel_ui .arrows .arrow-left:first-child { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } } @media (min-width: 992px) { body .images--carousel .image--carousel_ui .arrows .arrow-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 992px) { body .images--carousel .image--carousel_ui .arrows .arrow-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } body .name--quote { margin-top: 45px; color: #767678; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { body .name--quote::before { content: ''; width: 30px; height: 1px; background: #000; position: relative; margin-right: 15px; } } body .quote--icon_all { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .quote--icon_all #quote-icon { max-width: 70px; max-height: 55px; margin-bottom: 15px; width: 100%; height: auto; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%); } @media (min-width: 992px) { body .quote--icon_all #quote-icon { -webkit-transform: translateY(-80%); -ms-transform: translateY(-80%); transform: translateY(-80%); margin-bottom: 45px; } } body .fixed--quote .inner { padding: 80px 0; } body .fixed--quote .quote--icon_all #quote-icon { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } body .middle--image_content .content--text { padding: 45px 0 0; } @media (min-width: 992px) { body .middle--image_content .content--text { padding: 0 0 0 65px; } } @media (min-width: 992px) { body .middle--image_content.right .content--text { padding: 0 65px 0 0; } } @media (min-width: 992px) { body .middle--image_content.right .row > div:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } body .middle--image_content.right .row > div:nth-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } body .middle--image_content.right .row > div:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } body .middle--image_content.right .row > div:nth-child(4) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } body .first--image .content--text { padding: 45px 0 0; } @media (min-width: 992px) { body .first--image .content--text { padding: 0; } } @media (min-width: 992px) { body .first--image .row > div:nth-child(2) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } body .first--image .row > div:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } body .first--image .box--image { margin-top: 25px; } @media (min-width: 992px) { body .first--image .box--image { margin-top: 25px; padding-right: 25px; } } body .date--box { position: absolute; left: 0; top: 0; -webkit-transform: translate(15px, 15px); -ms-transform: translate(15px, 15px); transform: translate(15px, 15px); background: #fff; width: 80px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } body .date--box .date--box_content { line-height: 1.2rem; } body .date--box .date--box_content .date--box_day { font-weight: 800; font-size: 1.2em; } @media (min-width: 992px) { body .date--box { -webkit-transform: translate(35px, 35px); -ms-transform: translate(35px, 35px); transform: translate(35px, 35px); } } body .steps { margin-bottom: 45px; position: relative; } body .steps input { font-size: 1.2rem; font-weight: 600; border: none; outline: none; background: none; color: #fff; border-bottom: 1px solid #585858; width: 100%; } @media (min-width: 992px) { body .steps input { font-size: 1.9rem; } } body .steps > div { visibility: hidden; opacity: 0; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); -webkit-transition: opacity .25s ease, -webkit-transform .45s ease; transition: opacity .25s ease, -webkit-transform .45s ease; -o-transition: opacity .25s ease, transform .45s ease; transition: opacity .25s ease, transform .45s ease; transition: opacity .25s ease, transform .45s ease, -webkit-transform .45s ease; } body .steps > div.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } body .steps > div#step--two, body .steps > div#step--three { position: absolute; left: 0; top: 0; } body .steps--ui { position: relative; } body .steps--ui .btn input[type="button"] { background: #A265EE !important; border: none; outline: none; display: none; } body .steps--ui .btn.next--step { opacity: 1; visibility: visible; -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; } body .steps--ui .btn.next--step.hide { opacity: 0; visibility: hidden; } body .steps--ui .btn.send { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; z-index: 2; -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; } body .steps--ui .btn.send.show { opacity: 1; visibility: visible; } body .interactive-form .btn { margin: 0 0 0; } body .interactive-form .btn input[type="submit"] { display: inline-block; width: auto; border: 1px solid #737373; border-left: 3px solid #A265EE; outline: none; background: #151515; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; } body .interactive-form .btn input[type="submit"]:hover { background: #A265EE; border-color: #A265EE; } body .interactive-form .response .wpcf7-response-output { margin: 0 0 15px 0; border: none; background: #eb3a3a; color: #fff; padding: 15px; } body .interactive-form .response .wpcf7-response-output.wpcf7-mail-sent-ok { background: #3aeb60; } body .form .row > div { margin-bottom: 15px; } body .form .row > div.submit { margin-bottom: 0; } body .form input, body .form textarea { outline: none; height: 45px; padding: 15px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; border: 1px solid rgba(0, 0, 0, 0.082); background: #F4F4F4; width: 100%; } body .form textarea { resize: none; min-height: 200px; } body .form .btn { margin: 0 0 0; } body .form .btn input[type="submit"] { display: inline-block; width: auto; border: none; border-left: 3px solid; outline: none; background: #151515; } body .form span.wpcf7-not-valid-tip { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } body .form .response .wpcf7-response-output { margin: 0 0 15px 0; border: none; background: #eb3a3a; color: #fff; padding: 15px; } body .form .response .wpcf7-response-output.wpcf7-mail-sent-ok { background: #3aeb60; } body .acf-map { width: 100%; height: 100%; border: none; margin: 0; background: #252525; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.356); box-shadow: 0 0 20px rgba(0, 0, 0, 0.356); } body .acf-map img { max-width: inherit !important; } body .single--blog_item { position: relative; margin-bottom: 15px; } @media (min-width: 992px) { body .single--blog_item { margin-bottom: 30px; } } body .single--blog_item .date--box { pointer-events: none; } body .single--blog_item .post--title { pointer-events: none; bottom: 0; left: 0; width: 100%; padding: 15px 0; } @media (min-width: 992px) { body .single--blog_item .post--title { padding: 15px 30px; position: absolute; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); color: #fff; } } body .single--blog_item .post--title h4 { font-size: 1.3rem; } @media (min-width: 992px) { body .single--blog_item .post--title h4 { font-size: 1.6rem; } } @media (min-width: 992px) { body .single--blog_item .post--image { min-height: 160px; } } body .single--blog_item .post--image a { display: block; overflow: hidden; } body .single--blog_item .post--image a img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; -o-transition: transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease; } body .single--blog_item .post--image a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } @media (min-width: 992px) { body .form--content_inner { padding-right: 25px; } body .form--content_inner h2 { margin-bottom: 25px; } } @media (min-width: 992px) { body .more-padding-vertical { padding: 160px 0; } } @media (min-width: 1120px) { .page-template-template-page-service-detail section { padding: 0px 0; } } @media (min-width: 992px) { .animation1, .animation2, .animation3, .animation4, .animation5, .animation6, .animation7, .animation8 { opacity: 0; visibility: hidden; -webkit-transition: opacity .6s ease, -webkit-transform .6s ease; transition: opacity .6s ease, -webkit-transform .6s ease; -o-transition: opacity .6s ease, transform .6s ease; transition: opacity .6s ease, transform .6s ease; transition: opacity .6s ease, transform .6s ease, -webkit-transform .6s ease; -webkit-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); } .animation1.visible, .animation2.visible, .animation3.visible, .animation4.visible, .animation5.visible, .animation6.visible, .animation7.visible, .animation8.visible { opacity: 1; visibility: visible; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .home .animation1 { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .home .animation1 .color--bg { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; } .home .animation1 .inner, .home .animation1 .big--o { opacity: 0; visibility: hidden; -webkit-transition: opacity .6s ease, -webkit-transform .5s ease; transition: opacity .6s ease, -webkit-transform .5s ease; -o-transition: opacity .6s ease, transform .5s ease; transition: opacity .6s ease, transform .5s ease; transition: opacity .6s ease, transform .5s ease, -webkit-transform .5s ease; } .home .animation1 .inner { -webkit-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); } .home .animation1.visible .color--bg { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .home .animation1.visible .inner { opacity: 1; visibility: visible; -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .home .animation1.visible .big--o { opacity: 1; visibility: visible; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .home .animation3 .darkbg.absolute--content { opacity: 0; visibility: hidden; -webkit-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); -webkit-transition: opacity .5s ease, -webkit-transform .5s ease; transition: opacity .5s ease, -webkit-transform .5s ease; -o-transition: transform .5s ease, opacity .5s ease; transition: transform .5s ease, opacity .5s ease; transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .home .animation3.visible .darkbg.absolute--content { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .page-template-template-page-contact .animation1, .single-post .animation1 { opacity: 1; visibility: visible; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .page-template-template-page-contact .animation1.visible, .single-post .animation1.visible { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .single-post .animation1 { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } } @media (max-width: 1024px) { .hideFromtablet { display: none; } } @media (max-width: 1024px) { .fullWidthCont { width: 100%; max-width: 100%; -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; } } .page-template-template-page-about .two--images .color--bg { display: none; } a.box-link { position: absolute; background: #ffffff00; width: 100%; height: 100%; z-index: 3; } .home section.graybg.animation3 { background: #fff !important; } .home section.graybg.animation3 .darkbg { background: #F4F4F4 !important; } .page-template-template-textpage ul li, .page-template-template-textpage ol li { font-weight: 100; margin-bottom: 1rem; } .page-template-template-textpage dl, .page-template-template-textpage ol, .page-template-template-textpage ul { padding-left: 1rem; } .cookie--over { z-index: 9; position: fixed; padding: 0; left: 0; width: 100%; bottom: 40px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; will-change: transform; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: auto; } @media only screen and (min-width: 992px) { .cookie--over { width: calc(100% - 160px); } } .cookie--over > div { width: 100%; position: relative; overflow: hidden; margin: auto; } @media only screen and (min-width: 992px) { .cookie--over > div { width: 65vw; } } @media only screen and (min-width: 1500px) { .cookie--over > div { width: 62vw; } } .cookie--over > div div#gdpr-cookie-message { padding: 0; border: 1px solid #454547; background: #ffffff; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; border-radius: 0; z-index: 8; background: #000; text-align: left; display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; margin: 0 20px; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 640px) { .cookie--over > div div#gdpr-cookie-message { margin: 0 40px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 720px) { .cookie--over > div div#gdpr-cookie-message { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; text-align: left; } } @media only screen and (min-width: 992px) { .cookie--over > div div#gdpr-cookie-message { width: 62vw; max-width: 610px; margin: 0 !important; } } .cookie--over > div div#gdpr-cookie-message p { margin-bottom: 0; padding: 5px 20px; margin-top: 0; } .cookie--over > div div#gdpr-cookie-message button { padding: 15px 20px; background-color: transparent; border: none; text-transform: uppercase; -webkit-transition: background-color .25s ease; -o-transition: background-color .25s ease; transition: background-color .25s ease; will-change: background-color; height: 50px; outline: none; } @media screen and (min-width: 720px) { .cookie--over > div div#gdpr-cookie-message button { border-left: 1px solid #454547; } .cookie--over > div div#gdpr-cookie-message button:hover { background-color: #fff; color: #000; } } .cookie--over > div div#gdpr-cookie-message a { text-decoration: underline; } .cookie--over > div div#gdpr-cookie-message p, .cookie--over > div div#gdpr-cookie-message a, .cookie--over > div div#gdpr-cookie-message button { font-size: 16px; color: #fff; } /*Header*/ body #masthead { position: absolute; padding: 20px 0; z-index: 3; width: 100%; } @media (min-width: 1120px) { body #masthead { padding: 42px 0; } } body .logo { min-height: 54px; max-height: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition-delay: .35s; -o-transition-delay: .35s; transition-delay: .35s; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } @media (min-width: 992px) { body .logo { margin-left: 25px; } } body .logo a { display: block; max-width: 120px; } @media (min-width: 1120px) { body .logo a { max-width: 140px; } } body .logo a img, body .logo a svg { width: 100%; max-width: 140px; max-height: 54px; height: auto; } body .logo a img *, body .logo a svg * { -webkit-transition: all .03s ease; -o-transition: all .03s ease; transition: all .03s ease; } body .logo a img#goshpr circle#elipse, body .logo a svg#goshpr circle#elipse { stroke: #A265EE; -webkit-transition-delay: .015s; -o-transition-delay: .015s; transition-delay: .015s; } body .logo a img#goshpr #pr > *, body .logo a svg#goshpr #pr > * { fill: #A265EE; -webkit-transition-delay: .015s; -o-transition-delay: .015s; transition-delay: .015s; } body .menu--btn { position: fixed; width: 52px; height: 42px; background: #A265EE; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; right: 22px; top: 25px; -webkit-transition: background-color .8s ease; -o-transition: background-color .8s ease; transition: background-color .8s ease; cursor: pointer; } @media (min-width: 1120px) { body .menu--btn { right: 40px; top: 38px; width: 70px; height: 60px; } } body .menu--btn .menu--btn_content { width: 20px; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; -o-transition: transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; } body .menu--btn .menu--btn_content .line { width: 100%; height: 2px; background: #fff; -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; } body .menu--btn .menu--btn_content .line.top, body .menu--btn .menu--btn_content .line.bottom { -webkit-transform: translateX(-4px); -ms-transform: translateX(-4px); transform: translateX(-4px); } body .menu--btn .menu--btn_content .line.middle { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } body .menu--btn:hover .menu--btn_content .line, body .menu--btn:focus .menu--btn_content .line { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } body.open--menu .menu--btn .menu--btn_content { -webkit-transform: scale(1.4) rotate(90deg); -ms-transform: scale(1.4) rotate(90deg); transform: scale(1.4) rotate(90deg); } body.open--menu .menu--btn .menu--btn_content .line.top { -webkit-transform: translateX(0px) translateY(6px) rotate(45deg) scaleY(0.75); -ms-transform: translateX(0px) translateY(6px) rotate(45deg) scaleY(0.75); transform: translateX(0px) translateY(6px) rotate(45deg) scaleY(0.75); } body.open--menu .menu--btn .menu--btn_content .line.bottom { -webkit-transform: translateX(0px) translateY(-6px) rotate(-45deg) scaleY(0.75); -ms-transform: translateX(0px) translateY(-6px) rotate(-45deg) scaleY(0.75); transform: translateX(0px) translateY(-6px) rotate(-45deg) scaleY(0.75); } body.open--menu .menu--btn .menu--btn_content .line.middle { -webkit-transform: translateX(0px) scaleX(0); -ms-transform: translateX(0px) scaleX(0); transform: translateX(0px) scaleX(0); } body.inLoading .logo #goshpr circle#elipse { stroke: #fff; } @media (min-width: 1120px) { body.inLoading .logo #goshpr circle#elipse { stroke: #fff; } } body.inLoading .logo #goshpr #pr > * { fill: #fff; } @media (min-width: 1120px) { body.inLoading .logo #goshpr #pr > * { fill: #fff; } } body .home--loading { position: fixed; z-index: 9; width: 100%; height: 100%; top: 0; background: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .home--loading .inner { max-width: 400px; overflow: hidden; } body .home--loading .inner img { width: 100%; height: auto; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } /*Footer*/ body #colophon { z-index: 2; background: #151515; color: #929292; line-height: 2rem; position: relative; padding: 0; } body #colophon .inner { padding: 20px 0; } @media (min-width: 1120px) { body #colophon .inner { padding: 42px 25px 42px 0; } } body #colophon .inner a { color: #929292; text-decoration: none; -webkit-transition: color .25s ease; -o-transition: color .25s ease; transition: color .25s ease; } body #colophon .inner a:hover, body #colophon .inner a:focus { color: #fff; } body #colophon .inner .sitecredit { text-align: center; } @media (min-width: 992px) { body #colophon .inner .sitecredit { text-align: right; } } @media (min-width: 992px) { body #colophon { line-height: 1.5rem; } } body #colophon .small-text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body #colophon .small-text * { font-size: 1rem; } body #colophon a { -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } @media (max-width: 1025px) { body #colophon { padding-top: 0 !important; } } body .menu--content_bg { width: 100%; height: 100%; position: fixed; right: 0; top: 0; background: #212121; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; z-index: 2; } body .menu--content_inner-right-column { background: #A265EE; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; position: fixed; width: 52px; height: 42px; background: #A265EE; -webkit-transform: translate(-22px, 25px); -ms-transform: translate(-22px, 25px); transform: translate(-22px, 25px); z-index: 2; right: 0; top: 0; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } @media (min-width: 1120px) { body .menu--content_inner-right-column { width: 70px; height: 60px; min-width: 0px; -webkit-transform: translate(-40px, 38px); -ms-transform: translate(-40px, 38px); transform: translate(-40px, 38px); } } body .menu--content_inner-right-column .menu--content_inner-right-inner { width: 100%; opacity: 0; height: 100%; padding: 75px 25px 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 992px) { body .menu--content_inner-right-column .menu--content_inner-right-inner { width: 65%; padding: 75px 0 53px; } } @media (min-width: 1700px) { body .menu--content_inner-right-column .menu--content_inner-right-inner { padding: 75px 0 85px; } } body .menu--content_inner-right-column .menu--content_inner-right-inner .menu-main-menu-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 0; } @media (min-width: 992px) { body .menu--content_inner-right-column .menu--content_inner-right-inner .menu-main-menu-container { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } body .menu--content_inner-right-column .social--content { margin-top: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } @media (min-width: 992px) { body .menu--content_inner-right-column .social--content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } } body .menu--content_inner-right-column .social--content ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } body .menu--content_inner-right-column .social--content ul li { margin: 0 15px; } @media (min-width: 992px) { body .menu--content_inner-right-column .social--content ul li { margin: 0 30px 0 0; } } body .menu--content_inner-right-column .social--content ul li a { color: #fff; font-size: 1.5rem; text-decoration: none; width: 28px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 992px) { body .menu--content_inner-right-column .social--content ul li a { font-size: 1.2rem; } } @media (min-width: 1120px) { body .menu--content_inner-right-column .social--content ul li a { font-size: 1.5rem; width: 34px; height: 34px; } } body .menu--content_inner-right-column .social--content ul li a img { width: 100%; height: auto; } body .menu--content ul, body .menu--content li { line-height: 2.4rem; } @media (min-width: 992px) { body .menu--content ul, body .menu--content li { line-height: 4rem; } } @media (min-width: 1700px) { body .menu--content ul, body .menu--content li { line-height: 5rem; } } body .menu--content_inner-left-column { width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 2; position: fixed; top: 0; left: 0; display: none; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } @media (min-width: 768px) { body .menu--content_inner-left-column { display: none; } } @media (min-width: 992px) { body .menu--content_inner-left-column { width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } body .menu--content_inner-left-column .menu--content_inner-left-inner { width: 100%; padding: 32px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (min-width: 1700px) { body .menu--content_inner-left-column .menu--content_inner-left-inner { padding: 72px; } } body .menu--content_inner-left-column .menu--content_inner-left-inner h2 { color: rgba(118, 118, 120, 0.35); font-size: 2.7rem; position: relative; display: inline-block; } @media (min-width: 1120px) { body .menu--content_inner-left-column .menu--content_inner-left-inner h2 { font-size: 4.5vw; } } body.open--menu .menu--content_bg { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body.open--menu .menu--content_inner-right-column { visibility: visible; width: 100%; height: 100%; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } @media (min-width: 768px) { body.open--menu .menu--content_inner-right-column { width: 100%; } } @media (min-width: 992px) { body.open--menu .menu--content_inner-right-column { width: 40%; } } body.open--menu .menu--content_inner-left-column { opacity: 1; visibility: visible; } body.open--menu .menu--content_inner-right-inner { opacity: 1; } body.open--menu .menu--content_inner-right-inner .menu-main-menu-container { height: auto; } body ul#primary-menu { list-style: none; padding: 0; margin: 0; opacity: 0; line-height: 8vh; display: block; } @media (min-width: 992px) { body ul#primary-menu { line-height: 4.5rem; } } @media (min-width: 1700px) { body ul#primary-menu { font-size: 10rem; } } body ul#primary-menu li { line-height: inherit; } body ul#primary-menu li a { color: #fff; font-size: 2rem; text-decoration: none; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; font-style: normal; font-weight: 600; display: inline-block; } @media (min-width: 992px) { body ul#primary-menu li a { font-size: 2.5rem; } } @media (min-width: 1120px) { body ul#primary-menu li a { font-size: 2.7rem; font-weight: 700; font-style: normal; } } @media (min-width: 1700px) { body ul#primary-menu li a { font-size: 3.88rem; } } body ul#primary-menu li a:hover { -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); } body ul#primary-menu li.current-menu-item a { color: #151515; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } body .address--content { color: #fff; margin-top: 3rem; } body .address--content p { line-height: 2.75rem; font-size: 1.56rem; font-variant: normal; font-weight: 400; } @media (min-width: 992px) { body .address--content p { line-height: 2.25rem; font-size: 1.26rem; } } @media (min-width: 1120px) { body .address--content p { font-size: 1.36rem; line-height: 2rem; } } body .address--content p strong, body .address--content p b { font-weight: 400; } body .address--content a { color: #fff; text-decoration: none; font-variant: normal; font-weight: 400; } body .address--content .hello--section { max-width: 360px; } @media (min-width: 992px) { body .footer--block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } body .footer--block .footer--logo { margin: 0 auto 35px; max-width: 350px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 992px) { body .footer--block .footer--logo { margin: 0 35px 0 0; max-width: 330px; } } body .footer--block .footer--logo img { max-width: 155px; margin-right: 15px; } body .footer--block ul { margin: 0; padding: 0; list-style: none; display: block; text-align: center; } @media (min-width: 992px) { body .footer--block ul li { margin-right: 55px; } body .footer--block ul li * { color: #5A5A5A; text-decoration: none; } } @media (min-width: 992px) { body .footer--block ul { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; } } body .footer--bigBlock { margin-left: auto; margin-right: 0; background: #2B2B2B; width: 100%; position: relative; } body .footer--bigBlock .row > div { padding: 0; border-right: 1px solid #3B3B3B; border-top: 1px solid #3B3B3B; } body .footer--bigBlock .row.padding > div { padding: 0 15px; border: none; } @media (min-width: 992px) { body .footer--bigBlock .row.padding > div { padding: 0 30px; } } body .footer--bigBlock .big--footer_box { padding: 25px; } @media (min-width: 992px) { body .footer--bigBlock .big--footer_box { padding: 45px; } } body .footer--bigBlock .big--footer_box.last { border-right: none; } body .footer--bigBlock .big--footer_box.title--section { padding: 20px 25px; border-top: none; } @media (min-width: 992px) { body .footer--bigBlock .big--footer_box.title--section { padding: 65px 45px 20px; } } body .footer--bigBlock .footer--bigBlock_inner_out { position: relative; top: 0; width: 100%; background: #2b2b2b; z-index: 2; } @media (min-width: 992px) { body .footer--bigBlock .footer--bigBlock_inner_out { position: absolute; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } } body .footer--bigBlock .footer--bigBlock_inner_out .big--footer_box { padding: 20px 25px; } @media (min-width: 992px) { body .footer--bigBlock .footer--bigBlock_inner_out .big--footer_box { padding: 65px 45px 20px; } } body .title--section { text-transform: uppercase; letter-spacing: 1.5px; font-size: .8rem; } @media (min-width: 992px) { body .title--section { font-size: 1rem; } } @media (max-width: 1200px) { body .title--section .hide--onmobile { display: none; } } body .footer--menu #footer-menu { margin: 0; padding: 0; list-style: none; width: 100%; } @media (min-width: 992px) { body .footer--menu #footer-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } body .footer--menu #footer-menu li { line-height: 1.9rem; } body .footer--menu #footer-menu li a { color: #fff; font-size: 1.2rem; text-decoration: none; } @media (min-width: 1700px) { body .footer--menu #footer-menu li a { font-size: 1.3rem; } } body .bigger--text { color: #fff; font-size: 1.4rem; font-weight: 400; font-style: normal; line-height: 2rem; } @media (min-width: 992px) { body .bigger--text { font-size: 1.2rem; line-height: 2rem; } } @media (min-width: 1300px) { body .bigger--text { font-size: 1.6rem; line-height: 2.6rem; } } @media (min-width: 1700px) { body .bigger--text { font-size: 2rem; } } body .bigger--text a { color: #A265EE; } body .bigger--text p { color: #fff; font-size: 1.4rem; font-weight: 400; font-style: normal; line-height: 2rem; } body .twitter--logo { z-index: 1; position: absolute; right: 10%; bottom: 5%; width: 150px; height: 150px; opacity: .05; visibility: hidden; pointer-events: none; } @media (min-width: 992px) { body .twitter--logo { visibility: visible; } } body .tweet--content { position: relative; z-index: 1; } body .tweet--content p { max-width: 100%; } @media (min-width: 992px) { body .tweet--content p { max-width: 75%; } } body .tweet--content .twitter--date { font-size: .8rem; letter-spacing: 1px; margin-top: 25px; text-transform: uppercase; } body .big--text { color: #fff; font-size: 1.4rem; font-weight: 600; font-style: normal; line-height: 2rem; } @media (min-width: 992px) { body .big--text { font-size: 1.2rem; line-height: 2rem; } } @media (min-width: 1300px) { body .big--text { font-size: 1.6rem; line-height: 2.6rem; } } @media (min-width: 1700px) { body .big--text { font-size: 2rem; } } body .big--text a { color: #fff; text-decoration: none; } body .big--text p { color: #fff; font-size: 1.4rem; font-weight: 600; font-style: normal; line-height: 2rem; } body .big--text p strong, body .big--text p b { font-weight: 600; } body .custom-flex { display: block; } @media (min-width: 992px) { body .custom-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } } body .custom-flex > * { margin-right: 25px; } @media (min-width: 1300px) { body .custom-flex > * { margin-right: 100px; } } body .social--content_footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } @media (min-width: 992px) { body .social--content_footer { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } } body .social--content_footer ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } body .social--content_footer ul li { margin-right: 30px; } body .social--content_footer ul li a { color: #fff; font-size: 1.5rem; text-decoration: none; width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity .2s ease !important; -o-transition: opacity .2s ease !important; transition: opacity .2s ease !important; } @media (min-width: 992px) { body .social--content_footer ul li a { font-size: 1.2rem; } } @media (min-width: 1120px) { body .social--content_footer ul li a { font-size: 1.5rem; width: 24px; height: 24px; } } body .social--content_footer ul li a img { width: 100%; height: auto; } body .social--content_footer ul li a:hover { opacity: 0.5; } @media (min-width: 992px) { body .hide-ondesktop { display: none; } } .rotate { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; } .rotate .phone-icon { background: -o-linear-gradient(top, #0e1a56, #060b2b); background: -webkit-gradient(linear, left top, left bottom, from(#0e1a56), to(#060b2b)); background: linear-gradient(180deg, #0e1a56, #060b2b); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; } .rotate .phone-icon__drawing { border: 2px solid #fff; border-radius: 4px; width: 50px; height: 100px; margin: 0 auto 16px; position: relative; overflow: hidden; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-animation: rotateDevice 3.2s ease-in-out infinite; animation: rotateDevice 3.2s ease-in-out infinite; } .rotate .phone-icon__drawing:before { content: ""; position: absolute; background: #fff; border-radius: 8px; width: 34px; height: 10px; top: -5px; left: calc(50% - 17px); } .rotate .phone-icon__drawing:after { content: ""; position: absolute; background: #fff; border-radius: 2px; height: 2px; width: 70%; left: 15%; bottom: 3px; } .rotate .phone-icon__text { font-weight: 300; } @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { #page, .menu--content { display: none; } .rotate { display: -webkit-box; display: -ms-flexbox; display: flex; } } @-webkit-keyframes rotateDevice { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 50%, to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes rotateDevice { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 50%, to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }