html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}.button,button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.button,button{overflow:visible}.button,button,select{text-transform:none}.button,button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Maven Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{}a:hover,a:focus{}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*="col-"]{padding-right:0;padding-left:0}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{display:table;content:" "}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}@media (prefers-reduced-motion: reduce) {html:focus-within {scroll-behavior: auto;}*,  *::before,  *::after {    animation-duration: 0.01ms !important;    animation-iteration-count: 1 !important;    transition-duration: 0.01ms !important;    scroll-behavior: auto !important;}}
h2,h3,h4,h5{font-family:"Livvic";}
*,*::before,*::after {  box-sizing: border-box;}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {  margin: 0;}
ul[role='list'],ol[role='list'] {  list-style: none;}
html:focus-within {  scroll-behavior: smooth;}
body {  ; text-rendering: optimizeSpeed;  line-height: 1.5;}
a:not([class]) {  text-decoration-skip-ink: auto;}
img,picture {  max-width: 100%;  display: block;}
input,button,textarea,select,.button {  font: inherit;}
a,a:hover,a:active{color: unset; text-decoration: none;}

html,body{height:100%;padding:0;margin:0}

.no{display: none;}

div,em{transition-duration: 0.2s;}
.button,button{transition-duration: 0.5s;}

/* HEADER */
header{padding: 22px 52px;height:100%;overflow: hidden}
h1{overflow: hidden; width: 200px;height: 200px; display: block;float: left;padding-top: 12px}
h1 a{display: block;overflow: hidden; width: 200px;height: 200px; background-image: url(https://www.northit.co.uk/i/web-app-penetration-testing-uk.svg); background-repeat: no-repeat; background-size: contain; text-indent: 250px !important}
nav ul, nav li{list-style: none;text-indent:0;margin-block-end:0; }
nav span{display: none}
nav#main{float:right;  max-width: 1000px; width: 70%; min-width: 700px;}
nav#main ul{display: flex; justify-content: space-between;align-items: center}
nav#main li{display: inline-flex;}
nav#main ul li a{color:#fff; text-transform: uppercXase; font-family: Livvic;font-size:20px;}
nav#main ul li i{font-size:18px;}
nav#main ul li a:after{border-bottom: 4px rgba(138, 246, 218,0) solid;content: '';width: 0%;display: block;padding-top: 4px;transition: 0.5s;}
nav#main ul li a:hover{color:#fff; text-decoration: none}
nav#main ul li a:hover:after{border-bottom: 4px rgba(138, 246, 218,100) solid; width:80%;}
video{  object-fit: cover; width: 100%; height: 100vh; position: absolute; top: 0;  left: 0; z-index: -1;min-height: 750px;}

#hello{max-width: 960px;margin: auto;clear: both;padding-top:0px;margin-top: 200px;overflow-y: visible;}
#hello span { font-size:60px; color:#fff }
#hello h2  {color: rgb(138, 246, 218);font-size:60px;  }
#hello h2:hover{color: rgb(138, 246, 218);font-size:60px;  }
#hello h2 span  {display: none;}
#hello div {color: #fff; display: inline-block; padding-right: 22px; font-size:14px }

#hello button, #hello .button{position: relative;margin-top: 40px; margin-right: 40px;display: inline-block;color:#fff; background:#00315a; border: 0; border-radius: 50px; padding: 15px 40px; font-size: 16px; text-transform: uppercase; font-weight: 700; box-shadow: 0 0 10px rgba(0,2,28,0.5);}

#hello .button:hover, #hello .button:active,
#hello button:hover, #hello button:active{ color:  rgb(138, 246, 218);top: 1px;left: 1px;box-shadow: 2px 2px 10px rgba(0,2,28,0.8);} 
#hello .title{display: none;}
#burg{display: none;}
#burgClose{display: inline-block;float: right;padding-top: 0px;margin-right: 55px}
#mobileMenu{display: none;}
#mobileMenu{transition-duration: 300;, display: none;background: #fff;position: absolute;top: 0;left: 0;right: 0;padding:  px 0px;z-index: 100;padding-top: 34px}
#mobileMenu li:hover{background-color: rgba(138,246,218,0.1);}
#mobileMenu li.nobg:hover{background-color: rgba(255,255,255,0.1);}
#mobileMenu li a{display: block;margin-left: 55px;margin-right: 55px;padding: 8px 0; font-size: 20px;border-bottom: 1px solid rgba(0,0,0,0.1);}
#mobileMenu li strong{display: block;margin-left: 55px;margin-right: 55px;padding: 28px 0 0 0; font-size: 20px;border-bottom: 1px solid rgba(0,0,0,0.1);}
#mobileMenu img {width: 200px;height: auto;margin-left: 55px}
#mobileMenu ul{padding: 0;margin: 25px 0 0 0}

em{clear: both;display: block;}

#pen-testing{width: 100%;position: relative; perspective: 1000;overflow: hidden;}
#pt1,#pt2,#pt3,#pt4{display: none}

    
@media(max-width: 1026px) {
	nav#main{display:none;}
	#burg{display: inline-block;float: right;padding-top: 8px;}
	#burg i{color: #fff}
	nav#mobile{clear:both;width:100%;}
	nav#mobile ul{padding:0;margin:25px 0 0 0;}
	nav#mobile li,.mobile li a{width:100%;}
}

@media(min: 2000px) {
	nav span {display: inline-block;}
}


@media(max-width: 900px) {
	#hello{margin-top: 100px; line-height: 1.1;}
	header {padding: 12px 24px}
	#hello div {display: block;padding-top: 8px}
	#hello h2, #hello span, #hello h2:hover{font-size: 50px}
	#mobileMenu li a{margin-left: 24px;margin-right: 24px}
	#mobileMenu li strong{margin-left: 24px;margin-right: 24px;padding-top: 20px;display: block;}
	#mobileMenu img {margin-left: 24px}
	#burgClose{margin-right: 24px}
	#mobileMenu{padding-top: 22px}
}

@media(max-width: 500px) {
	.button,button{margin-right: 0;  padding: 15px 25px; }
	#hello button,#hello .button{margin-right: 0;  padding: 15px 25px; }
	#hello #btnGetQuote{float: right}

}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none; 
}
input,select,textarea{resize: none;}


::placeholder {color: #ccc; font-size: 18px}


.button,button{display: inline-block;color:#fff; background:#00315a; border: 0; border-radius: 50px; padding: 15px 40px; font-size: 16px; text-transform: uppercase; font-weight: 700; }
.button:hover,button:hover, button:active{ color:  rgb(138, 246, 218);top: 1px;left: 1px;} 




.page{

    background-color: rgb(2, 18, 39);
    background-image: linear-gradient(227deg, rgb(3, 54, 95) 0%, rgb(2, 18, 39) 80%);
}

input,textarea{font-size: 18px;    color: #5f6a70;border: none;border-bottom: #ddd 1px solid;display: block;width: 100%;padding: 15px 0}

textarea{height: 200px; font-size: 18px}

.bodyPage{
	background-image: linear-gradient(rgb(249, 251, 255) 0%, rgb(240, 245, 255) 100%);
}

#hero h2{font-weight: 500;color: #fff !important}
#hero p{ font-size: 20px; color: #ddd }



.paged p { font-size:16px;color:#5f6a70}
.paged h3 { font-size:22px; color:rgb(0, 35, 75); font-weight: 500;font-family: "Maven Pro";}


#cType {position: relative;}

.center{text-align: center;}



.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}










.range-container div{display: inline-block;}


#hero{max-width: 960px;margin: auto;clear: both;padding-top:0px;margin-top: 200px;overflow-y: visible;}
#hero span { font-size:60px; color:#fff }
#hero h2  {color: rgb(138, 246, 218);font-size:60px;  }
#hero h2:hover{color: rgb(138, 246, 218);font-size:60px;  }
#hero h2 span  {display: none;}
#hello div {color: #fff; display: inline-block; padding-right: 22px; font-size:14px }

#hero button,#hero .button{position: relative;margin-top: 40px; margin-right: 40px;display: inline-block;color:#fff; background:#00315a; border: 0; border-radius: 50px; padding: 15px 40px; font-size: 16px; text-transform: uppercase; font-weight: 700; box-shadow: 0 0 10px rgba(0,2,28,0.5);}

#hero .button:hover, #hero .button:active
#hero button:hover, #hero button:active{ color:  rgb(138, 246, 218);top: 1px;left: 1px;box-shadow: 2px 2px 10px rgba(0,2,28,0.8);} 
#hero .title{display: none;}






section.contact{margin-top: -500px}

section h2  {color: rgb(129, 131, 138);font-size:40px; text-align: center;font-weight: 500; margin-bottom: 100px}
.pageContact{border-radius: 20px;position: relative; max-width: 640px;top: -500px;background-color: #fff;padding: 30px;box-shadow: 0 0 50px rgba(44, 57, 66,0.2);}
#careersBox{top: -400px;}
.pricesContent{border-radius: 20px;position: relative; max-width: 640px;background-color: #fff;padding: 30px;box-shadow: 0 0 50px rgba(44, 57, 66,0.1);}


em {transition-duration: 2000;border-radius: 20px;background: rgba(0, 49, 90,0.05);display: inline-block;width: 200px;;height: 200px;margin: auto;text-align: center;margin-below: 50px;display: flex; justify-content: center;vertical-align: center;}
em img{width: auto; height: 80px;margin: auto;opacity: 50%;}
a:hover em img{opacity: 70%;}
a:hover em{transform: rotate(2deg)}
a:hover em:nth-of-type(2){transform: rotate(-2deg);}
.center a{display: block;margin-bottom: 50px}
.center strong{font-size: 22px}

section{padding: 200px 0}

.autocomplete-items{}


#contact header{min-height: 950px;}


@media(max-width: 600px) {
	.pageContact{margin: 22px}
}



#ajax{display: none;}

.relative{position: relative;}






em.em2 {position: relative;transition-duration: 2000;border-radius: 200px;background: #fff;;width: 150px;;height: 150px;text-align: center;margin-below: 30px;display: flex; justify-content: center;vertical-align: center;}
em.em2 img{width: auto; height: 60px;margin: auto;opacity: 50%;position: relative;}
em.em2 p{text-transform: unset; font-style: normal;padding-top: 18px}


#toTest{ display: flex !important; justify-content: space-between; }
#toTest a{display: block;width: 150px;text-align: center;height: 200px;display: flex !important; justify-content: space-between;flex-direction: column;}

#toTest a:active .em2,#toTest a:hover  .em2, .priceActive{background: rgb(138, 246, 218) !important}







#high{color: red}

footer{background-color:rgb(33,33,31);font-size:14px;padding-top:66px;color:#fff}
footer h4{font-size:20px;padding-bottom:10px;border-bottom: 1px rgba(255,255,255,0.4) solid}
footer .col-md-2 {text-align: right}
footer .col-md-6 {padding-bottom:52px;}
footer .col-md-6 > a{display:inline-block;color:#fff;font-size:16px;padding:5px 0 0px 0;}

footer .col-md-6 > div.social{display:inline-block;color:#fff;font-size:16px;padding:5px 0 0px 0;}

footer .col-md-6 > a:after{border-bottom:2px rgba(138, 246, 218,0) solid;content: '';width: 0%;display: block;padding-top: 4px;transition: 0.5s;}
footer .col-md-6 > a:hover{color:#fff; text-decoration: none}
footer .col-md-6 > a:hover:after{border-bottom:2px rgba(138, 246, 218,100) solid; width:80%;}

footer .smallfoot {color: #555;text-size: 8px; text-align: center;border-top: 1px #555 solid;margin-top: 22px;padding: 22px 0}





@media(max-width: 1200px) {
footer .col-md-6 {padding-bottom:0px;}}













#est{width: 100%;}

.PriceEstimate row{padding-top: 88px; padding-bottom: 88px}


















































#prices header{min-height: 1000px;}


#prices #hero div{padding-right: 0px !important;}


.range-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top:40px;
}

.label-container {
	width: 100%;
	display: flex !important;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: 30px;
	font-size: 20px;
}

.label {
	color: #ddd;	
	font-size: 18px !important;
	margin-top: 20px !important;
	display:  block !important;
	width:  20%;
	text-align: center;
	-webkit-tap-highlight-color: transparent;  /*gets rid of black flash on click of track*/
}
.slider-container {
	position: relative;
	height: 100%;
	width: 86%;
	margin: auto;

}
.slider {
	position: absolute;
	left:0;
	width: 100%;
}


input[type=range] {
	appearance: none;
	flex-basis: 80%;
	tap-highlight-color: transparent;
	background: transparent;
	margin: auto;
	border-bottom: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 10rem;
    height: 1rem;
    border-radius: 10px;
    background-image: linear-gradient(227deg, rgb(41, 102, 150) 0%, rgb(9, 37, 74) 80%);

}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
    background: rgb(138, 246, 218);
    margin-top: -1.8rem;
    cursor: pointer;
}

input[type=range]:focus {
    outline: none;
}

/*MEDIA QUERIES*/


#devicesC span{font-size: 22px;padding: 0 20px 0 30px; display: unset !important }
#devicesC{margin-top: 50px;border-radius: 50px;;background: rgba(255,255,255,0.2);padding: 0;display: inline-block !important; ;margin-left: auto;margin-right: auto}
#devices{border-radius: 50px;width: 140px;margin: auto;display: inline-block !important;border-bottom: 0;text-align: center;margin: 0}

.PriceEstimate{display: none;}


#estm{margin: auto;}
.PriceEstimate .fa-check{padding-top: 11px}

#devicesCx span{font-size: 18px;padding: 0 20px 0 30px; display: block !important }
#devicesCx{margin-top: 50px;border-radius: 50px;;background: rgba(255,255,255,0.0);padding: 0;display: inline-block !important; ;margin-left: auto;margin-right: auto}

.PriceEstimate{padding: 50px 0}

.result{font-size: 18px;padding-right: 22px}
.result p{padding: 14px 0 8px 0;line-height: 1.4;}


form#arrange input , form#arrange select{ padding:5px; border-radius: 5px; margin-bottom: 20px; width: 300px clear: both;color: #000} 
form#arrange option{padding:5px; color: #000;}

form#arrange label { color:#fff; font-size:14px; clear: both; display: block;}

form#arrange button {}


.nohead{margin-top:0px !important}





/*----*/
footer{display: none;}
.home{display: none}
#btnLearnMore{display: none !important}
nav#main{width: 200px;min-width: 200px;max-width: 200px !important}