/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */ /*! Theme Name: loganix Theme URI: http://underscores.me/ Author: Matt Hirsch Author URI: https://matthirsch.com Description: Loganix Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: loganix Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. loganix is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # NORMALIZE --------------------------------------------------------------*/ /* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /*-------------------------------------------------------------- # WP --------------------------------------------------------------*/ html{-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#fff}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0}ul{list-style:disc; margin-bottom: 1.5em;}ol{list-style:decimal; margin-bottom: 1.5em;}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%;border-collapse:collapse;border-spacing:0}td,th{padding:0} html{ background-color: #edfbfe; } body{ background-color: #edfbfe; overflow-x: hidden; /* background-image: url(/wp-content/themes/loganix/images/loganix-bg-x.png); background-position: 100% 0px; background-repeat: no-repeat; background-size: 898px auto; background-size: 50%;*/ } body.page-template-page-location { background-image: none; } .biggerx{ position: absolute; max-width: 800px; right: -5%; top: -5%; width: 65%; opacity: .1; z-index: 0; } /*-------------------------------------------------------------- # Page Loader --------------------------------------------------------------*/ #page-loader { position: fixed; z-index: 999999; background-color: #140044; top: 0; left: 0; height: 100%; width: 100%; 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; } .pl-image-ctn { max-width: 100px; -webkit-animation: rotateIt 1.5s infinite forwards; animation: rotateIt 1.5s infinite forwards; } .pl-image-ctn img { width: 100%; max-width: 120px; } @-webkit-keyframes rotateIt { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 20% { -webkit-transform: rotate(20deg); transform: rotate(20deg); } 40% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotateIt { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 20% { -webkit-transform: rotate(20deg); transform: rotate(20deg); } 40% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto} /*-------------------------------------------------------------- # ACCESSIBILITY --------------------------------------------------------------*/ .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0} /*-------------------------------------------------------------- # CLEARINGS --------------------------------------------------------------*/ .clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.site-content:after,.site-footer:after,.site-header:after{clear:both} /*-------------------------------------------------------------- # WIDGETS --------------------------------------------------------------*/ .widget{margin:0 0 1.5em}.widget select{max-width:100%} /*-------------------------------------------------------------- ## COMMENTS --------------------------------------------------------------*/ .comment-content a{word-wrap:break-word}.bypostauthor{display:block} /*-------------------------------------------------------------- # INFINITE SCROLL --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } .infinity-end.neverending .site-footer {display: block;} /*-------------------------------------------------------------- # MEDIA --------------------------------------------------------------*/ /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img.responsive, video.responsive { max-width: 100%; height: auto; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hidden { display: none; } /*-------------------------------------------------------------- # GRID --------------------------------------------------------------*/ .container{margin:0 auto;max-width:1280px;width:90%} .container.xl{max-width: 1521px; } @media only screen and (min-width:601px){.container{width:85%}} @media only screen and (min-width:890px){.container{width:80%}} .container .row{margin-left:-0.75rem;margin-right:-0.75rem} .row{margin-left:auto;margin-right:auto;margin-bottom:20px} .row:after{content:"";display:table;clear:both} .row .col{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 2.5rem;min-height:1px} .row .col[class*=push-],.row .col[class*=pull-]{position:relative} /*PHONE - TABLETS*/ .row .col.s1,.row .col.s10,.row .col.s11,.row .col.s12,.row .col.s2,.row .col.s3,.row .col.s4,.row .col.s5,.row .col.s7,.row .col.s8,.row .col.s9{margin-left:auto;left:auto;right:auto}.row .col.s1{width:8.3333333333%}.row .col.s2{width:16.6666666667%}.row .col.s3{width:25%}.row .col.s4{width:33.3333333333%}.row .col.s5{width:41.6666666667%}.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto;padding: 0 15px;}.row .col.s7{width:58.3333333333%}.row .col.s8{width:66.6666666667%}.row .col.s9{width:75%}.row .col.s10{width:83.3333333333%}.row .col.s11{width:91.6666666667%}.row .col.s12{width:100%;padding: 0 15px;}.row .col.offset-s1{margin-left:8.3333333333%}.row .col.pull-s1{right:8.3333333333%}.row .col.push-s1{left:8.3333333333%}.row .col.offset-s2{margin-left:16.6666666667%}.row .col.pull-s2{right:16.6666666667%}.row .col.push-s2{left:16.6666666667%}.row .col.offset-s3{margin-left:25%}.row .col.pull-s3{right:25%}.row .col.push-s3{left:25%}.row .col.offset-s4{margin-left:33.3333333333%}.row .col.pull-s4{right:33.3333333333%}.row .col.push-s4{left:33.3333333333%}.row .col.offset-s5{margin-left:41.6666666667%}.row .col.pull-s5{right:41.6666666667%}.row .col.push-s5{left:41.6666666667%}.row .col.offset-s6{margin-left:50%}.row .col.pull-s6{right:50%}.row .col.push-s6{left:50%}.row .col.offset-s7{margin-left:58.3333333333%}.row .col.pull-s7{right:58.3333333333%}.row .col.push-s7{left:58.3333333333%}.row .col.offset-s8{margin-left:66.6666666667%}.row .col.pull-s8{right:66.6666666667%}.row .col.push-s8{left:66.6666666667%}.row .col.offset-s9{margin-left:75%}.row .col.pull-s9{right:75%}.row .col.push-s9{left:75%}.row .col.offset-s10{margin-left:83.3333333333%}.row .col.pull-s10{right:83.3333333333%}.row .col.push-s10{left:83.3333333333%}.row .col.offset-s11{margin-left:91.6666666667%}.row .col.pull-s11{right:91.6666666667%}.row .col.push-s11{left:91.6666666667%}.row .col.offset-s12{margin-left:100%}.row .col.pull-s12{right:100%}.row .col.push-s12{left:100%} /*PHONE SPECIFICS*/ @media only screen and (max-width:481px){.row .col.xs12{width:100%} .row .col.offset-xs0{margin-left: 0;} .row .col.push-s6{left:0;} .row .col.pull-s6 {right: 0;}} /*TABLETS - LAPTOPS*/ @media only screen and (min-width:767px){.row .col.m1,.row .col.m10,.row .col.m11,.row .col.m12,.row .col.m2,.row .col.m3,.row .col.m4,.row .col.m5,.row .col.m7,.row .col.m8,.row .col.m9{margin-left:auto;left:auto;right:auto}.row .col.m1{width:8.3333333333%}.row .col.m2{width:16.6666666667%}.row .col.m3{width:25%}.row .col.m4{width:33.3333333333%}.row .col.m5{width:41.6666666667%}.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.m7{width:58.3333333333%}.row .col.m8{width:66.6666666667%}.row .col.m9{width:75%}.row .col.m10{width:83.3333333333%}.row .col.m11{width:91.6666666667%}.row .col.m12{width:100%}.row .col.offset-m1{margin-left:8.3333333333%}.row .col.pull-m1{right:8.3333333333%}.row .col.push-m1{left:8.3333333333%}.row .col.offset-m2{margin-left:16.6666666667%}.row .col.pull-m2{right:16.6666666667%}.row .col.push-m2{left:16.6666666667%}.row .col.offset-m3{margin-left:25%}.row .col.pull-m3{right:25%}.row .col.push-m3{left:25%}.row .col.offset-m4{margin-left:33.3333333333%}.row .col.pull-m4{right:33.3333333333%}.row .col.push-m4{left:33.3333333333%}.row .col.offset-m5{margin-left:41.6666666667%}.row .col.pull-m5{right:41.6666666667%}.row .col.push-m5{left:41.6666666667%}.row .col.offset-m6{margin-left:50%}.row .col.pull-m6{right:50%}.row .col.push-m6{left:50%}.row .col.offset-m7{margin-left:58.3333333333%}.row .col.pull-m7{right:58.3333333333%}.row .col.push-m7{left:58.3333333333%}.row .col.offset-m8{margin-left:66.6666666667%}.row .col.pull-m8{right:66.6666666667%}.row .col.push-m8{left:66.6666666667%}.row .col.offset-m9{margin-left:75%}.row .col.pull-m9{right:75%}.row .col.push-m9{left:75%}.row .col.offset-m10{margin-left:83.3333333333%}.row .col.pull-m10{right:83.3333333333%}.row .col.push-m10{left:83.3333333333%}.row .col.offset-m11{margin-left:91.6666666667%}.row .col.pull-m11{right:91.6666666667%}.row .col.push-m11{left:91.6666666667%}.row .col.offset-m12{margin-left:100%}.row .col.pull-m12{right:100%}.row .col.push-m12{left:100%}} /*LG. LAPTOPS - DESKTOPS*/ @media only screen and (min-width:1025px){.row .col.l1,.row .col.l10,.row .col.l11,.row .col.l12,.row .col.l2,.row .col.l3,.row .col.l4,.row .col.l5,.row .col.l7,.row .col.l8,.row .col.l9{margin-left:auto;left:auto;right:auto}.row .col.l1{width:8.3333333333%}.row .col.l2{width:16.6666666667%}.row .col.l3{width:25%}.row .col.l4{width:33.3333333333%}.row .col.l5{width:41.6666666667%}.row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.l7{width:58.3333333333%}.row .col.l8{width:66.6666666667%}.row .col.l9{width:75%}.row .col.l10{width:83.3333333333%}.row .col.l11{width:91.6666666667%}.row .col.l12{width:100%}.row .col.offset-l1{margin-left:8.3333333333%}.row .col.pull-l1{right:8.3333333333%}.row .col.push-l1{left:8.3333333333%}.row .col.offset-l2{margin-left:16.6666666667%}.row .col.pull-l2{right:16.6666666667%}.row .col.push-l2{left:16.6666666667%}.row .col.offset-l3{margin-left:25%}.row .col.pull-l3{right:25%}.row .col.push-l3{left:25%}.row .col.offset-l4{margin-left:33.3333333333%}.row .col.pull-l4{right:33.3333333333%}.row .col.push-l4{left:33.3333333333%}.row .col.offset-l5{margin-left:41.6666666667%}.row .col.pull-l5{right:41.6666666667%}.row .col.push-l5{left:41.6666666667%}.row .col.offset-l6{margin-left:50%}.row .col.pull-l6{right:50%}.row .col.push-l6{left:50%}.row .col.offset-l7{margin-left:58.3333333333%}.row .col.pull-l7{right:58.3333333333%}.row .col.push-l7{left:58.3333333333%}.row .col.offset-l8{margin-left:66.6666666667%}.row .col.pull-l8{right:66.6666666667%}.row .col.push-l8{left:66.6666666667%}.row .col.offset-l9{margin-left:75%}.row .col.pull-l9{right:75%}.row .col.push-l9{left:75%}.row .col.offset-l10{margin-left:83.3333333333%}.row .col.pull-l10{right:83.3333333333%}.row .col.push-l10{left:83.3333333333%}.row .col.offset-l11{margin-left:91.6666666667%}.row .col.pull-l11{right:91.6666666667%}.row .col.push-l11{left:91.6666666667%}.row .col.offset-l12{margin-left:100%}.row .col.pull-l12{right:100%}.row .col.push-l12{left:100%}} /*-------------------------------------------------------------- MEDIA QUERY CLASSES --------------------------------------------------------------*/ @media only screen and (max-width:600px){.hide-on-small-and-down,.hide-on-small-only{display:none!important}}@media only screen and (max-width:889px){.hide-on-med-and-down{display:none!important}}@media only screen and (min-width:601px){.hide-on-med-and-up{display:none!important}}@media only screen and (min-width:600px) and (max-width:889px){.hide-on-med-only{display:none!important}}@media only screen and (min-width:890px){.hide-on-large-only{display:none!important}.show-on-large{display:block!important}}@media only screen and (min-width:600px) and (max-width:889px){.show-on-medium{display:block!important}}@media only screen and (min-width:601px){.show-on-medium-and-up{display:block!important}}@media only screen and (max-width:889px){.show-on-medium-and-down{display:block!important}}@media only screen and (max-width:600px){.show-on-small{display:block!important}.center-on-small-only{text-align:center}} /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #0026f2; } a:hover, a:focus, a:active { text-decoration: none; } ::-webkit-input-placeholder { color: #ffffff; } :-ms-input-placeholder { color: #ffffff; } ::-moz-placeholder { color: #ffffff; } ::-ms-input-placeholder { color: #ffffff; } ::placeholder { color: #ffffff; } ::-moz-selection { background: #0026f2; color: #ffffff; } ::selection { background: #0026f2; color: #ffffff; } /* General Box Button Styles */ .box-btn { cursor: pointer; position: relative; text-decoration: none; text-align: center; font-family: Calibre Medium, sans-serif; text-transform: uppercase; letter-spacing: 3px; font-size: 16px; line-height: 16px; display: inline-block; text-align: center; margin: 1rem auto; min-width: 250px; } .box-btn svg { width: 100%; height: 100%; top: 0; left:0; position: absolute; } .box-btn span { display: inline-block; padding: 1.5rem 3rem 1rem !important; -webkit-transition: color 320ms; -o-transition: color 320ms; transition: color 320ms; } .box-btn .btn-arrow-wrap { position: absolute; right: 6%; width: 15px; height: 15px; top: 39%; -webkit-transition: right 320ms, fill 320ms; -o-transition: right 320ms, fill 320ms; transition: right 320ms, fill 320ms; } .box-btn.red { background: #0026f2; border: 2px solid #fff; border-radius: 5px; } .box-btn.white { background: #fff; border: 2px solid #fff; border-radius: 5px; } .box-btn.red.text-black { color: #00EAF3!important; } .box-btn.red.arrow-black .btn-arrow { fill: #00EAF3; } .box-btn:hover .btn-arrow-wrap { right: 5%; } .box-btn .btn-arrow path { -webkit-transition: fill 320ms; -o-transition: fill 320ms; transition: fill 320ms; } .box-btn .btn-bg { -webkit-transition: fill 320ms; -o-transition: fill 320ms; transition: fill 320ms; } /* Boxed Button Border Styles */ .box-btn.red .btn-bg { fill: #ff224b; } .box-btn.blue .btn-bg { fill: #00EAF3; } .box-btn.purple .btn-bg { fill: #763caf; } .box-btn.white .btn-bg { fill: #fff; } .box-btn.black .btn-bg { fill: #000; } .box-btn.hover-red:hover .btn-bg { fill: #ff224b; } .box-btn.hover-blue:hover .btn-bg { fill: #00EAF3; } .box-btn.hover-purple:hover .btn-bg { fill: #763caf; } .box-btn.hover-white:hover .btn-bg { fill: #fff; } .box-btn.hover-black:hover .btn-bg { fill: #000; } /* Boxed Button Arrow Styles */ .box-btn.arrow-red .btn-arrow { fill: #ff224b; } .box-btn.arrow-blue .btn-arrow { fill: #00EAF3; } .box-btn.arrow-purple .btn-arrow { fill: #763caf; } .box-btn.arrow-white .btn-arrow { fill: #fff; } .box-btn.arrow-black .btn-arrow { fill: #000; } .box-btn.hover-red:hover .btn-arrow { fill: #ff224b; } .box-btn.hover-blue:hover .btn-arrow { fill: #00EAF3; } .box-btn.hover-purple:hover .btn-arrow { fill: #763caf; } .box-btn.hover-white:hover .btn-arrow { fill: #fff; } .box-btn.hover-black:hover .btn-arrow { fill: #000; } /* Boxed Button Hover Text Styles */ .box-btn.hover-red:hover span { color: #ff224b; } .box-btn.hover-blue:hover span { color: #00EAF3; } .box-btn.hover-purple:hover span { color: #763caf; } .box-btn.hover-white:hover span { color: #fff; } .box-btn.hover-black:hover span { color: #000; } /* Boxed Button Grid Variant */ .box-btn.grid { stroke-width: 2px; } .box-btn.red.grid .btn-bg { stroke: #ff224b; } .box-btn.blue.grid .btn-bg { stroke: #00EAF3; } .box-btn.purple.grid .btn-bg { stroke: #763caf; } .box-btn.white.grid .btn-bg { stroke: #fff; } .box-btn.black.grid .btn-bg { stroke: #000; } @media screen and (min-width: 992px) { .box-btn { margin: 2.5rem auto; min-width: 280px; } .box-btn span { padding: 1.5rem 4rem 1rem !important; } } a.new-btn { padding: 12px 40px 7px; padding: 14px 40px 9px; position: relative; text-decoration: none; text-align: center; font-family: Calibre Medium,sans-serif; font-family: Calibre Semibold,sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; line-height: 16px; color: #140044; display: inline-block; text-align: center; margin: 0 auto; border: 2px solid #ff0000; border-radius: 3px; position: relative; -webkit-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; } a.new-btn:hover { border-color: #140044; } a.new-btn.red::before { content: ""; position: absolute; top: -10px; left: -10px; width: 13px; height: 13px; border: 3px solid; border-color: #fff; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .floater a.new-btn.red::before { border-color: #edfbfe; } a.new-btn.long { padding-left: 75px; padding-right: 75px; } a.new-btn.red:hover::before { top: -12px; left: -12px; } a.new-btn:after, a.partnr.r:after { content: ""; width: 12px; height: 12px; background-image: url(../svg/arrow-purple-2.svg); position: absolute; right: 6%; top: 48%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } a.new-btn.red:hover:after, a.partnr.r:hover:after { right: 4%; } .btn-pair { margin-top: 50px; margin-bottom: 30px; } .btn-pair a{ padding: 12px 60px 7px; position: relative; text-decoration: none; text-align: center; font-family: Calibre Medium,sans-serif; font-family: Calibre Semibold,sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; line-height: 16px; color: #140044; display: inline-block; text-align: center; margin: 0 -6px; border: 2px solid #ff0000; border-radius: 3px; position: relative; -webkit-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; } .btn-pair .currnt { background-color: #ff0000; color: #edfbfe; } .small_box .new-btn.red { padding: 16px 47px 11px; margin-top: 40px; } a.partnr.l::before { content: ""; position: absolute; top: -10px; left: -10px; width: 13px; height: 13px; border: 3px solid; border-color: #edfbfe; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } a.partnr.l:hover::before { top: -12px; left: -12px; } a.partnr.r::before { content: ""; position: absolute; top: -10px; right: -10px; width: 13px; height: 13px; border: 3px solid; border-color: #edfbfe; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } a.partnr.r:hover::before { top: -12px; right: -12px; } a.partnr.r:after { top: 52%; } .currnt:after { content: ""; width: 12px; height: 12px; background-image: url(../svg/arrow-white-d-2.svg); position: absolute; right: 6%; top: 52%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } a.partnr.l:after { content: ""; width: 12px; height: 12px; background-image: url(../svg/arrow-back-2.svg); position: absolute; right: 8%; top: 52%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } a.partnr.l:hover:after { right: 10%; } .icon-link { color: #fff; padding-left: 1.35rem; position: relative; } .icon-link:after { content: ''; position: absolute; left: 0; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; width: 15px; height: 15px; top: 0.1rem; } .icon-link.purple:after { background-image: url(../svg/purple-link-2.svg); } /*-------------------------------------------------------------- # Fonts --------------------------------------------------------------*/ @font-face { font-family: "Calibre Regular"; font-style: normal; font-weight: normal; src: local("Calibre Regular"), url("../woff/calibreregular-2.woff") format("woff"); } @font-face { font-family: "Calibre Regular Italic"; font-style: normal; font-weight: normal; src: local("Calibre Regular Italic"), url("../woff/calibreregularitalic-2.woff") format("woff"); } @font-face { font-family: "Calibre Thin"; font-style: normal; font-weight: normal; src: local("Calibre Thin"), url("../woff/calibrethin-2.woff") format("woff"); } /*@font-face { font-family: "Calibre Thin Italic"; font-style: normal; font-weight: normal; src: local("Calibre Thin Italic"), url("/wp-content/themes/loganix/fonts/CalibreThinItalic.woff") format("woff"); }*/ @font-face { font-family: "Calibre Light"; font-style: normal; font-weight: normal; src: local("Calibre Light"), url("../woff/calibrelight-2.woff") format("woff"); } /*@font-face { font-family: "Calibre Light Italic"; font-style: normal; font-weight: normal; src: local("Calibre Light Italic"), url("/wp-content/themes/loganix/fonts/CalibreLightItalic.woff") format("woff"); }*/ @font-face { font-family: "Calibre Medium"; font-style: normal; font-weight: normal; src: local("Calibre Medium"), url("../woff/calibremedium-2.woff") format("woff"); } /*@font-face { font-family: "Calibre Medium Italic"; font-style: normal; font-weight: normal; src: local("Calibre Medium Italic"), url("/wp-content/themes/loganix/fonts/CalibreMediumItalic.woff") format("woff"); }*/ @font-face { font-family: "Calibre Semibold"; font-style: normal; font-weight: normal; src: local("Calibre Semibold"), url("../woff/calibresemibold-2.woff") format("woff"); } /*@font-face { font-family: "Calibre Semibold Italic"; font-style: normal; font-weight: normal; src: local("Calibre Semibold Italic"), url("/wp-content/themes/loganix/fonts/CalibreSemiboldItalic.woff") format("woff"); } @font-face { font-family: "Calibre Bold"; font-style: normal; font-weight: normal; src: local("Calibre Bold"), url("/wp-content/themes/loganix/fonts/CalibreBold.woff") format("woff"); } @font-face { font-family: "Calibre Bold Italic"; font-style: normal; font-weight: normal; src: local("Calibre Bold Italic"), url("/wp-content/themes/loganix/fonts/CalibreBoldItalic.woff") format("woff"); } @font-face { font-family: "Calibre Black"; font-style: normal; font-weight: normal; src: local("Calibre Black"), url("/wp-content/themes/loganix/fonts/CalibreBlack.woff") format("woff"); } @font-face { font-family: "Calibre Black Italic"; font-style: normal; font-weight: normal; src: local("Calibre Black Italic"), url("/wp-content/themes/loganix/fonts/CalibreBlackItalic.woff") format("woff"); }*/ /*-------------------------------------------------------------- ## SIDEBAR --------------------------------------------------------------*/ .sidebar { position: absolute; top: 0; /*width: 40px;*/ width: 70px; height: 100vh; bottom: 0; background-color: transparent; z-index: 9; display: none; } .sidebar.left { left: 0; } .sidebar.right { right: 0; } .sb-ln { height: 210px; width: 48%; border-right: 1px solid #140044; margin-bottom: 20px; } .sb-fb, .sb-tw, .sb-in { max-width: 22px; margin: 0 auto; max-height: 22px; padding: 10px 0; -webkit-transition: transform .3s; -o-transition: .3s transform; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .sb-fb:hover, .sb-tw:hover, .sb-in:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sb-fb, .sb-tw, .sb-ph, .sb-in { position: relative; } a.telly { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; position: absolute; width: 140px; right: 0px; bottom: 0; height: 20px; line-height: 1; text-align: center; font-size: 19px; text-decoration: none; font-family: "Calibre Regular", sans-serif; letter-spacing: 1px; -webkit-transition: .2s color; -o-transition: .2s color; transition: .2s color; } .right a.telly { -webkit-transform: rotate(-270deg); -ms-transform: rotate(-270deg); transform: rotate(-270deg); /*left: 25px;*/ left: 57%; top: 0px; } .left a.telly { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); left: 13px; top: 125px; } .less-space a.telly { top: -5px; } .left-image-link { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); margin-top: 0.5rem; margin-left: 0.35rem; max-width: 18px; } .right-image-link { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); margin-top: 1.5rem; margin-left: 0.35rem; max-width: 18px; } .sidebar.affiliates a.telly { top: 210px; width: 230px; } .sidebar.affiliates .sb-in { margin-top: 209px; } .ipad-video-block .sidebar { top: -112px; height: 75% !important; } .fancy-post-list .sidebar { top: 56px !important; z-index: 12; } a.telly:hover{ color: #8315ae; } .page-template-page-home .sidebar, .page-template-page-location .sidebar { background-color: #edfbfe; height: 150vh; } .page-template-page-home .sidebar { height: 100%; } .sb-in { margin-top: 135px; max-width: 32px; max-height: 32px; cursor: pointer; } @media screen and (min-width: 992px) { .sidebar { display: block; } } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation ul ul a { width: 200px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky{display:block}.updated:not(.published){display:none}.entry-content,.entry-summary,.page-content{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em} /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a{word-wrap:break-word}.bypostauthor{display:block} /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center} /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block} /*-------------------------------------------------------------- # Helpers --------------------------------------------------------------*/ .no-pad-bottom { padding-bottom: 0; } .no-pad-bottom .row { margin-bottom: 0; } .no-pad-top { padding-top: 0; } .center { text-align: center; } :focus { outline: -webkit-focus-ring-color auto 0px; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ .green{color:#4CB748;} .blue{color:#04549C;} p, body, button, input, select, optgroup, textarea { color: #231f20; color: #140044; font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; font-size: 19px; font-family: "Calibre Light", Helvetica, sans-serif; font-style: normal; } span.bigger { font-size: 26px; } span.big { font-size: 22px; } b, strong { font-family: "Calibre Regular", Helvetica, sans-serif; font-style: normal; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: "Calibre Thin", Helvetica, sans-serif; } h1 { font-size: 80px; font-weight: normal; line-height: .92; margin-bottom: 20px; color: #0026f2; letter-spacing: -2px; } h2 { font-size: 60px; font-weight: normal; line-height: 1; margin-bottom: 20px; color: #0026f2; letter-spacing: -1px; } h3 { margin: 0; line-height: 1; margin-bottom: 10px; font-size: 55px; font-weight: normal; line-height: 1; margin-bottom: 20px; color: #0026f2; } h4 { margin: 0; margin-bottom: 10px; font-size: 41px; font-weight: normal; line-height: 1; margin-bottom: 20px; color: #722ab6; } h5 { margin: 0; font-size: 33px; font-weight: normal; line-height: .92; margin-bottom: 20px; color: #0026f2; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } .divider { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .divider.industry-link-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; margin-left: 20px; } .divider p { margin-top: 0; -webkit-column-break-after: avoid-column; -moz-column-break-after: avoid-column; break-after: avoid-column; } a.bl-link { font-size: 16px; font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; font-style: normal; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #231f20; text-decoration: none; display: inline-block; position: relative; } a.bl-link.green .arrow-wrap{ background-color: #4CB748; } span.wrd { float: left; display: inline-block; padding-top: 8px; padding-top: 1px; padding-right: 10px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } a.bl-link:hover .wrd { padding-right: 15px; } .arrow-wrap { z-index: 1; background: #14293e; border-radius: 50%; display: block; position: relative; padding: 10px 8px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; float: right; width: 25px; height: 25px; padding: 7px 6px; } .arrow-wrap .arrow { height: 5px; width: 5px; border: 1px solid #ffffff; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; float: left; display: inline-block; padding-top: 8px; padding-right: 8px; margin-left: 0px; } /*-------------------------------------------------------------- # HOME PAGE --------------------------------------------------------------*/ .page-template-page-home header { height: auto; padding: 0; } .header-mobile-background { padding-top: 85%; background-color: #482a90; } .header-mobile-background:after { content: ""; position: absolute; width: 100%; height: 0.35rem; background-image: -webkit-gradient(linear, left top, right top, from(#a823e9), color-stop(#609ef6), to(#ff224b)); background-image: -o-linear-gradient(left, #a823e9, #609ef6, #ff224b); background-image: linear-gradient(to right, #a823e9, #609ef6, #ff224b); bottom: 0; } .static-lax-header, .static-lax-body { background-size: cover; background-repeat: no-repeat; background-position: center center; } .static-lax-header { padding-bottom: 125%; } .static-lax-body { padding-bottom: 150%; } .hp-i2 h2 { color: #722ab6; padding: 0 1.5rem; } .hp-i2 .indented-content { margin-left: 3.5rem; margin-right: 10%; } .hp-i2 p { margin-top: 10px; margin-bottom: 0; font-size: 21px; max-width: 400px; } /* General Parallax Styles */ .lax-wrap { position: relative; overflow: hidden; width: 100%; } .lax-wrap img { width: 100%; top: 0; left: 0; } .lax-background { float: left; z-index: 1; } .page-template-page-home header { height: auto; padding: 0; position: absolute; top: 0; left: 0; right: 0; } .page-template-page-home .site-branding .logodark { fill: #ffffff; } .page-template-page-home ul#header-toppr-menu li a { color: #ffffff; } .page-template-page-home ul#header-toppr-menu li a:after, .page-template-page-home .menu_toggle__wrapper .menu_toggle__line { background: #ffffff; } .page-template-page-home .menu_toggle__wrapper:hover .menu_toggle__line { background: #00eaf3; } .page-template-page-home ul#header-toppr-menu li a:hover { color: #00eaf3; } ul#header-toppr-menu li#menu-item-13920 a::after { content: "\002F"; background: none!important; } ul#header-toppr-menu li#menu-item-13920 a::after:hover { color: #140044; } ul#header-toppr-menu li#menu-item-22365 a::after { content: none; } ul#header-toppr-menu li#menu-item-15826 a:hover { color: #00EAF3; } .home ul#header-toppr-menu li.signup-btn-top a { border: 2px solid #fff; border-radius: 4px; padding: 7px 10px 3px; margin-left: 10px; background: #0026f2; color: #00EAF3; } .page-id-16146 ul#header-toppr-menu li.signup-btn-top a, .page-id-42 ul#header-toppr-menu li.signup-btn-top a, .page-id-16235 ul#header-toppr-menu li.signup-btn-top a, .page-id-1014 ul#header-toppr-menu li.signup-btn-top a, .menuisopen ul#header-toppr-menu li.signup-btn-top a, .page-template-page-location ul#header-toppr-menu li.signup-btn-top a { border: 2px solid #fff; border-radius: 4px; padding: 7px 10px 3px; margin-left: 10px; background: #0026f2; color: #00EAF3; } .page-id-14441.light .bg-headr { padding-bottom: 350px; } ul#header-toppr-menu li.signup-btn-top a { border: 2px solid #fff; border-radius: 4px; padding: 7px 10px 3px; margin-left: 10px; background: #0026f2; color: #00EAF3; } h1.white { color: #ffffff; } .hp-i1 { position: absolute; display: block; z-index: 9; left: 5%; top: 13%; width: 90%; } .hp-i1 h1 { font-size: 55px; margin: 0.67em 0 0.5rem; } .hp-i2 { display: block; z-index: 9; left: 5%; right: 5%; top: 2%; } .header-btn-wrp p { font-size: 22px; color: #ffffff; max-width: 360px; } .header-btn-wrp p.white { margin: 0; } .hp-i1 h1.white { margin-bottom: 10px; } .illustration-mobile-background { margin-top: -75%; } @media screen and (min-width: 360px) { .header-mobile-background { padding-top: 80%; } } @media screen and (min-width: 400px) { .header-mobile-background { padding-top: 80%; } } @media screen and (min-width: 576px) { .header-mobile-background { padding-top: 15%; } .static-lax-header { padding-bottom: 75%; } .hp-i1 { top: 25%; } } @media screen and (min-width: 768px) { .hp-i1 { max-width: 45%; left: 50%; } .hp-i1 h1 { font-size: 65px; } .hp-i2 { position: absolute; } } @media screen and (min-width: 992px) { .hp-i1 { top: 30%; } .hp-i2 { max-width: 50%; left: 10%; top: 10%; right: auto; top: 3.5%; } .hp-i2 h2 { padding: 0; } .hp-i2 .indented-content { margin-left: 0; margin-right: 0; } .hp-i1 h1 { font-size: 80px; margin: .67em 0; } .header-btn-wrp { padding-left: 5rem; } } @media screen and (min-width: 1200px) { .hp-i2 { max-width: 35%; max-width: 29%; top: 9.5%; top: 19%; } } /*-------------------------------------------------------------- # LOCATIONS --------------------------------------------------------------*/ .bg-headr { position: relative; padding: 150px 0; } .bg-headr .box-btn { margin-top: 0; } .page-template-page-blog-php.light .bg-headr, .page-template-template-testimonials-video.light .bg-headr { position: relative; } body.page-template-template-testimonials-video.light .bg-headr { padding-bottom: 150px; } body.page-template-page-location.light .bg-headr p { color:#140044; } .bg-headr { margin-top: -210px; padding-top: 220px; z-index: 5; } .bg-im { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -2; background-repeat: no-repeat; background-size: cover; background-position: right; } .grad-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -5; background-image: -o-linear-gradient(319deg, #4054b2 0%, #f2295b 100%); background-image: linear-gradient(131deg, #4054b2 0%, #f2295b 100%); opacity: .37; background-image: -o-linear-gradient(319deg, #609ff7 0%, #a923e9 50%, #ff224b 100%); background-image: linear-gradient(131deg, #609ff7 0%, #a923e9 50%, #ff224b 100%); mix-blend-mode: multiply; } .hard-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-image: -o-linear-gradient(319deg, #4054b2 0%, #f2295b 100%); background-image: linear-gradient(131deg, #4054b2 0%, #f2295b 100%); opacity: .3; background-image: -o-linear-gradient(319deg, #609ff7 0%, #a923e9 50%, #ff224b 100%); background-image: linear-gradient(131deg, #609ff7 0%, #a923e9 50%, #ff224b 100%); mix-blend-mode: hard-light; } .dark-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: .1; z-index: -1; } .bg-headr h1 { color: #00eaf3; font-size: 65px; } .bg-headr ul { font-size: 24px; } .bg-headr p { font-size: 24px; } .bg-headr .hero-sup { font-size: 24px!important; } body.light .bg-headr .hero-sup { color: #140044; } body.page-template-page-location.light .bg-headr h1 { color:#0026f2; } .bg-headr p, .bg-headr a.blu-btn.red{ color: #fff; } .page-template-page-location.dark .site-branding .logodark, .page-template-template-testimonials-video.light .site-branding .logodark, .page-template-page-blog.dark .site-branding .logodark { fill: #ffffff; } .page-template-page-location.dark ul#header-toppr-menu li a, .page-template-page-blog.dark ul#header-toppr-menu li a, .page-template-template-testimonials-video.light ul#header-toppr-menu li a { color: #ffffff; } .page-template-page-location.dark ul#header-toppr-menu li a:after, .page-template-page-location.dark .menu_toggle__wrapper .menu_toggle__line, .page-template-page-blog.dark ul#header-toppr-menu li a:after, .page-template-page-blog.dark .menu_toggle__wrapper .menu_toggle__line, .page-template-template-testimonials-video.light ul#header-toppr-menu li a:after, .page-template-template-testimonials-video.light .menu_toggle__wrapper .menu_toggle__line { background: #ffffff; } .page-template-page-location.dark .menu_toggle__wrapper:hover .menu_toggle__line, .page-template-page-blog.dark .menu_toggle__wrapper:hover .menu_toggle__line, .page-template-template-testimonials-video.light .menu_toggle__wrapper:hover .menu_toggle__line { background: #00eaf3; } body.page-template-page-location.light .hard-overlay, body.page-template-page-location.light .grad-overlay, body.page-template-page-location.light .dark-overlay { display: none; } body.page-template-template-testimonials-video.light .hard-overlay, body.page-template-template-testimonials-video.light .grad-overlay, body.page-template-template-testimonials-video.light .dark-overlay { display: block; } .two-col-li { column-count: 2; text-align: left; width: 720px; margin: 0 auto 50px; padding-left: 160px; } .three-col-li { column-count: 3; text-align: left; width: 950px; margin: 0 auto 50px; } .three-col-li li { margin: 0 20px; } /*-------------------------------------------------------------- # BUILDER --------------------------------------------------------------*/ .whit-bloc { position: relative; background-color: #fdfffe; padding: 50px; margin-bottom: 30px; padding-bottom: 60px; /*min-height: 470px;*/ } .whit-bloc h1 { margin-top: 0; } .whit-bloc h1.nudge-left { margin-top: 0px; margin-left: -20%; } .whit-bloc h2.nudge-left { margin-top: 0px; margin-left: -10%; } .whit-bloc::before { background-image: -moz-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); background-image: -webkit-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); background-image: -ms-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 4px; z-index: 1; content: ""; } .small_box.full .whit-bloc::before { display: none; } .small_box .intro-content { max-width: 65%; } .image-holdr { position: absolute; max-width: 35%; right: 0; top: 90px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; z-index: 99; } .image-holdr img, .image-holdr iframe { margin-left: 20%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .open-image.image-holdr, .open-image.loc-image-holdr { cursor: pointer; } .open-image.loc-image-holdr { -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .image-holdr-open, .loc-image-holdr-open { position: relative!important; max-width: 100%!important; top:0!important; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .image-holdr-open img, .image-holdr-open iframe, .loc-image-holdr-open img { -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; width: 100%!important; margin-left: 0!important; } .image-holdr-open .img-close { position: absolute; content: "x"; font-size: 30px; right: 0 !important; top: 0; width: 40px; height: 40px; background: #0026f2; z-index: 1; text-align: center; color: white; cursor: pointer; } .loc-image-holdr-open { position: relative; } .loc-image-holdr-open .loc-img-close { position: absolute; content: "x"; font-size: 30px; right: 0 !important; top: 0; width: 40px; height: 40px; background: #0026f2; z-index: 1; text-align: center; color: white; cursor: pointer; } .small_box.full .whit-bloc h2.nudge-left { margin-top: 50px; } .small_box.full .intro-content { max-width: 55%; margin-left: 11%; } .small_box.full .icn_blocs { max-width: 67%; margin-left: 11%; margin-top: 90px; } .small_box.full .image-holdr { top: 40px; } .intro-content p { font-size: 21px; } .bg-image-holdr { background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 10%; width: 39%; height: 100%; background-size: contain; opacity: .5; z-index: 1; } .nudge-right { padding-left: 8.3%; /*padding-right: 8.3%;*/ } /*New*/ .grid-itm .nudge-right { padding-left: 0; } .whit-bloc.subset.full:before { display: none; } .icn_bloc { display: block; width: 100%; } .icn_bloc img { width: 33px; display: inline-block; float: left; padding-right: 3%; padding-top: 3px; } .icn_bloc .nudge-right { padding-left: 5.5%; } .bloc { width: calc(99% - 60px); display: inline-block; margin-top: 10px; } /*------------ GRID ITEMS ------------*/ .gridr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid-itm { /* flex-basis: 33.333%; */ width: calc(33.3333% - 26px); margin: 0 13px 26px 13px; background-color: #fff; position: relative; } /*New*/ .grid-itm-4 { /* flex-basis: 33.333%; */ width: calc(25% - 26px); } .grid-itm-5 { /* flex-basis: 33.333%; */ width: calc(20% - 26px); } .grid-itm-6 { /* flex-basis: 33.333%; */ width: calc(16.6666% - 26px); } .grid-content { padding: 35px 25px; } .grid-content p, .grid-content ul { font-size: 17px; line-height: 1.4; margin-bottom: 70px; } .grid-itm a.new-btn.red { padding: 10px 27px 6px; letter-spacing: 2px; font-size: 12px; color: #6d1cb3; position: absolute; bottom: 30px; left: 28px; } .grid-itm a.new-btn.red:hover{ border-color: #6d1cb3; } .grid-itm a.new-btn.red::before { border-width: 2px; } .grid-itm a.new-btn:after { background-image: url(../svg/arrow-lpurple-2.svg); } .wide-content { background-color: #fff; padding: 40px; } .wide-content img { max-width: 120px; display: inline-block; float: left; width: 20%; margin-right: 5%; } .wide-content { background-color: #fff; padding: 40px 40px 20px; margin-bottom: 25px; } .cont { display: inline-block; width: 75%; } .page-id-12818 .grid-itm.center .grid-content { padding-bottom: 70px; } .page-id-12818 .grid-itm.center .grid-content { padding-bottom: 70px; } .page-id-12818 .grid-content a.box-btn.text-black.arrow-black.red.grid { text-align: center; margin: 0 auto; left: 0; right: 0; max-width: 180px; } /*------------ FLOATER ITEMS ------------*/ .floater h3 { margin-top: 100px; } .floater .new-btn { margin-bottom: 70px; /*margin-top: 80px;*/ } /*------------ FAQS ------------*/ .faqs h3{ margin-top: 80px; } .qa { position: relative; background-color: #fdfffe; padding: 40px; margin-bottom: 30px; padding: 50px 10% 40px; padding: 15px 10% 10px; } .qa::before { background-image: -moz-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); background-image: -webkit-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); background-image: -ms-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 4px; z-index: 1; content: ""; } .arrow { height: 12px; width: 12px; border: 1px solid tomato; border-width: 2px 2px 0 0; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; float: right; } .arrow.open { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .acc { overflow: hidden; } .acc .qa { position: relative; } .acc_ctrl { background: transparent; border: none; cursor: pointer; display: block; position: relative; width: 100%; padding: 20px; padding-right: 50px; } .acc_ctrl h5{ margin: 0; font-family: "Calibre Light", Helvetica, sans-serif; line-height: 1.1; } .answer.nudge-right p { margin-top: 0; margin-bottom: 40px; } .acc_ctrl:before { content: ''; height: 10px; width: 10px; position: absolute; right: 0; top: 15px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; content: ""; width: 32px; height: 32px; background-image: url(../svg/arrow-rainbow-2.svg); background-repeat: no-repeat; background-size: cover; } .acc_ctrl:hover:before { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } .acc_ctrl.active:before { /*top: 16px;*/ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .acc_panel { display: none; overflow: hidden; } .greycircl { width: 32px; height: 32px; background: #000000; position: absolute; opacity: .2; right: 0px; top: 6px; border-radius: 50%; } /*------------ BIG ASS BLOC ------------*/ .overly_box .container { width: 92%; } .overly-bloc { position: relative; padding-left: 25%; padding-right: 10%; margin: 80px 0 20px; min-height: 440px; } .overly-bloc .bg-image-holdr { left: 5%; width: 50%; top: -15%; max-width: 400px; } .overly_box .whit-bloc::before { display: none; } .whit-bloc.no-rain:before { display: none; } /*-------------------------------------------------------------- # COMPARISON TABLE --------------------------------------------------------------*/ .mega-men.active{ -webkit-transform: none; -ms-transform: none; transform: none; } a.menu_toggle__wrapper { position: relative; z-index: 9990; width: 25px; display: block; position: relative; cursor: pointer; -webkit-transition: opacity .2s,width .2s; -o-transition: .2s opacity,.2s width; -o-transition: opacity .2s,width .2s; transition: opacity .2s,width .2s; float: right; } .menu_toggle__wrapper.active span{ background-color: #eeeeee; } span.menu_toggle.mid { margin-left: -5px; } .menu_toggle__wrapper .menu_toggle { width: 100%; height: 2px; display: block; -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; -o-transition: transform .1s ease; transition: transform .1s ease; transition: transform .1s ease, -webkit-transform .1s ease; transition: transform .1s ease,-webkit-transform .1s ease; background-color: #140044; margin-bottom: 4px; } /*MG*/ .menu_toggle__wrapper { z-index: 9999; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-grid; display: grid; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; cursor: pointer; -webkit-transition: 0.25s ease all; -o-transition: 0.25s ease all; transition: 0.25s ease all; opacity: 1; top: 0; right: 0; margin-top: 10px; position: relative; } .menu_toggle__wrapper.active { background: transparent !important; opacity: 1; } .menu_toggle__wrapper.active #mnu1 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-bottom: -0.3em; background-color: #ffffff; } .menu_toggle__wrapper.active #mnu2 { opacity: 0; } .menu_toggle__wrapper.active #mnu3 { margin-top: -0.4em; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #ffffff; } .menu_toggle__wrapper.active:hover .menu_toggle__line { background: white; } .menu_toggle__wrapper:hover { /* background: rgba(255, 255, 255, 0.25); opacity: .8;*/ } .menu_toggle__wrapper .menu_toggle__line { height: 2px; width: 1.3em; width: 1.4em; background: white; border-radius: 2em; /*margin: 0.15em;*/ margin-top: 0.21em; -webkit-transition: 0.25s ease all; -o-transition: 0.25s ease all; transition: 0.25s ease all; opacity: 1; background: #140044; } .menu_toggle__wrapper:hover .menu_toggle__line { background: #0026f2; cursor: pointer; } #mnu2 { margin-left: -2px; } .menu_toggle__wrapper:hover #mnu2 { margin-left: 0px; } .mega-men{ z-index: 1025; position: fixed; top: 0; right: 0; height: 100%; overflow-y: auto; background: rgb(4,24,255); background: -o-linear-gradient(309deg, rgba(4,24,255,1) 0%, rgba(79,13,76,1) 100%); background: linear-gradient(141deg, rgba(4,24,255,1) 0%, rgba(79,13,76,1) 100%); padding: 0 20px 50px; width: 100%; /*max-width: 970px;*/ -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .54; transition: -webkit-transform .4s; -o-transition: .4s transform; -webkit-transition: -webkit-transform .4s; -o-transition: transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; transition: transform .4s,-webkit-transform .4s; padding-top: 200px; } ul#primary-menu { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; padding: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 17px; padding-left: 5px; } ul#primary-menu li { /* text-decoration: none; display: flex; align-items: flex-start;*/ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: calc(33.3333% - 26px); margin: 0 13px 26px 13px; position: relative; } ul#primary-menu li li { margin: 0; margin-bottom: 15px; width: 100%; line-height: 1.1; } ul#primary-menu li a{ color: #00eaf3; text-decoration: none; font-size: 24px; text-align: center; } ul#primary-menu li a:hover{ border-bottom: 2px solid #00eaf3; } ul#primary-menu li:hover li a { border-bottom: 0px solid #00eaf3; } ul#primary-menu li li:hover a{ color: #00eaf3; } ul#primary-menu li li a { color: #ffffff; font-size: 17px; } ul#primary-menu li.current_page_item a { color: #00eaf3; } ul#primary-menu li.current_page_item li a { color: #ffffff; } ul.sub-menu { margin: 0; padding: 0; margin-top: 20px; list-style: none; } /*-------------------------------------------------------------- # COMPARISON TABLE --------------------------------------------------------------*/ .comp-table { margin: 40px 0 100px; } .col.center.blue_back { background-color: #0026f2; color: #fff; padding: 7px 0 0; } .comp-table .row { margin-bottom: 0; position: relative; } .feat_row { font-size: 17px; } .row.feat_row::before { background-image: -moz-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); background-image: -webkit-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); background-image: -ms-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; z-index: 1; content: ""; } /*img.com_logo { max-width: 100px; margin-bottom: 40px; padding-top: 30px; } img.log_logo { max-height: 80px; margin-bottom: 40px; padding-top: 30px; }*/ .row.logo-row { position: relative; min-height: 190px; display: -webkit-box; display: -ms-flexbox; display: flex; } #featrs, #log_logo, #comp_logo { position: relative; } div#featrs h5 { position: absolute; bottom: 0; } img.log_logo, img.com_logo { max-height: 80px; position: absolute; left: 50%; right: 0; top: 40%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } img.log_logo { max-height: 65px; } #advantages h5 { padding-top: 70px; } div#advantages .blue_back { padding: 0 5%; } div#advantages .blue_back p{ color: #ffffff; } #advantages p { font-size: 17px; padding: 0 9%; } .row.feat_row .col { padding-top: 7px; } .row.feat_row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row.feat_row .col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* margin-top: auto; */ } .ctr { width: 80%; margin: 0 auto; } /*-------------------------------------------------------------- # PRICING TABLE --------------------------------------------------------------*/ .pricing-table { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pricing-table .plan { /*width: calc(33.3333% - 26px);*/ margin: 0 5px 20px 5px; /* background-color: #fff; */ position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 10px; flex: 1 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .pricing-bloc { margin-top: 150px; } .plan-bloc.i { width: 260px; height: 235px; position: relative; text-align: center; margin: 0 auto; } .plan-bloc.noi { height:60px; } .plan-bloc.c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 10px solid #edfbfe; /*margin-top: auto;*/ } img.plan_image { position: absolute; left: 0; right: 0; bottom: -52px; -webkit-transition: 0.25s ease all; -o-transition: 0.25s ease all; transition: 0.25s ease all; } .plan:hover .plan_image { bottom: -57px; } .plan-bloc.a, .plan-bloc.b, .plan-bloc.c{ background-color: #ffffff; display: block; } .plan_level h5 { padding: 85px 0 15px; margin-bottom: 0; } .plan_level.noi h5 { padding: 25px 0 15px; } .plan_level h5 span { color: #231f20; font-size: 20px; font-family: "Calibre Light", Helvetica, sans-serif; display: block; } .plan_price { margin: 0; font-size: 40px; font-weight: normal; line-height: .92; color: #0026f2; font-family: "Calibre Thin", Helvetica, sans-serif; padding: 40px 0 30px; } /*New*/ .plan_price span { font-size: 20px; display: block; color: #140044; font-family: "Calibre Light", Helvetica, sans-serif; } .plan-bloc.d .new-btn:before{ border-color: #edfbfe; } .plan-bloc.d { margin-top: 10px; } .plan_info { padding: 40px 0; } .plan_info .num { font-size: 40px; margin: 0; line-height: 1; color: #6d1cb3; font-family: "Calibre Thin", sans-serif; } .plan_info p { margin: 0; } /*New*/ .plan_info ul.check { text-align: left; padding: 0 75px; margin-top: 30px; } .qtip.su-qtip{ max-width: 250px; line-height: 1.5; font-family: "Calibre Light", Helvetica, sans-serif; padding: 15px; width: 250px!important; background-color: #140044; } .su-tooltip-button { height: 20px!important; line-height: 20px!important; display: inline-block!important; } .su-tooltip-button span.tooltip { background: #6d1cb3; width: 20px; height: 20px; font-size: 15px; display: inline-block; float: left; color: #fff; line-height: 24px; font-weight: bold; border-radius: 50px; cursor: pointer; text-align: center; } .and { height: 20px; background-image: url(../png/plus-sign%402x-2.png); background-repeat: no-repeat; background-size: contain; margin: 20px 0 30px; background-position: center; } .plan_level { border-bottom: 10px solid #edfbfe; } .plan-bg { background-color: #fff; position: absolute; top: 260px; left: 0; right: 0; bottom: 90px; z-index: -1; display: block; } #pricing h3 { margin-bottom: -40px; } #pricing .pricing-content { margin-top: 50px; } /*-------------------------------------------------------------- # TEAM --------------------------------------------------------------*/ h2.team-header { max-width: 80%; margin: 50px auto 40px; } .team-img { min-height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 30px; position: relative; } .team-img::before { background-image: -moz-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); background-image: -webkit-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); background-image: -ms-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 4px; z-index: 1; content: ""; } .team-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; } .team { width: calc(50% - 26px); margin: 0 13px 65px 13px; background-color: #fff; width: calc(33% - 23px) } .contact-link { display: inline-block; max-width: 48%; float: right; } .team h5 { display: inline-block; max-width: 49%; padding-left: 20px; } .team p { padding-left: 20px; margin-top: 0; } .team .nudge-right { display: inline-block; max-width: 49%; } /*-------------------------------------------------------------- # CONTACT PAGE --------------------------------------------------------------*/ .form { margin-right: -30%; } .gform_body input, .gform_body textarea { background-color: #140044!important; border: 0!important; color: #fff!important; padding: 11px 12px 3px!important; line-height: 1!important; } .gform_body label { display: none!important; } #gform_wrapper_1 .gform_footer.top_label, #gform_wrapper_10 .gform_footer.top_label, #gform_wrapper_31 .gform_footer.top_label, #gform_wrapper_9 .gform_footer.top_label { position: relative; width: auto; display: inline-block; padding: 0; margin: 0; margin-top: 20px; } #gform_wrapper_40 .gform_footer.top_label { position: relative; width: 100%; display: inline-block; padding: 0; margin: 0; margin-top: 20px; } input#gform_submit_button_1, input#gform_submit_button_7, input#gform_submit_button_10, input#gform_submit_button_31, .gform_footer input.gform_button { padding: 12px 40px 7px!important; padding: 14px 60px 9px!important; position: relative!important; text-decoration: none!important; text-align: center!important; font-family: Calibre Semibold,sans-serif; text-transform: uppercase!important; letter-spacing: 2px!important; font-size: 13px!important; line-height: 16px!important; color: #00EAF3!important; margin: 0 auto!important; border: 5px solid #0026f2!important; border-radius: 3px!important; display: block; -webkit-transition: border-color .3s!important; -o-transition: border-color .3s!important; transition: border-color .3s!important; cursor: pointer!important; background-color: #0026f2; } input#gform_submit_button_40 { /*padding: 12px 40px 7px!important;*/ padding: 20px 60px 15px!important; position: relative!important; text-decoration: none!important; text-align: center!important; font-family: Calibre Semibold,sans-serif; text-transform: uppercase!important; letter-spacing: 2px!important; font-size: 13px!important; line-height: 16px!important; color: #000!important; margin: 0 auto!important; border: 2px solid #ff0000!important; border-radius: 3px!important; display: block; -webkit-transition: border-color .3s!important; -o-transition: border-color .3s!important; transition: border-color .3s!important; cursor: pointer!important; background-color: transparent; width: 100%; } #gform_wrapper_1 input#gform_submit_button_1:hover, input#gform_submit_button_7:hover, #gform_wrapper_31 input#gform_submit_button_31:hover, #gform_wrapper_31 input#gform_submit_button_9:hover { /*border-color: #140044!important;*/ } #gform_wrapper_1 .gform_footer.top_label::before, #gform_wrapper_31 .gform_footer.top_label::before, #gform_wrapper_9 .gform_footer.top_label::before { content: ""!important; position: absolute!important; top: -10px!important; left: -10px!important; width: 23px!important; height: 23px!important; border: 3px solid!important; border-color: #fff!important; -webkit-transition: all .2s ease!important; -o-transition: all .2s ease!important; transition: all .2s ease!important; z-index: 1; } #gform_wrapper_40 .gform_footer.top_label::before { content: ""!important; position: absolute!important; top: -10px!important; left: -10px!important; width: 23px!important; height: 23px!important; border: 3px solid!important; border-color: #edfbfe!important; -webkit-transition: all .2s ease!important; -o-transition: all .2s ease!important; transition: all .2s ease!important; z-index: 1; } .whit-bloc #gform_wrapper_40 .gform_footer.top_label::before { border-color: #fff!important; } #gform_wrapper_1 .gform_footer.top_label:hover::before, #gform_wrapper_31 .gform_footer.top_label:hover::before, #gform_wrapper_9 .gform_footer.top_label:hover::before, #gform_wrapper_40 .gform_footer.top_label:hover::before { top: -12px!important; left: -12px!important; } #gform_wrapper_1 .gform_footer.top_label:after, #gform_wrapper_31 .gform_footer.top_label:after, #gform_wrapper_9 .gform_footer.top_label:after, #gform_wrapper_40 .gform_footer.top_label:after { content: ""!important; width: 12px!important; height: 12px!important; background-image: url(../svg/arrow-lpurple-2.svg)!important; position: absolute!important; right: 6%!important; top: 48%!important; -webkit-transform: translateY(-50%)!important; -ms-transform: translateY(-50%)!important; transform: translateY(-50%)!important; -webkit-transition: all .2s ease!important; -o-transition: all .2s ease!important; transition: all .2s ease!important; } #gform_wrapper_1 .gform_footer.top_label:hover:after, #gform_wrapper_31 .gform_footer.top_label:hover:after, #gform_wrapper_9 .gform_footer.top_label:hover:after, #gform_wrapper_40 .gform_footer.top_label:hover:after { right: 4%!important; } .page-id-64 .whit-bloc .col.m7.s12, .page-id-1283 .whit-bloc .col.m7.s12, .page-id-62 .whit-bloc .col.m7.s12 { position: relative; z-index: 1; display: block;} .page-id-64 .col-bg, .page-id-1283 .col-bg, .page-id-62 .col-bg { position: absolute; background-repeat: no-repeat; background-size: contain; top: 0; left: -20%; width: 80%; z-index: 0; z-index: -1; height: 100%; display: block; } .page-id-64 .col-bg { background-image: url(../png/chat-icon%402x-2.png); } .page-id-1283 .col-bg { background-image: url(../png/mail-icon%402x-2.png); } .page-id-62 .col-bg { background-image: url(../png/growth-icon%402x-2.png); } /*-------------------------------------------------------------- # BLOG --------------------------------------------------------------*/ #most-recent-posts { padding-top:50px; } #most-recent-posts .mb-0 { margin-bottom:4px; margin-top: 10px; } #most-recent-posts .p-4 { background: #fff; padding: 10px; min-height: 360px; } #categories .p-4 { padding:20px; margin-bottom: 20px; } #categories .p-4 ul { padding: 0; } #categories .p-4 ul li { list-style-type: none; } #most-recent-posts .rp-block { min-height: 360px; } .single-post .content-holdr h1, .single-post .content-holdr h2, .single-post .content-holdr h3, .single-post .content-holdr h4, .single-post .content-holdr h5, .single-post .content-holdr h6 { margin-left: -7%; } .rainbo { position: relative; } .rainbo-row { background-image: -moz-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); background-image: -webkit-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); background-image: -ms-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); position: absolute; left: 0; bottom: 10px; right: 0; width: 100%; height: 4px; z-index: 1; content: ""; } .caption { text-align: right; font-size: 15px; } .blog-initial-img { margin-bottom: -25%; z-index: 9; position: relative; } .blog-padr { padding-top: 7%; } .single-post .basic_content_block, .single-post .image_block, .single-post .image_callout_block, .single-post .quote_block { margin-top: 125px; } .single-post .cta_block { margin-top: -50px; } .row.quote_block { position: relative; display: inline-block; } .row.quote_block::before { content: "“"; position: absolute; font-size: 200px; top: 0; line-height: 1; color: #ff0000; left: 5%; } .row.quote_block::after { content: "”"; position: absolute; font-size: 200px; line-height: 0; color: #ff0000; right: 5%; bottom: -45%; } .auth-photo { background: rgb(169,35,233); background: -webkit-gradient(linear, left top, left bottom, from(rgba(169,35,233,1)), color-stop(50%, rgba(96,159,247,1)), to(rgba(255,34,75,1))); background: -o-linear-gradient(top, rgba(169,35,233,1) 0%, rgba(96,159,247,1) 50%, rgba(255,34,75,1) 100%); background: linear-gradient(180deg, rgba(169,35,233,1) 0%, rgba(96,159,247,1) 50%, rgba(255,34,75,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a923e9",endColorstr="#ff224b",GradientType=1); border-radius: 50%; } .author-info { display: inline-block; } .auth-photo { width: 60px; height: 60px; display: inline-block; position: relative; margin-right: 5px; margin-top: 10px; width: 70px; height: 70px; } .auth-img { width: 54px; height: 54px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 50%; position: absolute; left: 3px; top: 3px; width: 64px; height: 64px; } div#adam { background-image: url(../jpg/adamsteele-2.jpg); } div#aaron{ background-image: url(../jpg/aaronhaynes-2.jpg); } div#Jake{ background-image: url(../jpg/jakesheridan-2.jpg); } div#christiancarere { background-image: url(../jpg/christian-2.jpg); } div#garitboothe { background-image: url(../jpg/garit-boothe-2.jpg); } div#bill { background-image: url(../jpg/billmurphy.jpg); } div#ben { background-image: url(../jpg/benwalker-2.jpg); } div#JohnDesyllas { background-image: url(../jpg/john-desyllas-f.jpg); } div#raulgalera { background-image: url(../jpg/raul-galera.jpg); } div#Anand { background-image: url(../jpg/anand-2.jpg); } div#Marouane { background-image: url(../jpg/marouane-el-baghati.jpg); } div#Mackenzie { background-image: url(../jpg/mackenzie-scott-2.jpg); } div#adela { background-image: url(../jpg/adela-belin-2.jpg); } div#Fintan { background-image: url(../jpg/fintan-2.jpg); } div#Shane { background-image: url(../jpg/shane-barker-2.jpg); } div#Victoria { background-image: url(../png/victoria-golovtseva.png); } div#Araz { background-image: url(../jpg/9importantsecuritypracticesforemailmarketingi-2.jpg); } div#George { background-image: url(../jpg/image1-4.jpg); } div#Petra { background-image: url(../jpg/image2-4.jpg); } div#Tundi { background-image: url(../jpg/1568022283841-2.jpg); } div#Dennis { background-image: url(../jpg/dennis-vu-2.jpg); } div#hanson { background-image: url(../jpg/hanson-2.jpg); } div#jack { background-image: url(../jpg/image6-3.jpg); } div#Jonathan { background-image: url(../jpg/jonathanmessika-2.jpg); } div#Danny { background-image: url(../png/danny-300x275-2.png); } div#Danny { background-image: url(../png/danny-300x275-2.png); } div#Dmytro { background-image: url(../jpg/dmytro-2.jpg); } div#author-bio { padding: 22px 25px 10px; } div#mail-signup { padding: 30px; } .bioimg, .auth-img { position: relative; } .bioimg::before, .auth-img::before { position: absolute; content: ""; left: 0; top: 0; bottom: 0; right: 0; background: rgb(169,35,233); background: -o-linear-gradient(310deg, rgba(169,35,233,1) 0%, rgba(96,159,247,1) 50%, rgba(255,34,75,1) 100%); background: linear-gradient(140deg, rgba(169,35,233,1) 0%, rgba(96,159,247,1) 50%, rgba(255,34,75,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a923e9",endColorstr="#ff224b",GradientType=1); mix-blend-mode: overlay; opacity: .7; border-radius: 50%; } .team-img::before { position: absolute; content: ""; left: 0; top: 0; bottom: 0; right: 0; background: rgb(169,35,233); background: -o-linear-gradient(310deg, rgba(169,35,233,1) 0%, rgba(96,159,247,1) 50%, rgba(255,34,75,1) 100%); background: linear-gradient(140deg, rgba(169,35,233,1) 0%, rgba(96,159,247,1) 50%, rgba(255,34,75,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a923e9",endColorstr="#ff224b",GradientType=1); mix-blend-mode: color; opacity: .5; width: 100%; height: 100%; } a.spp-widget-button { background: #1d25f1!important; } .spp-help-widget { border-top: 5px solid #1d25f1!important; } .spp-help-widget .btn-primary { background: #1d25f1!important; } .form br { display: none; } .gform_wrapper .gform_fileupload_multifile .gform_drop_area { background: #140044!important; border: none!important; border-radius: 0!important; } .gform_wrapper .gform_fileupload_multifile .gform_drop_area .button { background: #fff!important; color: #140044!important; } /*-------------------------------------------------------------- # BLOG FEED --------------------------------------------------------------*/ .blog-bloc { margin: 0px 0px 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-image.small { display: none; } .bloc-excerpt, .blog-image { width: calc(50% - 26px); margin: 0 13px 0 13px; position: relative; min-height: 300px; } .blog-img { background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 85%; max-width: 100%; z-index: 0; } .blog-image .rainbo-row { bottom: 0; } /* .l .blog-img { left: 25%; }*/ .bloc-excerpt h5 { padding-top: 30px; margin-bottom: 10px; padding-right: 10%; } .bloc-excerpt h5 a { text-decoration: none; line-height: 1; } .bloc-excerpt { background-image: url(../png/writing-icon%402x-2.png); background-position: center; background-size: contain; background-repeat: no-repeat; z-index: 2; } .r .bloc-excerpt { background-position: right; } .l .bloc-excerpt { background-position: left; } .bloc-excerpt h5 { padding-left: 5%; } .bloc-excerpt .new-btn { margin-left: 5%; } .bloc-excerpt .nudge-right { padding-bottom: 30px; padding-right: 12%; } .bloc-excerpt .new-btn { margin-bottom: 20px; } .plain_box .whit-bloc.subset.full { padding: 80px 12% 30px 80px; padding: 70px 12% 55px 80px; } .blog-initial h1 { font-size: 70px; width: 75%; float: left; } .author { position: relative; float: right; margin-top: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .author-info { margin-top: 40px; margin-left: 6px; min-width: 105px; } .author-info .auth { font-size: 14px; font-family: Calibre Medium, sans-serif!important; } .author-info .sub { display: block; line-height: 1; } .author-info .date, .author-info .time { display: inline-block; font-family: Calibre Regular, sans-serif!important; font-size: 13px; } .date.r:after { content: "\A"; width: 4px; height: 4px; border-radius: 50%; background: #140044; display: inline-block; margin: 0 2px 1px 5px; } .r .blog-image .author { position: absolute; left: 10px; margin-top: 15px; float: none; width: 50%; z-index: 1; bottom: -50px; } .l .blog-image .author { position: absolute; right: 10px; margin-top: 15px; float: none; width: auto; z-index: 1; bottom: -50px; } .l .author-info { text-align: right; margin-right: 10px; } .blog-bloc.l .bloc-excerpt { background-position-x: 40px; } .bioimg { height: 120px; width: 120px; min-width: 120px; min-height: 120px; display: inline-block; border-radius: 50%; background-position: center; background-size: cover; background-repeat: no-repeat; } .bioauth { display: inline-block; padding-left: 40px; max-width: 74%; padding-bottom: 15px; } .bioauth p { margin: 0; font-size: 20px; } span.bblue { color: #0026f2; } p.bio-write { margin: 25px 0 15px; } .auth-bio { display: inline-flex; } /*-------------------------------------------------------------- # CITATIONS --------------------------------------------------------------*/ .citation-tables { margin: 90px 0; } table#citation_table th { color: #0026f2!important; font-family: Calibre Medium, sans-serif!important; text-align: left!important; } table.dataTable.no-footer { border-bottom: 0px!important; } table.dataTable thead th, table.dataTable tfoot th { font-weight: normal!important; } table.dataTable thead th, table.dataTable thead td { border-bottom: 0px solid #111!important; } tr td { color: #140044!important; } tr td:nth-child(1) { color: #0026f2!important; } table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1, table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 { background-color: #ffffff!important; } table#citation_table tbody tr { background-color: #ffffff!important; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #f6f6f6!important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 16px solid #edfbfe!important; border-right: 8px solid #edfbfe!important; border-left: 8px solid #edfbfe!important; } table.dataTable tbody th, table.dataTable tbody td { padding: 13px 12px 7px; } .drk-bg { background-color: #140044; color: #ffffff; padding: 40px 0; position: relative; } .drk-bg.right { margin-bottom: 4%; } .drk-bg.left { margin-bottom: 6%; } h2.red { color: #ff0000; } .page-template-page-citation-list .drk-bg.right, .page-template-page-citation-list .drk-bg.left { overflow: hidden; } h2.lblue { color: #00eaf3; } .drk-bg.right .container { width: 84%; z-index: 2; display: block; } .drk-bg.left .container { padding-left: 4%; z-index: 2; display: block; position: relative; } ul.linkers { list-style: none; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } ul.linkers li { background-repeat: no-repeat; background-position: left top; padding-left: 45px; line-height: 32px; font-size: 20px; margin-right: 55px; margin-bottom: 20px; background-size: 32px 32px; } .drk-bg.left ul.linkers li { background-image: url(../svg/red-link-2.svg); } .drk-bg.right ul.linkers li { background-image: url(../svg/blue-link-2.svg); } ul.linkers li a{ color: #ffffff; text-decoration: none; font-size: 25px; } .drk-bg.left ul.linkers li:hover a{ color: #ff0000; } .drk-bg.right ul.linkers li:hover a{ color: #00eaf3; } div#citation_table_info { background-color: #140044; color: #ffffff; font-size: 14px; margin-top: 20px; padding: 20px; line-height: 1; margin-left: 8px; } div#citation_table_paginate { margin-top: 20px; } div#citation_table_paginate span { display: none; } div#citation_table_filter { margin-bottom: 40px; } .halfmeplz p { padding-right: 40px; } .halfmeplz h4 { padding-right: 50px; } .wrld { position: absolute; width: 50%; height: auto; right: -20%; top: 10%; z-index: 0; opacity: .1; } .peep { position: absolute; width: 50%; height: auto; left: -20%; top: 10%; z-index: 0; opacity: .1; } @media screen and (min-width: 992px) { .drk-bg.right { margin-left: 4%; } .drk-bg.left { margin-right: 4%; } } table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { background-color: #ffffff!important; top: 11px!important; left: 8px!important; border: 0px solid white!important; box-shadow: none!important; color: #130044!important; font-weight: 600!important; } a#citation_table_next, a#citation_table_previous { color: #722ab6!important; text-transform: uppercase!important; font-size: 16px!important; font-family: "Calibre Regular", Helvetica, sans-serif!important; font-style: normal!important; font-weight: normal!important; letter-spacing: 1px!important; padding: 18px 30px 17px!important; margin-left: 10px!important; line-height: 1!important; margin-top: -3px!important; } a#citation_table_next:hover, a#citation_table_previous:hover { background: #130044!important; color: #ffffff!important; border-radius: 0!important; box-shadow: none!important; } a#citation_table_next.disabled, a#citation_table_previous.disabled{ opacity: .5; } /*-------------------------------------------------------------- # Mega Menu --------------------------------------------------------------*/ #header-toppr-menu.mega-menu { text-align:right; list-style: none; margin: 30px 0 0 0; padding-left: 0; } #header-toppr-menu.mega-menu li.menu-item-has-children:after { content: "\f078"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:11px; } .dark .site-header:not(.fixed) #header-toppr-menu.mega-menu li.menu-item-has-children:after { color: #fff; } #header-toppr-menu.mega-menu li a { font-size: 14px; } #header-toppr-menu.mega-menu > li:first-child { margin-left: 0; } #header-toppr-menu.mega-menu > li { padding: 0; margin-left: 10px; position: relative; display: inline-block; float: none; } #header-toppr-menu.mega-menu > li > a, .fixed #header-toppr-menu.mega-menu > li > a, .dark .fixed #header-toppr-menu.mega-menu > li > a { padding-bottom: 10px; color: #140044; } .dark .fixed .site-branding .logodark, .page-template-template-testimonials-video.light .fixed .site-branding .logodark { fill:#140044; } #header-toppr-menu.mega-menu li { position: relative; text-decoration: none; transition-duration: 0.5s; } ul#header-toppr-menu.mega-menu li a::after { content:none; } #header-toppr-menu.mega-menu li:hover, #header-toppr-menu.mega-menu li:focus-within { cursor: pointer; } #header-toppr-menu.mega-menu li ul { visibility: hidden; opacity: 0; min-width: 5rem; position: absolute; transition: all 0.5s ease; margin-top: 0; left: 0; display: none; background: #1F1FBA; white-space: nowrap; text-align: left; } #header-toppr-menu.mega-menu li ul li a { color: #fff; display: block; padding: 10px 14px 5px; font-size: 16px; text-transform: capitalize; font-family: "Calibre Light", Helvetica, sans-serif; line-height: 20px; } #header-toppr-menu.mega-menu li.mega-signup a { background: #d9e3fc; padding: 11px 18px 6px; border: 2px solid #898989; border-radius: 3px; } body.dark #header-toppr-menu.mega-menu li.mega-signup a { color: #140044; } #header-toppr-menu.mega-menu li:hover > ul, #header-toppr-menu.mega-menu li:focus-within > ul, #header-toppr-menu.mega-menu li ul:hover, #header-toppr-menu.mega-menu li ul:focus { visibility: visible; opacity: 1; display: block; } #header-toppr-menu.mega-menu li ul li { clear: both; float: none; display: block; } #header-toppr-menu.mega-menu li ul li:hover, #header-toppr-menu.mega-menu li li.current-menu-item a { background: #a825e9; } .header-bar { background: #1F1FBA; /*display: none;*/ position:relative; z-index: 9999; } .header-content { 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; padding: 5px 10px; color: #fff; } .header-content a { background: #fff; border-radius: 3px; line-height: 15px; font-size: 14px; text-decoration: none; padding: 7px 5px 3px; font-weight: bold; margin-left: 20px; } .site-header.fixed { width: 100%; position: fixed !important; top: 0; z-index: 9999; background-color: #edfbfe; box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px; height: auto; padding-bottom: 0; } body.navfixed { padding-top: 205px; } .admin-bar .site-header.fixed { top:32px; } .site-header.fixed .site-branding { margin-top:15px; margin-bottom: -15px; } .site-header.fixed #header-toppr-menu.mega-menu { margin-top: 3px; } /*-------------------------------------------------------------- # REVIEW BLOCK --------------------------------------------------------------*/ .review-bloc { margin-top: 100px; margin-bottom: 20px; } img.star-d { max-width: 30px; display: inline-block; margin: -7px 7px 0; } .reviews-data { background-color: #0026f2; font-family: "Calibre Thin", Helvetica, sans-serif; padding: 90px 40px 100px; margin-top: -70px; margin-right: -8%; margin-right: -7%; } .numb-data { color: #00eaf3; font-size: 26px; line-height: 1; } span.lbumb { font-size: 130px; font-size: 125px; font-family: "Calibre Thin", Helvetica, sans-serif; padding: 0 8px; line-height: 1; } .star-data { display: block; margin: 13px 0 50px; } span.lrbumb { font-size: 130px; font-size: 125px; font-family: "Calibre Thin", Helvetica, sans-serif; /*padding: 0 8px;*/ color: #00eaf3; } .lblue , .lblue a { color: #00eaf3; text-decoration: none; } .lred { color: #ff224b; } .perc-data { display: block; position: relative; line-height: 1; height: 100px; } .perc-data p { line-height: 1.2; font-size: 17px; } .drk-bg.right h3 { padding-top: 40px; } /*-------------------------------------------------------------- # SINGLE TESTIMONIAL BLOCK --------------------------------------------------------------*/ .review-bloc.single-testimonial { margin: 0 !important; position: relative; z-index: 10; } .single-testimonial .drk-bg:before { content: ""; position: absolute; width: 100%; height: 0.35rem; background-image: -webkit-gradient(linear, left top, right top, from(#a823e9), color-stop(#609ef6), to(#ff224b)); background-image: -o-linear-gradient(left, #a823e9, #609ef6, #ff224b); background-image: linear-gradient(to right, #a823e9, #609ef6, #ff224b); bottom: 0; } .rb-featured-wrap { position: relative; padding-bottom: 70%; margin-left: 0; margin-right: 1.75rem; } .rb-featured-wrap:before { content: ''; position: absolute; right: -2.5%; top: -2.5%; width: 100%; height: 100%; background-color: #ff224b; } .rb-header { margin-top: 3rem; max-width: 450px; } .rb-featured-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } .rb-background-icon { bottom: 10%; height: 27%; left: 0; } .rb-quote-wrap { margin-left: 2.25rem; margin-right: 0.5rem; } .rb-quote { font-size: 1.5rem; margin-bottom: 1rem; } .rb-credit { color: #ff224b; font-size: 1.5rem; } .rb-link { margin-top: -0.2rem; } .rb-link a { color: #fff; font-size: 1.25rem; text-decoration: none; } .rb-cta { margin-top: 0.5rem; margin-bottom: 1rem; } @media screen and (min-width: 576px) { .rb-featured-wrap { margin-left: -1rem; margin-right: 1.5rem; } } @media screen and (min-width: 768px) { .rb-featured-wrap { position: absolute; height: calc(100% + 0px); width: 40%; top: 0px; padding-bottom: 0; } .rb-background-icon { height: 50%; } } @media screen and (min-width: 992px) { .rb-quote-wrap { margin-left: 3.25rem; margin-right: 6.5rem; } .rb-quote { font-size: 2.25rem; } .rb-credit { font-size: 2rem; } .rb-link a { font-size: 1.85rem; } .rb-background-icon { height: 70%; } } /*-------------------------------------------------------------- # CONTENT SLIDER BLOCK --------------------------------------------------------------*/ .slider-content-container .sidebar { margin-top: -3.1rem; } .slider-content-wrap { width: 100%; max-width: 1000px; margin: 1rem auto 0 auto; padding-top: 0.5rem; } .slider-content-wrap h2 { padding-top: 3rem; } .slider-content { position: relative; } .slideshow-container { max-width: 1000px; margin: 0 auto; position: relative; } .slider-content .prev, .slider-content .next { position: absolute; top: 20%; max-width: 15px; cursor: pointer; } .slider-content .prev { left: 0; } .slider-content .next { right: 0; } .slider-row { display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider-col { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .slider-ft h3 { font-size: 1.75rem; margin-bottom: 0.5rem; } .other-slides { display: none; margin-top: 3rem; } .sc-wrap { margin-left: 2rem; } .slider-desc { font-size: 1rem; } .slider-preview-desc { font-size: 0.9rem; padding: 0 1.25rem 0 1rem; } h4.slider-preview-header { font-size: 1.25rem; font-weight: bold; padding-top: 2rem; margin-bottom: 0.75rem; } .slider-preview-content { padding: 0 } .slider-thumb { padding: 0 2rem; } .slider-ft-img { max-width: 85%; height: auto; margin: 0 auto; } .slider-cta { padding-top: 2rem; } .g-modal-trigger { color: #722ab6; text-decoration: none; } .slider-other.slick-slide { cursor: pointer; } @media screen and (min-width: 768px) { .slider-col.half { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .slider-col.right { padding-left: 3rem; } .slider-ft h3 { font-size: 2.5rem; } .sc-wrap { margin-left: 2rem; } .slider-desc { font-size: 1.5rem; } .slider-ft-img { max-width: 100%; } .slider-preview-content { padding-right: 1.5rem } .other-slides { display: block; } .slider-content .prev { left: -5%; } .slider-content .next { right: -5%; } } @media screen and (min-width: 992px) { .slider-content-wrap { width: 80%; padding-top: 0; margin: 1rem auto 3rem auto; } .slider-cta { padding-top: 0; } } @media screen and (min-width: 1440px) { .slider-content .prev { left: 0; } .slider-content .next { right: 0; } } /*-------------------------------------------------------------- # CONTENT AFFILIATES BLOCK --------------------------------------------------------------*/ .content-affiliates .drk-bg { position: relative; } .content-affiliates .drk-bg:before { content: ""; position: absolute; width: 100%; height: 0.35rem; background-image: -webkit-gradient(linear, left top, right top, from(#a823e9), color-stop(#609ef6), to(#ff224b)); background-image: -o-linear-gradient(left, #a823e9, #609ef6, #ff224b); background-image: linear-gradient(to right, #a823e9, #609ef6, #ff224b); bottom: 0; } .content-affiliates h3 { font-size: 40px; margin-bottom: 0; } .ca-logo-ctn { padding: 1rem !important; } .ca-left { padding-right: 3.5rem; } .ca-featured-wrap { background-color: #0027f1; padding: 1rem; margin-bottom: 2rem; } .ca-logo-ctn .img-fluid { max-width: 180px; width: 100%; } .ca-desc { padding-top: 0.5rem; } .ca-desc p { color: #609df7; opacity: 0.7; font-size: 1.5rem; margin-top: 0; } a.box-btn.grid.text-white { color: #fff !important; } @media screen and (min-width: 768px) { .content-affiliates h3 { font-size: 55px; margin-bottom: 20px; } .ca-featured-wrap { position: absolute; min-height: calc(100% + 103px); width: 50%; top: -72px; margin-bottom: 0; } .ca-featured-wrap { padding: 2rem 2.5rem; } .ca-logo-ctn { padding: 1rem !important; } .ca-desc p { margin-top: initial; padding-left: 3rem; } } @media screen and (min-width: 992px) { .ca-logo-ctn { padding: 2rem !important; } .ca-logo-ctn .img-fluid { max-width: 124px; } } @media screen and (min-width: 1024px) { .ca-logo-ctn .img-fluid { max-width: 190px; } .holdmeclose.mega { display: none; } img.home-hero { display: none; } .how-it-works-section { display: block; } .how-it-works-section h2 { font-style: normal; font-weight: 300; font-size: 52px; line-height: 63px; text-align: center; color: #0026f2; } .working-container { display: flex; align-items: baseline; padding: 15px 0; margin:40px 0; } .how-it-works-card { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 25%; } .card-image { background: linear-gradient(180deg, #a64beb 0%, #7d6ef1 100%); border-radius: 50%; width: 90px; height: 90px; display: flex; justify-content: center; align-items: center; } .card-image img { width: 38px; height: 39.5px; } .how-it-works-card h3 { font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; text-align: center; text-transform: uppercase; margin: 13px 0 0 !important; color: #000000; } .how-it-works-card p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; text-align: center; margin: 0; color: #000000; width: 80%; padding-top: 6px; } .further-step-sign img { width: 15px; height: 15px; } .further-step-sign { position: relative; top: -16px; } } /*-------------------------------------------------------------- # IPAD VIDEO BLOCK --------------------------------------------------------------*/ .big-ipad-container { position: relative; width: 145%; margin-left: -22%; } .big-ipad { width: 100%; height: auto; } .video-iframe-ctn { position: absolute; top: -1%; left: 19.25%; width: 61%; height: 80%; } .video-iframe-ctn iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ipad-video-block .section-header { margin-top: 7rem; margin-top: 200px; } @media screen and (min-width: 768px) { .ipad-video-block { margin-bottom: -25%; z-index: 12; position: relative; } .video-iframe-ctn { top: -0.3%; } } @media screen and (min-width: 992px) { .big-ipad-container { width: 100%; margin-left: 0; } .ipad-video-block { margin-bottom: -24%; } #header-toppr-menu.mega-menu > li { margin-left: 5px; } #header-toppr-menu.mega-menu li a { font-size: 13px; } } @media screen and (min-width: 1200px) { .ipad-video-block { margin-bottom: -23%; } } @media screen and (min-width: 1440px) { .ipad-video-block { margin-bottom: -22%; } #header-toppr-menu.mega-menu > li { margin-left: 10px; } #header-toppr-menu.mega-menu li a { font-size: 16px; letter-spacing: .5px; } } @media screen and (min-width: 1680px) { .ipad-video-block { margin-bottom: -21%; } } /*-------------------------------------------------------------- # FANCY POST LIST BLOCK --------------------------------------------------------------*/ .fancy-post-list { overflow: hidden; } .fancy-post-list .drk-bg:before { content: ""; position: absolute; width: 100%; height: 0.35rem; left: 0; background-image: -webkit-gradient(linear, left top, right top, from(#a823e9), color-stop(#609ef6), to(#ff224b)); background-image: -o-linear-gradient(left, #a823e9, #609ef6, #ff224b); background-image: linear-gradient(to right, #a823e9, #609ef6, #ff224b); bottom: 0; z-index: 10; } .fancy-post-list .grow { padding-bottom: 4rem; position: relative; z-index: 15; } .fpl-main-header { margin-bottom: 3rem; position: relative; z-index: 15; } .fpl-main-header h2 { font-size: 45px; } h4.fpl-header { margin-bottom: 10px !important; font-size: 1.5rem; } .fpl-thumb { position: relative; padding-bottom: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; } .fpl-thumb:before { content: ""; position: absolute; width: 100%; height: 0.35rem; left: 0; background-image: -webkit-gradient(linear, left top, right top, from(#a823e9), color-stop(#609ef6), to(#ff224b)); background-image: -o-linear-gradient(left, #a823e9, #609ef6, #ff224b); background-image: linear-gradient(to right, #a823e9, #609ef6, #ff224b); bottom: -0.35rem; } .filler-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fpl-desc { font-size: 1.15rem; } .fpl-desc, .fpl-link { padding-left: 2.5rem; } .fpl-link { margin-top: 2rem; } .bg-guy { width: 50%; bottom: -11px; right: -1px; z-index: 2; } .fpl-right { padding-top: 2rem; } .grow.fpl-row { display: none; } .grow.fpl-row:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 576px) { .bg-guy { width: 35%; } } @media screen and (min-width: 768px) { .fancy-post-list { padding-top: 3.5rem; } .grow.fpl-row { display: -webkit-box; display: -ms-flexbox; display: flex; } .fpl-main-header h2 { font-size: 58px; } .fpl-right { padding-top: 0; padding-left: 2rem !important; } .fpl-thumb { padding-bottom: 60%; } .bg-guy { width: 25%; } } @media screen and (min-width: 992px) { h4.fpl-header { font-size: 2.25rem; } .fpl-desc { font-size: 1.35rem; } .fpl-link { margin-top: 0; } } /*-------------------------------------------------------------- # TESTIMONIAL BLOCK --------------------------------------------------------------*/ .logo-wall { text-align: center; } .logo { text-align: center; display: block; margin: 10px auto 40px; } img#moz { width: 110px; } img#neil { width: 160px; } img#ahrefs {width: 115px; } img#ph {width: 125px; } img#backlinko { width: 150px; } img#hubspot { width: 160px; } .users { font-size: 125px; font-family: "Calibre Thin", Helvetica, sans-serif; padding: 0 8px; text-align: center; line-height: .7; } .users-cap { text-align: center; font-size: 25px; font-family: Calibre, sans-serif; } .testimonial { font-size: 25px; padding-left: 20%; line-height: 1.4; font-family: "Calibre Light", Helvetica, sans-serif; padding-right: 5%; margin-top: 40px; position: relative; min-height: 150px; } .credit { color: #ff224b; font-family: "Calibre", sans-serif; font-size: 21px; } .test-img { position: absolute; left: -25%; top: 0; bottom: 0; width: 150px; background-position: center; background-repeat: no-repeat; background-size: cover; max-width: 150px; max-height: 150px; } .test-img.color { background: rgb(19,122,243); background: -o-linear-gradient(308deg, rgba(19,122,243,1) 0%, rgba(211,0,29,1) 100%); background: linear-gradient(142deg, rgba(19,122,243,1) 0%, rgba(211,0,29,1) 100%); z-index: 1; opacity: .7; mix-blend-mode: overlay; } .testimonial-bloc .drk-bg.right { padding-bottom: 0; } .testimonial-bloc { margin-top: 100px; margin-bottom: 120px; } .testimonial-bloc .reviews-data { padding: 90px 40px 50px; margin-bottom: -30px; margin-right: 0; } .aso { text-align: center; } .aso span { text-align: center; margin-top: 50px; position: relative; display: block; font-family: "Calibre Medium", sans-serif; font-size: 17px; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ header { height: 175px; padding-bottom: 30px; } body.lockemup, html.lockemup { overflow-x: hidden !important; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .menu-header-topside-menu-container { padding-top: 30px; z-index: 9999; position: relative; } .site-branding { max-width: 200px; margin-top: 40px; z-index: 99999; position: relative; -webkit-transition: transform .3s; -o-transition: .3s transform; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .site-branding:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .site-branding .logodark { -webkit-transition: fill .4s; -o-transition: .4s fill; -o-transition: fill .4s; transition: fill .4s; } .menuisopen .site-branding .logodark { fill: #ffffff; } ul#header-toppr-menu { text-align: right; margin-bottom: 0; } ul#header-toppr-menu li { display: inline-block; /*padding-left: 10px;*/ } ul#header-toppr-menu li a { color: #140044; text-transform: uppercase; font-size: 11px; font-size: 12px; letter-spacing: 1px; font-family: "Calibre Medium", sans-serif; text-decoration: none; -webkit-transition: color .2; -o-transition: .2s color; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; } ul#header-toppr-menu li a:hover { color: #0026f2; } .menuisopen ul#header-toppr-menu li a { color: #ffffff; } .menuisopen ul#header-toppr-menu li a:hover { color: #00eaf3; } .menuisopen ul#header-toppr-menu li a:after { background: #ffffff; } .menuisopen ul#header-toppr-menu li a:after:hover { background: #00eaf3; } ul#header-toppr-menu li a:after { content: "\A"; width: 4px; height: 4px; border-radius: 50%; background: #140044; display: inline-block; margin: 0 4px 1px 6px; -webkit-transition: background .2; -o-transition: .2s background; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; } ul#header-toppr-menu li:last-child a:after { display: none; } .holdmeclose { display: inline-block; float: right; padding: 14px; padding-right: 0; cursor: pointer; z-index: 99999; position: relative; padding-top: 5px; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .footer-wrap{ background-color: transparent; background-image: -o-linear-gradient(310deg, #0418ff 0%, #4f0d4c 100%); background-image: linear-gradient(140deg, #0418ff 0%, #4f0d4c 100%); padding: 90px 0 10px; position: relative; z-index: 0; margin-top: 60px; } footer .menu { padding: 0; text-align: center; margin-bottom: 0; } footer .menu li { display: inline-block; } footer .menu li a { color: #00eaf3; text-decoration: none; } ul#footer-location-menu li { display: inline-block; background-image: url(../svg/pin-2.svg); background-repeat: no-repeat; background-position: left center; padding-left: 31px; line-height: 19px; font-size: 21px; margin-right: 55px; padding-top: 4px; } ul#footer-service-menu li { /*width: 15%;*/ padding: 0 4%; } ul#footer-service-menu li a { font-size: 20px; } ul#footer-terms-menu li a { font-size: 13px; /*padding: 4px;*/ } .copyr { color: #ffffff; font-size: 12px; text-align: center; margin-top: -15px; } footer p.ft-hd { color: #fff; font-size: 24px; margin: 0; text-align: center; } footer a.blu-btn { margin-bottom: 40px; } .footer-wrap .x{ background-image: url(../svg/loganix-footer-x-2.svg); background-position: center center; background-repeat: no-repeat; background-size: 47% auto; opacity: 1; mix-blend-mode: overlay; opacity: .5; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1 } ul#footer-location-menu li:hover a, ul#footer-service-menu li:hover a{ border-bottom: 2px solid #00eaf3; } ul#footer-terms-menu li a:after { content: "\A"; width: 4px; height: 4px; border-radius: 50%; background: #00eaf3; display: inline-block; margin: 0 4px 1px 8px; -webkit-transition: background .2; -o-transition: .2s background; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; } ul#footer-terms-menu li:last-child a:after { display: none; } ul.social { display: block; list-style: none; padding: 0; margin: 0; text-align: center; margin-top: 30px; line-height: 1; height: 25px; } ul.social li { max-width: 25px; max-height: 25px; display: inline-block; margin: 0px 15px; } .row.nomarbot { margin-bottom: 10px; } ul.social.mega { position: absolute; top: 68px; width: 80%; text-align: right; max-width: 1280px; margin: 0 auto; left: 0; right: 90px; } ul.social.mega li { max-width: 20px; max-height: 20px; display: inline-block; margin: 0px 12px; } /*-------------------------------------------------------------- # FINAL CHANGE STYLES --------------------------------------------------------------*/ #dash .big-ipad { margin-top: -11%; } #dash { margin-top: -12.5%; margin-bottom: -12%; } #dash .video-iframe-ctn { /*top: -0%;*/ } .plain_box.disqu { margin-bottom: 60px; } div#mail-signup { padding: 0; } div#mail-signup .form-holder { padding-left: 35%; padding-top: 30px; padding-bottom: 5px; padding-right: 30px; } input#input_7_1 { color: #130044!important; background-color: transparent!important; border-bottom: 1px solid #130044!important; margin-top: 0!important; } #gform_7 .gform_footer.top_label { margin-top: 0!important; } input#gform_submit_button_7 { text-align: center!important; /*margin: 0!important;*/ margin-top: 1.5rem; } .bg-mail { width: 31%; position: absolute; left: -10%; background-image: url(../png/blog-mail.png); background-position: center; background-repeat: no-repeat; background-size: contain; height: auto; max-width: 100%; top: -10%; bottom: -10%; } #field_7_1 label.gfield_label::-webkit-input-placeholder { /* Edge */ color: red; } #field_7_1 label.gfield_label:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: red; } #field_7_1 label.gfield_label::placeholder { color: red; } .form-holder p, .form-holder h5 { margin: 0!important; } .alm-btn-wrap { width: 100%; max-width: 350px; margin: 0 auto; height: 50px; } .alm-btn-wrap button { width: 100%; max-width: 350px; margin: 0 auto; background-image: url(../png/scroll-2.png); background-position: center; background-size: contain; background-repeat: no-repeat; height: 50px; border: 0; color: transparent; } .alm-load-more-btn.done{ display: none; } .testi_name { display: inline-block; padding-right: 50px; /*background: url(/wp-content/uploads/2020/02/person-blue.png);*/ background-position: right; background-size: 35px 35px; background-repeat: no-repeat; padding-top: 8px; } span.dauth { display: inline-block; padding-right: 45px; background: url(../png/person-red-2.png); background-position: right; background-size: 33px 33px; background-repeat: no-repeat; padding-top: 8px; } .page-template-template-testimonials-video .bg-image-holdr { background-position: top center; background-repeat: no-repeat; position: absolute; top: 10%; left: 10%; width: 39%; height: 100%; background-size: contain; opacity: .95; z-index: 0; } ul.triangle, ul.play, ul.check { list-style: none; padding-left: 16px; } ul.triangle li{ background-image: url(../png/bullet_triangle-2.png); background-position: left 3px; background-size: 14px 14px; padding-left: 24px; background-repeat: no-repeat; /*line-height: 1.1;*/ margin-bottom: 10px; padding-top: 0px; } ul.play li{ background-image: url(../png/bullet_play-2.png); background-position: left 3px; background-size: 15px 15px; padding-left: 24px; background-repeat: no-repeat; /*line-height: 1.1;*/ margin-bottom: 10px; padding-top: 0px; } ul.check li{ background-image: url(../png/bullet_check.png); background-position: left 3px; background-size: 15px 15px; padding-left: 24px; background-repeat: no-repeat; /*line-height: 1.1;*/ margin-bottom: 10px; padding-top: 0px; } .lmb-container { text-align: center; margin-bottom: 40px; } .btn.loadMoreBtn { color: #333333; text-align: center; color: #140044; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; font-family: "Calibre Medium", sans-serif; text-decoration: none; -webkit-transition: color .2; -o-transition: .2s color; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; text-decoration: underline; } .btn.loadMoreBtn:hover { color: #0026f2; } .grid-itm .box-btn { position: absolute; bottom: 25px; } ul.list-group { padding: 0; list-style: none; } ul.list-group li { font-size: 23px; margin-bottom: 28px; } span.dquote { display: block; } span.dauth { color: #ff214b; font-weight: 600; } ul.pagination { padding: 0; list-style: none; } ul.pagination li { display: inline-block; margin-right: 20px; } ul.pagination li a { color: #00eaf3; text-decoration: none; font-size: 21px; } ul.pagination li.active a { color: #ff214b; font-weight: 600; } .box-btn.arrow-black.grid .btn-arrow { fill: #6d1cb3; } .feat { display: inline-block; background-image: url(../png/thumbs-up-copy-3%402x-2.png); background-repeat: no-repeat; background-position: top left; padding-left: 30px; line-height: 16px; margin-right: 55px; padding-top: 2px; background-size: 20px 16px; } .grid-content { padding: 25px 25px; } .grid-content img { margin-bottom: 10px; max-height: 60px; } a#rst-setup { margin-top: 0; } .image-holdr { max-width: 300px; } img.highlight { margin: 0 0 20px; padding: 13px 0; } .overly_box .whit-bloc { padding-top: 100px; } .single-post .content-holdr .quote_block h2 { margin-left: 0; } .page-template-page-citation-list .overly_box .whit-bloc { padding-top: 50px; padding-bottom: 20px; } .sm_testimonial { height: 290px; background-position: center; background-size: contain; background-repeat: no-repeat; margin-bottom: 110px; margin-top: 30px; position: relative; } .sm_testimonial.r { background-image: url(../png/test-r-3.png); } .sm_testimonial.l { background-image: url(../png/test-l-3.png); } .sm_testimonial.l .sm_testimonial_bottom { background-image: url(../png/test-l-4.png); background-size: contain; background-position: bottom; background-repeat: no-repeat; width: 100%; min-height: 295px; } .sm_testimonial.r .sm_testimonial_bottom { background-image: url(../png/test-r-4.png); background-size: contain; background-position: bottom; background-repeat: no-repeat; width: 100%; min-height: 295px; } .sm_testimonial_bloc { padding: 40px; max-width: 60%; /*font-size: 21px;*/ } .sm_testimonial_img { position: absolute; width: 26%; height: 120%; background-size: cover; background-position: center; top: -7%; } .sm_testimonial.r .sm_testimonial_img { right: 4%; -webkit-box-shadow: 6px -6px 0 0 #a922e9; box-shadow: 6px -6px 0 0 #a922e9; } .sm_testimonial.l .sm_testimonial_img { left: 4%; -webkit-box-shadow: -6px -6px 0 0 #ff224a; box-shadow: -6px -6px 0 0 #ff224a; } .sm_testimonial.l .sm_testimonial_bloc { margin-left: 33%; } .sm_testimonial_img:before { position: absolute; content: ""; left: 0; top: 0; bottom: 0; right: 0; background: rgb(169,35,233); background: -o-linear-gradient(310deg, rgba(169,35,233,1) 0%, rgba(96,159,247,1) 50%, rgba(255,34,75,1) 100%); background: linear-gradient(140deg, rgba(169,35,233,1) 0%, rgba(96,159,247,1) 50%, rgba(255,34,75,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a923e9",endColorstr="#ff224b",GradientType=1); mix-blend-mode: multiply; opacity: .7; } .testi p { /*font-size: 25px;*/ margin: 0; line-height: 1.3; } .testi_name { font-size: 25px; color: #0026f2; } .testi p, .testi_name { font-size: 22px; } .sm_testimonials { margin-top: 60px; max-width: 1000px; margin: 60px auto; } /*BUTTON STUFF */ .box-btn span { padding: 1.5rem 4rem 1rem; } .small_box .box-btn { margin: 2.5rem auto 0; min-width: 260px; letter-spacing: 2px; } .small_box .box-btn .btn-arrow-wrap { top: 35%; } .small_box .box-btn span { padding: 1.35rem 3rem 1rem; } .floater .box-btn { margin: 0 auto 2rem; } .box-btn.grid { min-width: 180px; margin: inherit; margin-top: 0; font-size: 12px; /*color: #6d1cb3!important;*/ right: 25px; left: 25px; letter-spacing: 2px; } .plan .box-btn.grid { left: 0; right: 0; } .box-btn.grid span { padding: .8rem 2rem .5rem 2rem !important; } .box-btn.grid .btn-arrow-wrap { position: absolute; width: 14px; height: 14px; top: 34%; stroke-width: 1px; } .box-btn.arrow-black.grid .btn-arrow path { fill: #6d1cb3; } /*MENU STUFF*/ .mega-men .box-btn { margin-left: 19px; } .mobile-two-menu { display: none; } .menu-item-994 { margin-right: 0!important; } .menu-footer { position: fixed; left: 0; right: 0; bottom: 0; } .menu-footer .copyr { color: #00eaf3; text-align: left; margin-top: 0; } .menu-footer #footer-terms-menu { padding: 0; text-align: right; margin-bottom: 0; } .menu-footer #footer-terms-menu li { display: inline-block; } .menu-footer #footer-terms-menu li a{ color: #00eaf3; text-decoration: none; } .menu-footer #footer-terms-menu li a:hover{ color: #fff; } .menu_toggle__wrapper.active:hover .menu_toggle__line { background-color: #00eaf3!important; } .testimon .hidden-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 40%; background-position: center; background-repeat: no-repeat; background-size: cover; } .testimon .content { padding-left: 50%; } .testimon .whit-bloc.subset.full { padding: 50px 6% 35px; } .testimon a.box-btn.text-black.arrow-black.red { margin-top: 0px; margin-bottom: 20px; } .bg-hider { position: absolute; right: 50px; top: -50px; max-width: 100%; background-image: url(../png/person-bg-2.png); bottom: 0; width: 150px; height: auto; background-position: center; background-size: contain; background-repeat: no-repeat; } ul#primary-menu li li.menu-item.cloned-item { display: none; } ul#primary-menu .menu-item-13098 a:hover, ul#primary-menu .menu-item-16335 a:hover { border-bottom: 0px solid #00eaf3; } .fpl-main-header.text-center { padding-top: 80px; } .hp-i1 h1.white { max-width: 88%; } /* Top Bar */ #gform_wrapper_30 { margin: 0!important; } .ig_message { display: flex!important; justify-content: center; align-items: center; } .ig_message #gform_30 .validation_error { display: none; } #gform_submit_button_30 { background: #fff; } img.img_shadow { border-radius: 10px; box-shadow: 0 7px 35px rgba(113,104,217,.09),0 5px 15px rgba(113,104,217,.1); max-width: 90%; } /*-------------------------------------------------------------- # CASE STUDIES --------------------------------------------------------------*/ .page-template-template-case-study .floater p { font-size: 1.8rem; } .case-study-top h1 { font-family: "Calibre light", Helvetica, sans-serif; } .case-study-top img.company-logo { width: 340px; margin-bottom: 20px; } .page-template-template-case-study .rb-quote-wrap { padding: 40px 0; } .page-template-template-case-study .review-bloc.single-testimonial.adj .rb-quote { margin-bottom: 2rem; font-size: 2.3rem; } .page-template-template-case-study .review-bloc.single-testimonial.adj .rb-credit { font-size: 2.3rem; opacity: 1; } .audiogram-wrapper { border: 5px solid #fff; border-radius: 5px; } .case-study-content { margin-top: 100px; padding-top: 100px; } .case-study-content p { font-size: 1.8rem; } .case-study-content .main-content-image { position: relative; z-index: 2; max-width: 90%; float: right; margin-top: 20%; } .case-study-content .main-content-image::before { content: ''; position: absolute; right: -2.5%; top: -1.5%; width: 100%; height: 100%; background-color: #ff224b; z-index: -1; } .case-study-content .main-content-image img { display: block; } .case-study-content h3 { font-size: 44px; } .case-study-footer { background-color: #140044; padding-bottom: 60px; margin-top: 100px; } .case-study-footer h3 { color: #fff; font-family: "Calibre light", Helvetica, sans-serif; } .case-study-footer p { color: #fff; font-size: 1.8rem; } .case-study-content .box-btn { margin: 0 15px 30px 0; min-width: 200px; } .page-template-template-case-study { } .company-industry { margin-top: 30px; text-transform: uppercase; } .company-industry h5 { font-family: "Calibre light", Helvetica, sans-serif; margin-bottom: 0; } .company-industry p { margin-top: 5px; } .company-improv h3 { margin: 0; text-transform: uppercase; } .company-improv span { display: block; font-size: 2.2rem; color: #140044; margin-top: 10px; } .study-bottom-cta ul.gform_fields { } .study-bottom-cta li.gfield { padding: 0!important; list-style: none; } .study-bottom-cta li.gfield input { width: 100%!important; } .page-template-template-case-study .gform_body input, .page-template-template-case-study .gform_body textarea { /*background-color: #140044 !important; border: 0 !important; color: #fff !important;*/ background-color: #ffffff !important; border: 1px solid #CCCCCC !important; border-bottom: 1px solid #CCCCCC !important; border-radius: 8px; color: #000 !important; padding: 16px 12px 8px !important; line-height: 1 !important; } .case-study-cta { padding-top: 60px; margin-bottom: 100px; z-index: 10; position: relative; } .case-study-cta h4 { color: #fff; font-size: 32px; } .case-study-cta h3 { margin-top: 20px; } .case-study-cta h3 span { color:#00eaf3; font-weight: bold; } .case-study-cta .floater .box-btn { margin-bottom: 0; } .testimonials-buttons { padding-left: 8.3%; } #cs-cta-submit { width: 100%; margin-top: 10px; } .case-study-form { margin-bottom: 40px; } .case-study-top .box-btn.white { border: 2px solid #0026f2; } /*-------------------------------------------------------------- # KNOWLEDGE BASE --------------------------------------------------------------*/ .embed body { font-family: proxima-nova; } .page-template-template-kb .nudge-right { padding: 0; } .page-template-template-kb .plain_box .whit-bloc.subset.full { padding: 0; } .page-template-template-kb .betterdocs-searchform { width: 80%; margin: 0 auto; } .page-template-template-kb .betterdocs-live-search { padding: 30px; background: #fafafd; } .kb-head { margin: 50px 0; text-align: center; } .page-template-template-kb .betterdocs-categories-wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; grid-auto-rows: minmax(100px, auto); padding: 0 80px 80px; } .docs-cat-title-inner h3 { padding-left: 15px; } .betterdocs-single-wraper { max-width: 1274px; margin: 0 auto; position: relative; } .betterdocs-single-wraper .betterdocs-content-area { background: #fdfffe; width: auto; } .betterdocs-single-wraper .betterdocs-search-form-wrap { background: #fafafd; padding: 30px; } .betterdocs-single-wraper .betterdocs-search-form-wrap .betterdocs-live-search { width: 100%; max-width: 100%; } .betterdocs-searchform { width: 80%; margin: 0 auto; padding: 15px!important; } #betterdocs-entry-title { margin-bottom: 0; padding-bottom: 0; color: #0026f2; font-size: 60px; letter-spacing: 0; text-transform: none; } .betterdocs-entry-header { height: auto; padding-bottom: 20px; } #betterdocs-search-field::placeholder { color: #42526e; } .betterdocs-search-result-wrap { width: 80%; margin: 0 auto; } .embed #masthead, .embed .footer-wrap { display: none; } .embed .container { width: 100%; } .embed .row .col.s12 { padding: 0; } .embed .betterdocs-breadcrumb-list li:nth-child(1), .embed .betterdocs-breadcrumb-list li:nth-child(2) { display: none; } .embed #betterdocs-entry-title { font-size: 35px; font-family: proxima-nova; color: #003166; } .icon-container { margin-top: -8px; } .embed body, html.embed { background-color: transparent; } .embed .betterdocs-searchform { width: 90%; padding: 10px!important; } .embed .betterdocs-single-wraper .betterdocs-content-area, .embed .whit-bloc { background: transparent; } .embed .docs-category-listing .docs-list ul li svg { display: none; } .embed .docs-category-listing .docs-list ul li a { font-size: 20px; color: #095a90; font-family: proxima-nova; font-weight: 400; } .embed .kb-head { margin-bottom: 30px; font-size: 30px; color:#003166; } .docs-cat-title a { text-decoration: none; } .docs-cat-title img { display: none; } .docs-cat-title h3 { font-family: "Calibre Medium", Helvetica, sans-serif; font-size: 30px; } .embed .docs-cat-title h3 { font-family: "Calibre Medium", Helvetica, sans-serif; font-size: 30px!important; color: #003166; padding-top: 12px; } .embed .docs-cat-link-btn { padding-top: 15px; line-height: 15px; } .embed .docs-item-container { padding-top: 0; } .embed .docs-item-container li svg { display: none!important; } .embed .docs-item-container li a { color: #095a90!important; font-size: 20px!important; line-height: 1.4; font-weight: 400; font-family: proxima-nova; } .embed .docs-cat-title-inner { border:none!important; } .betterdocs-category-wraper.betterdocs-single-wraper .docs-listing-main .docs-category-listing { padding:0!important; } .embed .biggerx.rellax, .embed .sidebar.right { display: none; } .embed .betterdocs-single-wraper { background-color: transparent; } .embed #content .container { max-width: 100%; background: #fff; } /*-------------------------------------------------------------- # VIDEO TESTIMONIALS --------------------------------------------------------------*/ .video_testimonial { margin-bottom: 60px; } .video_testimonial h5 { font-size: 22px; font-family: "Calibre light", Helvetica, sans-serif; } .video_testimonial h5 span { color: #140044; display: block; } .video_testimonial video { border-radius: 10px; /*border: 3px solid #aa23ea;*/ } .video_testimonial .video-js { border-radius: 10px; /*border: 3px solid #aa23ea; background-color: #aa23ea;*/ } .vjs-has-started .vjs-control-bar { border-radius: 0 0 10px 10px; } .video-js .vjs-big-play-button { line-height: 1.8em; height: 2em; width: 2em; background-color: rgba(170,35,234,0.4); } .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button { background-color: rgb(170, 35, 234)!important; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -.81666em; margin-left: -1em; border-radius: 50%; } /*-------------------------------------------------------------- # CLIENT INTAKE FORM --------------------------------------------------------------*/ #gform_41 .gform_body label { display: block!important; } #gform_41 .gfield_description { padding-top: 7px; } .gform_wrapper #gform_41 .gf_step { font-size: 1.35em; } /*-------------------------------------------------------------- # CLIENT INTAKE FORM --------------------------------------------------------------*/ .page-id-17303 .grid-content p { margin-bottom: 1.5em; } .cta_microcopy { display: block; color: #fff; margin-top: -30px; font-size: 15px; } /*-------------------------------------------------------------- # Free Guides --------------------------------------------------------------*/ .seo-template-blog { padding: 40px 40px 20px; border-radius: 7px; /*box-shadow: 0 7px 35px rgba(113,104,217,.09),0 5px 15px rgba(113,104,217,.1);*/ margin: 50px 0; background: #f9f9f9; border: 1px solid #f1f1f1; } .seo-template-blog p { margin: 0; } .seo-template-blog h5 { margin-left: 0!important; margin-bottom: 0; } /*-------------------------------------------------------------- # TOC --------------------------------------------------------------*/ #toc li > ol, #toc li > ul { padding-left: 20px; margin: 0; } .toc-wrapper { border: 1px solid #ddd; background-color: #fff; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.05); display: table; margin-bottom: 1em; padding: 20px; position: relative; width: auto; margin-bottom: -60px; } .toc-wrapper span.toc-heading { color:#999; font-weight: 500; font-size: 120%; text-align: left; line-height: 1.45; padding: 0; display: block; margin-bottom: 10px; } /*-------------------------------------------------------------- # NEW CONTENT --------------------------------------------------------------*/ .plan_cta { margin-bottom: 20px; } /*-------------------------------------------------------------- # SEO Templates Page --------------------------------------------------------------*/ .page-id-17303 .bg-headr ul.check { columns: 2; } .templates-form-helptext { display: block; font-size: 16px; margin-top: 5px; text-align: center; } .gform_legacy_markup_wrapper.hero-templates-form { background: #fff; padding: 30px; margin-top: 120px; position: relative; } .hero-templates-form:before { background-image: -moz-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); background-image: -webkit-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); background-image: -ms-linear-gradient(-180deg, #ff224b 0%, #609ff7 47%, #a923e9 100%); position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 4px; z-index: 1; content: ""; } .gform_legacy_markup_wrapper.hero-templates-form li { padding: 0!important; } .gform_legacy_markup_wrapper.hero-templates-form .gform_button { width: 100%!important; padding-left: 0 !important; padding-right: 0 !important; } .gform_legacy_markup_wrapper.hero-templates-form br { display: none; } /*-------------------------------------------------------------- # DA Checker Page --------------------------------------------------------------*/ .da-submit { padding: 20px 20px 15px; } .da-form { margin-bottom: 100px; } .da-form textarea { width: 100%; background-color: #140044 !important; color: #fff; border: none; } .da-form label { display: block; } .da-form .da-email { background-color: #140044 !important; color: #fff; border: none; padding: 11px 12px 8px !important; width: 280px; } .da-form br, .da-form p { display: none!important; } .da-textarea-helptext-bottom { display: block; margin-bottom: 30px; } /*-------------------------------------------------------------- # Vendors Signup Page --------------------------------------------------------------*/ .page-template-template-vendor-signup h1, .page-template-template-vendor-signup h2, .page-template-template-vendor-signup h3, .page-template-template-vendor-signup h4, .page-template-template-vendor-signup h5 { font-family: proxima-nova,sans-serif; } body.page-template-template-vendor-signup { font-family: proxima-nova,sans-serif; background-color: #fafafd!important; } .page-template-template-vendor-signup p { font-family: proxima-nova,sans-serif; font-size: 16px; } .page-template-template-vendor-signup .signup-right h5 { font-size: 18px; color: #00254d; text-transform: uppercase; font-weight: 600; } .vendor-signup-heading { font-size: 40px; color: #00254d; font-weight: 600; letter-spacing: 0; } .signup-left h2 { font-weight: 600; } .page-template-template-vendor-signup .signup-right-wrapper .gfield { padding-right: 0!important; } .page-template-template-vendor-signup .signup-right-wrapper select, .page-template-template-vendor-signup .signup-right-wrapper input.large { border: 1px solid #c9ced6 !important; background: #fff !important; color: #00254d !important; border-radius: .25rem; font-size: 16px !important; padding-top: 8px !important; padding-bottom: 8px !important; } .page-template-template-vendor-signup .signup-right-wrapper input.large::placeholder { color: #00254d!important; } .gform_footer input.gform_button.vendor-signup-button { color: #fff!important; background: #0069d9!important; border: 1px solid #0069d9!important; font-family: proxima-nova,sans-serif; width: 100%!important; text-transform: none !important; font-size: 16px !important; } .page-template-template-vendor-signup header, .page-template-template-vendor-signup .footer-wrap, .page-template-template-vendor-signup .biggerx, .page-template-template-vendor-signup .sidebar { display: none; } .page-template-template-vendor-signup .site-content { padding-top: 50px; padding-bottom: 50px; } /* Optin monster */ .Campaign__content, .Campaign__content p, .Campaign__content h1, .Campaign__content h2, .Campaign__content h3, .Campaign__content h4, .Campaign__content button, .Campaign__content p span, .Campaign__content input { font-family: "Calibre Light", Helvetica, sans-serif !important; } .Campaign__content ins { background: none; } /* SPP Signup Form */ .spp-signup-embed { background-image: linear-gradient(180deg,#5a67bd 0,#004a99); box-shadow: 1px 1px 20px #dadfe9; } .spp-signup-embed .spp-signup-right { background: #fff; } .spp-signup-embed input.form-control { padding: 6px 10px 3px !important; border: 1px solid #c9ced6 !important; background-color: #fff; color: #00254d !important; } .spp-signup-embed select.form-control { padding: 6px 10px 3px !important; border: 1px solid #c9ced6 !important; background-color: #fff; color: #00254d !important; } .spp-signup-embed input.form-control::placeholder { color:#00254d !important; } .spp-signup-embed .gform_button { width: 100%!important; } .spp-signup-embed .spp-signup-left-content { padding: 60px 20px; } .spp-signup-embed .gform_wrapper { padding: 40px 0; margin: 0; } .spp-signup-embed .spp-signup-left-content h3, .spp-signup-embed .spp-signup-left-content p, .spp-signup-embed .spp-signup-left-content ul { color: #fff; font-family: proxima-nova,sans-serif; } .spp-signup-embed .spp-signup-left-content h3 { font-size: 28px; font-weight: bold; text-transform: uppercase; } .spp-signup-embed .spp-signup-left-content ul { font-size: 22px; padding: 0; } .spp-signup-embed .spp-signup-left-content ul li:not(:last-child) { margin-bottom: 20px; } .spp-signup-left-content li { background-image: url(../png/signup-bullet-2.png); background-repeat: no-repeat; list-style: none; padding-left: 50px; background-size: 30px; background-position-y: 3px; } .spp-signup-embed .spp-interest-wrapper { float: left; display: block; margin-bottom: 20px; } .spp-signup-embed .spp-interest-wrapper .spp-interest { float: left; width: 33%; } .spp-signup-embed form { font-family: proxima-nova,sans-serif; font-size: 16px; } /* Google partner badge */ .google-partner-btn { margin-bottom:10px; } span.google-partner { display: block; font-size: 16px; } /*-------------------------------------------------------------- # RESPONSIVE STYLES --------------------------------------------------------------*/ @media screen and (max-width:1180px) { span.lrbumb, span.lbumb { font-size: 114px; } .perc-data p { margin: 0; } .form { margin-right: -45%; } .gform_legacy_markup_wrapper.hero-templates-form .gform_button { font-size: 12px !important; letter-spacing: 2px !important; } } @media screen and (max-width:1125px) { .footer-wrap .x { background-size: 63% auto; } ul#primary-menu li { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: calc(33.3333% - 26px); } .team { width: calc(50% - 26px); } } @media screen and (min-width: 1024px) { .holdmeclose.mega { display: none; } } @media screen and (max-width:1045px) { span.lrbumb, span.lbumb { font-size: 104px; } .image-holdr { max-width: 30%; top: 60px; } .small_box .intro-content { max-width: 76%; } .small_box.full .intro-content { max-width: 65%; margin-left: 9%; } .small_box.full .icn_blocs { max-width: 85%; margin-left: 9%; margin-top: 80px; } .small_box.full .whit-bloc { padding: 30px; } .s.grid-itm { margin: 0 10px 20px 10px; transition: .2s; flex: 30%; max-width: 31%; } } @media screen and (max-width: 1024px) { .grid-itm { width: calc(50% - 26px); } .two-col-li, .three-col-li { column-count: 1; text-align: center; width: 100%; margin: 0 auto 50px; padding-left: 0; } .mega-menu { display: none!important; } .section_navigation { display: none!important; } .how-it-works-section { display: none; } } @media screen and (max-width: 993px) { h1 { font-size: 70px; } h2 { font-size: 58px; } h5 { font-size: 32px; } .intro-content p { font-size: 20px; } p { font-size: 18px; } .grid-content p { font-size: 17px; } .header-bar { /* display:none!important; */ text-align:center; font-size: 14px; } .header-center-content { display: block; } .header-center-content a { margin-left: 0; margin-top: 4px; } } @media screen and (min-width: 1300px) { .big-ipad-container { max-width: 1500px; margin: 0 auto; } #dash .video-iframe-ctn { top: -0.3%; } .floater h1 { padding: 0 200px; } } @media screen and (min-width:1340px){ .test-img { left: -12%; } .image-holdr { max-width: 370px; } .image-holdr.big-img { max-width: 430px; } /*Vimeo on service pages*/ .image-holdr.vimeo_holdr { width: 450px; max-width: 550px;/*New*/ } /*New*/ .image-holdr.vimeo_holdr.vimeo-boxed { width: 470px;/*New*/ } .vimeo_holdr.vimeo-boxed iframe { width: 470px;/*New*/ } .vimeo_holdr iframe { height: 300px; width: 450px; } } @media screen and (min-width: 1500px) { #dash .video-iframe-ctn { top: 0%; } } @media screen and (min-width: 1600px) { #dash .video-iframe-ctn { top: 1%; } .location-img { position: absolute; right: 70px; top: 270px; width: 900px; } .page-id-16146 .location-img, .page-id-16235 .location-img, .page-id-19137 .location-img { top:130px } .page-id-1079 .location-img, .page-id-16621 .location-img { width: 800px; } } @media screen and (min-width: 1700px) { #dash .video-iframe-ctn { top: 2%; } .fancy-post-list.rel { padding-top: 5.5rem; } } @media screen and (min-width: 1800px) { #dash .video-iframe-ctn { top: 3%; } .page-id-16146 .location-img, .page-id-16235 .location-img, .page-id-19137 .location-img { top:130px } .location-img { position: absolute; right: 70px; top: 230px; width: 1000px; } .page-id-1079 .location-img, .page-id-16621 .location-img { width: 900px; } section.fancy-post-list.rel { padding-top: 6.5rem; } } @media screen and (min-width: 1900px) { #dash .video-iframe-ctn { top: 3.5%; } section.fancy-post-list.rel { padding-top: 8.5rem; } .page-id-16146.light .bg-headr { padding-bottom:250px; } } @media screen and (min-width: 2000px) { #dash .video-iframe-ctn { top: 4%; } section.fancy-post-list.rel { padding-top: 9.5rem; } } @media screen and (min-width: 2200px) { #dash .video-iframe-ctn { top: 5%; } section.fancy-post-list.rel { padding-top: 12.5rem; } } @media screen and (min-width: 2400px) { #dash .video-iframe-ctn { top: 6%; } section.fancy-post-list.rel { padding-top: 14.5rem; } } @media screen and (min-width: 2500px) { #dash .video-iframe-ctn { top: 6.5%; } section.fancy-post-list.rel { padding-top: 15.5rem; } } @media screen and (max-width:1599px){ /* .l .blog-image .author { width: 52%; right: 58%;} */ .location-img { width: 700px; position: absolute; right: 67px; top:300px; } .page-id-16146 .location-img { top:130px } .spp-signup-embed .spp-signup-left-content ul { font-size: 20px; } } @media screen and (max-width:1450px){ } @media screen and (max-width:1340px){ /* .l .blog-image .author { width: 52%; right: 58%;} */ .image-holdr { max-width: 280px; } #dash .video-iframe-ctn { top: -0.3%; } .vimeo_holdr iframe { height: 220px; } .bg-headr h1 { font-size: 48px; } .bg-headr p, .bg-headr ul { font-size: 20px!important; } .spp-signup-embed .spp-signup-left-content ul { font-size: 20px; } } @media screen and (max-width:1340px){ .spp-signup-embed .spp-signup-left-content ul { font-size: 18px; } } @media screen and (max-width:1140px){ /* .l .blog-image .author { right: 62%;} */ .blog .author-info .date, .blog .author-info .time { display: block; } .blog .date.r:after { display: none; } .testimonial-bloc .drk-bg.right { padding-bottom: 10px; } .testimonial-bloc .reviews-data { margin-bottom: -55px; } ul#primary-menu{ margin-bottom: 0; } .blog-padr { padding-top: 2%; } .location-img { display: none; } .page-template-page-location .bg-headr .col.l5 { width: 100%; } .spp-signup-embed .spp-interest-wrapper .spp-interest { width: 50%; } } @media screen and (max-width:1085px){ #dash .video-iframe-ctn { top: -1%; } .spp-signup-right { width: 100%; } } @media screen and (max-width:1045px){ .blog .author { display: none; } .blog-img { max-width: 100%; } .l .blog-img { left: 0%; } .acc_ctrl:before { right: 5px; } .sm_testimonial_img { width: 29%; } .sm_testimonial_bloc { padding: 46px 40px; } .page-template-page-location .small_box.full .image-holdr { display: none; } .small_box .intro-content { max-width: 65%; } } @media screen and (max-width: 1024px) { .testimonial-bloc .reviews-data { padding: 90px 30px 50px; } .test-img { max-width: 140px; max-height: 140px; } .testimonial { padding-left: 24%; } .credit { font-size: inherit; } .testi p, .testi_name { font-size: 22px; } .sm_testimonial_img { position: absolute; width: 29%; height: 110%; background-size: cover; background-position: center; top: -3%; } .sm_testimonial_bloc { padding: 53px 40px; } .single-post .basic_content_block, .single-post .image_block, .single-post .image_callout_block, .single-post .quote_block { margin-top: 95px; } span.lrbumb, span.lbumb { font-size: 96px; } .feat[data-title]:before, .ctr[data-title]:before { content: attr(data-title); font-size: inherit; font-weight: 400; color: #757575; position: absolute; top: 0; left: 0; right: 0; font-weight: 700; } div#log_logo, div#comp_logo { display: none; } .feat { background-image: none; padding: 0; margin: 0; text-align: center; display: block; font-size: 22px; width: 100%; margin-top: 60px; margin-bottom: 20px; } .col.center.blue_back { background-color: transparent; color: #0026f2; padding: 7px 0 0; } .feat { font-size: 23px; font-weight: 600; } .ctr { width: 100%; margin: auto; display: block; } .col.center.blue_back { padding: 10px 15px 0; } .row.logo-row { min-height: auto; } div#featrs h5 { position: relative; text-align: center; } .ctr { width: 80%; margin: 0 auto 20px; display: block; padding-top: 40px; position: relative; } div#advantages .blue_back p, div#advantages .blue_back h5 { color: #0026f2!important; } .bg-im { background-position: left!important; } .cta_microcopy { margin-top: 0; } } @media screen and (max-width: 993px) { .blog-image.small { display: block; } .blog-image.larger { display: none; } .bloc-excerpt { background-image: none; } .acc_ctrl:before { right: 15px; } .box-btn { letter-spacing: 2px; } #content li { font-size: 18px; } #dash .video-iframe-ctn { top: -4%; } .sm_testimonial.l .sm_testimonial_bloc { margin-left: 0!important; } .sm_testimonial_bloc { max-width: 100%; padding: 20px 40px; } .sm_testimonial_img { display: none; } .sm_testimonial { background-image: none!important; height: auto!important; margin-bottom: 0!important; } .sm_testimonial.l .sm_testimonial_bottom { background-image: none; min-height: auto; } .sm_testimonial.r .sm_testimonial_bottom { background-image: none; min-height: auto; } } @media screen and (max-width: 965px) { .page-template-page-citation-list .overly_box .whit-bloc { padding: 30px; } } @media screen and (max-width: 945px) { .footer-wrap .x { background-size: 73% auto; } ul#footer-service-menu li { padding: 0 2%; } ul#footer-location-menu li { margin-right: 40px; } .testi p, .testi_name { font-size: 21px; } .sm_testimonial_bloc { padding: 10px 40px; } .sm_testimonial_img { position: absolute; width: 29%; height: 105%; background-size: cover; background-position: center; top: 0%; } .users.lblue { font-size: 115px; } } @media screen and (max-width: 910px) { .gform_legacy_markup_wrapper.hero-templates-form { width: 85%!important; } .blog-initial h1 { font-size: 65px; width: 95%; float: left; margin-bottom: 0; } .author { float: left; margin-top: 0; } .auth-photo { display: none; } .author-info .auth { display: inline-block; } .author-info .sub { display: inline-block; } .auth:after { content: "\A"; width: 4px; height: 4px; border-radius: 50%; background: #140044; display: inline-block; margin: 0 4px 1px 8px; -webkit-transition: background .2; -o-transition: .2s background; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; } span.lrbumb, span.lbumb { font-size: 87px; } } @media screen and (max-width: 889px) { .users.lblue { font-size: 100px; } .post-template-default.single .overly_box .whit-bloc { padding-top: 30px; } .image-holdr img, .image-holdr iframe { margin-left: 10%; } .overly-bloc { padding-left: 20%; } .sm_testimonial_img { position: absolute; width: 26%; height: 88%; background-size: cover; background-position: center; top: 5%; } .testi p, .testi_name { font-size: 19px; } .single-post .content-holdr h1, .single-post .content-holdr h2, .single-post .content-holdr h3, .single-post .content-holdr h4, .single-post .content-holdr h5, .single-post .content-holdr h6 { margin-left: 0; } .page-template-template-kb .betterdocs-categories-wrap { display: block; grid-template-columns: repeat(2, 1fr); gap: 10px; grid-auto-rows: minmax(100px, auto); padding: 0 20px 50px; } .page-template-template-kb .betterdocs-categories-wrap.single-kb.layout-flex .docs-single-cat-wrap { margin-bottom: 30px; } } @media screen and (max-width: 855px) { .testimonial { padding-left: 26%; padding-right: 1%; font-size: 18px; } span.lrbumb, span.lbumb { font-size: 70px; } .perc-data p { font-size: 15px; } .image-holdr { max-width: 220px; } } @media screen and (max-width: 803px) { .testimonial { padding-left: 26%; padding-right: 1%; font-size: 18px; } } @media screen and (max-width: 803px) { ul#header-toppr-menu li a:after { margin: 0 2px 1px 4px; } ul#header-toppr-menu li a { font-size: 10px; } .acc_ctrl:before { right: 25px; } .acc_ctrl h5 { padding-right: 13px; } .sm_testimonial_img { position: absolute; width: 26%; height: 81%; background-size: cover; background-position: center; top: 11%; } .sm_testimonial_bloc { padding: 82px 40px; } .sm_testimonial { margin-bottom: 40px; } .testi p, .testi_name { font-size: 18px; line-height: 1.2; } } @media screen and (max-width: 768px) { .team { width: calc(100% - 26px); } .blog-bloc { display: block; } .bloc-excerpt, .blog-image { width: 100%; margin: 0 auto; } .blog-img { min-height: 250px; position: relative; } .menu-header-topside-menu-container { display: none; } .holdmeclose { margin-top: 52px; } .whit-bloc { padding: 30px; padding-bottom: 40px; } .overly-bloc { padding-left: 10%; padding-right: 10%; } .footer-wrap { padding: 60px 0 10px; } .testimonial { padding-left: 29%; padding-right: 1%; font-size: 20px; margin-top: 30px; } .test-img { left: 0; } .reviews-data { margin-top: 30px; padding: 40px; } .image-holdr { position: relative; top: -60px; margin: 0 auto; max-width: 40%; } .small_box.full .image-holdr { top: -60px; } .small_box .intro-content, .small_box.full .intro-content { max-width: 96%; margin: 0 auto; } .whit-bloc h1.nudge-left, .small_box.full .whit-bloc h2.nudge-left { margin-top: 0px; margin-left: 0; } .small_box .btn-content { max-width: 96%; margin: 0 auto; } .small_box .new-btn.red { margin-top: 10px; } ul.linkers li a { font-size: 21px; } ul.linkers li { background-repeat: no-repeat; background-position: left top; padding-left: 39px; line-height: 27px; font-size: 20px; margin-right: 55px; margin-bottom: 20px; background-size: 27px 27px; } .drk-bg.right h3 { padding-top: 10px; } .logo { text-align: center; display: inline-block; margin: 10px auto 40px; padding: 0 20px; } .menu-footer .copyr, .menu-footer #footer-terms-menu { text-align: center; } .mobile-two-menu { display: block; } .mobile-two-menu .menu-header-topside-menu-container { display: block; text-align: center; padding-top: 10px; } ul#header-toppr-menu { text-align: left; margin-bottom: 0; padding: 0; padding-left: 19px; padding-bottom: 10px; } .mega-men { padding-top: 140px; } .users.lblue { font-size: 90px; } .page-template-template-case-study .rb-featured-wrap, .main-content-image { display: none; } .s.grid-itm { margin: 0 10px 20px 10px; transition: .2s; flex: 46%; max-width: 47%; } } @media screen and (max-width:737px) { .footer-wrap .x { background-size: 93% auto; } } @media screen and (max-width:712px) { .grid-itm { width: calc(100% - 26px); } .grid-content { padding: 36px 30px; } .sm_testimonial_img { position: absolute; width: 26%; height: 71%; background-size: cover; background-position: center; top: 16%; } .sm_testimonial_bloc { padding: 82px 20px; } .sm_testimonial { margin: 0px; } .rainbo { margin: 0 15px; } .caption { text-align: left; font-size: 14px; /*margin-left: 15px;*/ } #dash .video-iframe-ctn { top: -4.5%; } /* Top Bar */ .ig_message { display: block!important; justify-content: center; align-items: center; } } @media screen and (max-width:615px) { #dash .video-iframe-ctn { top: -2.7%; } .hp-i2 p { max-width: 90%; } .hp-i2 { padding-left: 4%; } .sm_testimonial_img { display: none; } .sm_testimonial { margin-bottom: 30px; height: 160px; } .sm_testimonial_bloc { margin: 0!important; max-width: 92%; } ul.linkers { list-style: none; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .sidebar { display: none; } .halfmeplz h4 { padding-right: 20px; } .menu-footer { display: none; } .bg-headr .col p { padding-right: 30px; } .big-ipad-container { position: relative; width: 100%; margin-left: 0; } /*.video-iframe-ctn { top: -1.5%; }*/ .slider-col.half.right { text-align: center; } .menus { display: block; } div#local { max-width: 50%; float: right; } div#services { width: 50%; float: left; } div#services li { display: block; width: 100%; padding-bottom: 10px; } div#local li { display: block; width: 100%; padding-bottom: 24px; padding-left: 0; background-position: bottom center; background-size: 23px 23px; margin-bottom: 34px; } .footer-wrap .x { background-size: 113% auto; } ul.social.mega { position: absolute; top: 98px; width: 80%; /* text-align: right; */ text-align: center; max-width: 1280px; margin: 0 auto; left: 0; right: 0; } .holdmeclose { margin-top: 22px; } .site-branding { margin-top: 22px; } .mega-men { padding-top: 130px; } } @media screen and (max-width:600px) { .gform_legacy_markup_wrapper.hero-templates-form .gform_button { font-size: 12px!important; padding: 14px 5px 9px !important; letter-spacing: 1px!important; } ul#primary-menu li li.menu-item.cloned-item { display: block !important; } .testimon .hidden-img { width: 100%; bottom: 63%; background-position: top; } .testimon .content { margin-top: 60%; padding-left: 0; } .hp-i2 h2 { padding-left: 0; } ul#primary-menu li { width: 100%; text-align: center; margin-bottom: 11px; } ul#primary-menu li li { display: none; } ul#header-toppr-menu { text-align: center; padding: 0; } ul.sub-menu { margin: 0; } .ctronsm { text-align: center; } .mega-men { padding-right: 0; padding-left: 0; } .mega-men .box-btn { margin: 0; margin-top: 10px; } h1 { font-size: 65px; } h2 { font-size: 56px; } .image-holdr { max-width: 90%; } .sm_testimonial { margin-bottom: 30px; height: auto; background-image: none !important; padding: 20px 0; } .sm_testimonial_bloc { margin: 0!important; max-width: 98%; padding: 0; } .overly_box .whit-bloc { padding-top: 30px; } .overly-bloc { padding-left: 0; padding-right: 0; } .nudge-right { padding-left: 0; } .overly-bloc .bg-image-holdr { left: 5%; width: 100%; top: -25%; max-width: 90%; opacity: 0.3; } .intro-content p { font-size: 19px; } .qa { padding: 15px 7% 10px; } .acc_ctrl { padding-left: 0; width: 95%; } .biggerx { width: 90%; width: 80%; /* overflow-x: hidden; */ right: 0px; } .small_box.full .icn_blocs { max-width: 96%; margin-left: 6%; margin-top: 30px; } .icn_bloc img { width: 27px; display: inline-block; float: left; padding-right: 5%; padding-top: 6px; } h5 { font-size: 30px; } .icn_bloc .nudge-right { padding-left: 0; } .icn_bloc .nudge-right p { margin-top: 0; } .test-img.color, .test-img { display: none; } .testimonial { padding-left: 0; padding-right: 1%; font-size: 20px; margin-top: 20px; min-height: auto; margin-bottom: 20px; } .test-img.color, .test-img { display: none; } .review-bloc { margin-bottom: 100px; } .small_box.full .whit-bloc { padding: 23px; } .bloc { width: 100%; } p, ol, ul { font-size: 19px; } .reviews-data { margin: 0; } span.lrbumb, span.lbumb { font-size: 70px; } .drk-bg { padding: 40px 0 10px; } .floater { margin-bottom: 80px; } .company-industry { margin-bottom: 0; } .floater.company-improv h3 { margin-top: 0; } .case-study-footer { padding-top: 60px; } .case-study-footer .floater { margin-bottom: 0; } .case-study-footer .floater p { margin-bottom: 0; } .floater h3 { margin-top: 30px; font-size: 48px; } .bg-headr { margin-top: -220px; padding-top: 140px; padding-bottom: 20px; } .btn-pair a.currnt { display: none; } .btn-pair { margin-top: 20px; margin-bottom: 70px; } .icn_bloc img { margin-bottom: 7px; } .small_box .btn-content { margin-bottom: 10px; } .plain_box .whit-bloc.subset.full { padding: 50px 35px; } footer p.ft-hd { color: #fff; font-size: 20px } footer .box-btn { margin: 1rem auto 2rem; } .footer-wrap { padding: 30px 0 5px; } .footer-wrap .x { background-size: 143% auto; } .form { margin-right: 0; } .page-id-64 .col-bg, .page-id-1283 .col-bg, .page-id-62 .col-bg { left: 0; width: 90%; z-index: 0; z-index: -1; height: 97%; display: block; } .team { width: 100%; margin: 0 13px 35px 13px; } .contact-link { display: none; } .team h5 { display: block; max-width: 100%; padding-left: 0px; margin-bottom: 6px; } .team .nudge-right { display: inline-block; max-width: 100%; line-height: 1.2; } .blog-img { min-height: 175px; position: relative; } .bloc-excerpt h5 { padding: 0; margin-bottom: 0; padding-top: 25px; } .s.grid-itm { margin: 0 10px 20px 10px; transition: .2s; flex: 100%; max-width: 100%; } } @media screen and (max-width: 480px) { } @media screen and (max-width: 321px) { .users { font-size: 85px; } span.lrbumb, span.lbumb { font-size: 40px; } } /*-------------------------------------------------------------- # OPTIN POPUPS --------------------------------------------------------------*/ .pum-theme-enterprise-blue .pum-container { background-image: url(../png/optin-bg-3-3.png); background-repeat: no-repeat; background-position: bottom right; background-size: contain; } .pum-container .large { padding:12px!important; } @media screen and (max-width: 769px) { .pum-theme-enterprise-blue .pum-container { background-image: none; background-repeat: no-repeat; background-position: bottom right; background-size: contain; } } /*-------------------------------------------------------------- # MODAL --------------------------------------------------------------*/ .g-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: opacity 320ms; -o-transition: opacity 320ms; transition: opacity 320ms; z-index: 9998; overflow-y: auto; } .g-modal.is-fading { display: -webkit-box; display: -ms-flexbox; display: flex; } .g-modal.is-active { opacity: 1; } .g-modal-close { cursor: pointer; position: fixed; top: 0; right: 2%; z-index: 9999; } .g-modal-close > .close { cursor: pointer; background-color: transparent; border: 0; font-size: 2.5rem; color: #fff; } .g-modal-close > .close:focus { outline: 0; } .g-modal-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .g-modal-box { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; padding: 2rem; background-color: #fff; position: relative; z-index: 9999; } .g-modal-box .sc-wrap { margin-left: 1.5rem; } @media screen and (min-width: 768px) { .g-modal-close { top: 5%; right: 5%; } .g-modal-box { padding: 5rem; } } /*-------------------------------------------------------------- # UTILITY CLASSES --------------------------------------------------------------*/ .no-scroll { overflow: hidden !important; } .clearfix:after { content: ""; display: table; clear: both; } h2.h2-responsive, h3.h2-responsive { font-size: 45px !important; padding-left: 0.5rem; padding-right: 0.5rem; } .abs { position: absolute; } .rel { position: relative; } .z1 { z-index: 1; } .z2 { z-index: 2; } .z3 { z-index: 3; } .z4 { z-index: 4; } .z5 { z-index: 5; } .z6 { z-index: 6; } .z7 { z-index: 7; } .z8 { z-index: 8; } .z9 { z-index: 9; } .z10 { z-index: 10; } .text-white { color: #fff !important; } .text-black { color: #000 !important; } .text-blue { color: #00EAF3 !important; } .text-purple { color: #763caf !important; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .opacity-0 { opacity: 0 !important; } .opacity-1 { opacity: 0.1 !important; } .opacity-2 { opacity: 0.2 !important; } .opacity-3 { opacity: 0.3 !important; } .opacity-4 { opacity: 0.4 !important; } .opacity-5 { opacity: 0.5 !important; } .opacity-6 { opacity: 0.6 !important; } .opacity-7 { opacity: 0.7 !important; } .opacity-8 { opacity: 0.8 !important; } .opacity-9 { opacity: 0.9 !important; } .opacity-full { opacity: 1 !important; } .img-fluid { max-width: 100%; height: auto; } .d-none { display: none; } .d-block { display: block; } .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-inline { display: inline; } .d-inline-block { display: inline-block; } .pb-4 { padding-bottom: 1.5rem !important; } .mt-4 { margin-top: 1.5rem !important; } @media screen and (min-width: 576px) { .text-sm-center { text-align: center !important; } .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .d-sm-none { display: none; } .d-sm-block { display: block; } .d-sm-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-sm-inline { display: inline; } .d-sm-inline-block { display: inline-block; } } @media screen and (min-width: 768px) { .text-md-center { text-align: center !important; } .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .d-md-none { display: none; } .d-md-block { display: block; } .d-md-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-md-inline { display: inline; } .d-md-inline-block { display: inline-block; } h2.h2-responsive, h3.h2-responsive { font-size: 55px !important; } } @media screen and (min-width: 992px) { .text-lg-center { text-align: center !important; } .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .d-lg-none { display: none; } .d-lg-block { display: block; } .d-lg-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-lg-inline { display: inline; } .d-lg-inline-block { display: inline-block; } h2.h2-responsive, h3.h2-responsive { font-size: 60px !important; } h3.rb-header.h2-responsive { font-size: 50px !important; } } @media screen and (min-width: 1200px) { .text-xl-center { text-align: center !important; } .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .d-xl-none { display: none; } .d-xl-block { display: block; } .d-xl-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-xl-inline { display: inline; } .d-xl-inline-block { display: inline-block; } } /*-------------------------------------------------------------- # MOBILE DROPDOWN --------------------------------------------------------------*/ @media screen and (max-width: 600px) { ul#primary-menu li .sub-menu li { display: block !important; } #primary-menu .sub-menu { max-height: 0px; overflow: hidden; transition: max-height 320ms, padding-top 320ms; padding-top: 0; } #primary-menu .is-active .sub-menu { max-height: 500px; padding-top: 1rem; } #primary-menu .menu-item-has-children > a:after { content: ''; display: inline-block; margin-left: 1rem; margin-bottom: 0.25rem; border-right: 0.35rem solid transparent; border-left: 0.35rem solid transparent; border-top: 0.5rem solid #00eaf3; transition: transform 320ms; } #primary-menu .menu-item-has-children.is-active > a:after { transform: rotate(-180deg); } } /*-------------------------------------------------------------- # FLEXBOX GRID STUFF --------------------------------------------------------------*/ .gctn,.gctn-fluid{margin-right:auto;margin-left:auto}.gctn-fluid{padding-right:2rem;padding-left:2rem}.grow{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.grow.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width:48em){/*.container{width:49rem}*/.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){/*.container{width:65rem}*/.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:75em){/*.container{width:76rem}*/.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}