/*! Theme Name: DivX Theme URI: https://www.galacticcreative.com/ Author: Galactic Creative Author URI: https://www.galacticcreative.com/ Description: Custom WordPress theme by Galactic Creative Version: 1.0.82 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: divx Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. */ html{line-height:1.15;-webkit-text-size-adjust:100%} body{margin:0} h1{font-size:2em;margin:.67em 0} hr{box-sizing:content-box;height:0;overflow:visible} pre{font-family:monospace,monospace;font-size:1em} a{background-color:transparent} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} b,strong{font-weight:bolder} code,kbd,samp{font-family:monospace,monospace;font-size:1em} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} img{border-style:none} button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0} button,input{overflow:visible} button,select{text-transform:none} [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{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress{vertical-align:baseline} textarea{overflow:auto} [type=checkbox],[type=radio]{box-sizing:border-box;padding:0} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} [type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} details{display:block} summary{display:list-item} template{display:none} [hidden]{display:none} body,button,input,optgroup,select,textarea{color:#404040;font-family:inherit;font-size:18px;font-size:1rem;line-height:1.5} h1,h2,h3,h4,h5,h6{clear:both} p{margin-bottom:1.5em} cite,dfn,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:.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:.9375rem} abbr,acronym{border-bottom:1px dotted #666;cursor:help} ins,mark{background:#fff9c0;text-decoration:none} big{font-size:125%} html{box-sizing:border-box} *,:after,:before{box-sizing:inherit} body{background:#fff} hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em} ol,ul{margin:0 0 1.5em 1.5em;font-size:28px} ul{list-style:disc} ol{list-style:decimal} 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%} /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a{color:#4169e1;} a:visited{color:purple;} a:active,a:focus,a:hover{color:#191970;} a:focus{outline:thin dotted;} a:active,a:hover{outline:0;} /*-------------------------------------------------------------- ## 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{box-shadow:0 3px 3px rgba(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.focus>ul,.main-navigation ul ul li:hover>ul{left:100%} .main-navigation ul ul a{width:200px} .main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto} .main-navigation li{float:left;position:relative} .main-navigation a{display:block;text-decoration:none} .main-navigation.toggled ul,.menu-toggle{display:block} @media screen and (min-width:37.5em){ .menu-toggle{display:none} .main-navigation ul{display:block} } .site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden} .comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{float:left;width:50%} .comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{float:right;text-align:right;width:50%} /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);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;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;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} /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft{display:inline;float:left;margin-right:1.5em;margin-bottom:1.5em;max-width:50%} .alignright{display:inline;float:right;margin-left:1.5em;margin-bottom:1.5em;max-width:50%} .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em;max-width:50%} /*-------------------------------------------------------------- # 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{ content:"";display:table;table-layout:fixed; } .clear:after,.comment-content:after,.entry-content:after,.site-content:after,.site-footer:after{clear:both;} /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget {margin: 0 0 1.5em;} .widget select {max-width: 100%;} /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky{display:block} .hentry{margin:0 0 1.5em} .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;} /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer {display: block;} /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-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} /*-------------------------------------------------------------- ## Custom Fonts --------------------------------------------------------------*/ @font-face { font-family: 'VisbyCF-Bold'; src: url('/webfonts/VisbyCF-Bold.eot?#iefix') format('embedded-opentype'), url('/webfonts/VisbyCF-Bold.otf') format('opentype'), url('/webfonts/VisbyCF-Bold.woff') format('woff'), url('/webfonts/VisbyCF-Bold.ttf') format('truetype'), url('/webfonts/VisbyCF-Bold.svg#VisbyCF-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'VisbyCF-DemiBold'; src: url('/webfonts/VisbyCF-DemiBold.eot?#iefix') format('embedded-opentype'), url('/webfonts/VisbyCF-DemiBold.otf') format('opentype'), url('/webfonts/VisbyCF-DemiBold.woff') format('woff'), url('/webfonts/VisbyCF-DemiBold.ttf') format('truetype'), url('/webfonts/VisbyCF-DemiBold.svg#VisbyCF-DemiBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'VisbyCF-Light'; src: url('/webfonts/VisbyCF-Light.eot?#iefix') format('embedded-opentype'), url('/webfonts/VisbyCF-Light.otf') format('opentype'), url('/webfonts/VisbyCF-Light.woff') format('woff'), url('/webfonts/VisbyCF-Light.ttf') format('truetype'), url('/webfonts/VisbyCF-Light.svg#VisbyCF-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'VisbyCF-Medium'; src: url('/webfonts/VisbyCF-Medium.eot?#iefix') format('embedded-opentype'), url('/webfonts/VisbyCF-Medium.otf') format('opentype'), url('/webfonts/VisbyCF-Medium.woff') format('woff'), url('/webfonts/VisbyCF-Medium.ttf') format('truetype'), url('/webfonts/VisbyCF-Medium.svg#VisbyCF-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'VisbyCF-Regular'; src: url('/webfonts/VisbyCF-Regular.eot?#iefix') format('embedded-opentype'), url('/webfonts/VisbyCF-Regular.otf') format('opentype'), url('/webfonts/VisbyCF-Regular.woff') format('woff'), url('/webfonts/VisbyCF-Regular.ttf') format('truetype'), url('/webfonts/VisbyCF-Regular.svg#VisbyCF-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'VisbyCF-RegularOblique'; src: url('/webfonts/VisbyCF-RegularOblique.eot?#iefix') format('embedded-opentype'), url('/webfonts/VisbyCF-RegularOblique.otf') format('opentype'), url('/webfonts/VisbyCF-RegularOblique.woff') format('woff'), url('/webfonts/VisbyCF-RegularOblique.ttf') format('truetype'), url('/webfonts/VisbyCF-RegularOblique.svg#VisbyCF-RegularOblique') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'VisbyCF-Heavy'; src: url('/webfonts/VisbyCF-Heavy.woff2') format('woff2'), url('/webfonts/VisbyCF-Heavy.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'VisbyCF-Heavy'; src: url('/webfonts/VisbyCF-HeavyOblique.woff2') format('woff2'), url('/webfonts/VisbyCF-HeavyOblique.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "LineAwesome"; src: url("/webfonts/line-awesome.eot?v=1.1."); src: url("/webfonts/line-awesome.eot??v=1.1.#iefix") format("embedded-opentype"), url("/webfonts/line-awesome.woff2?v=1.1.") format("woff2"), url("/webfonts/line-awesome.woff?v=1.1.") format("woff"), url("/webfonts/line-awesome.ttf?v=1.1.") format("truetype"), url("/webfonts/line-awesome.svg?v=1.1.#fa") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "LineAwesome"; src: url("/webfonts/line-awesome.svg?v=1.1.#fa") format("svg"); } } /*-------------------------------------------------------------- ## Global Styles --------------------------------------------------------------*/ body{font-family:VisbyCF-Regular;color:#121212} #hero.no-img .hero-title,h1,h2,h3{font-family:VisbyCF-Light;font-weight:400;line-height:100%} #hero.no-img .hero-title,h1{font-size:82px;margin:0 auto;text-align:center;max-width:90%} .mast h1{max-width:100%;margin:0} #hero.no-img .hero-title:after,h1:after{display:block;content:' ';height:11px;width:170px;background-color:#37c9f3;margin:45px auto 40px auto} h2{font-size:60px} h3{font-family:VisbyCF-Regular;font-size:45px;color:#0ab4de} p{font-family:VisbyCF-Regular;font-size:28px;line-height:41px;margin-top:0} p:last-child{margin-bottom:0} .home p:last-child{margin-bottom:1.5em} a,a:visited{font-family:VisbyCF-DemiBold;color:#0ab4de;text-decoration:none;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease;transition:All .5s ease} a:hover{color:#999} .mast{max-width:1766px;width:90%;margin:0 auto} #page .ow-button-base a{padding:2px;background:#3cdcf5;background:-moz-linear-gradient(left,#3cdcf5 0,#34bee4 96%);background:-webkit-linear-gradient(left,#3cdcf5 0,#34bee4 96%);background:linear-gradient(to right,#3cdcf5 0,#34bee4 96%);border:0;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none;text-transform:uppercase;display:inline-block;overflow:hidden} #page .ow-button-base a span{font-family:VisbyCF-Bold;font-size:1.75rem;padding:1.8rem 3.8rem;color:#15a1c4;background-color:#fff;display:block;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;line-height:1rem;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease;transition:All .5s ease} #page .ow-button-base a:hover span{background-color:transparent;color:#fff} #page .green-btn .ow-button-base a{background:#aac41e;background:-moz-linear-gradient(left,#aac41e 0,#c3e318 96%);background:-webkit-linear-gradient(left,#aac41e 0,#c3e318 96%);background:linear-gradient(to right,#aac41e 0,#c3e318 96%);cursor:pointer} #page .green-btn .ow-button-base a span{background-color:transparent;color:#fff} #page .green-btn .ow-button-base a:hover span{background-color:#fff;color:#aac41e} #page .blue-btn .ow-button-base a{background:#33bce3;background:-moz-linear-gradient(left,#33bce3 0,#3ed4eb 96%);background:-webkit-linear-gradient(left,#33bce3 0,#3ed4eb 96%);background:linear-gradient(to right,#33bce3 0,#3ed4eb 96%)} #page .blue-btn .ow-button-base a span{background-color:transparent;color:#fff} #page .blue-btn .ow-button-base a:hover span{background-color:#fff;color:#15a1c4} #page .dark-btn .ow-button-base a{background-color:transparent;background-image:none;border:2px solid #37cbeb;padding:0} #page .dark-btn .ow-button-base a span{background-color:transparent;color:#fff} #page .dark-btn .ow-button-base a:hover span{background-color:rgba(255,255,255,.15);color:#fff} .entry-content,.entry-summary,.hentry,.page-content,.so-panel,.widget{margin:0!important} .animation-pb.fade{opacity:0;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;-ms-transition:All 1s ease;transition:All 1s ease} .animation-pb.delay{-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s} .animation-pb.fade.in-view{opacity:1} #content{position:relative;z-index:2} #primary{padding-top:230px} .home #primary{padding-top:0} .error404 #primary{padding-bottom:230px} #page{overflow:hidden} .main-text{text-align:center;padding-bottom:245px} pre{background-color:transparent;margin:0;padding:0;overflow:visible} #wpadm-login-form{max-width:400px;width:90%;margin:0 auto;padding-bottom:20px} .no-padding-top{padding-top:0!important} button#responsive-menu-button{background-image:none!important} /*-------------------------------------------------------------- ## Header Styles --------------------------------------------------------------*/ #masthead{position:relative;display:flex;align-items:center;padding-top:32px;padding-bottom:32px;min-height:64px;border-top:0 solid rgba(55,201,243,.5);z-index:10;max-width:1296px;margin:0 auto} #masthead .custom-logo-link{height:30px} @media only screen and (max-width:767px){ #masthead{top:0;width:100%;padding:16px;border:none!important;min-height:54px} #masthead .custom-logo-link{height:22px} } #masthead .custom-logo-link img{max-width:100%;width:auto;height:100%;padding:0} .site-branding {float:left;} .site-branding a {display:block;} .site-branding a img {max-width:180px; display:block; padding:12px 0;} .diag-wrap {position:relative;} /* Nav Styles */ #site-navigation {display: flex;justify-content: space-between;margin-left: 40px;} #site-navigation .menu-primary-nav-container {float:left;} #site-navigation ul.menu>li{font-family:VisbyCF-Bold,arial,sans-serif;font-size:16px;line-height:50px;letter-spacing:0;margin-left:32px;text-transform:uppercase} #site-navigation ul.menu>li:first-child{margin-left:0} #site-navigation ul.menu li a{font-family:inherit;color:#101011} #site-navigation ul.menu ul{z-index:1000;padding:10px 0;margin:0;background-color:#37c9f3;width:auto} #site-navigation ul.menu ul li{margin:0;padding:0;float:none;font-size:16px;line-height:100%} #site-navigation ul.menu ul li a{display:block;padding:5px 30px;margin:0;color:#fff;width:100%;box-sizing:border-box;line-height:2;white-space:nowrap} #site-navigation ul.menu ul li a:hover{background-color:#fff;color:#121212} /* Header Right Styles */ #site-navigation .header-right .btn-divx{position:relative;display:inline-flex;justify-content:center;text-transform:uppercase;font-size:16px;line-height:20px;letter-spacing:0;padding:0 6px;border:none;border-radius:0!important;font-family:VisbyCF-Bold,arial,sans-serif;padding:0 6px!important;cursor:pointer} #site-navigation .header-right .btn-divx:after,#site-navigation .header-right .btn-divx:before{content:"";position:absolute;top:0;left:0;position:absolute;width:14.14px!important;height:100%!important;border:none!important;border-radius:0!important;opacity:1!important} #site-navigation .header-right .btn-divx:before{background:url("images/btn/btn-left.svg") center no-repeat} #site-navigation .header-right .btn-divx:after{left:auto;right:0;background:url("images/btn/btn-right.svg") center no-repeat} #site-navigation .header-right .btn-divx .btn-inner,#site-navigation .header-right .btn-divx .span,#site-navigation .header-right .btn-divx input,#site-navigation .header-right .btn-divx-inner{position:relative;transition:all .3s;display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;background-color:#37c9f3;padding:20px 32px;border-radius:0;min-width:254px;clip-path:polygon(13px 0%,calc(100% - 13px) 0%,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0% calc(100% - 13px),0% 13px)} #site-navigation .header-right .btn-divx .btn-inner:after,#site-navigation .header-right .btn-divx .btn-inner:before,#site-navigation .header-right .btn-divx .span:after,#site-navigation .header-right .btn-divx .span:before,#site-navigation .header-right .btn-divx input:after,#site-navigation .header-right .btn-divx input:before,#site-navigation .header-right .btn-divx-inner:after,#site-navigation .header-right .btn-divx-inner:before{content:"";position:absolute;top:0;left:0;width:20px;height:2px;top:6px;background-color:#37c9f3} #site-navigation .header-right .btn-divx .btn-inner:before,#site-navigation .header-right .btn-divx .span:before,#site-navigation .header-right .btn-divx input:before,#site-navigation .header-right .btn-divx-inner:before{left:-3px;transform:rotate(-45deg)} #site-navigation .header-right .btn-divx .btn-inner:after,#site-navigation .header-right .btn-divx .span:after,#site-navigation .header-right .btn-divx input:after,#site-navigation .header-right .btn-divx-inner:after{left:auto;right:-3px;transform:rotate(45deg)} @media only screen and (max-width:767px){ #site-navigation .header-right .btn-divx .btn-inner,#site-navigation .header-right .btn-divx .span,#site-navigation .header-right .btn-divx input,#site-navigation .header-right .btn-divx-inner{min-width:230px} } #site-navigation .header-right .btn-divx-inner-wrap{text-align:center;line-height:14px} #site-navigation .header-right .btn-divx-inner-text{font-weight:400;font-size:14px;line-height:10px;text-transform:initial;font-family:VisbyCF-DemiBold,arial,sans-serif;margin-top:6px} #site-navigation .header-right .btn-divx .btn-layer,#site-navigation .header-right .btn-divx-layer{position:absolute;width:100%;height:100%;clip-path:polygon(13px 0%,calc(100% - 13px) 0%,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0% calc(100% - 13px),0% 13px);border:2px solid #37c9f3} #site-navigation .header-right .btn-divx .btn-layer:after,#site-navigation .header-right .btn-divx .btn-layer:before,#site-navigation .header-right .btn-divx-layer:after,#site-navigation .header-right .btn-divx-layer:before{content:"";position:absolute;top:0;left:0;width:20px;height:2px;top:6px;background-color:#37c9f3} #site-navigation .header-right .btn-divx .btn-layer:after,#site-navigation .header-right .btn-divx .btn-layer:before,#site-navigation .header-right .btn-divx-layer:after,#site-navigation .header-right .btn-divx-layer:before{top:auto;bottom:5px} #site-navigation .header-right .btn-divx .btn-layer:before,#site-navigation .header-right .btn-divx-layer:before{left:-6px;transform:rotate(45deg)} #site-navigation .header-right .btn-divx .btn-layer:after,#site-navigation .header-right .btn-divx-layer:after{left:auto;right:-6px;transform:rotate(-45deg)} #site-navigation .header-right .btn-divx .icon{width:20px;height:20px;font-size:20px;margin-left:10px} #site-navigation .header-right .btn-divx:hover .btn-divx-inner,#site-navigation .header-right .btn-divx:hover .btn-inner,#site-navigation .header-right .btn-divx:hover .span,#site-navigation .header-right .btn-divx:hover input{background:0 0;color:#37c9f3} #site-navigation .header-right .btn-divx:hover input{color:#fff;background-color:#36bfe4} #site-navigation .header-right .btn-divx:before{background:url("images/btn/btn-header-left.svg") center no-repeat} #site-navigation .header-right .btn-divx:after{background:url("images/btn/btn-header-right.svg") center no-repeat} #site-navigation .header-right .btn-divx span:not(.btn-layer){padding:14px 24px;background:#37c9f3;color:#fff;min-width:unset} #site-navigation .header-right .btn-divx .btn-layer{border-radius:0} #site-navigation .header-right .btn-divx:hover span:not(.btn-layer){background:0 0;color:#37c9f3} /*-------------------------------------------------------------- ## Homepage --------------------------------------------------------------*/ /* Diagonal Lines */ .homepage .diag1{border:2px solid #bbda1a;padding:16% 5%;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);display:block;position:absolute;z-index:0;top:0;right:6%} .homepage .diag2{background-color:#37c9f3;padding:15% 60%;-webkit-transform:skewY(-50deg);-moz-transform:skewY(-50deg);-ms-transform:skewY(-50deg);-o-transform:skewY(-50deg);transform:skewY(-50deg);display:block;position:absolute;z-index:1;top:0;right:-61%;width:100%} .homepage .diag3{background-color:#fff;width:100%;height:2px;-webkit-transform:skewY(-50deg);-moz-transform:skewY(-50deg);-ms-transform:skewY(-50deg);-o-transform:skewY(-50deg);transform:skewY(-50deg);display:block;position:absolute;z-index:1;top:0;right:-60%} .homepage .diag4{background-color:#3ed4eb;width:100%;height:2px;-webkit-transform:skewY(-50deg);-moz-transform:skewY(-50deg);-ms-transform:skewY(-50deg);-o-transform:skewY(-50deg);transform:skewY(-50deg);display:block;position:absolute;z-index:1;top:0;right:-82%} .homepage .diag5{background-color:#eef5f7;padding:13% 20px;-webkit-transform:skewY(-50deg);-moz-transform:skewY(-50deg);-ms-transform:skewY(-50deg);-o-transform:skewY(-50deg);transform:skewY(-50deg);display:block;position:absolute;z-index:0;top:0;right:-79%;width:100%} .homepage h2{font-size:90px;margin:0} .homepage h3{margin:13px 0 0 0} .homepage h3:after{margin:60px 0 50px 0;content:' ';width:170px;height:11px;background-color:#37c9f3;display:block} .homepage p{font-size:30px;line-height:40px;margin-top:0} /* Hero Styles */ #home-hero{position:relative;padding:12% 0 10.5% 0} #home-hero .panel-grid-cell{width:50%} #home-hero .panel-grid-cell .panel-grid-cell{width:100%} #home-hero .widget_sow-image{position:absolute;right:-223px;top:236px;z-index:0} #home-hero h1{font-size:102px} #home-hero h1:after{margin:45px 0 40px 0} #home-hero p{margin:0;font-size:32px;line-height:40px} #home-hero .ow-button-base.ow-button-align-center{text-align:left} #home-hero .widget_sow-button{float:left;margin-right:30px!important} #home-hero .widget_sow-button:last-child{margin-right:0!important} #home-hero .hero-btns{margin-top:55px} /* Buy Pro */ #home-pro .mast {position:relative; padding-top:20%; z-index:5;} #float-cta{position:absolute;width:100%;top:150px;left:0;background-color:#1e1f1f;background:0 0;zoom:1;background-color:rgba(30,31,31,.95);text-align:center;padding:7em 3em;z-index:5;color:#fff} #float-cta.in-view{top:0} #float-cta h3:after{height:6px;margin:50px auto 40px auto} #home-pro .so-widget-sow-image{position:relative;z-index:4} #home-pro .so-widget-sow-image:after{content:' ';border:2px solid #bbda1a;padding:8% 6%;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);display:block;position:absolute;z-index:5;top:-97px;right:-170px} #float-cta h2:before{content:' ';display:block;background:url(images/float-cta-icons.png) center center no-repeat;background-size:cover;width:422px;height:81px;margin:0 auto 20px auto} #float-cta p a:before{content:'// ';font-family:VisbyCF-Regular;color:#fff} #float-cta .ow-button-base a span{background-color:#1e1f1f;color:#fff} #float-cta .ow-button-base a:hover span{color:#fff} /* Devices */ #home-devices{background-color:#fff} #home-devices .mast{position:relative;padding:160px 0} #home-devices-img{margin-left:-31%;position:relative;z-index:5} #home-devices-img:before{content:' ';background-color:#37c9f3;padding:40% 15%;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);display:block;position:absolute;z-index:1;top:-160px;left:-16%} #home-devices-img:after{content:' ';border:2px solid #bbda1a;padding:18% 15%;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);display:block;position:absolute;z-index:2;top:-160px;left:-2%;border-top:0} #home-devices .siteorigin-widget-tinymce,#home-devices .so-widget-sow-editor,#home-devices h2,#home-devices-img .so-widget-sow-image,#home-devices-img .sow-image-container{position:relative;z-index:5} #home-devices-img .so-widget-sow-image:before{content:' ';background-color:#eef5f7;padding:43% 29%;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);display:block;position:absolute;z-index:1;top:-160px;left:15%} #home-devices .so-widget-sow-editor{padding-top:140px} #home-devices .ow-button-base.ow-button-align-center{text-align:left} #home-devices .so-widget-sow-editor:after{content:' ';background-color:#37c9f3;padding:29% 24%;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);display:block;position:absolute;z-index:1;top:61%;right:-69%} /* About */ #home-about{position:relative;z-index:5;padding-bottom:160px} #home-about .widget_sow-editor{width:57%;padding-top:140px} #home-about .ow-button-base.ow-button-align-center{text-align:left} #home-about-img{position:absolute;top:0;right:-20%;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);overflow:hidden;z-index:5} #home-about-img .panel-row-style{-webkit-transform:skewX(40deg);-moz-transform:skewX(40deg);-ms-transform:skewX(40deg);-o-transform:skewX(40deg);transform:skewX(40deg);padding:370px 660px;margin-left:-330px;margin-right:-150px} #home-about:before{content:' ';background-color:#37c9f3;padding:9% 27%;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);display:block;position:absolute;z-index:4;top:41%;right:-69%} #home-about:after{content:' ';border:2px solid #bbda1a;padding:20% 8%;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);display:block;position:absolute;z-index:5;top:15%;right:21%} /* Support */ #home-support{position:relative;z-index:5;padding-bottom:270px;padding-top:200px} #home-support .so-widget-sow-editor{padding-top:275px;margin-left:50%} #home-support .so-widget-sow-button{margin-left:50%} #home-support .ow-button-base.ow-button-align-center{text-align:left} #home-support-img{position:absolute;top:200px;left:-20%;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);overflow:hidden;z-index:5} #home-support-img .panel-row-style{-webkit-transform:skewX(40deg);-moz-transform:skewX(40deg);-ms-transform:skewX(40deg);-o-transform:skewX(40deg);transform:skewX(40deg);padding:420px 750px;margin-left:-180px;margin-right:-372px} #home-support:after{content:' ';border:2px solid #bbda1a;padding:24% 8%;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);display:block;position:absolute;z-index:5;top:10%;left:-19%} /*-------------------------------------------------------------- ## Blog Page --------------------------------------------------------------*/ .page-template-page-blog .main-text{padding-bottom:40px} .page-template-page-blog .diag1{border:2px solid #bbda1a;padding:17% 4%;-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);transform:skewX(-35deg);display:block;position:absolute;z-index:2;top:54%;right:-19%} .page-template-page-blog .diag2{background-color:#37c9f3;padding:27% 9%;-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);transform:skewX(-35deg);display:block;position:absolute;z-index:1;top:88%;right:-29%;width:25%} .page-template-page-blog .diag3{border:2px solid #3ed4eb;padding:17% 6%;-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);transform:skewX(-35deg);display:block;position:absolute;z-index:0;top:373%;right:-28%} #blog-main .js-wpv-view-layout{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap} #blog-main.one-item .js-wpv-view-layout{justify-content:center} #blog-main .views-row{width:45%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-bottom:75px} #blog-main h2{font-size:60px;margin-bottom:0} #blog-main h2 a{font-family:VisbyCF-Light;color:#121212} #blog-main h2:after{display:block;content:' ';height:11px;width:170px;background-color:#37c9f3;margin:40px auto 35px auto} #blog-main p{font-size:23px;line-height:35px} #blog-sub-container{position:relative;padding-top:180px} #blog-sub-container:before{content:' ';display:block;background-color:#37c9f3;padding:13% 5%;-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);transform:skewX(-35deg);display:block;position:absolute;z-index:0;top:0;left:-4%;width:13%} #blog-sub-container:after{content:' ';display:block;border:2px solid #bbda1a;padding:21% 6%;-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);transform:skewX(-35deg);display:block;position:absolute;z-index:2;top:5%;left:-15%} #blog-sub-container .panel-grid-cell:before{content:' ';display:block;background-color:#eef5f7;padding:34% 5%;-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);transform:skewX(-35deg);display:block;position:absolute;z-index:0;top:0;left:-4%;width:23%} #blog-sub{padding-bottom:90px;position:relative;z-index:5} #blog-sub .alm-reveal{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap} #blog-sub .views-row{width:26%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-bottom:125px} #blog-sub h3{font-size:38px;margin:0} #blog-sub h3 a{font-family:VisbyCF-Regular;color:#121212;display:block;line-height:1.2} #blog-sub h3:after{display:block;content:' ';height:1px;width:170px;background-color:#121212;margin:35px auto 30px auto} #blog-sub p{font-size:23px;line-height:35px} #blog-sub p a:before{content:'//';font-family:VisbyCF-Regular;color:#121212;letter-spacing:-4px;margin-right:7px} .alm-btn-wrap{text-align:center} #blog-sub .alm-btn-wrap button{background:#33bce3;background:-moz-linear-gradient(left,#33bce3 0,#3ed4eb 96%);background:-webkit-linear-gradient(left,#33bce3 0,#3ed4eb 96%);background:linear-gradient(to right,#33bce3 0,#3ed4eb 96%);border:2px solid #fff;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none;text-transform:uppercase;display:inline-block;overflow:hidden;font-family:VisbyCF-Bold;font-size:1.75em;padding:1em 2em;color:#fff;line-height:.75;cursor:pointer;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease;transition:All .5s ease} #blog-sub .alm-btn-wrap button:hover{background:#fff;background:-moz-linear-gradient(left,#fff 0,#fff 96%);background:-webkit-linear-gradient(left,#fff 0,#fff 96%);background:linear-gradient(to right,#fff 0,#fff 96%);color:#15a1c4;border-color:#33bce3} /*-------------------------------------------------------------- ## Blog Detail Page --------------------------------------------------------------*/ .page-template-default .diag1,.page-template-page-company .diag1,.page-template-page-device-reg .diag1,.page-template-page-devices .diag1,.single .diag1{border:2px solid #bbda1a;padding:25% 8%;-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);transform:skewX(-35deg);display:block;position:absolute;z-index:2;top:254px;left:-27%} .page-template-default .diag2,.page-template-page-company .diag2,.page-template-page-device-reg .diag2,.page-template-page-devices .diag2,.single .diag2{background-color:#37c9f3;padding:12% 9%;-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);transform:skewX(-35deg);display:block;position:absolute;z-index:1;top:138px;left:-37%;width:20%} .page-template-default .diag3,.page-template-page-company .diag3,.page-template-page-device-reg .diag3,.page-template-page-devices .diag3,.single .diag3{background-color:#eef5f7;padding:38% 18%;-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);transform:skewX(-35deg);display:block;position:absolute;z-index:0;top:213px;left:-33%} .search #primary,.single #primary{padding-top:70px;padding-bottom:140px} .search h1,.single h1{text-align:left;font-size:75px} .search h1:after,.single h1:after{margin:45px 0 40px 0} .search h3{margin-bottom:5px} .single .post-thumbnail img{display:block;margin-bottom:80px} .search #main,.single #main{float:left;width:63%} .single #main p{font-size:24px;line-height:36px} .single-press #main{float:none;width:auto} .single #main img.aligncenter{padding:40px} .search #secondary,.single #secondary{float:right;width:29%} .search #secondary .widget,.single #secondary .widget{margin-bottom:70px!important} .search #secondary h2,.single #secondary h2{font-size:48px;margin:0 0 30px;padding-bottom:35px;border-bottom:1px solid #888} .search #secondary ul,.single #secondary ul{margin:0;padding:0 0 0 20px;list-style-type:none} .search #secondary ul li,.single #secondary ul li{font-size:25px;line-height:1.3;padding-bottom:20px} /*-------------------------------------------------------------- ## Press Page --------------------------------------------------------------*/ .page-id-2554 #custom-component{padding-top:0} .press-search{padding-bottom:50px} .press-search input[type=text]{font-size:16px;padding:15px 20px;width:auto;float:left} .press-search button{font-family:LineAwesome;float:left;font-family:LineAwesome;padding:0;line-height:54px;float:left;width:58px;margin-left:5px} .hide-pager{display:none} #blog-main.press-page .js-wpv-view-layout{display:block} #blog-main.press-page .views-row{width:100%;text-align:left;margin-bottom:40px} #blog-main.press-page .blog-date{font-size:18px} #blog-main.press-page .blog-date:after{display:block;content:' ';height:1px;width:50px;background-color:#121212;margin:5px 0} #blog-main.press-page h2{font-size:20px;line-height:1.3;margin-bottom:0;margin-top:0} #blog-main.press-page h2:after{display:none} #blog-main.press-page h2 a{font-family:VisbyCF-Regular} #blog-main.press-page h2 a.press-readmore{font-family:VisbyCF-DemiBold;color:#0ab4de} #blog-main.press-page h2 a.press-readmore:hover{color:#999} .single-press #main h2{font-size:30px;margin:0 0 40px 0} .single-press #main .press-date{font-size:17px;margin:0 0 5px 0} .wpv-pagination-nav-links-container.pagination{margin:0;padding:0;list-style-type:none;text-align:center} .wpv-pagination-nav-links-container.pagination li.page-item{display:inline-block;margin:0 10px} .wpv-pagination-nav-links-container.pagination li.page-item .js-wpv-pagination-link{background-color:#0ab4de;color:#fff;line-height:30px;width:30px;display:block;border-radius:50%} .wpv-pagination-nav-links-container.pagination li.page-item.wpv_page_current .wpv-filter-pagination-link{background-color:#1e1f1f;color:#fff;line-height:30px;width:30px;display:block;border-radius:50%} /*-------------------------------------------------------------- ## Tech Pages Styles --------------------------------------------------------------*/ .page-template-page-tech #primary{padding-bottom:20px} .page-template-page-tech #hero{padding-bottom:120px!important} .page-template-page-tech .main-content{padding-top:120px;border-top:1px solid #000} .page-template-page-tech #secondary{float:left;width:24%} .page-template-page-tech #main{float:right;width:65%;text-align:left} .page-template-page-tech #main img{display:block;margin-top:80px;margin-bottom:80px} .page-template-page-tech h1{text-align:left;font-size:80px} .page-template-page-tech h1:after{margin:45px 0 40px 0} .page-template-page-tech h2{font-size:40px;margin-top:0} .page-template-page-tech p{font-size:25px;line-height:1.4} .page-template-page-tech #secondary ul.menu,.page-template-page-tech #secondary ul.menu li ul{padding:0;margin:0;list-style-type:none;text-align:left} .page-template-page-tech #secondary ul.menu li{font-size:27px;color:#1e1f1f;margin:7px 0} .page-template-page-tech #secondary ul.menu li a{font-family:VisbyCF-Medium;color:#1e1f1f;padding-top:8px;padding-bottom:8px;display:block} .page-template-page-tech #secondary ul.menu li a:hover{color:#0ab4de} .page-template-page-tech #secondary ul.menu li.current-menu-ancestor a{font-family:VisbyCF-DemiBold} .page-template-page-tech #secondary ul.menu li.current-menu-ancestor li a{font-family:VisbyCF-Medium} .page-template-page-tech #secondary ul.menu li ul li.current-menu-item a{background-color:#000;font-family:VisbyCF-Regular;color:#fff;position:relative;overflow:hidden} .page-template-page-tech #secondary ul.menu li ul li.current-menu-item a:after{content:' ';display:block;background-color:#fff;position:absolute;top:0;right:-23px;bottom:0;width:47px;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg)} .page-template-page-tech #secondary ul.menu li ul li a{padding-left:60px} /*-------------------------------------------------------------- ## Contact Form Styles --------------------------------------------------------------*/ .main-content{text-align:center;padding-bottom:40px} .main-content p{max-width:1320px;margin-left:auto;margin-right:auto} .contact-form .wpcf7{max-width:1500px;margin-left:auto;margin-right:auto} select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background:#fff;background-image:none} input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{background-color:#fff;-webkit-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-moz-border-radius:0;border-radius:0;border:1px solid #1e1f1f!important;padding:20px;font-size:22px;width:100%} select{background-color:#fff;-webkit-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-moz-border-radius:0;border-radius:0;border:1px solid #1e1f1f!important;height:100%;font-size:22px;margin-bottom:40px;width:100%;padding:0 20px} textarea{max-height:230px;min-height:75px;max-width:100%;min-width:100%} .contact-form .flexbox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;justify-content:space-between} .contact-form .flexbox .flex{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:48%;margin-bottom:40px} .contact-form .form-message{margin-bottom:40px} .contact-form .form-submit{text-align:center} div.wpcf7 .ajax-loader{display:none} .form_style .block-input input.submit_style,button,input[type=button],input[type=reset],input[type=submit]{border:2px solid #fff;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;background:#33bce3;background:-moz-linear-gradient(left,#33bce3 0,#3ed4eb 96%);background:-webkit-linear-gradient(left,#33bce3 0,#3ed4eb 96%);background:linear-gradient(to right,#33bce3 0,#3ed4eb 96%);color:#fff;font-family:VisbyCF-Bold;font-size:1.75em;line-height:.7em;padding:1em 3.5em;text-transform:uppercase;cursor:pointer;margin-left:50px;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease;transition:All .5s ease;margin:0} .form_style .block-input input.submit_style{padding:1em 3.5em!important} button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background:#fff;background:-moz-linear-gradient(left,#fff 0,#fff 96%);background:-webkit-linear-gradient(left,#fff 0,#fff 96%);background:linear-gradient(to right,#fff 0,#fff 96%);color:#15a1c4;border:2px solid #37c9ea} .wpcf7-form .subject{position:relative;display:block;width:100%;height:75px;line-height:3;background:#222323;overflow:hidden;border-radius:0;margin:0 0 20px 0} .wpcf7-form .subject::after{font-family:LineAwesome;content:'\f110';font-size:20px;position:absolute;top:2px;right:2px;bottom:2px;padding:10px 20px;background:#fff;pointer-events:none;color:#15a0bc;line-height:51px} /*-------------------------------------------------------------- ## Top Bar Header Styles --------------------------------------------------------------*/ #topbar{position:relative;z-index:5} @media only screen and (max-width:767px){ #topbar{position:absolute;height:24px;left:auto;top:14px;right:60px;border-right:1px solid rgba(0,0,0,.4);padding-right:8px!important;z-index:11} } #topbar .mast{display:flex;justify-content:flex-end;align-items:center;max-width:1296px;margin:0 auto} #topbar .drop-lang{position:relative;width:114px} @media only screen and (max-width:767px){ #topbar .drop-lang{width:124px} } #topbar .drop-lang>div:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;top:2px;background:url(images/icon/icon-globe.svg) center no-repeat;background-size:100%;filter:grayscale(1) invert(1)} #topbar .drop-lang>div:after{position:absolute;font-family:LineAwesome;content:'\f110';font-size:12px;line-height:16px;top:0;right:0;bottom:0;padding:0;color:#000;background:0 0;font-weight:700;pointer-events:none} @media only screen and (min-width:768px){ #topbar .drop-lang>div{position:relative;margin:12px 0} } #topbar .drop-lang #drop-nav,#topbar .drop-lang select{position:relative;display:block;font-family:VisbyCF-Bold,arial,sans-serif;color:#000;cursor:pointer;background:0 0!important;border:none!important;border-radius:0;font-size:14px;line-height:18px;letter-spacing:0;padding:0 16px 2px 24px;margin-bottom:0;height:auto} #topbar+#masthead{padding-top:12px;padding-bottom:12px;border-top-width:1px} /*-------------------------------------------------------------- ## Mobile Menu Button Styles --------------------------------------------------------------*/ @media only screen and (max-width:1200px){ #rmp_menu_trigger-6473{width:28px;height:38px;left:auto;top:39px;top:28px;right:59px;border:none} #rmp_menu_trigger-6473 .rmp-trigger-box{display:block;width:27px} #rmp_menu_trigger-6473 .responsive-menu-pro-inner,#rmp_menu_trigger-6473 .responsive-menu-pro-inner:after,#rmp_menu_trigger-6473 .responsive-menu-pro-inner:before{display:block;background:#000;width:27px;height:3px} #rmp_menu_trigger-6473 .responsive-menu-pro-inner:after,#rmp_menu_trigger-6473 .responsive-menu-pro-inner:before{width:15px} #rmp_menu_trigger-6473 .responsive-menu-pro-inner:before{left:auto;right:0} .page-device-reg #rmp_menu_trigger-6473{top:54px} #rmp_menu_trigger-6473.is-active{top:14px;right:20px} #rmp_menu_trigger-6473.is-active .responsive-menu-pro-inner,#rmp_menu_trigger-6473.is-active .responsive-menu-pro-inner:after,#rmp_menu_trigger-6473.is-active .responsive-menu-pro-inner:before{border-radius:0} #rmp_menu_trigger-6473.is-active .responsive-menu-pro-inner:after,#rmp_menu_trigger-6473.is-active .responsive-menu-pro-inner:before{width:27px} #rmp-container-6473 .rmp-menu-title,.rmp-container .rmp-menu-title{display:none!important} #rmp-container-6473 .rmp-menu-wrap,.rmp-container .rmp-menu-wrap{padding-top:68px} #rmp-container-6473 .rmp-menu,.rmp-container .rmp-menu{width:auto;padding:8px 0 44px;margin:0 24px;border-top:1px solid rgba(0,0,0,.24)} #rmp-container-6473 .rmp-menu-item-link,#rmp-container-6473 .rmp-menu-item-link:hover,#rmp-menu-wrap-6473 .rmp-menu-current-item .rmp-menu-item-link:focus,#rmp-menu-wrap-6473 .rmp-menu-current-item .rmp-menu-item-link:hover,.rmp-container .rmp-menu-item-link,.rmp-container .rmp-menu-item-link:hover{color:#000;border:none;background:0 0} #rmp-container-6473 .rmp-menu-item-link,.rmp-container .rmp-menu-item-link{display:flex;align-items:center;font-family:VisbyCF-Bold,arial,sans-serif;text-transform:uppercase;font-size:24px;line-height:18px;letter-spacing:0;text-align:left;height:auto;padding:16px 0;gap:8px} #rmp-container-6473 .rmp-menu-subarrow,.rmp-container .rmp-menu-subarrow{transition:all .3s;position:unset;inset:unset;border:none;width:18px;height:18px;background:url(images/icon/icon-arrow-down.svg) center no-repeat!important;background-size:14px 8px!important;font-size:0;border:none!important} #rmp-container-6473 .rmp-menu-subarrow-active,.rmp-container .rmp-menu-subarrow-active{transform:scaleY(-1)} #rmp-container-6473 .rmp-menu-additional-content,.rmp-container .rmp-menu-additional-content{background:url(images/mobile-menu-bg.jpg) top center no-repeat;background-size:100% auto;color:transparent;font-size:0;height:119.7435897436vw} #rmp-container-6473 .rmp-submenu .rmp-menu-item-link,.rmp-container .rmp-submenu .rmp-menu-item-link{display:block;font-family:VisbyCF-Medium,arial,sans-serif;font-size:18px;letter-spacing:0;line-height:14px;height:auto;padding:10px 0;text-align:left} #rmp-container-6473 .rmp-submenu,.rmp-container .rmp-submenu{padding-bottom:10px} #rmp-container-6473 .rmp-submenu .rmp-menu-item-link,#rmp-container-6473 .rmp-submenu .rmp-menu-item-link:hover,.rmp-container .rmp-submenu .rmp-menu-item-link,.rmp-container .rmp-submenu .rmp-menu-item-link:hover{color:#000;background:0 0} } @media only screen and (max-width:767px){ #rmp_menu_trigger-6473{width:28px;height:38px;top:6px!important;right:15px} } /*-------------------------------------------------------------- ## Pre-Footer Styles --------------------------------------------------------------*/ #divx-newsletter{background-color:#1e1f1f;padding:130px 0 150px 0;text-align:center;color:#fff;position:relative;z-index:5} #divx-newsletter h2{margin-bottom:80px} #divx-newsletter .d-news-form{vertical-align:top} #divx-newsletter input[type=email]{border:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;-ms-border-radius:0;border-radius:0;font-family:VisbyCF-Regular;font-size:32px;padding:15px 35px;box-sizing:border-box;width:calc(100% - 433px);max-width:860px} #divx-newsletter input[type=submit]{border:2px solid #37c9ea;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;background-color:#1e1f1f;background-image:none;color:#fff;font-family:VisbyCF-Bold;font-size:1.75em;line-height:.7em;padding:1em 3.5em;text-transform:uppercase;cursor:pointer;margin-left:50px;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease;transition:All .5s ease} #divx-newsletter input[type=submit]:hover{background-color:#37c9ea} /*-------------------------------------------------------------- ## Component Styles --------------------------------------------------------------*/ /* Hero */ #hero{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;padding-bottom:100px} #hero.no-img{display:block} #hero .flex{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:50%} #hero.no-img .flex{width:100%} #hero .flex img{padding-right:80px} #hero .flex.hero-text{text-align:left} #hero.no-img .flex.hero-text{text-align:center} #hero h1{text-align:left} #hero.no-img .hero-title,#hero.no-img h1{text-align:center} #hero h1:after{margin:45px 0 40px 0} #hero.no-img h1:after{margin:45px auto 40px auto} #hero.no-img p{max-width:1400px;margin-left:auto;margin-right:auto} .component-btn,.component-btn span{display:inline-block} .component-btn{margin-right:30px} .component-btn:last-child{margin-right:0} /* Click Tab */ .click-tabs{text-align:center;background-color:#1e1f1f;color:#fff;padding:20px 0} .click-tabs ul{margin:0;padding:0;list-style-type:none} .click-tabs ul li{display:inline-block;position:relative;border-right:1px solid #c7c7c7;padding:0 5%} .click-tabs ul li:last-child{border:0} .click-tabs button{font-family:VisbyCF-Regular;font-size:30px;font-weight:400;color:#eef5f7;background-color:transparent;background-image:none;border:0;border-radius:0;cursor:pointer;line-height:2.7;padding:0 15px;position:relative} .click-tabs button.active{font-family:VisbyCF-DemiBold;color:#76e6f7} .click-tabs button.active:after{content:' ';height:18px;width:100%;position:absolute;bottom:-38px;left:0;background-color:#3bcee9;display:block} #click-tab .tabcontent{text-align:center;animation:fadeEffect 2s;padding-top:80px} #click-tab .tabcontent.text-align-left{text-align:left} #click-tab .tabcontent.text-align-left p{font-size:22px;line-height:1.5} #click-tab .tabcontent h3{font-family:VisbyCF-Light;font-size:90px;color:#121212;margin:0} #click-tab .tabcontent h3:after{display:block;content:' ';height:11px;width:170px;background-color:#37c9f3;margin:45px auto 40px auto} #click-tab .flexbox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;justify-content:space-between;flex-wrap:wrap;padding-top:50px} #click-tab .flexbox .flex{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:calc(50% - 50px);text-align:left;padding-bottom:100px} #click-tab .flex-wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;justify-content:space-between} #click-tab .flex-wrap .click-wrap{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} #click-tab .click-img{min-width:30%;padding-right:40px;box-sizing:content-box} #click-tab .click-info h4{font-family:VisbyCF-Regular;font-size:33px;font-weight:400;line-height:100%;margin:0} #click-tab .click-info h4 span{font-family:VisbyCF-DemiBold;color:#30c2dd} #click-tab .click-info h4:after{content:' ';display:block;width:200px;height:1px;background-color:#1e1f1f;margin:20px 0} #click-tab .click-info p{font-size:21px;line-height:1.5} #click-tab .click-info p a:after{font-family:LineAwesome;content:"\f112"} @-webkit-keyframes fadeEffect{ from{opacity:0} to{opacity:1} } @keyframes fadeEffect{ from{opacity:0} to{opacity:1} } /* Promo */ #promo{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;padding:150px 0;text-align:center;color:#fff} #promo .overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background-color:#1e1f1f;background:0 0;zoom:1;background-color:rgba(30,31,31,.89)} #promo .mast{position:relative} #promo h2{font-size:90px;margin:0 0 20px 0} #promo h3{font-size:45px;margin:0} #promo h3:after{display:block;content:' ';height:6px;width:170px;background-color:#37c9f3;margin:45px auto 40px auto} #promo h4{font-size:47px;margin:0;font-weight:400} /* Hero-slant */ #hero-slant,#hero-slant2{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:center;padding:150px 0;position:relative;margin-top:100px;margin-bottom:170px} #hero-slant2{justify-content:flex-end} #hero-slant .flex,#hero-slant2 .flex{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:50%} #hero-slant2 .flex{margin-left:50%} #hero-slant .hero-img,#hero-slant2 .hero-img{position:absolute;top:0;right:-20%;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);overflow:hidden;z-index:5;height:100%} #hero-slant2 .hero-img{right:auto;left:-20%} #hero-slant .hero-img-bg,#hero-slant2 .hero-img-bg{-webkit-transform:skewX(40deg);-moz-transform:skewX(40deg);-ms-transform:skewX(40deg);-o-transform:skewX(40deg);transform:skewX(40deg);background-position:center center;background-size:cover;padding:370px 660px;margin-left:-330px;margin-right:-150px;height:100%} #hero-slant2 .hero-img-bg{margin-left:-150px;margin-right:-340px} .slant-wrap:before{content:' ';background-color:#37c9f3;padding:9% 27%;-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);display:block;position:absolute;z-index:4;top:41%;right:-69%} #hero-slant h2,#hero-slant2 h2{font-size:90px;margin:0} #hero-slant h2:after,#hero-slant2 h2:after{display:block;content:' ';height:11px;width:170px;background-color:#37c9f3;margin:45px 0 40px 0} /* Image Offset Component */ #image-offset{position:relative} #image-offset img{width:100%;display:block} #image-offset .mast{background-color:rgba(30,31,31,.98);color:#fff;padding:130px 90px;text-align:center;position:relative;margin-top:-11%} #image-offset h2{font-size:80px;margin:0} #image-offset h2:after{display:block;content:' ';height:11px;width:170px;background-color:#37c9f3;margin:45px auto 40px auto} #image-offset ul{margin:0 auto 50px auto;padding:0;max-width:500px;width:90%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;justify-content:space-between;flex-wrap:wrap} #image-offset ul li{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:calc(50% - 20px);text-align:left;line-height:1.5;padding-bottom:5px} /* Grid 2x2 Component */ #grid-2x2{padding:150px 0} #grid-2x2 h2{font-size:80px;text-align:center;margin:0} #grid-2x2 h2:after{display:block;content:' ';height:11px;width:170px;background-color:#37c9f3;margin:45px auto 40px auto} #grid-2x2 .grid-main-text{text-align:center} #grid-2x2 .flexbox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;justify-content:space-between} #grid-2x2 .flexbox .flex{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:calc(50% - 50px);text-align:center;padding:50px 0} #grid-2x2 h3{font-size:41px;color:#121212;margin:33px 0 18px 0} /* Grid 3col Component */ #grid-3col{padding:150px 0} .col3-mobile{display:none} #grid-3col h2{font-size:80px;text-align:center;margin:0} #grid-3col h2:after{display:block;content:' ';height:11px;width:170px;background-color:#37c9f3;margin:45px auto 40px auto} #grid-3col .grid-main-text{text-align:center} #grid-3col .flexbox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;justify-content:center} #grid-3col .flexbox .flex{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:calc(33.333% - 100px);text-align:center;padding:50px 0;margin:0 50px} #grid-3col h3{font-size:41px;color:#121212;margin:33px 0 18px 0} #grid-3col .flexbox .flex img{display:block;margin:0 auto;width:140px;height:140px;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%} #grid-3col .flexbox .flex p{font-size:25px;line-height:1.3;margin-bottom:10px} #grid-3col .flexbox .flex .grid-link a{font-family:VisbyCF-Bold;font-size:27px;color:#acc71d} #grid-3col .flexbox .flex .grid-link a:hover,#grid-3col .flexbox .flex p a:hover{color:#999} .pum-theme-default-theme .pum-container{padding:70px!important} .pum-container ul{margin:0 0 0 38px;padding:0} .pum-container li{font-size:19px;line-height:1.4;padding-bottom:10px} .pum-container li:last-child{padding-bottom:0} .pum-theme-default-theme .pum-title{margin-bottom:20px} .pum-theme-default-theme .pum-content p{font-size:19px;line-height:1.5} /* Hero Short Component */ #hero-short{overflow:hidden;padding:100px 0} #hero-short .slant-wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;justify-content:space-between;align-items:start} #hero-short .flex{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} #hero-short .hero-img{max-width:42%;padding-left:2.5%;z-index:11} #hero-short .hero-text{width:50%;background-color:#1e1f1f;position:relative;color:#fff;padding:100px 2.5% 100px 0;z-index:10} #hero-short .hero-text:before{content:' ';background-color:#1e1f1f;padding:12% 9%;-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);transform:skewX(-35deg);display:block;position:absolute;z-index:0;top:0;left:-250px;width:80%;height:100%} #hero-short .hero-text-wrap{max-width:883px;position:relative} #hero-short h2{font-size:90px;margin:0} #hero-short h2:after{display:block;content:' ';height:6px;width:170px;background-color:#37c9f3;margin:45px 0 40px 0} /* Simple Component */ #simple{text-align:center;padding:100px 0} #simple h2{font-size:90px;margin:0} #simple h2:after{display:block;content:' ';height:11px;width:170px;background-color:#37c9f3;margin:45px auto 40px auto} /* Simple Component */ #pencil{padding:140px 0;background-color:#1e1f1f;color:#fff} #pencil .flexbox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;justify-content:space-between;align-items:center} #pencil .flexbox .flex{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:50%} #pencil .pencil-image img{padding-right:90px} #pencil h2{font-size:90px;margin:0 0 55px} /* Custom Component */ #custom-component {padding-top:180px; padding-bottom:90px;} #custom-component h2 {font-size: 40px;} #custom-component h3{font-family:VisbyCF-Light;text-align:center;font-size:90px;color:#121212;margin:0 0 90px} #custom-component .table{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;justify-content:space-between;margin:0 0 90px;flex-direction:row;align-items:stretch;height:100%} #custom-component .table-cell{box-sizing:border-box;padding:1em 1.5em;overflow:hidden;list-style-type:none;text-align:center;font-size:22px;display:flex;flex-direction:column;justify-content:center;position:relative} #custom-component .table-cell.checks{width:200px;font-family:VisbyCF-DemiBold} #custom-component .table-cell.lineawesome{font-family:LineAwesome;font-size:38px;color:#37c9f3} #custom-component .table-cell:first-child{background:0 0;text-align:left} #custom-component .table-cell:last-child,#custom-component .table-cell:nth-child(3){overflow:visible} #custom-component .table-cell:nth-child(3):before{content:' ';background-color:#7bdbf7;display:block;bottom:100%;width:100%;height:50px;position:absolute;left:0;-webkit-border-top-left-radius:50px;-webkit-border-top-right-radius:50px;-moz-border-radius-topleft:50px;-moz-border-radius-topright:50px;border-top-left-radius:50px;border-top-right-radius:50px} #custom-component .table-cell:last-child:after{content:' ';background-color:#7bdbf7;display:block;top:100%;width:100%;height:50px;position:absolute;left:0;-webkit-border-bottom-left-radius:50px;-webkit-border-bottom-right-radius:50px;-moz-border-radius-bottomleft:50px;-moz-border-radius-bottomright:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px} #custom-component .table-cell.table-top{background-color:#1e1f1f;font-family:VisbyCF-DemiBold;font-size:28px;color:#fff} #custom-component .table-cell.table-top h4{margin:0} #custom-component .table-cell.odd-cell{background-color:#eef5f7} #custom-component .table-cell.blue-cell{background-color:#7bdbf7;color:#fff} #custom-component .table-cell.blue-cell.odd-cell{background-color:#75d8f4} #custom-component .table-cell.cell-feature{text-align:left} /* Table columns ================================== */ #custom-component .table-cell{width:calc(100% - 400px)} @media only screen and (max-width:768px){ .table-cell.cell-feature{width:100%;text-align:center} } #custom-component svg.enterprise-check path{fill:#30305b!important} /* Grid 2x2 Custom Component */ .page-template-page-devices #custom-component h3:after{display:block;content:' ';height:11px;width:170px;background-color:#37c9f3;margin:45px auto 40px auto} .page-template-page-devices #custom-component p{text-align:center} /* Timeline Component */ #timeline{padding:100px 0} #timeline .slick-slide{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;justify-content:space-between;align-items:stretch} #timeline .timeline-wrap{min-height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;justify-content:space-between;align-items:stretch} #timeline h2{font-size:80px;margin:0;text-align:center} #timeline h2:after{display:block;content:' ';height:11px;width:123px;background-color:#37c9f3;margin:45px auto 40px auto} .timeline-slider{padding:0 160px} .timeline-slider:before{content:' ';width:100%;height:1px;background-color:#1e1f1f;display:block;position:absolute;top:50%;left:0} .slick-arrow{font-family:LineAwesome;cursor:pointer;border-width:2px;border-style:solid;border-color:rgba(255,255,255,0);background-color:rgba(0,0,0,.67);line-height:79px;padding:0;width:83px;font-size:40px;color:#fff;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);outline:0} .slick-prev.slick-arrow{left:20px} .slick-next.slick-arrow{right:20px} .slick-slide{text-align:center} .slick-slide img{-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin:0 auto} .timeline-content{padding:40px;background-color:transparent;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease;transition:All .5s ease} .timeline-content:hover{background-color:rgba(0,0,0,.86)} .timeline-img{height:50%} .timeline-year{font-family:VisbyCF-Bold;font-size:41px;margin:0;line-height:1} .timeline-content:hover .timeline-year{color:#fff} .timeline-text p{font-size:25px;line-height:30px} .timeline-content:hover .timeline-text p{color:#fff} .timeline-odd .timeline-year:after{content:' ';display:block;height:11px;width:120px;background-color:#bbda1a;margin:23px auto 30px auto} .timeline-even .timeline-year:before{content:' ';display:block;height:11px;width:120px;background-color:#bbda1a;margin:30px auto 23px auto} .timeline-even .timeline-info,.timeline-odd .timeline-img{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:flex-end;padding-bottom:60px;position:relative} .timeline-even .timeline-info:after,.timeline-odd .timeline-img:after{content:' ';display:block;width:16px;height:16px;position:absolute;bottom:-8px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#bbda1a;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%} .timeline-even .timeline-img,.timeline-odd .timeline-info{padding-top:60px} .timeline-info .timeline-text,.timeline-info .timeline-year{flex:1 100%} /* Slider */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto} .slick-track:after,.slick-track:before{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir=rtl] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} /* Stacked Component */ #stacked h2{font-size:45px;margin-top:50px;margin-bottom:20px} #stacked h3{font-size:30px;margin-top:0;margin-bottom:10px} #stacked h4{font-size:28px;margin-top:0;margin-bottom:0;font-weight:400;font-family:VisbyCF-DemiBold} /*-------------------------------------------------------------- ## Page Component Overrides --------------------------------------------------------------*/ /* Overview Page */ .page-template-page-software #custom-component {text-align:center;} /* Company Page */ .page-template-page-company #hero-slant {padding:50px 0 50px 0 !important; margin-top:50px !important;} .page-template-page-company #hero-slant .flex {width:55%;} .page-template-page-company #hero-slant .hero-img {right: -30%;} .page-template-page-company #hero-slant .hero-img-bg { padding: 370px 700px; margin-left: -450px; margin-right: -100px; } .page-template-page-company .slant-wrap:before {top:51%;} /* Device Registration Page */ .grid3-flex #image-offset .flexbox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;justify-content:space-between;padding-bottom:50px} .grid3-flex #image-offset .flexbox .flex{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:33.333%;text-align:center;padding:50px;margin-bottom:50px;position:relative} .grid3-flex #image-offset .flexbox .flex:after{content:' ';height:80%;width:1px;display:inline-block;background-color:#fff;position:absolute;right:0;bottom:0} .grid3-flex #image-offset .flexbox .flex:last-child:after{display:none} .grid3-flex #image-offset .flexbox .flex img{width:auto;display:block;margin:0 auto} .grid3-flex #image-offset .flexbox h3{font-family:VisbyCF-Light;font-size:60px;color:#fff;margin:0} .grid3-flex #image-offset .flexbox h4{font-family:VisbyCF-Regular;font-size:27px;font-weight:400;line-height:1.2;margin:25px 0 0} .grid3-flex #image-offset .flexbox h4:after{display:block;content:' ';height:11px;width:170px;background-color:#37c9f3;margin:45px auto 40px auto} .grid3-flex #image-offset .flexbox p{font-size:22px;line-height:1.4} .page-template-page-device-reg #hero-short{padding-top:200px} .page-template-page-device-reg #custom-component{padding-top:120px} .page-template-page-device-reg #hero-slant{padding:50px 0 50px 0!important;margin-top:50px!important} .page-template-page-device-reg #hero-slant .hero-img-bg{margin-left:-275px;margin-right:-275px} .page-template-page-company .slant-wrap:before{top:51%} /* Licensing Page */ .page-template-page-licensing #grid-2x2 .flexbox .flex{padding:50px;background-color:#eef5f7;margin-top:70px} .page-template-page-licensing #grid-2x2 .flexbox .flex h3{margin:10px 0 30px 0} .page-template-page-licensing #grid-2x2 .flexbox .flex p{font-size:20px;line-height:28px} /* Post Install Page */ .page-template-page-post-download #hero-slant {padding:50px 0 50px 0 !important; margin-top:50px !important;} .page-template-page-post-download #hero-slant .hero-img-bg { margin-left: -275px; margin-right: -275px; } /*-------------------------------------------------------------- ## Footer Styles --------------------------------------------------------------*/ #colophon {padding:140px 0; text-align:center;} #colophon .footer-logo{display:none;} #colophon .footer-sm p a { position:relative; display:inline-block; margin:0 16px; background-color:#1e1f1f; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; z-index:1; } #colophon .footer-sm p a:after { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; widows:100%; opacity:1; background: #33bce3; background: -moz-linear-gradient(left, #33bce3 0%, #3ed4eb 96%); background: -webkit-linear-gradient(left, #33bce3 0%,#3ed4eb 96%); background: linear-gradient(to right, #33bce3 0%,#3ed4eb 96%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33bce3', endColorstr='#3ed4eb',GradientType=1 ); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; z-index:2; } #colophon .footer-sm p a:hover:after {opacity:0;} #colophon .footer-sm p a img {display:block; position:relative; z-index:3;} #colophon ul.menu {padding:0; margin:0; list-style-type:none;} #colophon .footer-nav {padding-top:25px;} #colophon .footer-nav ul.menu li { display:inline-block; font-size:32px; text-transform: uppercase; margin:0 50px; } #colophon .footer-nav ul.menu li a { font-family: 'VisbyCF-Regular'; color: #101011; } #colophon .footer-nav ul.menu li a:hover {color:#0ab4de;} #colophon .footer-nav ul.menu li#menu-item-80 a {font-family: 'VisbyCF-DemiBold';} #colophon .footer-subnav ul.menu li { font-family: 'VisbyCF-DemiBold'; display:inline-block; font-size:20px; } #colophon .footer-subnav ul.menu li a { font-family: 'VisbyCF-DemiBold'; color: #101011; } #colophon .footer-subnav ul.menu li a:hover {color:#0ab4de;} #colophon .footer-subnav ul.menu li:after { content:'|'; margin:0 20px 0 25px; } #colophon .footer-subnav ul.menu li:last-child:after {display:none;} #colophon .footer-subnav {padding-top:50px;} #colophon .site-info p {font-size:20px; margin:0;} #colophon .site-info {padding-top:50px;} /* Global Component */ .divxcomponent {padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; margin-top: 70px !important;} .divxcomponent:first-child {margin-top: 0 !important;} .divxcomponent:last-child {margin-bottom: 100px !important;} .page-template-page-tech .divxcomponent:last-child {margin-bottom: 0 !important;} .divxcomponent.darkcomponent {padding-top: 150px !important; padding-bottom: 150px !important;} #stacked.divxcomponent {margin-top: 0 !important;} .bannerads {clear: both; display: table; margin-left: auto; margin-right: auto; margin-top: 40px; width: max-content; width: -moz-max-content; width: -webkit-max-content;} /*-------------------------------------------------------------- ## Media Queries --------------------------------------------------------------*/ @media screen and (max-width: 2400px) { .single .diag1, .page-template-default .diag1, .page-template-page-devices .diag1, .page-template-page-company .diag1, .page-template-page-device-reg .diag1 {top: 244px;} .single .diag3, .page-template-default .diag3, .page-template-page-devices .diag3, .page-template-page-company .diag3, .page-template-page-device-reg .diag3 {top: 203px;} /*Global*/ h3 {font-size:38px;} #page .ow-button-base a span, #blog-sub .alm-btn-wrap button, input[type="submit"] {font-size: 1.5rem; padding: 1.5rem 3.5rem;} #primary {padding-top:70px;} .error404 #primary {padding-bottom:200px;} /*Homepage*/ #home-hero {padding:10.5% 0 12% 0;} #home-hero h1 {font-size:92px;} .homepage h2 {font-size:80px;} .homepage p {font-size:27px; line-height:38px;} #home-hero p {font-size:29px; line-height:37px;} #home-hero .panel-grid-cell {width:47%;} #home-hero .widget_sow-image {right:-173px; top:206px; max-width:1050px;} #float-cta h2:before {width:350px; height:67px;} #home-pro .so-widget-sow-image:after {top:-95px;} #home-devices-img {margin-left:-24%; max-width:1000px;} #home-devices-img .so-widget-sow-image:before {padding:47% 29%; left:12%;} #home-devices-img:after {left:-4%;} /*Pre-Footer*/ #divx-newsletter input[type="email"] {padding:12px 29px;} #divx-newsletter input[type="submit"] {font-size:1.5em; padding:1.1em 3.5em;} /*Footer*/ #colophon .footer-sm p a img {max-width:80px;} #colophon .footer-nav {padding-top:20px;} #colophon .footer-nav ul.menu li {font-size:29px; margin:0 40px;} #colophon .footer-subnav {padding-top:40px;} #colophon .footer-subnav ul.menu li {font-size:18px;} #colophon .site-info {padding-top:40px;} #colophon .site-info p {font-size:18px;} } @media screen and (max-width: 2200px) { #home-hero .widget_sow-image {right:-143px; top:136px;} } @media screen and (max-width: 2000px) { .single .diag1, .page-template-default .diag1, .page-template-page-devices .diag1, .page-template-page-company .diag1, .page-template-page-device-reg .diag1 {top: 232px;} .single .diag3, .page-template-default .diag3, .page-template-page-devices .diag3, .page-template-page-company .diag3, .page-template-page-device-reg .diag3 {top: 191px;} /*Global*/ #page .ow-button-base a span, #blog-sub .alm-btn-wrap button, input[type="submit"] {font-size:1.3rem;} /*Pragraphs*/ p, ul, ol, .homepage p, .single #main p, .page-template-page-tech p, #grid-3col .flexbox .flex .grid-link a, .timeline-text p {font-size:25px; line-height:35px;} #home-hero p, #grid-3col .flexbox .flex p {font-size:23px; line-height:33px;} /*Header*/ .homepage .diag1 {right:0;} .homepage .diag2{padding: 18% 60%; right: -66%;} .homepage .diag4 {right: -94%;} .homepage .diag5 {padding: 12% 20%; right: -90%;} /*Homepage*/ #home-hero h1 {font-size:82px;} #home-hero p {font-size:25px; line-height:35px;} #home-hero .widget_sow-image {right:-83px; top:100px; max-width:1000px;} #home-devices-img {margin-right:10%;} /*Footer*/ #colophon .footer-sm p a img {max-width:70px;} #colophon .footer-nav ul.menu li {font-size:25px; margin:0 40px;} } @media screen and (max-width: 1700px) { /*Homepage*/ #home-hero .widget_sow-image {max-width:860px;} #home-devices .so-widget-sow-editor {padding-top:100px;} /*Headlines*/ h1, #hero.no-img .hero-title, #hero h1 {font-size:80px;} #image-offset h2, #timeline h2, .homepage h2, #divx-newsletter h2, #grid-3col h2, .page-template-page-tech h1, #promo h2, #hero-slant h2, #hero-slant2 h2, #hero-short h2, #click-tab .tabcontent h3, #custom-component h3, #simple h2, #pencil h2, .single h1, .search h1, #grid-2x2 h2 {font-size:70px;} #blog-main h2 {font-size:65px;} .grid3-flex #image-offset .flexbox h3 {font-size:50px;} h3, #promo h3, #promo h4, .page-template-page-tech h2, #blog-sub h3, .single #secondary h2, #grid-3col h3 {font-size:33px;} .homepage h3:after, #hero-short h2:after, .single h1:after, .search h1:after, .page-template-page-tech h1:after {margin: 40px 0 30px 0;} #promo h3:after {margin: 40px auto 30px auto;} #stacked h2 { font-size: 40px; margin-top: 50px; margin-bottom: 20px; } #stacked h3 { font-size: 25px; margin-top: 0; margin-bottom: 10px; } #stacked h4 { font-size: 23px; margin-top: 0; margin-bottom: 0; font-weight: normal; font-family: 'VisbyCF-DemiBold'; } /*Pragraphs*/ p, ul, ol, .homepage p, .single #main p, .page-template-page-tech p, #grid-3col .flexbox .flex .grid-link a, .timeline-text p {font-size:23px; line-height:33px;} #home-hero p, #grid-3col .flexbox .flex p {font-size:21px; line-height:31px;} /*Footer*/ #colophon .footer-sm p a img {max-width:60px;} #colophon .footer-nav ul.menu li {font-size:20px; margin:0 30px;} #colophon .footer-subnav ul.menu li {font-size:16px;} #colophon .site-info p {font-size:16px;} } @media screen and (max-width: 1700px) { .homepage .diag1 {right:-43px;} .homepage .diag2 {padding: 19% 60%; right: -68%;} .homepage .diag3 {right: -68%;} .homepage .diag4 {right:-89%; margin-top:6%;} .homepage .diag5 {padding: 10% 20%; right: -63%; margin-top: 40%;} /*Homepage*/ #home-about-img .panel-row-style {padding:370px 590px;} #home-about:after {top: 5%; right: 12%;} #home-support-img .panel-row-style {padding:420px 630px;} #home-support:after {top:14%; left:-16%;} /*Global*/ #primary {padding-top:60px;} .error404 #primary {padding-bottom:130px;} .click-tabs button {line-height:2;} } @media screen and (max-width: 1525px) { /*Header*/ .homepage .diag1 {right:0;} .homepage .diag2{padding: 18% 60%; right: -66%;} .homepage .diag4 {right: -94%;} .homepage .diag5 {padding: 12% 20%; right: -90%;} /*Homepage*/ #home-hero .widget_sow-image {max-width:730px; top: 120px;} #home-devices .so-widget-sow-editor {padding-top:60px;} #home-hero .panel-grid-cell {width:55%;} /*Headlines*/ h1, #home-hero h1, #hero.no-img .hero-title, #hero h1 {font-size:75px;} #image-offset h2, #timeline h2, .homepage h2, #divx-newsletter h2, #grid-3col h2, .page-template-page-tech h1, #promo h2, #hero-slant h2, #hero-slant2 h2, #hero-short h2, #click-tab .tabcontent h3, #custom-component h3, #simple h2, #pencil h2, .single h1, .search h1, #grid-2x2 h2 {font-size:65px;} #blog-main h2 {font-size:60px;} .grid3-flex #image-offset .flexbox h3 {font-size:45px;} .grid3-flex #image-offset .flexbox h4 {font-size:24px;} .grid3-flex #image-offset .flexbox p {font-size:19px;} h3, #promo h3, #promo h4, .page-template-page-tech h2, #blog-sub h3, .single #secondary h2, #grid-3col h3 {font-size:30px;} .homepage h3:after, #hero-slant h2:after, #hero-slant2 h2:after, #hero-short h2:after, .single h1:after, .search h1:after {margin: 40px 0 30px 0;} #promo h3:after, .page-template-page-devices #custom-component h3:after, #simple h2:after, #blog-main h2:after, .grid3-flex #image-offset .flexbox h4:after, #grid-2x2 h2:after {margin: 40px auto 30px auto;} #stacked h2 { font-size: 37px; margin-top: 50px; margin-bottom: 20px; } #stacked h3 { font-size: 22px; margin-top: 0; margin-bottom: 10px; } #stacked h4 { font-size: 20px; margin-top: 0; margin-bottom: 0; font-weight: normal; font-family: 'VisbyCF-DemiBold'; } /*Pragraphs*/ p, ul, ol, .homepage p, #home-hero p, .single #main p, .page-template-page-tech p, #grid-3col .flexbox .flex .grid-link a, #grid-3col .flexbox .flex p, .timeline-text p {font-size:20px; line-height:30px;} .page-template-page-company #hero-slant .hero-img-bg, .page-template-page-company #hero-slant .hero-img, .page-template-page-contact #hero-slant .hero-img, .page-template-page-contact #hero-slant .hero-img-bg { position:relative; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } .page-template-page-company #hero-slant .hero-img, .page-template-page-contact #hero-slant .hero-img {right:auto; width:100%;} .page-template-page-company #hero-slant, .page-template-page-contact #hero-slant {width:100%;} .page-template-page-company #hero-slant .flex, .page-template-page-contact #hero-slant .flex {width:90%; margin:0 auto; padding-top:70px;} .page-template-page-company #hero-slant .hero-img-bg, .page-template-page-contact #hero-slant .hero-img-bg {width:100%; margin:0; padding:370px 0;} .page-template-page-contact #hero-slant .slant-wrap {width:100%;} } @media screen and (max-width: 1400px) { /*Homepage*/ #home-hero .widget_sow-image {max-width:670px; top: 140px;} /*Header*/ .homepage .diag1 {right:0;} .homepage .diag2{padding: 18% 60%; right: -66%;} .homepage .diag4 {right: -94%;} .homepage .diag5 {padding: 12% 20%; right: -90%;} } @media screen and (max-width: 1300px) { .homepage .diag1 {right: 147px; margin-top: 20%;} .homepage .diag2 {padding: 21% 60%; right: -71%;} .homepage .diag3 {margin-top: 10%; right: -62%;} .homepage .diag4 {right: -84%; margin-top: 18%;} .homepage .diag5 {right: -69%;} /*Global*/ #page .ow-button-base a span, #blog-sub .alm-btn-wrap button, input[type="submit"] {font-size: 1.2rem; padding: 1.4rem 3.3rem;} #primary, #click-tab .tabcontent, .single #primary, .search #primary {padding-top:50px;} .error404 #primary {padding-bottom:100px;} .component-btn {margin-right:20px;} /*Homepage*/ #home-about-img .panel-row-style {padding:280px 510px;} #home-support .so-widget-sow-editor {padding-top:125px;} #home-support-img .panel-row-style {padding:280px 560px;} #home-support:after {top:18%;} /*Headlines*/ h1, #home-hero h1, #hero.no-img .hero-title, #hero h1 {font-size:70px;} #image-offset h2, #timeline h2, .homepage h2, #divx-newsletter h2, #grid-3col h2, .page-template-page-tech h1, #promo h2, #hero-slant h2, #hero-slant2 h2, #hero-short h2, #click-tab .tabcontent h3, #custom-component h3, #simple h2, #pencil h2, .single h1, .search h1, #grid-2x2 h2 {font-size:60px;} #blog-main h2 {font-size:50px;} .grid3-flex #image-offset .flexbox h3 {font-size:40px;} .grid3-flex #image-offset .flexbox h4 {font-size:22px;} .grid3-flex #image-offset .flexbox p {font-size:18px;} h3, #promo h3, #promo h4, .page-template-page-tech h2, #blog-sub h3, .single #secondary h2, #grid-3col h3 {font-size:28px;} .homepage h3:after, #hero-slant h2:after, #hero-slant2 h2:after, #hero-short h2:after {margin: 40px 0 30px 0;} #promo h3:after, #click-tab .tabcontent h3:after, .page-template-page-devices #custom-component h3:after, #simple h2:after, #blog-main h2:after, .grid3-flex #image-offset .flexbox h4:after {margin: 40px auto 30px auto;} /*Pragraphs*/ p, ul, ol, .homepage p, #home-hero p, .single #main p, .page-template-page-tech p, #grid-3col .flexbox .flex .grid-link a, #grid-3col .flexbox .flex p, .timeline-text p {font-size:20px; line-height:30px;} /*Click Tabs*/ .click-tabs button {font-size:23px; line-height:2;} #click-tab .click-img {min-width:26%;} #click-tab .click-info h4 {font-size:29px;} #click-tab .click-info p {font-size:17px;} /*Custom - Table*/ #custom-component .table-cell.table-top {font-size:25px;} #custom-component .table-cell {padding:.75em 1em; font-size:20px; width:calc(100% - 280px);} #custom-component .table-cell.lineawesome {font-size:30px;} #custom-component .table-cell.checks {width:140px;} /*Custom*/ #custom-component {padding:100px 0;} #custom-component .table-cell:nth-child(3):before { height:40px; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px; } #custom-component .table-cell:last-child:after { height:40px; -webkit-border-bottom-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-bottomleft: 30px; -moz-border-radius-bottomright: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } #custom-component h3 {margin-bottom:50px;} /*Hero Slant*/ #hero-slant, #hero-slant2 {margin-top:100px; margin-bottom:100px;} #hero-slant .hero-img-bg, #hero-slant2 .hero-img-bg {padding: 280px 510px;} .page-template-page-company #hero-slant {padding:100px 0; margin:0;} .page-template-page-company #hero-slant .hero-img-bg, .page-template-page-contact #hero-slant .hero-img-bg {padding:300px 0;} /*grid 2x2*/ #grid-2x2 {padding:100px 0;} #grid-2x2 .flexbox .flex img {max-height: 280px;} #grid-2x2 h3 {font-size:36px;} #grid-2x2 .flex p {font-size:17px; line-height:1.5;} /*blog*/ .main-text {padding-bottom:125px;} .page-template-page-blog .main-text {padding-bottom: 65px;} #blog-main p, #blog-sub p {font-size:20px; line-height:1.5;} #blog-sub {padding-bottom:100px;} .single #secondary ul li {font-size: 20px; line-height: 1.2;} /*Tech*/ .page-template-page-tech #hero {padding-bottom:100px;} .page-template-page-tech .main-content {padding:100px 0;} .page-template-page-tech #primary {padding-bottom:0;} /*Contact*/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {font-size:20px; padding:15px;} .wpcf7-form .subject {height:62px;} .wpcf7-form .subject::after {line-height:38px;} /*Grid 3col*/ #grid-3col {padding:100px 0;} /* Global Component */ .divxcomponent {padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; margin-top: 60px !important;} .divxcomponent:first-child {margin-top: 0 !important;} .divxcomponent:last-child {margin-bottom: 100px !important;} .page-template-page-tech .divxcomponent:last-child {margin-bottom: 0 !important;} .divxcomponent.darkcomponent {padding-top: 100px !important; padding-bottom: 100px !important;} } @media screen and (max-width: 1250px) { /*Homepage*/ #home-hero .widget_sow-image {max-width:570px;} .click-tabs button.active:after {height:10px; bottom:-30px;} } @media screen and (max-width: 1200px) { /*Global*/ .home button#responsive-menu-button, .page-id-2820 button#responsive-menu-button, .page-id-2751 button#responsive-menu-button, .page-id-2813 button#responsive-menu-button, .page-id-2818 button#responsive-menu-button, .page-id-2855 button#responsive-menu-button, .page-id-2824 button#responsive-menu-button, .page-id-2822 button#responsive-menu-button, .page-id-2002 button#responsive-menu-button, .page-id-2777 button#responsive-menu-button, .page-id-2762 button#responsive-menu-button, .page-id-2770 button#responsive-menu-button, .page-id-2792 button#responsive-menu-button, .page-id-2784 button#responsive-menu-button, .page-id-2801 button#responsive-menu-button, .page-id-2799 button#responsive-menu-button, .page-id-2539 button#responsive-menu-button, .page-id-2741 button#responsive-menu-button, .page-id-2737 button#responsive-menu-button, .page-id-2730 button#responsive-menu-button, .page-id-2734 button#responsive-menu-button, .page-id-2726 button#responsive-menu-button, .page-id-2747 button#responsive-menu-button, .page-id-2744 button#responsive-menu-button {top:80px !important;} #responsive-menu-container #responsive-menu-title {padding-top:100px !important;} #responsive-menu-container #responsive-menu-title img {max-height:25px;} .responsive-menu-inner {width:30px !important;} .responsive-menu-inner::before {width:38px !important; right:0 !important; background-color:#34bde3 !important;} .responsive-menu-inner::after {width:34px !important; right:0 !important; background-color:#3ed4eb !important;} .responsive-menu-boring.is-active .responsive-menu-inner::before, .responsive-menu-boring.is-active .responsive-menu-inner::after {width:34px !important; right:auto !important;} button#responsive-menu-button {top: 92px !important;} #page .ow-button-base a span, #blog-sub .alm-btn-wrap button, input[type="submit"] {font-size:1.1rem; padding: 1.2rem 2.8rem;} .single .diag3, .page-template-default .diag3, .page-template-page-devices .diag3, .page-template-page-company .diag3, .page-template-page-device-reg .diag3 {top:159px;} .single .diag2, .page-template-default .diag2, .page-template-page-devices .diag2, .page-template-page-company .diag2, .page-template-page-device-reg .diag2 {top:159px;} .single .diag1, .page-template-default .diag1, .page-template-page-devices .diag1, .page-template-page-company .diag1, .page-template-page-device-reg .diag1 {top:194px;} /*Headlines*/ h1, #home-hero h1, #hero.no-img .hero-title, #hero h1 {font-size:65px;} #image-offset h2, #timeline h2, .homepage h2, #divx-newsletter h2, #grid-3col h2, .page-template-page-tech h1, #promo h2, #hero-slant h2, #hero-slant2 h2, #hero-short h2, #click-tab .tabcontent h3, #custom-component h3, #simple h2, #pencil h2, .single h1, .search h1, #grid-2x2 h2 {font-size:55px;} #blog-main h2 {font-size:45px;} .grid3-flex #image-offset .flexbox .flex img {width:75%;} .grid3-flex #image-offset .flexbox h4:after {width:75%;} .grid3-flex #image-offset .flexbox h3 {font-size:35px;} .grid3-flex #image-offset .flexbox h4 {font-size:20px;} .grid3-flex #image-offset .flexbox p {font-size:17px;} h3, #promo h3, #promo h4, .page-template-page-tech h2, #blog-sub h3 {font-size:24px;} .homepage h3:after, #hero-slant h2:after, #hero-slant2 h2:after, #hero-short h2:after, .single h1:after, .search h1:after, .page-template-page-tech h1:after {margin: 35px 0 25px 0;} #click-tab .tabcontent h3:after, .page-template-page-devices #custom-component h3:after, #promo h3:after, #simple h2:after, #blog-main h2:after, .grid3-flex #image-offset .flexbox h4:after, #grid-2x2 h2:after {margin: 35px auto 25px auto;} /*Hero Short*/ #hero-short .hero-text {padding:70px 2.5% 70px 0;} #hero-short .hero-text:before {width:100%;} #hero-short .hero-text p {font-size:18px; line-height:1.5;} /*Blog*/ #blog-main p, #blog-sub p {font-size:18px;} } @media screen and (max-width: 1075px) { #page .ow-button-base a span, #blog-sub .alm-btn-wrap button, input[type="submit"] {font-size:1rem; padding:1.2rem 2.6rem;} #home-about .widget_sow-editor {padding-top:70px;} #hero-slant, #hero-slant2 {padding:70px 0;} .page-template-page-company #hero-slant .hero-img-bg, .page-template-page-contact #hero-slant .hero-img-bg {padding:250px 0;} } @media screen and (max-width: 990px) { #page .ow-button-base a span, #blog-sub .alm-btn-wrap button, input[type="submit"] {font-size:.95rem; padding:1.1rem 2.1rem;} /*click tabs*/ .click-tabs button {font-size: 21px; line-height: 1.5;} #click-tab .click-img {display:none;} #click-tab .click-info h4 {font-size:27px;} #click-tab .click-info h4:after {width:40%;} #click-tab .click-info p {font-size:16px;} } @media screen and (max-width: 900px) { /* Global */ #primary, .single #primary, .search #primary {padding-top:30px;} .error404 #primary {padding-bottom:50px;} #divx-newsletter {padding:80px 0 60px 0;} #divx-newsletter input[type="email"] {font-size:22px; padding:12px 20px; width:calc(100% - 270px);} #divx-newsletter input[type="submit"] {font-size: 1.3em; padding: 1em 2.5em; margin-left:20px;} .component-btn, .component-btn:last-child {margin:0 10px;} .single .diag1, .page-template-default .diag1, .page-template-page-devices .diag1, .page-template-page-company .diag1, .page-template-page-device-reg .diag1 {display:none;} .single .diag2, .page-template-default .diag2, .page-template-page-devices .diag2, .page-template-page-company .diag2, .page-template-page-device-reg .diag2 {padding:12% 9%;left:-20%;} .single .diag3, .page-template-default .diag3, .page-template-page-devices .diag3, .page-template-page-company .diag3, .page-template-page-device-reg .diag3 {padding:35% 12%; left:-13%;} /* Homepage */ .homepage .diag1, .homepage .diag3, .homepage .diag4 {display:none;} .homepage .diag2 {display:none;} .homepage .diag5 { top:613%; right: -260px; padding: 47% 80%; -webkit-transform: skewY(-50deg); -moz-transform: skewY(-50deg); -ms-transform: skewY(-50deg); -o-transform: skewY(-50deg); transform: skewY(-50deg); } #home-hero {padding-bottom:70px;} #home-hero .panel-grid-cell {width:100%; text-align:center;} #home-hero .widget_sow-image {max-width:80%; margin:0 auto !important; position:static; top:auto; right:auto;} .home h1 {text-align:center;} #home-hero h1:after {margin:45px auto 40px auto;} #home-hero .widget_sow-button {float:none; display:inline-block;} #home-pro .mast {width:100%; padding-top:0;} #float-cta {position:static; padding:6em 3em;} #home-devices-img, #home-support-img {margin:0 auto;} #home-devices .mast, #home-support .mast {padding:70px 0; text-align:center;} #home-devices-img:before, #home-devices-img:after, #home-devices-img .so-widget-sow-image:before {top:-70px;} .homepage h3:after, #promo h3:after, #click-tab .tabcontent h3:after, #hero-slant h2:after, #hero-slant2 h2:after, .page-template-page-devices #custom-component h3:after, #hero-short h2:after, #simple h2:after, #blog-main h2:after, .grid3-flex #image-offset .flexbox h4:after {margin: 35px auto 25px auto;} #home-devices .ow-button-base.ow-button-align-center, #home-support .ow-button-base.ow-button-align-center {text-align:center;} #home-about, #home-support {width:100%; padding-bottom:70px;} #home-about-img, #home-support-img, #hero-slant .hero-img, #hero-slant2 .hero-img { position: static; right: auto; left:auto; top: auto; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); } #home-about-img .panel-row-style, #home-support-img .panel-row-style, #hero-slant .hero-img-bg, #hero-slant2 .hero-img-bg { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -o-transform: skewX(0deg); transform: skewX(0deg); padding-left:50%; padding-right:50%; } #home-about:after, #home-support:after {top:22%; right:-9%; left:auto;} #home-about .widget_sow-editor, #home-support .so-widget-sow-editor {margin:0 auto !important; width:90%; padding-top:70px; text-align:center;} #home-support .so-widget-sow-button {margin:0 auto !important; width:90%; text-align:center;} .homepage h3:after {margin-left:auto; margin-right:auto;} #home-about .ow-button-base.ow-button-align-center, #home-support .ow-button-base.ow-button-align-center {text-align:center;} #home-support {padding-top:0;} /*Footer*/ #colophon {padding:80px 0;} #colophon .footer-sm p a img {max-width:50px;} #colophon .footer-nav ul.menu li {font-size:17px;} #colophon .footer-subnav ul.menu li {font-size:13px;} #colophon .site-info p {font-size:13px;} #colophon .site-info {padding-top:10px;} #colophon .footer-subnav {padding-top:30px;} #colophon .footer-nav {padding-top:0;} /*Headlines*/ h1, #home-hero h1, #hero.no-img .hero-title, #hero h1 {font-size:60px;} #hero h1:after {margin: 40px auto 35px auto;} #image-offset h2, #timeline h2, .homepage h2, #grid-3col h2, .page-template-page-tech h1, #promo h2, #hero-short h2, #click-tab .tabcontent h3, #custom-component h3, #simple h2, #pencil h2, #grid-2x2 h2 {font-size:50px;} #divx-newsletter h2, #hero-slant h2, #hero-slant2 h2 {font-size:40px; margin-bottom:40px;} #hero-slant h2, #hero-slant2 h2, .single h1, .search h1 {margin-bottom:0;} #blog-main h2 {font-size:40px;} .grid3-flex #image-offset .flexbox h3 {font-size:30px;} .grid3-flex #image-offset .flexbox h4 {font-size:18px;} .grid3-flex #image-offset .flexbox p {font-size:16px;} h3, #promo h3, #promo h4, .page-template-page-tech h2, #blog-sub h3, #grid-3col h3 {font-size:22px;} .homepage h3:after, #promo h3:after, #click-tab .tabcontent h3:after, #hero-slant h2:after, #hero-slant2 h2:after, .page-template-page-devices #custom-component h3:after, #hero-short h2:after, #simple h2:after, #blog-main h2:after {margin: 35px auto 25px auto;} #stacked h2 { font-size: 35px; margin-top: 50px; margin-bottom: 20px; } #stacked h3 { font-size: 20px; margin-top: 0; margin-bottom: 10px; } #stacked h4 { font-size: 18px; margin-top: 0; margin-bottom: 0; font-weight: normal; font-family: 'VisbyCF-DemiBold'; } /*Pragraphs*/ p, ul, ol, .homepage p, #home-hero p, .single #main p, .page-template-page-tech p, #grid-3col .flexbox .flex .grid-link a, #grid-3col .flexbox .flex p, .timeline-text p {font-size:18px; line-height:26px;} /*Hero*/ #hero {display:block; text-align:center; padding-bottom:70px;} #hero .flex {width:100%;} #hero .flex img {padding:0; max-width:80%;} #hero h1, #hero .flex.hero-text {text-align:center;} /*click tabs*/ #click-tab .flexbox {padding-top:0;} .click-tabs ul li {border:0; display:block; text-align:left; padding:0;} .click-tabs ul li button { display: block; padding: 0 40px; width: 100%; text-align: left; } .click-tabs button.active:after { font-family: "LineAwesome"; content: "\f110"; border:0; background-color:transparent; height: auto; bottom: auto; right: 40px; left: auto; width: auto; margin:0; top:0; } #click-tab .tabcontent {padding-top:70px;} #click-tab .mast {width:100%;} #click-tab .flex-wrap {display:block;} #click-tab .flexbox .flex {width:100%; padding:50px 5%; text-align:center;} #click-tab .flexbox .flex:nth-child(2), #click-tab .flexbox .flex:nth-child(4), #click-tab .flexbox .flex:nth-child(6), #click-tab .flexbox .flex:nth-child(8), #click-tab .flexbox .flex:nth-child(10) {background-color:#eef5f7;} #click-tab .click-info h4:after {margin:20px auto;} #click-tab .click-info h4 span {display:block;} /*Promo*/ #promo {padding:70px 0;} #promo img {max-width: 300px;} /*Custom*/ #custom-component {padding:70px 0;} #custom-component .table-cell {font-size:16px; width:calc(100% - 240px);} #custom-component .table-cell.table-top {font-size:20px;} #custom-component .table-cell.lineawesome {font-size:25px;} #custom-component .table-cell.checks {width:120px;} /*Hero Slant*/ #hero-slant, #hero-slant2 {margin:0 auto; width:100%;} .page-template-page-company #hero-slant {padding:70px 0;} #hero-slant .flex, #hero-slant2 .flex { margin: 0 auto !important; width: 90%; padding-top: 70px; text-align: center; } /*Image Offset*/ #image-offset .mast {width:100%; padding:70px 5%; margin:0;} /*Grid 2x2*/ #grid-2x2 {padding:70px 0;} #grid-2x2 .flexbox .flex img {max-height: 270px;} #grid-2x2 h3 {font-size:33px;} #grid-2x2 .flex p {font-size:16px;} .page-template-page-licensing #grid-2x2 .flexbox .flex h3 {font-size:29px;} .page-template-page-licensing #grid-2x2 .flexbox .flex p {font-size:19px; line-height:1.5;} .page-template-page-licensing #grid-2x2 .flexbox .flex {width:calc(50% - 20px);} /*Hero Short*/ #hero-short {padding:70px 0 0;} #hero-short .slant-wrap {display:block; text-align:center;} #hero-short .hero-img {width:100%; padding:0; margin:0; max-width:100%;} #hero-short .hero-img img {margin:0 auto; max-width:80%;} #hero-short .hero-text {width:100%; padding:70px 5%;} /*Simple*/ #simple {padding:70px 0;} /*Blog*/ #blog-main p, #blog-sub p {font-size:17px;} #blog-sub h3:after {width:80%; margin: 25px auto 20px auto;} #blog-sub {padding-bottom:70px;} .single #main, .single #secondary, .search #main, .search #secondary, .page-template-page-tech #main, .page-template-page-tech #secondary {float:none; width:100%;} .page-template-page-tech #secondary ul.menu li {font-size:23px; margin:0;} .single #secondary, .page-template-page-tech #main {padding-top:70px;} .page-template-page-tech .main-content {padding:70px 0;} .page-template-page-tech #hero {padding-bottom:70px;} .page-template-page-tech #secondary ul.menu li a {padding-top:5px; padding-bottom:5px;} .main-content {padding-bottom:70px;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {font-size:18px;} select, .wpcf7-form .subject {height:59px;} .wpcf7-form .subject::after {line-height:36px;} .grid3-flex #image-offset .flexbox {display:block;} .grid3-flex #image-offset .flexbox .flex {width:100%;} .grid3-flex #image-offset .flexbox .flex:after {display:none;} .grid3-flex #image-offset .flexbox .flex img, .grid3-flex #image-offset .flexbox h4:after {max-width:150px;} .grid3-flex #image-offset .flexbox h4 {margin-top:10px;} .grid3-flex #image-offset .flexbox .flex {margin-bottom:0;} /*Grid 3col*/ #grid-3col {padding:70px 0;} #grid-3col .flexbox .flex {width:calc(50% - 60px); padding:30px 0; margin:0 30px;} #grid-3col .flexbox .flex img {max-width:80%;} /* Licensing Page */ .page-template-page-licensing #grid-2x2 .flexbox .flex {padding:20px; margin-top:30px;} /* Global Component */ .divxcomponent {padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; margin-top: 70px !important;} .divxcomponent:first-child {margin-top: 0 !important;} .divxcomponent:last-child {margin-bottom: 70px !important;} .page-template-page-tech .divxcomponent:last-child {margin-bottom: 0 !important;} .divxcomponent.darkcomponent {padding-top: 70px !important; padding-bottom: 70px !important;} } @media screen and (max-width: 800px) { /*Footer*/ #colophon {padding:80px 0;} #colophon .footer-nav ul.menu li {margin: 5px 20px;} #colophon .footer-sm p a img {max-width:50px;} /*grid 2x2*/ #grid-2x2 .flexbox {display:block;} #grid-2x2 .flexbox .flex {width:100%; padding:25px 0;} .page-template-page-company #hero-slant {padding-top:0;} .page-template-page-company #hero-slant .flex {padding-top:50px;} .main-text {padding-bottom:70px;} #blog-main .views-row {width:100%; margin-bottom: 70px;} #blog-sub .views-row {width:44%;} #blog-sub-container:before, #blog-sub-container:after {display:none;} #blog-sub-container {padding-top:80px;} .page-template-page-licensing #grid-2x2 .flexbox .flex {width:100%;} } @media screen and (max-width: 650px) { #responsive-menu-container #responsive-menu-title {padding-top:85px !important;} .home button#responsive-menu-button, .page-id-2820 button#responsive-menu-button, .page-id-2751 button#responsive-menu-button, .page-id-2813 button#responsive-menu-button, .page-id-2818 button#responsive-menu-button, .page-id-2855 button#responsive-menu-button, .page-id-2824 button#responsive-menu-button, .page-id-2822 button#responsive-menu-button, .page-id-2002 button#responsive-menu-button, .page-id-2777 button#responsive-menu-button, .page-id-2762 button#responsive-menu-button, .page-id-2770 button#responsive-menu-button, .page-id-2792 button#responsive-menu-button, .page-id-2784 button#responsive-menu-button, .page-id-2801 button#responsive-menu-button, .page-id-2799 button#responsive-menu-button, .page-id-2539 button#responsive-menu-button, .page-id-2741 button#responsive-menu-button, .page-id-2737 button#responsive-menu-button, .page-id-2730 button#responsive-menu-button, .page-id-2734 button#responsive-menu-button, .page-id-2726 button#responsive-menu-button, .page-id-2747 button#responsive-menu-button, .page-id-2744 button#responsive-menu-button {top:64px !important;} /*Global*/ .site-branding a img {max-width:90px; padding:0;} #divx-newsletter {padding:50px 0 30px 0;} #page .ow-button-base a span, #divx-newsletter input[type="submit"], #blog-sub .alm-btn-wrap button, input[type="submit"] {font-size: 1rem; padding: 1.1rem 2.2rem;} #divx-newsletter input[type="email"] {width:calc(100% - 210px); font-size:18px; padding:11px 20px;} button#responsive-menu-button {top:77px !important;} .responsive-menu-inner::before {width:33px !important;} .responsive-menu-inner {width:25px !important;} .responsive-menu-inner::after {width:29px !important;} .single .diag2, .page-template-default .diag2, .page-template-page-devices .diag2, .page-template-page-company .diag2, .page-template-page-device-reg .diag2, .single .diag3, .page-template-default .diag3, .page-template-page-devices .diag3, .page-template-page-company .diag3, .page-template-page-device-reg .diag3 {top:63px;} /*Homepage*/ #home-hero {padding:50px 0;} #home-hero .hero-btns {margin-top:40px;} #float-cta {padding:60px 5%;} #float-cta h2:before {width:250px; height:48px; margin-bottom:10px;} #home-about .widget_sow-editor, #home-support .so-widget-sow-editor {padding-top:50px;} #home-about, #home-support {padding-bottom:50px;} /*Footer*/ #colophon {padding:50px 0;} /*Headlines*/ h1, #home-hero h1, #hero.no-img .hero-title, #hero h1 {font-size:47px;} #home-hero h1:after, #hero h1:after, #hero-short h2:after, #simple h2:after, #blog-main h2:after {margin:35px auto 30px auto;} h1:after, #hero.no-img .hero-title:after, #hero h1:after {height:8px; width:140px;} #image-offset h2, #timeline h2, .homepage h2, #grid-3col h2, .page-template-page-tech h1, #promo h2, #hero-slant h2, #hero-slant2 h2, #hero-short h2, #click-tab .tabcontent h3, #custom-component h3, #simple h2, #pencil h2, .single h1, .search h1, #grid-2x2 h2 {font-size:40px;} #divx-newsletter h2 {font-size:30px; margin-bottom:30px;} #blog-main h2 {font-size:35px;} h3, #promo h3, #promo h4, .page-template-page-tech h2, #blog-sub h3 {font-size:20px;} .homepage h3:after, #promo h3:after, #click-tab .tabcontent h3:after, #hero-slant h2:after, #hero-slant2 h2:after, .page-template-page-devices #custom-component h3:after, #hero-short h2:after, #simple h2:after, #blog-main h2:after, #grid-2x2 h2:after {margin: 30px auto 20px auto; height:8px; width:140px;} .single h1:after, .search h1:after, .page-template-page-tech h1:after {margin: 30px 0 20px 0;} #float-cta h3:after, #image-offset h2:after, .grid3-flex #image-offset .flexbox h4:after {height:6px; width:140px; margin: 30px auto 20px auto;} #stacked h2 { font-size: 33px; margin-top: 50px; margin-bottom: 20px; } #stacked h3 { font-size: 18px; margin-top: 0; margin-bottom: 10px; } #stacked h4 { font-size: 16px; margin-top: 0; margin-bottom: 0; font-weight: normal; font-family: 'VisbyCF-DemiBold'; } /*Pragraphs*/ p, ul, ol, .homepage p, #home-hero p, .single #main p, .page-template-page-tech p, .timeline-text p {font-size:16px; line-height:24px;} /*Hero*/ #hero {padding-bottom:50px;} /*Click Tabs*/ #click-tab .tabcontent {padding-top:50px;} #click-tab .flexbox .flex {padding-bottom:50px;} #click-tab .click-info h4 {font-size:25px;} #click-tab .click-info h4:after {margin:15px auto;} #click-tab .click-info p {font-size:15px;} /*Promo*/ #promo {padding:60px 0;} #promo img {max-width:250px;} /*Custom*/ #custom-component .table-cell:first-child {display: none;} #custom-component .table-cell {width:100%;} #custom-component .table-cell.odd-cell {background-color:transparent;} #custom-component .table-cell.checks {width:50%; background-color:#eef5f7; padding-top:10px; padding-bottom:10px;} #custom-component .table-cell.checks.blue-cell {background-color: #75d8f4;} #custom-component .table-cell.table-top {background-color: #1e1f1f;} #custom-component .table-cell.cell-feature {text-align:center; padding-top: 25px;} #custom-component .table-cell:nth-child(3):before, #custom-component .table-cell:last-child:after {display:none;} #custom-component .table {margin-bottom:40px;} /*Hero Slant*/ #hero-slant, #hero-slant2 {padding-bottom:50px; padding-top:0;} .page-template-page-company #hero-slant {padding:0 0 50px 0;} #hero-slant .flex, #hero-slant2 .flex {padding-top:50px;} .page-template-page-company #hero-slant .hero-img-bg, .page-template-page-contact #hero-slant .hero-img-bg {padding:150px 0;} /*Image Offset*/ #image-offset .mast {padding:50px 5%;} /*Grid 2x2*/ #grid-2x2 {padding:50px 0;} /*Hero Short*/ #hero-short {padding:50px 0 0;} /*Simple*/ #simple {padding:50px 0;} /*Blog*/ #blog-main p, #blog-sub p {font-size:16px;} #blog-sub {padding-bottom:50px;} .single .post-thumbnail img {margin-bottom:40px;} .page-template-page-tech #secondary ul.menu li {font-size:18px; line-height:1.2;} .single #secondary, .page-template-page-tech #main {padding-top:50px;} .page-template-page-tech .main-content {padding:50px 0;} .page-template-page-tech #hero {padding-bottom:50px;} .main-content {padding-bottom:50px;} .page-template-page-contact #hero-slant {padding-top:50px;} .grid3-flex #image-offset .flexbox .flex {padding:40px 0;} /*Grid 3col*/ .col3-desktop {display: none;} .col3-mobile {display: block;} .col3-mobile ul {margin-left: 0; padding-right: 40px;} #grid-3col {padding:50px 0;} #grid-3col .flexbox .flex {width:100%; padding:30px 0; margin:0;} .pum-theme-default-theme .pum-container {padding:30px !important;} .pum-theme-2518 .pum-title, .pum-theme-default-theme .pum-title {font-size:22px !important; margin-bottom:10px;} .pum-theme-default-theme .pum-content h3 {font-size:17px; margin-bottom:10px;} .pum-theme-default-theme .pum-content h4 {font-size:15px;} .pum-theme-default-theme .pum-content p {font-size:12px;} .pum-container li {font-size:12px;} .read-more-state { display: none; } .read-more-target { opacity: 0; max-height: 0; font-size:0px; transition: .25s ease; overflow:hidden; display: block; } .page-id-230 .read-more-target {display:block;} .page-id-230 .read-more-target p {margin-top:0;} .read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em; } .read-more-state ~ .read-more-wrap .read-more-trigger:before { content: ' + Read more'; } .read-more-state:checked ~ .read-more-wrap .read-more-trigger:before { content: ' - Read less'; } .read-more-trigger { font-family: 'VisbyCF-Bold'; cursor: pointer; display:inline-block; padding: 0; font-size: 14px; color: #0ab4de; } .read-more-trigger:hover {color: #999;} /*Timeline*/ .slick-arrow { width: 53px; line-height: 49px; font-size: 30px; background-image: none; background-color: rgba(0,0,0,0.83); } .timeline-slider {padding: 0 100px;} .timeline-slider:before, .timeline-odd .timeline-img:after, .timeline-even .timeline-info:after {display: none;} .timeline-odd .timeline-img, .timeline-even .timeline-info {padding-bottom: 0;} /* Global Component */ .divxcomponent {padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; margin-top: 50px !important;} .divxcomponent:first-child {margin-top: 0 !important;} .divxcomponent:last-child {margin-bottom: 50px !important;} .page-template-page-tech .divxcomponent:last-child {margin-bottom: 0 !important;} .divxcomponent.darkcomponent {padding-top: 50px !important; padding-bottom: 50px !important;} } @media screen and (max-width: 500px) { /*Global*/ #page .ow-button-base a span, #divx-newsletter input[type="submit"], #blog-sub .alm-btn-wrap button, input[type="submit"] {font-size: .9rem; padding: 1rem 2rem;} #home-hero .widget_sow-button {margin-right: 20px !important;} #home-hero .widget_sow-button:last-child {margin-right: 0 !important;} #divx-newsletter input[type="email"] {width: calc(100% - 195px); font-size:15px;} .alignleft, .alignright, .aligncenter{max-width: none; width: 100%;} /*Homepage*/ #home-hero .widget_sow-image {max-width:90%;} /*Footer*/ #colophon .footer-subnav ul.menu li:after {margin: 0 15px 0 20px;} #colophon .footer-subnav ul.menu li:nth-child(2):after {display:none;} #colophon .footer-subnav ul.menu li:last-child {display:block;} /*Headlines*/ h1, #home-hero h1, #hero.no-img .hero-title, #hero h1 {font-size:36px;} #home-hero h1:after, #hero h1:after, #hero-short h2:after, #simple h2:after, #blog-main h2:after, h1:after {margin:30px auto 25px auto;} h1:after, #hero.no-img .hero-title:after, #hero h1:after {height:6px; width:120px;} #image-offset h2, #timeline h2, .homepage h2, #grid-3col h2, .page-template-page-tech h1, #promo h2, #hero-slant h2, #hero-slant2 h2, #hero-short h2, #click-tab .tabcontent h3, #custom-component h3, #simple h2, #pencil h2, .single h1, .search h1 {font-size:30px;} #divx-newsletter h2 {font-size:26px; margin-bottom:26px;} h3, #promo h3, #promo h4, .page-template-page-tech h2 {font-size:18px;} .homepage h3:after, #promo h3:after, #click-tab .tabcontent h3:after, #hero-slant h2:after, #hero-slant2 h2:after, .page-template-page-devices #custom-component h3:after, #hero-short h2:after, #simple h2:after, #blog-main h2:after {margin: 25px auto 15px auto; height:6px; width:120px;} #float-cta h3:after, #image-offset h2:after, #grid-2x2 h2:after {margin: 25px auto 15px auto;} /*Blog*/ .main-text {padding-bottom:50px;} .page-template-page-blog .main-text {padding-bottom: 20px;} #blog-main .views-row {width:100%; margin-bottom: 50px;} #blog-sub .views-row {width:100%; margin-bottom:50px;} #blog-sub h3:after {max-width:130px;} .contact-form .flexbox .flex {width:100%;} .wpcf7-form .subject {height:59px;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {margin-bottom:20px;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {font-size:16px;} .wpcf7-form .subject::after {line-height:36px;} #image-offset ul li {width:100%;} #search-overlay input[type="text"] {margin-bottom: 0;} } @media screen and (max-width: 430px) { /*Global*/ #page .ow-button-base a span, #divx-newsletter input[type="submit"], #blog-sub .alm-btn-wrap button, input[type="submit"] {font-size: .8rem; padding: .9rem 1.7rem;} #home-hero .widget_sow-button {margin-right: 15px !important;} #home-hero .widget_sow-button:last-child {margin-right: 0 !important;} #divx-newsletter input[type="submit"] {margin-left:0px;} #divx-newsletter input[type="email"] {width:100%; margin-bottom:15px;} /*grid 2x2*/ #grid-2x2 h3 {margin-top:20px;} #grid-2x2 .flexbox .flex img {max-height:240px;} #grid-2x2 .flexbox .flex {padding:15px 0;} /*Timeline*/ .timeline-content {padding: 0;} .timeline-content:hover {background-color: transparent;} .timeline-content:hover .timeline-info .timeline-year, .timeline-content:hover .timeline-info .timeline-text p {color: #121212;} .timeline-year {font-size: 33px;} .timeline-odd .timeline-year:after, .timeline-even .timeline-year:before{height: 6px; width: 90px;} .slick-arrow {width: 43px; line-height: 39px; font-size: 25px;} .timeline-slider {padding: 0 70px;} /*Press Page*/ .press-search input[type="text"] {width: calc(100% - 59px); font-size: 15px; padding: 15px;} .press-search button {line-height: 51px; width: 54px;} #blog-main.press-page .views-row {margin-bottom: 50px; text-align: center;} #blog-main.press-page .blog-date:after {margin: 10px auto;} #blog-main.press-page h2 {margin-bottom: 20px;} } @media screen and (max-width: 370px) { /*Global*/ #page .ow-button-base a span, #divx-newsletter input[type="submit"], #blog-sub .alm-btn-wrap button, input[type="submit"] {font-size: .7rem; padding: .8rem 1.5rem;} #home-hero .widget_sow-button {margin-right: 10px !important;} #home-hero .widget_sow-button:last-child {margin-right: 0 !important;} } /* Global Styles for Footer */ @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block!important; src: url('library/fonts/fa-brands-400.eot'); src: url('library/fonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('library/fonts/fa-brands-400.woff2') format('woff2'), url('library/fonts/fa-brands-400.woff') format('woff'), url('library/fonts/fa-brands-400.ttf') format('truetype'), url('library/fonts/fa-brands-400.svg#fontawesome') format('svg'); } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa-facebook:before {content: "\f09a";} .fa-facebook-f:before {content: "\f39e";} .fa-facebook-messenger:before {content: "\f39f";} .fa-facebook-square:before {content: "\f082";} .fa-twitter:before {content: "\f099";} .fa-twitter-square:before {content: "\f081";} .fa-linkedin:before {content: "\f08c";} .fa-linkedin-in:before {content: "\f0e1";} .fa-youtube:before {content: "\f167";} .fa-youtube-square:before {content: "\f431";} .fa-instagram:before {content: "\f16d";} .fa-instagram-square:before {content: "\e055";} .fa-tiktok:before {content: "\e07b";} .section-subtitle, p.section-subtitle, h3.section-subtitle { font-size: 24px; line-height: 18px; color: var(--color, #37C9F3); font-family: "VisbyCF-Medium", arial, sans-serif; margin-bottom: 16px; } .section-subtitle:after, p.section-subtitle:after, h3.section-subtitle:after { content: ''; position: absolute; top: 0; left: 0; position: relative; display: block; width: 143px; height: 10px; margin-top: 24px; background: var(--color, #37C9F3); } @media only screen and (max-width: 767px) { .section-subtitle, p.section-subtitle, h3.section-subtitle { font-size: 22px; line-height: 29px; margin-bottom: 20px; } .section-subtitle:after, p.section-subtitle:after, h3.section-subtitle:after { width: 132px; height: 10px; margin-top: 18px; } } .section-subtitle-center, p.section-subtitle-center, h3.section-subtitle-center { font-size: 24px; line-height: 18px; color: var(--color, #37C9F3); font-family: "VisbyCF-Medium", arial, sans-serif; margin-bottom: 16px; } .section-subtitle-center:after, p.section-subtitle-center:after, h3.section-subtitle-center:after { content: ''; position: absolute; top: 0; left: 0; position: relative; display: block; width: 143px; height: 10px; margin-top: 24px; background: var(--color, #37C9F3); } @media only screen and (max-width: 767px) { .section-subtitle-center, p.section-subtitle-center, h3.section-subtitle-center { font-size: 22px; line-height: 29px; margin-bottom: 20px; } .section-subtitle-center:after, p.section-subtitle-center:after, h3.section-subtitle-center:after { width: 132px; height: 10px; margin-top: 18px; } } .section-subtitle-center:after, p.section-subtitle-center:after, h3.section-subtitle-center:after { margin-left: auto; margin-right: auto; } /* FOOTER RESTYLED */ #divx-newsletter { position: relative; background: #121212 url("images/divx-home-newsletter-bg.jpg") center no-repeat; background-size: cover; padding-top: 114px; padding-bottom: 114px; } @media only screen and (max-width: 991px) { #divx-newsletter {padding-top: 80px;padding-bottom: 80px;} } @media only screen and (max-width: 767px) { #divx-newsletter {padding-top: 60px;padding-bottom: 70px;} #divx-newsletter .mast {padding: 0 32px;width: 100%;} } #divx-newsletter .widget-title,#divx-newsletter h2{font-size:64px;line-height:48px;color:#fff;text-align:center;margin-bottom:24px} #divx-newsletter .section-subtitle-center{margin-bottom:32px} #divx-newsletter form #mc_embed_signup_scroll,#divx-newsletter form .d-news-form{display:flex;flex-direction:column;max-width:412px;margin-left:auto;margin-right:auto} #divx-newsletter form input[type=email]{width:100%;max-width:unset;font-size:20px;line-height:normal;color:#000;background-color:#fff;border-radius:4px;margin-bottom:32px;padding:13px 14px 15px 20px} #divx-newsletter form input[type=email]::placeholder{font-size:20px;line-height:normal;color:#000;opacity:1;text-transform:capitalize} #divx-newsletter form input[type=submit]{font-size:20px;line-height:normal;color:#fff;text-align:center;letter-spacing:0;padding:18px 60px 19px;border-radius:100px;margin:0 auto;background:linear-gradient(90deg,#33bde3 0,#5bd8ed 100%);border:none} #divx-newsletter form input[type=submit]:hover{color:#37c9f3;background:#fff} @media only screen and (max-width: 767px) { #divx-newsletter h2, #divx-newsletter .widget-title {font-size: 42px;line-height: 45px;margin-bottom: 12px;} #divx-newsletter .section-subtitle-center {font-style: italic;} #divx-newsletter form input[type="submit"] {font-size: 16px;padding: 15px 54px 16px;} } .footer-socials p { display: flex; } .footer-socials__icon { width: 36px; min-width: 36px; height: 36px; border-radius: 50%; margin: 0; display: flex; justify-content: center; align-items: center; display: inline-flex; background-color: #ffffff; font-size: 24px; border: none; color: #37C9F3; background-color: #ffffff; overflow: hidden; border: 1px solid #ffffff; } .footer-socials__icon:hover {color: #ffffff;background: transparent;} .footer-socials__icon:after, .footer-socials__icon img {display: none;} .footer-socials__icon:not(:last-child) {margin-right: 12px;} @media only screen and (max-width: 767px) { .footer-socials__icon { width: 30px; min-width: 30px; height: 30px; font-size: 20px; } .footer-socials__icon:not(:last-child) {margin-right: 10px;} } #colophon,footer.site-footer{padding:72px 0;background-color:#37c9f3;position:relative;isolation:isolate} #colophon:before,footer.site-footer:before{content:'';position:absolute;top:0;left:0;z-index:-1;height:100%;width:50%;left:40px;top:0;bottom:0;background:url("images/divx-footer-bg.svg") center left no-repeat;background-size:auto 100%;opacity:.15} #colophon .mast,footer.site-footer .mast{position:relative;max-width:1296px;width:90%} @media only screen and (max-width: 767px) { footer.site-footer .mast, #colophon .mast {display: flex;flex-direction: column;} } @media only screen and (max-width: 991px) { footer.site-footer, #colophon {padding: 32px 0;} } @media only screen and (min-width: 768px) { footer.site-footer .site-info, footer.site-footer .widget:not(.widget-1), #colophon .site-info, #colophon .widget:not(.widget-1) { padding-left: 180px; } } footer.site-footer .footer-logo, #colophon .footer-logo { margin-bottom: 24px; display: block !important; } footer.site-footer .footer-logo__link, #colophon .footer-logo__link { content: ''; display: block; width: 161px; height: auto; } footer.site-footer .footer-logo__link img, #colophon .footer-logo__link img { display: block; max-width: 100%; height: auto; } @media only screen and (max-width: 767px) { footer.site-footer .footer-logo, #colophon .footer-logo { margin-bottom: 12px; } footer.site-footer .footer-logo__link, #colophon .footer-logo__link { width: 116px; margin-left: auto; margin-right: auto; } } footer.site-footer .footer-socials p, #colophon .footer-socials p { display: flex; } footer.site-footer .footer-socials a, footer.site-footer .footer-socials p a, #colophon .footer-socials a, #colophon .footer-socials p a { width: 36px; min-width: 36px; height: 36px; border-radius: 50%; margin: 0; display: inline-flex; justify-content: center; align-items: center; background-color: #ffffff; font-size: 24px; border: none; color: #37C9F3; overflow: hidden; border: 1px solid #ffffff; } footer.site-footer .footer-socials a:hover, footer.site-footer .footer-socials p a:hover, #colophon .footer-socials a:hover, #colophon .footer-socials p a:hover { color: #ffffff; background: transparent; } footer.site-footer .footer-socials a:after, footer.site-footer .footer-socials a img, footer.site-footer .footer-socials p a:after, footer.site-footer .footer-socials p a img, #colophon .footer-socials a:after, #colophon .footer-socials a img, #colophon .footer-socials p a:after, #colophon .footer-socials p a img { display: none; } footer.site-footer .footer-socials a:not(:last-child), footer.site-footer .footer-socials p a:not(:last-child), #colophon .footer-socials a:not(:last-child), #colophon .footer-socials p a:not(:last-child) { margin-right: 12px; } @media only screen and (max-width: 767px) { footer.site-footer .footer-socials a, footer.site-footer .footer-socials p a, #colophon .footer-socials a, #colophon .footer-socials p a { width: 30px; min-width: 30px; height: 30px; font-size: 20px; } footer.site-footer .footer-socials a:not(:last-child), footer.site-footer .footer-socials p a:not(:last-child), #colophon .footer-socials a:not(:last-child), #colophon .footer-socials p a:not(:last-child) { margin-right: 10px; } } @media only screen and (max-width: 767px) { footer.site-footer .footer-socials p, #colophon .footer-socials p { justify-content: center; } } footer.site-footer .footer-nav, footer.site-footer .footer-subnav, #colophon .footer-nav, #colophon .footer-subnav { padding-top: 0; } footer.site-footer .footer-nav ul.menu, footer.site-footer .footer-subnav ul.menu, #colophon .footer-nav ul.menu, #colophon .footer-subnav ul.menu { display: flex; flex-wrap: wrap; justify-content: flex-end; } @media only screen and (min-width: 768px) { footer.site-footer .footer-nav ul.menu li:last-child, footer.site-footer .footer-subnav ul.menu li:last-child, #colophon .footer-nav ul.menu li:last-child, #colophon .footer-subnav ul.menu li:last-child { margin-right: 0 !important; } } @media only screen and (max-width: 767px) { footer.site-footer .footer-nav ul.menu, footer.site-footer .footer-subnav ul.menu, #colophon .footer-nav ul.menu, #colophon .footer-subnav ul.menu { justify-content: center; } } footer.site-footer .footer-nav ul.menu li, #colophon .footer-nav ul.menu li { font-size: inherit; line-height: inherit; margin: 0 20px; } footer.site-footer .footer-nav ul.menu li a, #colophon .footer-nav ul.menu li a { display: block; text-transform: uppercase; font-size: 16px; line-height: normal; color: #ffffff; font-family: "VisbyCF-Bold", arial, sans-serif; letter-spacing: 0; } footer.site-footer .footer-nav ul.menu li a:hover, #colophon .footer-nav ul.menu li a:hover { color: rgba(255, 255, 255, 0.6); } @media only screen and (max-width: 767px) { footer.site-footer .footer-nav ul.menu, #colophon .footer-nav ul.menu { justify-content: space-evenly; margin-bottom: 8px; } footer.site-footer .footer-nav ul.menu li, #colophon .footer-nav ul.menu li { margin: 0 20px 24px; } footer.site-footer .footer-nav ul.menu li a, #colophon .footer-nav ul.menu li a { display: block; text-transform: uppercase; font-size: 16px; line-height: normal; color: #ffffff; font-family: "VisbyCF-Bold", arial, sans-serif; letter-spacing: 0; } footer.site-footer .footer-nav ul.menu li a:hover, #colophon .footer-nav ul.menu li a:hover { color: rgba(255, 255, 255, 0.6); } } footer.site-footer .footer-subnav, #colophon .footer-subnav { padding-top: 24px; } footer.site-footer .footer-subnav ul.menu li, #colophon .footer-subnav ul.menu li { font-size: inherit; margin: 0 16px; } footer.site-footer .footer-subnav ul.menu li:after, #colophon .footer-subnav ul.menu li:after { display: none !important; } footer.site-footer .footer-subnav ul.menu li a, #colophon .footer-subnav ul.menu li a { display: block; text-transform: uppercase; font-size: 14px; line-height: normal; color: #ffffff; font-family: "VisbyCF-Medium", arial, sans-serif; letter-spacing: 0; } footer.site-footer .footer-subnav ul.menu li a:hover, #colophon .footer-subnav ul.menu li a:hover { color: rgba(255, 255, 255, 0.6); } @media only screen and (max-width: 767px) { footer.site-footer .footer-subnav ul.menu li, #colophon .footer-subnav ul.menu li { margin: 0 12px; } } @media only screen and (min-width: 768px) { footer.site-footer .widget-1, #colophon .widget-1 { z-index: 1; } footer.site-footer .widget-1 > div, #colophon .widget-1 > div { position: absolute; left: 0; top: 0; text-align: left; } } @media only screen and (max-width: 767px) { footer.site-footer .widget-2, #colophon .widget-2 { order: -1; } } footer.site-footer .site-info, #colophon .site-info { padding-top: 24px; font-size: 16px; line-height: normal; color: #ffffff; } footer.site-footer .site-info p, #colophon .site-info p { font-size: inherit; line-height: inherit; } @media only screen and (min-width: 768px) { footer.site-footer .site-info, #colophon .site-info { text-align: right; } } @media only screen and (max-width: 767px) { footer.site-footer .site-info, #colophon .site-info { font-size: 12px; line-height: 20px; } } .social-icons{margin-bottom:28px} .social-icons ul{display:flex;flex-direction:row;margin-bottom:0;gap:16px;list-style:none} .social-icons li{margin-bottom:0;list-style:none} .social-icons a{display:flex;width:36px;height:36px;border-radius:50px;font-size:20px;line-height:20px;padding:0;color:#37c9f3!important;background:#fff;align-items:center;justify-content:center;border:none;transition:all .3s} .social-icons a .fa,.social-icons a .icon{display:flex} .social-icons a:hover{text-decoration:none!important;color:#fff!important;background:#999} .social-icons.center ul{justify-content:center} .social-icons.right ul{justify-content:flex-end} .social-icons-light li a{color:#fff;border-color:#fff} .social-icons-light li a:hover{color:#3a8cce;background:#fff} /* DivX Pro 11 - ID */ #video-pack {position: absolute; margin-top: -50px;} .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Quick fix for the template editor */ /* Moved these styles from Customize Page Admin */ .elementor-editor-active #main.site-main, .elementor_library-template-default.single #main.site-main{ width: 100% !important; } #home-hero .widget_sow-button-download {float:left; margin-right:30px !important;} @media screen and (max-width: 900px){ .hero-btns .panel-grid-cell{ display: flex; justify-content: center; flex-wrap: wrap; } #home-hero .hero-btns .so-panel{ display: inline-block; margin: .5em 1em !important; } } @media screen and (min-width: 900px){ .intro-texts h1{font-size: 4.4vw !important;} }