.sign-up-page .login span, .sign-up-page .signup-content .control.inline, html.oldie .sign-up-page .signup-content .control.inline { display: inline-block; vertical-align: top; *zoom: 1; *display: inline } .clear { clear: both } @font-face { font-family: 'Univers'; src: url("fonts/UniversLTPro-45Light.otf") format("opentype") } body { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; overflow-x: hidden } iframe { border: none } h1, h2, h3, h4, h5 { font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #626C72; -webkit-font-smoothing: antialiased } p, span, label, small { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased } a { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif } li { list-style: none outside none } .left { text-align: left } .center { text-align: center } .right { text-align: right } .auto-position { margin: 0 auto } h1.telstra-contact-header { background: url("img/main/telstra-logo.png") no-repeat no-repeat 0 11px; background-size: 8%; padding-bottom: 10px; margin-bottom: 20px; text-indent: 68px; } .overflow-hidden { overflow: hidden } .overflow-x-hidden { overflow-x: hidden } .cursor:hover { cursor: pointer } .drop-shadow { box-shadow: 0 2px 0 0 rgba(4, 25, 33, 0.8) } .btn-seethrough { background: rgba(0, 0, 0, 0); border: 1px solid #ffffff } .btn-seethrough-primary { background: rgba(0, 0, 0, 0); border-radius: 4px; border: 1px solid #88BA28; box-shadow: 0 3px 0 0 rgba(4, 25, 33, 0.81) } .btn-seethrough-secondary { background: rgba(0, 0, 0, 0); border-radius: 4px; border: 1px solid #626C72; color: #626C72 } .btn-seethrough-secondary:hover { background: rgba(0, 0, 0, 0); border-radius: 4px; border: 1px solid #002A44 } .btn-seethrough-primary-green { background: rgba(0, 0, 0, 0); border-radius: 4px; border: 1px solid #88BA28; color: #88BA28; padding: 7px 12px } .btn-seethrough-primary-green:hover { background: #88BA28; border-radius: 4px; border: 2px solid #88BA28; color: #ffffff; text-decoration: none; padding: 7px 12px } .btn-pricing-option { font-size: 18px; font-weight: lighter; } .pricing-page .btn-seethrough-primary { background: rgba(0, 0, 0, 0); border-radius: 4px; color: #002A44; border: 2px solid #88BA28; box-shadow: none; width: 100% } .pricing-page .btn-seethrough-primary.white { color: #ffffff } .pricing-page .btn-seethrough-primary:hover { background: #88BA28; border: 2px solid #88BA28; color: #ffffff; text-decoration: none; width: 100% } .no-border { border: 0px; border-radius: 3px } .white { color: #fff } .primary-green { color: #88BA28 } .primary-blue { color: #002A44 } .primary-grey-blue { color: #384047 } .primary-grey { color: #555555 } .icon-leaf { color: #aed957 } .icon-lime { color: #c5d856 } .icon-teal { color: #4ecec4 } .icon-watermelon { color: #ff6b6b } .jumbotron .white { color: #fff } .jumbotron .primary-green { color: #88BA28 } .jumbotron .primary-blue { color: #002A44 } .uppercase { text-transform: uppercase } .light { font-weight: 300 } .bold { font-weight: 500 } .primary-green-bg { background: #88BA28 } .primary-blue-bg { background: #002A44 } .primary-light-grey { background: #F9F9F9 } .primary-black-bg { background: #001119 } .container .jumbotron { border-radius: 0px } .intergration-overview-page .jumbotron { margin-top: -82px } .primary-pattern-bg { background: url("img/main/patterned-bg.jpg") repeat left top #fff } .secondary-pattern-bg { background: url("img/main/badge-pattern.png") repeat left 200px #fff; background-size: 89% } .primary-team-bg { background: url("img/main/geoop-team-blue.jpg") no-repeat center center #fff } #ever-evolving { background: url("img/main/ever-evolving.jpg") no-repeat center center #062034; background-size: 100% } .front-page .jumbotron { background: url("img/main/front-page-bg-md.jpg") no-repeat center center #fff; margin-top: -82px; background-size: 100% } .promo-page .jumbotron { background: url("img/main/features.jpg") no-repeat left center #030303; margin-top: -82px; background-size: 100% } .product-features .jumbotron { background: url("img/main/features.jpg") no-repeat left center #030303; margin-top: -82px; background-size: 100% } .pricing-page .jumbotron { background: url("img/main/pricing.jpg") no-repeat center center #fff; margin-top: -82px } .contact-page .jumbotron { background: url("img/main/contact-map.jpg") no-repeat center center #fff; margin-top: -82px } .training-page .jumbotron { background: url("img/main/support-bg.jpg") no-repeat center center #fff; margin-top: -82px } .company-section.jumbotron, .company-page .jumbotron { background: url("img/main/geoop-team.jpg") no-repeat center center #fff; margin-top: -82px } .landing-section{ background: url("/wp-content/uploads/2017/07/Untitled.png") no-repeat center center #fff; margin-top: -82px } .landing-section .primary-green { color: #CCD000; font-size: 44px; font-weight: bold; } .landing-section .btn-primary{ background-color: #ccd000 !important; } .security-page .jumbotron { background: url("img/main/security.jpg") no-repeat center center #fff; margin-top: -82px } .intergration-overview-page .jumbotron { padding-bottom: 0px } .jumbotron h1, .jumbotron .h1 { line-height: 1em } .jumbotron h2, .jumbotron .h2 { line-height: 1.2em } .circle { border-radius: 90px } .menu ul { padding: 0 } .headline h4 { border-bottom: 2px solid #7AB728 } .footer ul { padding: 0px } .price>span { float: left; line-height: 42px } #intro-video { background: url("img/play-button-small.png") no-repeat scroll center center transparent; border: 5px solid #FFF; border-radius: 50%; height: 86px; position: absolute; width: 86px; z-index: 9; bottom: 86px; left: 8% } .single-job-advert ul li { font-family: "Lato", 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; list-style: inherit } .product-features .nav-tabs>li.active>a, .product-features .nav-tabs>li.active>a:hover, .product-features .nav-tabs>li.active>a:focus, .investor-page .nav-tabs>li.active>a, .investor-page .nav-tabs>li.active>a:hover, .investor-page .nav-tabs>li.active>a:focus, .promo-page .nav-tabs>li.active>a, .promo-page .nav-tabs>li.active>a:hover, .promo-page .nav-tabs>li.active>a:focus { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #002A44; border-color: #002A44; border-image: none; border-style: solid; border-width: 1px; color: #ffffff; cursor: default } .modal-content { border: 1px solid #fff } .product-features .nav-tabs, .investor-page .nav-tabs, .promo-page .nav-tabs { border-bottom: none; text-align: center; border-radius: 4px; border: 2px solid #002A44 } .nav-tabs>li>a { border: 1px solid rgba(0, 0, 0, 0); border-radius: 0 0 0 0; line-height: 1.42857; margin-right: 0px } .contact-section .nav-tabs { border-bottom: none } .contact-section .nav-tabs>li>a { border: none; border-radius: 0 0 0 0 } .contact-section .nav-tabs>li>a:hover { border: none; border-radius: 0 0 0 0 } .contact-section .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background: transparent; border: none } .contact-section .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border-bottom: 1px solid #88BA28; color: #ffffff } .panel { border: 1px solid #f4f4f4; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25) } .jumbotron { margin-bottom: 0px; padding: 30px } .modal-header, .modal-footer { border: none } .carousel-indicators .active { background-color: #aacc42 } .carousel-indicators li { background-color: rgba(0, 0, 0, 0); border: 1px solid #aacc42; border-radius: 10px; cursor: pointer; display: inline-block; height: 12px; margin: 0 2px; text-indent: -999px; width: 10px } .margin-lg-top-0 { margin-top: 0px } .margin-lg-top-5 { margin-top: 5px } .margin-lg-top-10 { margin-top: 10px } .margin-lg-top-20 { margin-top: 20px } .margin-lg-top-30 { margin-top: 30px } .margin-lg-top-40 { margin-top: 40px } .margin-lg-top-50 { margin-top: 50px } .margin-lg-top-60 { margin-top: 60px } .margin-lg-top-70 { margin-top: 70px } .margin-lg-top-80 { margin-top: 80px } .margin-lg-top-90 { margin-top: 90px } .margin-lg-top-100 { margin-top: 100px } .margin-lg-top-120 { margin-top: 120px } .margin-lg-bottom-5 { margin-bottom: 5px } .margin-lg-bottom-10 { margin-bottom: 10px } .margin-lg-bottom-20 { margin-bottom: 20px } .margin-lg-bottom-30 { margin-bottom: 30px } .margin-lg-bottom-40 { margin-bottom: 40px } .margin-lg-bottom-50 { margin-bottom: 50px } .margin-lg-bottom-60 { margin-bottom: 60px } .margin-lg-bottom-70 { margin-bottom: 70px } .margin-lg-bottom-80 { margin-bottom: 80px } .margin-lg-bottom-90 { margin-bottom: 90px } .margin-lg-bottom-100 { margin-bottom: 100px } .margin-lg-bottom-120 { margin-bottom: 120px } .margin-lg-left-5 { margin-left: 5px } .margin-lg-left-10 { margin-left: 10px } .margin-lg-left-15 { margin-left: 15px } .margin-lg-left-20 { margin-left: 20px } .margin-lg-left-30 { margin-left: 30px } .margin-lg-left-40 { margin-left: 40px } .margin-lg-left-50 { margin-left: 50px } .margin-lg-left-60 { margin-left: 60px } .margin-lg-left-70 { margin-left: 70px } .margin-lg-left-80 { margin-left: 80px } .margin-lg-left-90 { margin-left: 90px } .margin-lg-left-100 { margin-left: 100px } .margin-lg-left-120 { margin-left: 120px } .margin-lg-right-5 { margin-right: 5px } .margin-lg-right-10 { margin-right: 10px } .margin-lg-right-20 { margin-right: 20px } .margin-lg-right-30 { margin-right: 30px } .margin-lg-right-40 { margin-right: 40px } .margin-lg-right-50 { margin-right: 50px } .margin-lg-right-60 { margin-right: 60px } .margin-lg-right-70 { margin-right: 70px } .margin-lg-right-80 { margin-right: 80px } .margin-lg-right-90 { margin-right: 90px } .margin-lg-right-100 { margin-right: 100px } .margin-lg-right-120 { margin-right: 120px } .padding-lg-top-10 { padding-top: 10px } .padding-lg-top-20 { padding-top: 20px } .padding-lg-top-30 { padding-top: 30px } .padding-lg-top-40 { padding-top: 40px } .padding-lg-top-50 { padding-top: 50px } .padding-lg-top-60 { padding-top: 60px } .padding-lg-top-70 { padding-top: 70px } .padding-lg-top-80 { padding-top: 80px } .padding-lg-top-90 { padding-top: 90px } .padding-lg-top-100 { padding-top: 100px } .padding-lg-top-120 { padding-top: 120px } .padding-lg-bottom-10 { padding-bottom: 10px } .padding-lg-bottom-20 { padding-bottom: 20px } .padding-lg-bottom-30 { padding-bottom: 30px } .padding-lg-bottom-40 { padding-bottom: 40px } .padding-lg-bottom-50 { padding-bottom: 50px } .padding-lg-bottom-60 { padding-bottom: 60px } .padding-lg-bottom-70 { padding-bottom: 70px } .padding-lg-bottom-80 { padding-bottom: 80px } .padding-lg-bottom-90 { padding-bottom: 90px } .padding-lg-bottom-100 { padding-bottom: 100px } .padding-lg-bottom-120 { padding-bottom: 120px } .padding-lg-left-5 { padding-left: 5px } .padding-lg-left-10 { padding-left: 10px } .padding-lg-left-20 { padding-left: 20px } .padding-lg-left-30 { padding-left: 30px } .padding-lg-left-40 { padding-left: 40px } .padding-lg-left-50 { padding-left: 50px } .padding-lg-left-60 { padding-left: 60px } .padding-lg-left-70 { padding-left: 70px } .padding-lg-left-80 { padding-left: 80px } .padding-lg-left-90 { padding-left: 90px } .padding-lg-left-100 { padding-left: 100px } .padding-lg-left-120 { padding-left: 120px } .padding-lg-right-10 { padding-right: 10px } .padding-lg-right-20 { padding-right: 20px } .padding-lg-right-30 { padding-right: 30px } .padding-lg-right-40 { padding-right: 40px } .padding-lg-right-50 { padding-right: 50px } .padding-lg-right-60 { padding-right: 60px } .padding-lg-right-70 { padding-right: 70px } .padding-lg-right-80 { padding-right: 80px } .padding-lg-right-90 { padding-right: 90px } .padding-lg-right-100 { padding-right: 100px } .padding-lg-right-120 { padding-right: 120px } .padding-lg-10 { padding: 10px } .padding-lg-20 { padding: 20px; padding-top: 0px } .width-50 { width: 50% } .width-33 { width: 33.333% } .width-25 { width: 25% } .width- { width: px } .height-lg-170px { height: 170px } .height-lg-200px { height: 200px } .height-lg-240px { height: 240px } .height-lg-385px { height: 385px } .height-lg-405px { height: 405px } .height-lg-415px { height: 415px } .height-lg-680px { height: 680px } .min-height-lg-170px { min-height: 170px } .min-height-lg-200px { min-height: 200px } .min-height-lg-240px { min-height: 240px } .min-height-lg-385px { min-height: 385px } .min-height-lg-405px { min-height: 405px } .min-height-lg-680px { min-height: 680px } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.2em } .font-14 { font-size: 14px } .font-16 { font-size: 16px } .font-18 { font-size: 18px } .font-21 { font-size: 21px } .font-24 { font-size: 24px } .font-30 { font-size: 30px } .font-36 { font-size: 36px } .font-40 { font-size: 40px } .font-42 { font-size: 42px } .font-48 { font-size: 48px } .font-2 { font-size: 2px } .line-height-14 { line-height: 14px } .line-height-24 { line-height: 24px } .line-height-30 { line-height: 30px } .line-height-36 { line-height: 36px } .line-height-42 { line-height: 42px } .line-height-51 { line-height: 51px } .line-height-60 { line-height: 60px } .line-height-64 { line-height: 64px } .jumbotron .btn { font-size: 21px; box-shadow: 0 3px 0 0 rgba(4, 25, 33, 0.81) } #front-page-testimonials { top: -90px } #front-page-testimonials .carousel-inner { min-height: 420px } #sales-query { position: fixed; top: 160px } .pricing-page .panel-heading { border-bottom: 1px solid #CFCFCF } .pricing-page .price-selector:hover .btn-seethrough-secondary, .pricing-page .price-selector .btn-seethrough-secondary:hover, .pricing-page .panel-default.price-selector:hover>.panel-heading, .pricing-page .panel-default.price-selector:hover>.panel-heading p, .pricing-page .panel-default.price-selector:hover>.panel-heading span { background: #88BA28; border-color: #88BA28; color: #ffffff } .pricing-page .recommended.price-selector .btn-seethrough-secondary, .pricing-page .recommended.price-selector .btn-seethrough-secondary, .pricing-page .recommended.panel-default.price-selector>.panel-heading, .pricing-page .recommended.panel-default.price-selector>.panel-heading p, .pricing-page .recommended.panel-default.price-selector>.panel-heading span { background: #88BA28; border-color: #88BA28; color: #ffffff } .pricing-page .price-selector .panel-content span, .pricing-page .price-selector .panel-content p, .pricing-page .price-selector:hover .panel-content span, .pricing-page .price-selector:hover .panel-content p { -webkit-transition: font 0.5s; -moz-transition: font 0.5s; transition: font 0.5s } .pricing-page .price-selector:hover .panel-content span { font-size: 27px } .pricing-page .price-selector:hover .panel-content p { font-size: 21px } @media (min-width: 992px) { .container.container-pricing { width: 1160px; } } @media (max-width:981px) { .training-page .jumbotron { background: url("img/main/support-bg.jpg") no-repeat scroll center center/170% auto #fff; margin-top: -75px } #intro-video { background: url("img/play-button-small.png") no-repeat scroll center center transparent; border: 5px solid #FFF; border-radius: 50%; height: 86px; position: absolute; width: 86px; z-index: 9; bottom: 8px; left: 28% } } @media (max-width:780px) { .margin-md-top-0 { margin-top: 0px } .margin-md-top-20 { margin-top: 20px } .margin-md-top-30 { margin-top: 30px } .margin-md-top-50 { margin-top: 50px } .margin-md-bottom-20 { margin-bottom: 20px } .margin-md-right-50 { margin-right: 60px } .margin-md-right-60 { margin-right: 60px } .margin-md-left-0 { margin-left: 0px } .padding-md-0 { padding: 0px } .padding-md-10 { padding: 10px } .padding-md-20 { padding: 20px } .font-18 { font-size: 16px } .font-21 { font-size: 18px } .font-24 { font-size: 21px } .font-36 { font-size: 24px } .font-40 { font-size: 36px } .font-42 { font-size: 49px } .font-48 { font-size: 42px } .font-2 { font-size: 2px } .height-lg-480px { height: 480px } .height-md-110px { height: 110px } .height-md-330px { height: 330px } .min-height-md-55px { min-height: 55px } .jumbotron .btn { font-size: 21px; box-shadow: 0 3px 0 0 rgba(4, 25, 33, 0.81) } .front-page .jumbotron { background: url(img/main/front-page-bg-md.jpg) no-repeat -172px center #fff; margin-top: -75px; background-size: 140% } .product-features .jumbotron, .promo-page .jumbotron { background: #030303 url("img/main/features.jpg") no-repeat center center; margin-top: -75px; background-size: 211% } .pricing-page .jumbotron { margin-top: -75px } .training-page .jumbotron { background: url("img/main/support-bg.jpg") no-repeat scroll center center/170% auto #fff; margin-top: -75px } .security-page .jumbotron { background: url("img/main/security.jpg") no-repeat scroll center center/142% auto #fff; margin-top: -82px } #logo { width: 140px; -webkit-transition: width 2s; -moz-transition: width 2s; transition: width 2s } .navbar-brand { float: left; font-size: 18px; height: 50px; line-height: 20px; padding: 11px 10px } .navbar-default { background-color: rgba(0, 0, 0, 0.85); border-color: rgba(0, 0, 0, 0) } .pricing-page #carousel-example-generic .carousel-indicators { bottom: 16px } .justify-mobile { text-align: justify } } @media (max-width:520px) { .jumbotron { background-size: auto } .front-page .jumbotron { background: url(img/main/mobile-frontpage.jpg) no-repeat top center; background-size: 112% } .promo-page .jumbotron { background: url(img/main/features.jpg) no-repeat center center #030303; margin-top: -82px } .product-features .jumbotron { background: url(img/main/features.jpg) no-repeat center center #030303; margin-top: -82px } .security-page .jumbotron { background: url("img/main/security.jpg") no-repeat scroll center center/397% auto #fff; margin-top: -75px } .training-page .jumbotron { background: url("img/main/support-bg.jpg") no-repeat scroll -1018px center/440% auto #fff; margin-top: -82px } .jumbotron p { font-size: 15px } .jumbotron .btn { font-size: 13px; box-shadow: 0px 3px 0px 0px rgba(4, 25, 33, 0.81) } .margin-sm-top-0 { margin-top: 0px } .margin-sm-top-20 { margin-top: 20px } .margin-sm-top-40 { margin-top: 40px } .margin-sm-bottom-20 { margin-bottom: 20px } .margin-sm-right-50 { margin-right: 50px } .margin-sm-right-60 { margin-right: 60px } .margin-sm-left-30 { margin-left: 30px } .padding-sm-top-0 { padding-top: 0px } .padding-sm-left-0 { padding-left: 0px } .padding-sm-left-10 { padding-left: 10px } .padding-sm-right-0 { padding-right: 0px } .padding-sm-right-10 { padding-right: 10px } #intro-video { bottom: -26px; height: 75px; left: 36%; position: absolute; width: 75px; z-index: 9 } #ever-evolving { background: url(img/main/ever-evolving.jpg) no-repeat center center #062034; background-size: 270%% } } .carousel.fade { opacity: 1 } .carousel.fade .item { -moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s; left: 0 !important; opacity: 0; top: 0; position: absolute; width: 100%; display: block !important; z-index: 1 } .carousel.fade .item:first-child { top: auto; position: relative } .carousel.fade .item.active { opacity: 1; -moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s; z-index: 2 } .vertical .carousel-inner { height: 100% } .carousel.vertical .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top } .carousel.vertical .active { top: 0 } .carousel.vertical .next { top: 400px } .carousel.vertical .prev { top: -400px } .carousel.vertical .next.left, .carousel.vertical .prev.right { top: 0 } .carousel.vertical .active.left { top: -400px } .carousel.vertical .active.right { top: 400px } .carousel.vertical .item { left: 0 } .has-feedback .form-control-feedback { line-height: 26px; right: 8px } .dark-pricing .panel-heading { border-bottom: 0px solid #fff; background: transparent; height: 100% } .dark-pricing .panel-body, .dark-pricing .panel { background: transparent } .dark-pricing.pricing-page .recommended.price-selector .panel-heading, .dark-pricing.pricing-page .panel:hover .panel-heading, .dark-pricing.pricing-page .price-selector .panel-heading:hover, .dark-pricing.pricing-page .recommended.price-selector .panel-heading p, .dark-pricing.pricing-page .recommended.price-selector .panel-heading span, .dark-pricing.pricing-page .panel:hover .panel-heading p, .dark-pricing.pricing-page .panel:hover .panel-heading span { background: transparent } .training-video { position: relative; text-align: center; border-radius: 6px; height: 200px; overflow: hidden; width: 100% } .training-video:after { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .training-video h4 { background: none repeat scroll 0 0 rgba(0, 122, 196, 0.75); padding: 16px; margin: 0; position: absolute; top: 0; width: 100%; z-index: 3 } .training-video .play-button { background: url("img/play-button-small.png") no-repeat scroll center center rgba(0, 0, 0, 0); border: 5px solid #FFFFFF; border-radius: 50%; height: 86px; left: 38%; position: absolute; top: 37%; width: 86px; z-index: 9 } iframe { min-height: 400px; width: 100% } #contact-us iframe { min-height: 700px } #carousel-example-generic .carousel-indicators { bottom: 0 } #carousel-iphone { left: 74px; max-width: 241px; min-height: 610px; position: absolute; top: 89px } #help-links .btn { background: #fff } #help-links .btn:hover { color: #002A44; background: #fff } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } .small-visible { display: block !important } @media (min-width:768px) { .small-visible { display: none !important } } #device-carousel { min-height: 606px } .blog-post-container { height: 600px; margin-bottom: 20px } .blog-post-container .panel { min-height: 100% } .blog-featured-img img, .main-content img { width: 100%; height: auto } .post-categories h3 { margin: 0 } .post-categories ul { padding: 0 } .blog-title h4 { min-height: 63px } .entry-date { margin-top: 20px; font-size: 12px; font-style: italic } a.blog-title:hover { text-decoration: none; color: #88ba28 } .blog-margin-bottom-60 { margin-bottom: 60px } .blog-pagination { margin: 40px 0px 30px } .blog-pagination .next { float: right } .blog-pagination .prev { float: left } .widgetGuts { margin-bottom: 40px } .shortcode table tr { margin: 0 } .shortcode table tr th { display: block; width: 100% } .shortcode table tr td { display: block; width: 100% } .shortcode table tr th label { margin-bottom: 10px; display: block; clear: left; color: #555; display: block; font-size: 13px; font-weight: bold } .shortcode table tr td input, .shortcode table tr td textarea { background: url(http://www.geoop.com/templates/geoop3/css/images/dropdown.png) no-repeat right center #fff !important; background-color: #fff; display: block; outline: none; width: 92%; font-size: 12px; line-height: 12px; padding: 7px 20px !important; border-radius: 3px; border: 1px solid #DADADA; box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 20px rgba(0, 0, 0, 0.1) inset; color: #5188C9; margin: 0px; margin-bottom: 15px; -moz-appearance: none; -webkit-appearance: none } .shortcode table tr td input.button { width: 60%; background: url("/images/button-bg.gif") repeat-x scroll bottom left #fefffe; border: 1px solid; border-color: #ddd #ccc #ccc #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #1a6690; cursor: pointer; display: inline-block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; margin: 0; padding: 5px 10px; position: relative; text-decoration: none } .shortcode table tr td input.button:focus, .shortcode table tr td input.button:hover { border-color: #c6d880 } .clear { clear: both } .promo-page .jumbotron { padding-bottom: 0 } .promo-page .landing-content p { line-height: 36px; font-size: 24px; color: #555555; margin: 1em 0; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 300 } .promo-page .landing-content p strong, .promo-page .landing-content p strong span { font-size: 30px; color: #002a44; font-weight: 300 } .promo-page .landing-content .quote { text-align: left; margin: 30px 0 } .promo-page .landing-content .quote-1 { margin: 70px 0 30px; border-top: 1px solid #eee; padding: 20px 0 0 } .promo-page .landing-content .quote-2 { border-bottom: 1px solid #eee; padding: 0 0 40px } .promo-page .quote-image, .promo-page .quote-copy { display: inline-block; *display: inline; zoom: 1; vertical-align: middle } .promo-page .quote-image { width: 150px; margin-right: 20px } .promo-page .quote-copy { width: 75% } .promo-page .quote-copy p { font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; line-height: 1.5em } .promo-page .landing-content p.inline { display: inline-block; *display: inline; zoom: 1; vertical-align: top; float: left; margin: 0 } .promo-page .landing-content p.inline+p { text-align: left } .promo-page .landing-content img.alignleft { margin-top: -40px; margin-right: 50px } .promo-page .landing-content img.aligncenter { margin: 30px 0; width: 100%; height: auto } @media (max-width:981px) { .promo-page .landing-content p.inline { display: block; float: none; text-align: center } .promo-page .landing-content img.alignleft { margin-top: -10px; margin-right: 0px; margin-bottom: 30px } } @media (max-width:780px) { .promo-page .landing-content blockquote { padding: 10px 10% } .promo-page .landing-content .quote { text-align: center } .promo-page .quote-image { width: 100%; margin-right: 0px } .promo-page .quote-copy { width: 95%; margin: 0 auto } } @media (max-width:520px) { .blog-post p { min-height: 220px } .promo-page .landing-content img.alignleft { margin-top: -40px; max-height: 350px; max-width: 290px !important; width: auto; height: auto } } .widgetGuts form label+input { height: auto; margin: .25em 0; box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 20px rgba(0, 0, 0, 0.1) inset; font-size: 14px; line-height: 12px; padding: 9px 12px 5px; border-radius: 3px; border: 1px solid #DADADA; display: block; outline: none } .widgetGuts form .submit input { float: none; margin: .75em 0 0 0; clear: both; border-radius: 3px; color: #fff; background-color: #88ba28; border: none; padding: 5px 15px; outline: none; font-size: 15px } .widgetGuts form .submit input:hover { background-color: #6f9821 } .sign-up-page { position: relative } .sign-up-page .login { float: right; padding-top: 11px } .sign-up-page .login span { color: white; font-size: 14px; padding-top: 5px; margin: 0 } .sign-up-page .login .btn-login { margin: 0px 0 6px 10px } .sign-up-page .signup-header { position: absolute; width: 100%; height: 325px; top: 0; left: 0 } .sign-up-page .signup-header .header-image { width: 100%; height: 100%; background: url("img/main/features.jpg") no-repeat center center #fff; background-size: 100%; position: absolute } .sign-up-page .signup-header .container { position: relative; padding: 122px 0 0 } .sign-up-page .signup-header h1 { font-size: 76px; line-height: 1.1em; margin: 0; padding-left: 10px } .sign-up-page .signup-content { padding-top: 400px } .sign-up-page .signup-content .column { padding: 75px 25% } .sign-up-page .signup-content .group { position: relative } .sign-up-page .signup-content .group .block { margin-left: 70px; padding-left: 30px; border-left: 1px solid #ebeced } .sign-up-page .signup-content .personal-group { margin-bottom: 35px } .sign-up-page .signup-content .account-group { margin-bottom: 50px } .sign-up-page .signup-content .icon { position: absolute; top: 0; left: 0; width: 50px; height: 50px } .sign-up-page .signup-content .icon.icon-account { background: transparent url("img/main/icon-account.png") 0 0 no-repeat } .sign-up-page .signup-content .icon.icon-personal { background: transparent url("img/main/icon-personal.png") 0 0 no-repeat } .sign-up-page .signup-content .control { margin-bottom: 23px; position: relative } .sign-up-page .signup-content .control.inline { width: 48% } .sign-up-page .signup-content .control.inline+.inline { margin-left: 3.4% } .sign-up-page .signup-content label { display: inline; margin-bottom: 0px; font-weight: normal } .sign-up-page .signup-content label.error { color: #a94442; font-size: 12px; position: absolute; bottom: -18px; left: 15px } .sign-up-page .signup-content input.form-control { height: auto; padding: 10px 15px; font-size: 16px; background-color: #fcfcfc; border-color: #ebeced; -webkit-box-shadow: none; box-shadow: none } .sign-up-page .signup-content input.form-control:focus { border-color: #ebeced; outline: 0; -webkit-box-shadow: none; box-shadow: none } .sign-up-page .signup-content input.form-control.error { border-color: #a94442 } .sign-up-page .signup-content select.form-control { background-color: #fcfcfc; border-color: #ebeced; font-size: 16px; height: 44px; -webkit-box-shadow: none; box-shadow: none } .sign-up-page .signup-content input[type=submit] { float: right; font-size: 18px; padding: 10px 25px } @media (max-width:1200px) { .sign-up-page .signup-content .control.inline { width: 100%; display: block } .sign-up-page .signup-content .control.inline+.inline { margin-left: 0px } } @media (max-width:991px) { .sign-up-page .signup-content .column { padding: 50px 13% } .sign-up-page .signup-header h1 { font-size: 50px } } @media (max-width:600px) { .sign-up-page .signup-header h1 { font-size: 45px } .sign-up-page .signup-header .header-image { background: url("img/main/features-small.jpg") no-repeat center center #fff; background-size: 600px } .sign-up-page .signup-content .column { padding: 50px 5% } .sign-up-page .signup-content .icon { display: block } } @media (max-width:520px) { .sign-up-page .signup-header h1 { font-size: 35px } .sign-up-page .signup-content { padding-top: 360px } .sign-up-page .signup-content .icon { display: none } .sign-up-page .signup-content .group .block { margin-left: 0px; padding-left: 0px; border-left: none } } html.oldie .sign-up-page .signup-content .control.inline { width: 48% } html.oldie .sign-up-page .signup-content .control.inline+.inline { margin-left: 3% } @media (max-width:1200px) { html.oldie .signup-content .control.inline { width: 100%; display: block } html.oldie .signup-content .control.inline+.inline { margin-left: 0px } } .jumbotron.vodafone { background: url("img/main/features-vodafone.jpg") no-repeat left center #030303; margin-top: -82px; background-size: 100% } @media (max-width:780px) { .jumbotron.vodafone { background: #030303 url("img/main/features-vodafone.jpg") no-repeat center center; margin-top: -75px; background-size: 211%; s } } @media (max-width:780px) { .jumbotron.vodafone { background: url("img/main/features-vodafone.jpg") no-repeat center center #030303; margin-top: -82px; } .navbar-logo { display: none; } } @media (min-width:781px) { .navbar-logo { background: url("img/finalist.png") no-repeat center center transparent; display: block; float: right; width: 186px; height: 30px; margin: 10px 0 0 25px; } } .getapp-badge { background: url("img/GetApp-Badge-01.png") no-repeat center center transparent; display: block; width: 266px; height: 128px; margin: 0; text-decoration: none; } .footer .container { position: relative; } .mixpanel-wrapper { position: absolute; margin: 114px 0 0 0px; } .partner-badge { padding: 0; width: 160px; text-transform: uppercase; color: white; font-size: 16px; font-weight: normal; border-radius: 6px; text-align: center; } .partner-badge.implementor { background: linear-gradient(30deg, #b2960b 39px, #b99f23 40px); box-shadow: 0px 1px 1px #75610c; } .partner-badge.ambassador { background: linear-gradient(30deg, #555555 39px, #656565 40px); box-shadow: 0px 1px 1px #383838; } .partner-box { background: white; border-radius: 6px; border: solid 1px #e8e8e8; } .grey-text { line-height: normal; font-size: 18px; font-weight: 300; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #626C72; -webkit-font-smoothing: antialiased; } ul.gm-toggles { padding: 0; margin: 0; list-style: none; display: block; text-align: center; } ul.gm-toggles li { list-style: none; padding: 6px 12px; margin: 0 2px; border: solid 1px #002A44; background-color: #FFFFFF; cursor: pointer; color: #002A44; border-radius: 4px; display: inline-block; } ul.gm-toggles li.active { background-color: #002A44; color: #FFFFFF; } .plus-list { list-style: none; margin: 0; padding: 0; } .plus-list li:before { content: "+"; margin: 0 10px 0 0; padding: 0; color: #88BA28; } /* referal page */ .ribbon { width:842px; margin:auto; background:url("css/img/main/Ribbon.png") no-repeat top center; text-align:center; padding: 10px 30px 50px 30px; } .ribbon p { margin-bottom:0px; } .border-lg-left-green { border-right:1px solid #9bcb0b; } .chanels-group { position:relative; width:100%; height:277px; } .chanel-list { width:160px; position:relative; } .chanel-list.xl { width:200px; } .chanel-list.xl-2 { height:280px; } .chanel-list ul { padding:0px; margin:0px; } a.chanel-item { display:block; width:39px; height:39px; float:left; margin:5px; opacity:0.6; } a.chanel-item.big { width:51px; height:51px; } a.chanel-item.xl { width:77px; height:77px; margin:10px; } a.chanel-item.active { opacity:1; } .chanel-item.chanel-fb { background:url("css/img/chanels/facebook.png") no-repeat center center; } .chanel-item.chanel-linkedin { background:url("css/img/chanels/linkedin.png") no-repeat center center; } .chanel-item.chanel-twitter { background:url("css/img/chanels/twitter.png") no-repeat center center; } .chanel-item.chanel-email { background:url("css/img/chanels/email.png") no-repeat center center; } .chanel-item.chanel-fb.big { background:url("css/img/chanels/facebook-big.png") no-repeat center center; } .chanel-item.chanel-linkedin.big { background:url("css/img/chanels/linkedin-big.png") no-repeat center center; } .chanel-item.chanel-twitter.big { background:url("css/img/chanels/twitter-big.png") no-repeat center center; } .chanel-item.chanel-email.big { background:url("css/img/chanels/email-big.png") no-repeat center center; } .chanel-item.chanel-fb.xl { background:url("css/img/chanels/facebook-XL.png") no-repeat center center; } .chanel-item.chanel-linkedin.xl { background:url("css/img/chanels/linkedin-XL.png") no-repeat center center; } .chanel-item.chanel-twitter.xl { background:url("css/img/chanels/twitter-XL.png") no-repeat center center; } .chanel-item.chanel-email.xl { background:url("css/img/chanels/email-XL.png") no-repeat center center; } .chanel-list ul li:first-child { margin-left:0px; } a.chanel-item:hover { opacity:0.3; } .vertically-centered { position: relative; top: 50%; transform: translateY(-50%); } .horizontally-centered { position: relative; left: 50%; transform: translateX(-50%); } .both-centered { position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); } .chanel-email-input { position:relative; margin-left: -50px; width: 250px; } .chanel-email-input .btn-primary { position:absolute; top:9px; right:10px; } .chanel-list.xl .chanel-email-input { margin-left: -20px; } .chanel-email-input input { background:#f4f4f4; border:1px solid #d7d7d7; -webkit-box-shadow:none; padding:15px 15px; height:auto; } .chanel-email-input .arrow { width:18px; height:14px; background:url("css/img/main/top-email-box-arrow.png") no-repeat center center; position:relative; top: -63px; left: 135px; } .chanel-list.xl .chanel-email-input .arrow { left: 160px; } @media (max-width:768px) { .border-lg-left-green { border-right:0px; } .chanels-group { height:100px; } .ribbon { width:100%; margin: 20px 0px; background:#328bcf; text-align:center; padding: 10px 30px; } } .geoop-login-modal-container { position: fixed; top: 51px; z-index: 99999; left: 0; right: 0; margin: 0; padding: 0; background: none; } .geoop-login-modal-content { color: #ffffff; margin: 0 auto; width: 320px; padding: 50px; background: #003A54; position: relative; box-shadow: #111111 0px 1px 3px; } .geoop-login-modal-content input[type=text] { color: #002A44; } .geoop-login-modal-content a.login-exists-submit { padding: 10px; color: #002A44; background: #ffffff; font-weight: bold; cursor: pointer; } .geoop-login-close { color: #ffffff; top: 0; right: 0; padding: 10px; cursor: pointer; position: absolute; } ul.gm-toggles li[disabled] { opacity: 0.5; cursor: default; } .seo-h1 { font-size: 36px; } #schedule ul { list-style: none; } #schedule ul li { position: relative; } #schedule ul li:before { position: absolute; display: block; content: '\2022'; /* bullet point, for screen readers */ text-indent: -999999px; /* move the bullet point out of sight */ left: -.75em; width: .4em; /* desired width of the image */ height: 1em; /* unrelated to image height; this is so it gets snipped */ background-repeat: no-repeat; background-image: url('/wp-content/uploads/2017/07/grey-green-tick.png'); background-size: .4em .7em; background-position: 0 .3em; } .bg-one{ background: #f9f9f9; } #wpcf7-f2090-p2085-o1{ background: #0096e6 !important; display:block; }