sta/*///////////////////// RESET /////////////////////*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;	padding: 0;	border: 0;
	font-size: 100%;	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';content: none;}
table {	border-collapse: collapse;	border-spacing: 0;max-width:100%;}
iframe,img { max-width:100%; }
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/*///////////////////// IMPORTS /////////////////////*/

/* Warning: Import statementsrequire more HTTP Request; paste file contents here or load independently to save load time.
@import url("../fonts/opensans/opensans.css");
@import url("../fonts/fontawesome/fontawesome.css");*/


/*///////////////////// LAYOUT /////////////////////*/

body{font-family:'Open Sans',Arial,sans-serif;color:#222;font-size:16px;font-weight:normal;}
.container{max-width:1080px; padding:0 20px; margin:0 auto;}
.clear { display:block; clear:both; width:100%; }

.row{clear:both;display:block;width:100%;}
.row::after{clear:both;content:'';display:block;}
.block{padding:140px 0;position:relative;}
.block1,.block2,.block3,.block3x2,.block4{float:left;overflow:hidden;}
.block1{float:none;width:100%;clear:both;}
.block2{width:50%;}
.block3{width:33.33%;}
.block3x2{width:66.66%;}
.block4{width:25%;}
.block4x3{width:75%;}

.block-centered,.centered{text-align:center;}

.block-white{background-color:#fff;}
.block-black{background-color:#111;color:#fff;}
.block-gray{background-color:#f4f4f4;}
.block-blue{background: rgb(0,178,240); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,178,240,1) 0%, rgba(14,129,173,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,178,240,1) 0%,rgba(14,129,173,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,178,240,1) 0%,rgba(14,129,173,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2f0', endColorstr='#0e81ad',GradientType=1 );color:#fff;}
.block-teal{background-color:#003142;color:#fff;}
.block-gradient{color:#fff;
background: rgb(55,127,198); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(55,127,198,1) 0%, rgba(0,178,240,1) 47%, rgba(0,178,240,1) 47%, rgba(7,175,150,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(55,127,198,1) 0%,rgba(0,178,240,1) 47%,rgba(0,178,240,1) 47%,rgba(7,175,150,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(55,127,198,1) 0%,rgba(0,178,240,1) 47%,rgba(0,178,240,1) 47%,rgba(7,175,150,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#377fc6', endColorstr='#07af96',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.block-gradient-2{color:#fff;
background: rgb(0,49,66); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,49,66,1) 0%, rgba(0,1,17,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,49,66,1) 0%,rgba(0,1,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,49,66,1) 0%,rgba(0,1,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003142', endColorstr='#000111',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.block-gradient-3{
background: rgb(234,234,234); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.block-heading{margin-top:0;text-align:center;}
.block-heading span{font-size:0.6em;display:block;line-height:1.5em;padding-bottom:5px;}

.placeholder-block{height:300px;background:#111;margin-bottom:20px;}

.column { display:block; float:left; margin-right:5%; }
.col1 { width:100%; }
.col2 { width:47.5%; }
.col3 { width:30%; }
.col3x2 { width:65%; }
.col4 { width:21.25%; }
.col4x2 { width:47.5%; }
.col4x3 { width:73.5%; }
.col5 { width:16%; }
.col5x2 { width:37%; }
.col5x3 { width:58%; }
.col5x4 { width:79%; }
.col6 { width:12.5%; }
.col6x2 { width:30%; }
.col6x3 { width:47.5%; }
.col6x4 { width:65%; }
.col6x5 { width:82.5%; }
.col60{width:57.5%;}
.col40{width:37.5%}
.col-last { margin-right:0; }

.block p:last-child,.column p:last-schild{margin-bottom:0;}

.nomargin{margin:0;}
.small-wrap{max-width:900px;margin:0 auto;}

.site-content p a,.wpc_client_client_pages_list .wpc_page a{color:#5C9BD3;}
.site-content .dark p a{color:#fafafa;}

/*///////////////////// MENU /////////////////////*/


nav.block1{position:relative;z-index:9999;overflow:visible;}
.social-media{width:600px;margin:0 auto;}
.social-media ul{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
.social-media a{padding:2px;margin-left:10px;font-size:40px;color:#fff;background: #111;
    width: 90px;
    height: 90px;
    display: block;
-moz-transition: all 0.3s 0.s ease;
-ms-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;}
.social-media a i{    top: 25px;
    left: 26px;
    position: relative;}
.social-media a i.fa-facebook{left:32px;}
.social-media a:hover{background:#bb1605;}

header{position: relative;text-align:center;background:transparent;}

.main-nav-logo{display:block;padding:10px 0;width:130px;float:left;position:relative;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s 0.s ease;-ms-transition: all 0.5s 0.5s ease;-o-transition: all 0.5s 0s ease;transition: all 0.5s 0s ease;
}
.main-nav-logo img{height:auto;position:absolute;left:0;}
.main-nav-logo img.logo-b{opacity:0;}

nav.with-logo{position:fixed;background:transparent;-webkit-transition: opacity 0.3s ease;padding-top:20px;
-moz-transition: all 0.3s 0.s ease;
-ms-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;}
nav.block1.fixed,nav.block1.fixed-two {
	position: fixed;padding-top:0;
	top: 0;
	width: 100%;background:#fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
nav.block1.fixed .social-media,nav.block1.fixed-two .social-media{height:0;opacity:0;}
nav.block1.fixed .main-nav-logo,nav.block1.fixed-two .main-nav-logo{}
nav.block1.fixed .main-nav-logo img.logo-b,nav.block1.fixed-two .main-nav-logo img.logo-b{opacity:1;}
nav.block1.fixed .main-nav-logo img.logo-w,nav.block1.fixed-two .main-nav-logo img.logo-w{opacity:0;}
#main-nav {
    float: right;
	margin: 25px 0 0;
	padding: 0;
	position: relative;
	z-index: 100;
	-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
}
#main-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	display:block;
	position: relative;
	text-align:center;
	margin-left:30px;
}

#main-nav a {
	display: block;
	text-decoration: none;
	font-size:17px;
    font-weight:400;padding: 0 0 8px;margin: 2px 0 27px;
    border-bottom:2px solid #fff;
    color:#fff;
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
}
#main-nav .sub-menu a{color:#999;}
#main-nav .sub-menu li{margin:0;}
#main-nav a:hover,.not-home #main-nav .current-menu-item a{}
.fixed #main-nav li a,.fixed-two #main-nav li a{color:#999;}
.not-home #main-nav ul > li.current-menu-item a{background:#2dbcf2;color:#fff;}
.not-home #main-nav ul > li.current-menu-item ul.sub-menu li a{background:#fafafa;color:#999;}
.not-home #main-nav ul > li.current-menu-item ul.sub-menu li:hover a{background:#2dbcf2;color:#fff;}

nav.block1.fixed #main-nav,nav.block1.fixed-two #main-nav{}
nav.block1.fixed #main-nav a,nav.block1.fixed-two #main-nav a{border-color:#22C8FF;}

#main-nav li > ul{display:none;position:absolute;top:100%;left:-75%;width:240px;background:#fff;border-radius:3px;margin:0;box-shadow: 0 0 10px rgba(0,0,0,0.25);padding-left:0;}
#main-nav li > ul > li{width:100%;display:block;padding-left: 0;float: none;}
#main-nav li > ul > li > a{line-height:14px;font-size:14px;padding:16px;margin: 0;text-transform:capitalize;border-bottom:1px solid #ddd;}
#main-nav li > ul > li:last-child > a{border-bottom:0;}
#main-nav li ul li a:hover{background:#2dbcf2;color:#fff;border-color:#2dbcf2;}

#main-nav li:hover > ul{display:block;}

#main-nav li > ul > li > ul{display:block;position:static;width:100%;background:#fafafa;box-shadow:none;border-radius:0;max-height: 0;overflow: hidden;webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#main-nav li > ul > li > ul > li{float:none;}
#main-nav li > ul > li > ul > li > a{display:block;}
#main-nav li > ul > li > ul > li:last-child > a{display:block;border-bottom:1px solid #ddd;}

#main-nav li > ul > li:hover > ul{max-height:500px;}

#main-nav li > ul > li > ul > li > ul{background:#f4f4f4;}

#main-nav > li > li a{padding:2;border-bottom:1px solid #ddd;}

.force-hover{display:block !important;max-height:500px !important;}

#mobile-toggle {
    color: #111;
    position: absolute;
    right: 30px;
    top: 25px;z-index:50;
    display: none;background: #fff;padding: 10px 12px;
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#mobile-nav{display:none;}
.fixed #mobile-toggle,.fixed-two #mobile-toggle{top:9px;color:#111;}
#footer a{-webkit-transition: all 0.5s 0.5s ease;-moz-transition: all 0.5s 0.5s ease;-ms-transition: all 0.5s 0.5s ease;-o-transition: all 0.5s 0s ease;transition: all 0.5s 0s ease;}



#a-bar{box-shadow:0 0 5px rgba(0,0,0,0.2);display:none;text-align:center;position:fixed;top:0;width:100%;padding:14px 0 16px;z-index: 99999;font-weight:600;font-size:20px;color:#fff;
}
#a-bar p{font-weight:600;font-size:20px;color:#fff;margin:0;}
#a-bar a{color:#fff;text-decoration:underline;}
#a-bar a.a-close{display:block;text-decoration:none;position:absolute;right:10px;top:18px;
width:22px;height:22px;font-size:25px;color:#fff;font-weight:300;}
.a-close:before, .a-close:after {
  position: absolute;
  left: 10px;
  content: ' ';
  height: 22px;
  width: 2px;
  background-color: #fff;
}
.a-close:before {
  transform: rotate(45deg);
}
.a-close:after {
  transform: rotate(-45deg);
}

#a-bar a.a-close:hover{cursor:pointer;}

header nav{margin-top:0;-webkit-transition: all 0.5s 0.5s ease;-moz-transition: all 0.5s 0.5s ease;-ms-transition: all 0.5s 0.5s ease;-o-transition: all 0.5s 0s ease;transition: all 0.5s 0s ease;}
header.with-a-bar nav{margin-top:48px;}
header.with-a-bar nav.block1.fixed, header.with-a-bar nav.block1.fixed-two{margin-top:60px;}



/*///////////////////// TEXT ELEMENTS /////////////////////*/

p,ol{margin-bottom:10px;line-height:1.5em;font-size:1.2em;font-weight:300;}
h1,h2,h3,h4,h5,h6{line-height: 1.5em;margin: 20px 0 .4em;font-weight:400;color:#003142;}
h1 {font-size: 4em;font-weight:300;letter-spacing:1px;}
h2 {font-size: 3em;}
.site-content h2{font-weight:300;letter-spacing:1px;}
h3 {font-size: 2.3em;font-weight:300;letter-spacing:1px;}
h4 {font-size: 1.9em;font-weight:300;letter-spacing:1px;}
h5 {font-size: 1.4em;}
h6 {font-size: 1em;}

.historia{font-family:'The Historia';font-weight:normal !important;}

a{text-decoration:none;}
a:hover{text-decoration:none;}



strong{font-weight:700;}

ul,ol{}

.dark p{color:#fafafa;}
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#fafafa;}
.dark a{color:#eee;}

.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.row img{height:auto;}
hr{border:0;border-top:2px solid #333;margin:40px 0;}
.spacer{height:20px;}
.spacer10{height:10px;}

#content .block ul li{margin-bottom:10px;line-height:1.5em;font-size:1.2em;font-weight:300;}

/*///////////////////// BUTTONS /////////////////////*/

.button{border-radius:2px;font-size:1em;font-weight:300;display:inline-block;padding:12px 16px;background:#ff8300;color:#fff !important;text-transform:uppercase;margin-bottom:10px;
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.button.button-white{background:#fff;color:#111 !important;}
.button.button-black{background:#111;}
.button.button-orange{background:#ff8300;}
.button.button-teal{background:#006181;}
.button.button-yellow{background:#FFB400;}
.button.button-large{}
a.button:hover{text-decoration:none;background:#fff;color:#111 !important;box-shadow:0 0 10px rgba(0,0,0,0.2);}
#content a.button.white:hover{text-decoration:none;background:#111;color:#fff !important;}
a.button.black:hover{text-decoration:none;background:#fff;color:#111 !important;}
.button-row{text-align: center;}
/*///////////////////// PAGE ELEMENTS /////////////////////*/
#top{background:red;background-position: center;}
header h4{margin-bottom:0;}

#page-header{padding:200px 0 180px;position:relative;text-align:center;}
#page-header.page-header-small{padding:160px 0 100px;}
#page-header h1{font-weight:300;text-transform:none;margin-bottom:0;}
.not-home #page-header h1{font-weight:300;}

#page-header hr{margin:5px 0;;border-color:transparent;}
#page-header h1 b{font-weight:300;text-transform:uppercase;}
.home #page-header,#page-header.products-header{padding:0;}
.window-height{height:100vh;}
#page-header .container{position:relative;z-index:100;}
.home #page-header .container.heading-container,#page-header.products-header .container.heading-container{height:100%;text-align:left;}
.header-intro{display: flex;flex-direction: column;height: 100%;justify-content:center;align-items:center;}
.header-inner{width:100%;}
.home #page-header h1,#page-header.products-header h1{font-size:3em;margin-top:100px;}
.home #page-header h2,#page-header.products-header h2{font-size: 2em;font-weight:400;text-shadow:1px 1px 5px rgba(0,0,0,0.5);}
.home #page-header p,#page-header.products-header p{font-size:2.1em;line-height:1.5em;font-weight:300;margin-bottom:20px;}
.home #page-header p a.button{font-size:1.7em;border-radius:5px;}
#page-header .text-link{display:inline-block;border-bottom:2px solid #fff;font-weight:400;}
.heading-bottom{position: absolute;bottom: 0;width: 100%;padding:60px 0 20px;z-index:101;
}
.header-image{position:relative;height:95%;text-align:center;margin-top:5%;}
.header-image img{position:absolute;bottom:-15px;right:0;width:100%;}
.orbit-outer{overflow:hidden;position:absolute;top:0;width:100%;left:0;height:100%;}
.orbit1,.orbit2,.orbit3,.orbit1-b,.orbit2-b,.orbit3-b,.orbit3-c{position:absolute;height:auto;}
.orbit1{width:90%;top:0;right:-10%;-webkit-animation: orbitx 14s infinite ease-out;animation: orbitx 14s infinite ease-out;}
.orbit2{width:100%;top:0;right:0;left:0;-webkit-animation: orbity 10s infinite ease-out;animation: orbity 10s infinite ease-out;}
.orbit3{width:80%;bottom:-8%;right:0;-webkit-animation: orbitx 12s infinite ease-out;animation: orbitx 12s infinite ease-out;}

.orbit1-b{width:80%;bottom:0;left:-10%;-webkit-animation: orbitx 14s infinite ease-out;animation: orbitx 14s infinite ease-out;}
.orbit3-b{width:80%;bottom:-11%;right:0;-webkit-animation: orbitx 12s infinite ease-out;animation: orbitx 12s infinite ease-out;}
.orbit3-c{width:75%;bottom:-20%;right:-1%;-webkit-animation: orbitx 12s infinite ease-out;animation: orbitx 12s infinite ease-out;}

.orb{position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid #A1E8FF;animation: orb 8s infinite ease-out;}
.orb-sw{bottom:-50%;left:20%;}

@keyframes orbitx {
  50% {
    transform: rotate(10deg);
  }
}
@keyframes orbity {
  50% {
    transform: rotate(-10deg);
  }
}
@keyframes orb {
  50% {
    padding: 100px;
  }
}
.overlay-black{position:absolute;height:100%;width:100%;background:rgba(0,0,0,0.5);top:0;}
.overlay-blue{position:absolute;height:100%;width:100%;background:rgba(0,163,218,0.5);top:0;}
.overlay-white{position:absolute;height:100%;width:100%;background:rgba(255,255,255,0.5);top:0;}
.block .container{position:relative;z-index:10;}

#page-header .button{margin-bottom:0;}

.play-button{display:block;margin:0 auto 20px;width:80px;height:80px;border-radius:50%;background:#00b2f0;
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.play-button span{width: 0;display:block;
  height: 0;border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 22px solid #fff;
    position: relative;
    left: 33px;
    top: 25px;}
.play-button:hover{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.play-button:hover span{border-left-color:#111;}
.vid-caption{color:#00b2f0;font-weight:400;text-transform:uppercase;}

.icon-blue{color:#00b2f0;}

.more-arrow{display:inline-block;font-size:1.1em;margin-top:25px;}
.more-arrow i{font-size:2em;opacity:0.9;animation: arrowbob 2s infinite;position:relative;}

@keyframes arrowbob {
  0% {
    opacity:0;top:-5px;
  }
  15% {
    opacity:1;top:-5px;
  }
  100% {
    opacity:0;top:5px;

  }
}

#intro h1{margin:0 0 10px;}
.button-arrowed{position:relative;}
.arrow{position:absolute;right:-90px;
    width: 68px;
    top: 0;}
    
.logo-grid{display:flex;justify-content:space-between;flex-wrap:nowrap;width:98%;margin:0 auto;}
.logo-block{display:table;height: 100px;}
.logo-block .p-inner{padding:0 30px 0 0;}
.logo-block .l-inner{display:table-row;}
.logo-block .l-inner .s-inner{display:table-cell;vertical-align:middle;text-align:center;height:70px;}
.logo-block img{max-width:100%;height:50px;width:auto;}

#page-header .logo-block{opacity:0.85;}
#page-header .logo-block:hover{opacity:1;}

.block#video{padding:160px 0;}


.margin-top-none{margin-top:0;}
#blog-showcase a.text-link{display:inline-block;color:#111;border-bottom:2px solid #22C8FF;padding-bottom:5px;font-weight:400;margin-top:20px;text-transform:uppercase;}

.block#guide{overflow:hidden;padding:180px 0;}
#guide .container.container-first{display:flex;}
.guide-question{font-size:1.5em;font-weight:700;}
.weight400{font-weight:400;}
.guide-question i{position:relative;left:-18px;}
#guide select{cursor:pointer;position:relative;font-weight:700;display: inline-block;width: auto;-webkit-appearance:none;appearance:none;border:0;border-bottom:3px solid #22C8FF;color:rgba(255,255,255,0.6);background:transparent;padding-right:20px;}
#guide select.chosen{color:#003142;}
#guide select option{color:#003142;border:0;background:#fff;}
.guide-image-holder{opacity:1;position:absolute;z-index:2;width:100%;height:100%;top:0;left:0;overflow:hidden;
-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-ms-transition: opacity 0.5s;-o-transition: opacity 0.5s;transition: opacity 0.5s;}
.guide-hide{opacity:0;}
.guide-fade{opacity:0.5 !important;}
#guide .logo-block{margin-bottom:20px;}

#guide .container{}
.guide-img{z-index:2;position: absolute;right: -20px;height: 100%; width: auto;top:0;}
.guide-bg{z-index:1;position: absolute;top:0;left:0;height: 100%; width:100%;}
.bg-1{background:#05A4D7;}
.bg-2{background:#1AAEE0;}
.bg-3{background:#00A5DE;}

.page-list{display:none;}
.page-list.page-show{display:block;}
.page-list ul{}
.page-list li{}
.page-list li a{max-width:500px;padding:12px;margin-bottom:14px;border:1px solid #ddd;display:block;color:#003142;background:#fff;
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.page-list li a:hover{background:#003142;color:#fff;border-color:#00a3da;}
.tech_docs .tech-doc:nth-child(even)::after{content:'';clear:both;}
.tech-doc{width:40%;margin:0 5% 20px;float:left;text-align:center;}
.tech-doc a{border:1px solid #ddd;display:block;color:#003142;background:#fff;padding:20px;
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.tech-doc a:hover{background:#003142;color:#fff;border-color:#00a3da;}

.grid{display:flex;flex-wrap:wrap;}
.grid-block{position:relative;display:flex;justify-content:center;align-items:center;background:#fafafa;}
.grid-block:nth-child(even){background:#eee;}
.grid-block img{padding:30px;-webkit-transition: all 0.5s !important;;-moz-transition: all 0.5s !important;;-ms-transition: all 0.5s !important;;-o-transition: all 0.5s !important;;transition: all 0.5s !important;;}
.grid-text{opacity:0;position:absolute;top:5%;left:5%;width:90%;height:90%;z-index:50;display:flex;justify-content:center;align-items:center;
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.grid-text p, a .grid-text p{color:#111;}
.grid-two .grid-block{width:50%;}
.grid-three .grid-block{width:33.3333333%;}
.grid-four .grid-block{width:25%;}

.grid-block:hover img{opacity:0.1 !important;}
.grid-block.no-text:hover img{opacity:1;}
.grid-block:hover .grid-text{opacity:1;}

.block#carousel{padding:80px 0;}

.product-block{text-align:center;}
.product-block img{width:200px;height:auto;margin:0 auto;}
.product-block a h5{color:#fff;}
.slick-center{}
.slick-list{position:relative;}
button.slick-prev{padding: 10px 18px;position: absolute;left:10px;z-index:100;top: 80px;border-radius:50%;border:2px solid #fff;background:transparent;}
button.slick-next{padding: 10px 18px;position: absolute;right:10px;z-index:100;top: 80px;border-radius:50%;border:2px solid #fff;background:transparent;}
.logo-grid{position:relative;left:15px;}
.logo-grid button.slick-prev{padding: 10px 0px;position: absolute;left:-20px;z-index:100;top: 10px;border:0;background:transparent;}
.logo-grid button.slick-next{padding: 10px 0px;position: absolute;right:0px;z-index:100;top: 10px;border:0;background:transparent;}
.slick-dots{max-width:300px;margin:20px auto 0;display:flex;justify-content:space-between;align-items:center;}
.slick-dots li button{display:block;width:10px;height:10px;background:#fff;border-radius:50%;text-indent:-9999px;overflow:hidden;padding:0;}
.slick-dots li.slick-active button,.slick-dots li:hover button{width:16px;height:16px;}
.slick-dots li.slick-active button:active{outline:none;}

#residential-quote.block{padding:80px 0;}
#residential-quote.block .container{position:static;}
#residential-quote img{position:absolute;bottom:-120px;left:50px;opacity:0.4;width:700px;}
#pac-quote.block{padding:100px 0;overflow:hidden;}
#pac-quote.block .container{position:static;}
#pac-quote img{position:absolute;bottom:-20px;right:150px;top:-30px;opacity:0.9;width:420px;}

#residential h3,#PACS h3, #automotive h3,#custom-solutions h3{font-size:4em;padding-top:60px;}
#residential p,#PACS p, #automotive p,#custom-solutions p{font-weight:bold;padding-bottom:60px;}

#case_studies img{width:100%;height:auto;}

footer{padding:0;position: relative;}
footer .block-red{overflow:hidden;}
footer .column{position:relative;z-index:200;}
footer a{color:#fff;}
footer p{margin-bottom:0;font-size:0.8em;padding-top: 8px;float:right;}
.footer-logo{display:block;padding: 0 0 10px;width:200px;margin:30px auto 0;}
.footer-logo img{height:auto;}
footer #menu-bottom-links a{font-weight:300;}
footer .block.block-black{padding-bottom:30px;padding-top:100px;}
footer .bottom{padding:10px 0;background:#111;}

.footer-menu li a{font-weight:300;line-height:1.4em;}

footer h5{color:#fff;font-size:1.1em;font-weight:400;margin-top:0;}

footer hr{clear:left;margin:0 0 20px;border:0;}
footer .button{margin-top:20px;}

.footer-message{clear:left;font-weight:bold;font-size:1.2em;display:block;line-height:1.3em;}

.contact-column li{font-weight:300;line-height:1.4em;margin-bottom:5px;}

#social{border-top:1px solid #ddd;}
#social .block-title{margin-bottom:10px;}
.block#social{padding-bottom:80px;position: relative;}

.footer-social-media ul{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
.footer-social-media ul li{display:block;font-size:0.8em;}
.footer-social-media{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s 0.s ease;
-ms-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;}
.footer-social-media a{padding:2px;font-size:18px;color:#fff;background: #111;
    width: 25px;
    height: 25px;
    display: block;
-moz-transition: all 0.3s 0.s ease;
-ms-transition: all 0.3s 0s ease;
-o-transition: all 0.3s 0s ease;
transition: all 0.3s 0s ease;}
.social-box .footer-social-media a{padding:2px;font-size:20px;color:#fff;background:#00B2F0;
    width: 45px;
    height: 45px;
}

.footer-social-media a i{    top: 5px;
    left: 0px;
    position: relative;}
.social-box .footer-social-media a i{left: 13px;top:12px;}
.social-box .footer-social-media a i.fa-facebook{left: 16px;}
.footer-social-media a:hover{color:#00a3da;}
.social-box .footer-social-media a:hover{background:#fff;}

footer .bottom p{font-size:0.8em;}
.bottom-menu{display:block;}
.bottom-menu li{float:right;margin-right:10px;font-size:0.8em;padding-top:8px;}
.bottom-menu li a:hover{color:#00a3da;}

#ouibounce-modal.is-visible{display:block;}
.modal-close{clear:both;font-size:20px;color:#111;cursor:pointer;position:absolute;top:15px;right:20px;}

/*///////////////////// FORMS /////////////////////*/

input, textarea, select, input[type=search], button {font-size: 1em;font-family: inherit;}
input[type=text], input[type=password], select,textarea,input[type=tel],input[type=email] {
	background: #fafafa;
	border: 1px solid #ddd;;
	padding: 8px 2%;
	width:96%;
	margin-bottom:20px;
}

textarea {line-height: 150%;width: 98%;padding:10px 1%;}
textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus,select:focus{outline: none;background: #fff;}
input[type=reset], input[type=submit], button{
	background: #222;
	color: #fff;
	border: none;
	cursor: pointer;
	border-radius: 3px;
	padding: 13px 18px;
	text-transform: uppercase;
    font-weight:300;
    background:#111;
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
}
select{width:100%;}
input[type=reset]:hover, input[type=submit]:hover, button:hover {background:#fff;color:#000;}

.width100{width:100%;}

header .search-box{    float: right;
    display: block;
    position: relative;margin-top: 16px;margin-left:0px;}

header .search-form {
    
}
 
header input.search-field {
    background-color:transparent;border-radius:2px;
    background-image:url(../img/ico-sr.svg);
    background-position:center left;background-repeat:no-repeat;
    border: 1.5px solid transparent;    cursor: pointer;    height: 40px;    margin: 3px 0 0 8px;    padding: 0 0 0 34px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition:         width 400ms ease, background 400ms ease;
    width: 40px;color:#fff;font-weight:300;
}
header input.search-field::-webkit-input-placeholder {color: #fff !important;}
header input.search-field:-moz-placeholder {color: #fff !important;  } 
header input.search-field::-moz-placeholder {color: #fff !important;  }
header input.search-field:-ms-input-placeholder {  color: #fff !important;  }

header .search-field:focus {
    border-color:#fff;margin-left:16px;background-color:transparent;background-image:url(../img/ico-sr.svg);background-repeat:no-repeat;color:#fff;
    cursor: text;    outline: 0;    width: 230px;padding-left:40px;
}
header nav.fixed input.search-field,header nav.fixed-two input.search-field{background-image:url(../img/ico-sr-g.svg);color:#111;} 
header nav.fixed input.search-field::-webkit-input-placeholder,header nav.fixed-two input.search-field::-webkit-input-placeholder{color: #e0e0e0 !important;}
header nav.fixed input.search-field:-moz-placeholder,header nav.fixed-two input.search-field:-moz-placeholder{color: #e0e0e0 !important;  } 
header nav.fixed input.search-field::-moz-placeholder,header nav.fixed-two input.search-field::-moz-placeholder{color: #e0e0e0 !important;  }
header nav.fixed input.search-field:-ms-input-placeholder,header nav.fixed-two input.search-field:-ms-input-placeholder{  color: #e0e0e0 !important;  }

header nav.fixed input.search-field:focus,header nav.fixed-two input.search-field:focus{background-repeat:no-repeat;color:#111;border-color:#111;}
.search-form label .screen-reader-text,header .search-submit { 
display:none;
}


/* CONTACT FORM 7 DEFAULTS */

span.wpcf7-not-valid-tip{color:#ab4d3d;display:none;margin-bottom: 10px;position: relative;top: -10px;}
div.wpcf7-response-output{clear:both;background:green;color:#fff;border:0;border-radius:3px;margin: 2em 0 0;
    padding: 1em 1em;}
div.wpcf7-validation-errors{clear:both;color:#fff;border:0;border-radius:3px;margin: 2em 0 0;
    padding: 1em 1em;background:#ab4d3d;}
.wpcf7-not-valid{clear:both;background:#f7e5e2 !important;border-color:#ab4d3d !important;}
div.wpcf7 .ajax-loader {
background-image: url('../img/loader.gif');
width: 30px;
height: 30px;background-color:#fff;border-radius:50%;
margin-left: 10px;
}

.consent p{font-size:13px;}
.consent h5{text-align:center;margin-top:0;padding-top:0;}
.consent input[type=checkbox],#newsletter .consent input[type=checkbox]{width:auto;}
.wpcf7-acceptance{font-weight:bold;font-size:16px;}
span.wpcf7-list-item{margin-left:0;display:block;}
#ouibounce-modal form .consent p{font-size:13px !important;color:fff;}
#ouibounce-modal .consent h5{font-size:16px;margin-top:0;padding-top:0;}
/* PAGE ELEMENTS */

ul.search-results li{margin-bottom:20px;}
ul.search-results li a{font-size:20px;font-weight:400;color:#00a3da;line-height:30px;}
ul.search-results li a:hover{color:#111;}





#contact h4,.page-id-9 .block-3 h3{margin-top:0;margin-bottom:0;font-size:1.6em;font-weight:800;}
#contact hr,.page-id-9 .block-3 hr{border:0;border-top:2px solid rgba(255,255,255,0.5);margin:15px 0;}

.form-wrapper{background:rgba(255,255,255,0.5);padding:20px;margin-bottom:25px;}
.ll-form{}
.ll-form input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border-radius:2px;border:3px solid #fff;position: absolute;}
.ll-form input[type=checkbox]:hover{cursor:pointer;background:#BDD8EE;}
.checkbox-label{color:#fff;float:left;margin-left:35px;line-height:1.3em;}
.ll-form input[type=checkbox]:checked {
    background:#1F295D;
}
.ll-form input[type=submit]{width:100%;border:2px solid #fa6900;border-radius:3px;
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.ll-form input[type=submit]:hover{background:#fff;color:#222;border-color:#222;}

.page-id-9 .block-3 .ll-form input[type=submit]{background:#fff;border-color:#fff;color:#222;}
.page-id-9 .block-3 .ll-form input[type=submit]:hover{border-color:#fff;}

.block-title{text-align:center;font-weight:300;margin-top: 0;font-size: 38px;margin-bottom:20px;}
.block-title.left-aligned{text-align:left;}
.about-block-title{text-align:center;font-weight:900;color:#111;margin: 0;font-size: 42px;padding:200px 0;color:#fff;}
.block-subtitle,h4.block-subtitle{text-align:center;font-weight:300;color:#111;margin-top:0;font-size: 22px;margin-bottom:20px;text-transform:none;}

.block-gradient .block-subtitle,.block-gradient h4.block-subtitle,.block-gradient h4{color:#fff;}
#page-header h4.block-subtitle,.block-black .block-subtitle,.block-black h4.block-subtitle{color:#fff;}
#page-header.timeline-header h4.block-subtitle{color:#111;}
.block-title.left,.block-subtitle.left{text-align:left;}
#triangle .block-title{margin-top:20px;}

#page-header.about-header{padding:0 0;background-color:#FAFAFA;}
.about-header h1{margin-bottom:0;padding-top:120px;}
.about-header .about-image{position:absolute;bottom:0;width:100%;left:0;text-align:center;}
.about-image img{width:425px;}

#page-header.about-header .block{position: absolute;bottom: 0;width: 100%;padding:60px 0 20px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.about-header .more-arrow{color:#111;text-shadow:0 0 5px #fff;font-weight:400;}

#page-header.about-header h1{text-shadow:none;}

.block.about-title-block{padding:0;}
.about-block{position:relative;}
.about-block p{font-size:18px;line-height:1.5em;}
.about-block h3 a{    font-size: 0.7em;
    letter-spacing: 1px;
    font-weight: bold;
    display: inline-block;
    padding: 0px 17px;
    background: #bb1605;
    color: #fff;
    position: relative;
    top: -5px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.about-block h3 a:hover{background:#fff;color:#111;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.about-block .edge-bottom{position:absolute;bottom:-2px;left:0;width:100%;height:auto;}
.about-block .edge-top{position:absolute;top:-2px;left:0;width:100%;height:auto;}
.about-header{overflow:hidden;}
.about-header h4{margin-top:0;margin-bottom: -15px;}
.overlay{}
.about-block-title{text-shadow:1px 1px 10px rgba(0,0,0,0.5);}

.instagram-feed{padding: 200px 0 140px;}
.instagram-feed .container, .instagram-feed .small-wrap{max-width:100%;}
.instagram-feed h3{max-width:1280px;margin:0 auto 20px;}

.block.pad-top{padding-top:100px;}


.icon-big{width:300px;}
.icon-basic{width:200px;display:block;margin:0 auto 10px;}
.icon-accent{width:75px;display:inline-block;margin:0 0px 0 0;position: relative;top: 12px;left:-10px;}
.about-block .icon-accent{width:40px;}
.icon-basic-left{width:200px;display:block;margin:0 0 10px;}

.bg-pos-bottom{background-position:bottom center !important;}

.block-black .block-title,.block-blue .block-title,.block-gradient .block-title{color:#fff;}

.g-one{color:#4A88CA;}
.g-two{color:#4A88CA;}
.g-three{color:#4A88CA;}

video{display:block;display:none;}
video#bgvid { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover; 
}
.overlay{position:absolute;width:100%;height:100%;z-index:2;background:rgba(0,0,0,0.1);top:0;}


.page-id-9 .block-2 .block-title{font-weight:800;color:#5C9BD3;margin-bottom:30px;}
.page-id-9 .block-2 img{margin-bottom:20px;}


.page-template-template-masthead-php #page-header{padding: 130px 0 150px;}
.page-template-template-masthead-php .footer-message.block{display:none;}

#page-header.blog-header{text-align:left;padding-top:190px;padding:0;position:relative;}
#page-header.blog-header h1{text-align:left;color:#fff;margin-bottom:0;text-shadow:2px 2px 10px rgba(0,0,0,0.5);}
.single #page-header.blog-header,.single #page-header.blog-header h1{text-align:center;}
#page-header.blog-header h1 a,#page-header.blog-header .blog-details{color:#fff;}
#page-header.blog-header .image-holder{height:350px;width:100%;overflow:hidden;}
.blog-details p{line-height:1.5em;font-size:1.2em;font-weight:300;}
.blog-header .blog-details p{margin-top:4px;float:left;}
.blog-details a{margin-top:5px;}
.blog-details h4{margin: 0;padding-top: 0px;font-size:30px;text-transform:none;}
.col3 .blog-details h4{font-size:24px;}
.divider{display:inline-block;position:relative;top:-1px;color:#ddd;margin:0 10px;}

#page-header.blog-header .block{position: absolute;bottom: 0;width: 100%;padding:60px 0 10px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */}

#page-header.detailed-header{padding:0;}
.detailed-header .center{padding-top:300px;}
.detailed-header .play-button{margin:0px auto 0;}
.detailed-header-content{margin-top:40px;}
.blog-header a.more-arrow{margin-top:10px;}

.blog-cta{border:0;background-color:#f4f4f4;padding:20px;}
.blog-cta p{font-size:1em;}
.blog-cta h3{margin: 0 0 5px;text-transform: uppercase;font-size:24px;}
.blog-cta input[type=submit]{width:100%;border-radius:0;}

.share a{margin-top: 8px;display:inline-block;color:#fff;font-size:20px;width:50px;text-align:center;padding:8px 0px;margin-right:6px;
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.share a.share-facebook{background:#3b5a99;}
.share a.share-twitter{background:#25a8e0;}
.share a.share-linkedin{background:#0d7bb7;}
.share a:hover{background:#fff;color:#111;}
.blog-header .share a{margin-top:0;}
.blog-entry .image-holder{overflow:hidden;max-height:400px;border-radius:3px;}
.blog-entry .image-holder.size-2{height:245px;margin-bottom:20px;}
.blog-entry .image-holder img{height: 100%;min-width: 100%;}
.blog-entry{margin-bottom:60px;}
.blog-entry.blog-subentry{margin-bottom:20px;}
.blog-entry h4 a{color:#222;}
.blog-header .date{color:#fff;margin-bottom:0;font-weight:bold;font-size:20px;}
.blog-header .length{color:#fff;margin-bottom:10px;font-weight:bold;font-size:20px;}
.blog-entry .date{color:#00A3DA;margin-bottom:0;font-weight:bold;font-size:20px;margin-right:0px;}

.elementor-2534 .elementor-element.elementor-element-7d10e18c .elementor-button br{display:none !important;}
.elementor-2534 .elementor-element.elementor-element-7d10e18c .elementor-button{    position: relative;top: -15px;}

.single #page-header.blog-header{padding:220px 0 120px;}
.white-wrap{background:#fff;padding:40px;}
.block-single{background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

body.single{position:relative;}
.single-overlay{position:absolute;width:100%;height:100%;z-index:2;background:rgba(0,0,0,0.25);top:0;}
.single #content,.single footer{position:relative;z-index:2;}
.block-single p{font-size:18px;line-height:1.5em}

#wpdevar_comment_1{border-top:3px solid #ddd;margin-top:40px;}

.paged .blog-header{display:none !important;}
.paged .block#posts{padding-top:140px;}

.pagination .page-numbers{display:inline-block;padding:14px;background:#111;color:#fff;font-weight:300;margin-right:8px;
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.pagination .page-numbers a{display:inline-block;}
.pagination span.page-numbers{display:inline-block;background:#00a3da;}
.pagination .page-numbers:hover{color:#111;background:#fff !important;}
.pagination .next{}
.pagination .previous{}

.centered-thumb{border-radius:50%;display:block;margin:0 auto 20px;max-width:200px;}

.iscwp-gallery-grid.iscwp-image-fit .iscwp-col-6 .iscwp-img-wrp, .iscwp-image-fit.slidestoshow-6 .iscwp-img-wrp{height:auto !important;}
.iscwp-gallery-slider button.slick-arrow{margin-top:-15px !important;}

.depth:hover,.pagination .page-numbers:hover{box-shadow:0 0 10px rgba(0,0,0,0.2);}
.single .date{text-shadow:0 0 5px rgba(0,0,0,0.5);}

#packages{display:flex;width:100%;}
.package-panel{width:50%;float:left;color:#fff;padding:100px 0;
-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.package-inner{width:65%;margin:0 auto;display:flex;flex-flow:column;align-items:center;}
.package-left{background:#666;}
.package-right{background:#333;}

.package-content{display:none;}
#packages:hover .package-panel{width:25%;}
#packages:hover .package-panel:hover{width:75%;}
.package-panel:hover .package-content{display:block;}
.package-panel:hover .package-hover{display:none;}

.dev-block{margin-bottom:20px;}
.dev-block i{float:left;margin-right:20px;}


		
		.timeline-block{position:relative;}
		.t-wrapper{margin:0 auto;max-width:1020px;padding: 36px 32px;box-sizing: border-box;}
		.t-nine .t-wrapper{padding-top:76px;}
		.t-wrapper.left .left-inner{width:60%;}
		.t-wrapper.right .right-inner{width:50%;float:right;}
		.t-wrapper.center{text-align:center;}
		.t-one{background:#00DEF9;padding-bottom:100px;padding-top:100px;border-bottom:1px solid #73cdec;}
		.t-two{background:#6EE1FA;padding-bottom:0px;padding-top:100px;border-bottom:1px solid #73cdec;}
		.t-three{background:#40DBF9;padding-bottom:0;padding-top:100px;border-bottom:1px solid #73cdec;}
		.t-four{background:#41DBF9;padding-bottom:0px;padding-top:100px;border-bottom:1px solid #73cdec;}
			.t-four .t-wrapper{padding-top:15px;}
		.t-five{background:#41DBF9;padding-top:100px;border-bottom:1px solid #73cdec;}
			.t-five .t-wrapper{padding-top:15px;}
		.t-six{background:#59D7F7;padding:120px 0 370px;border-bottom:1px solid #73cdec;}
			.t-six .t-wrapper{padding-top:150px;}
		.t-seven{background:#00C1F5;padding-bottom:0px;padding-top:100px;}
		.t-eight{background:#85daf8;padding-bottom:0px;}
		.t-eight .eight-caption,.t-eight .eight-caption p{font-size: 24px !important;line-height: 1.5em;}
		.t-2018{padding-top:100px;padding-bottom:200px;background-color:#33c1f3;}
		.t-2018 .t-caption{position:relative;z-index:9;}
		.t-2018 img{position:absolute;right:0;bottom:0;}
		.t-nine{background:#fff;padding-bottom:0;z-index:1000;}
		.t-nine .nine-caption,.t-nine .nine-caption p{font-size: 24px !important;line-height: 1.5em;}
		.timeline-block h2{color:#145571;font-weight:400;}
		.timeline-block h2 span{color:#fff;display:block;font-size:128px;line-height:130px;font-weight:bold;}
			.timeline-block.t-four h2 span{color:#3c3d3a;}
			.timeline-block.t-five h2 span{color:#3c3d3a;}
			.timeline-block.t-nine h2 span{color:#3c3d3a;}
		.t-stats{width:100%;height:auto;}
		.t-stats-mobile{display:none;width:100%;height:auto;}
		
		.t-start{display;block;text-transform:uppercase;position:absolute;bottom:0;left:50%;margin-left:-40px;width:80px;height:150px;
			text-align:center;color:#6fdcf8;}
		.t-start div.dot{display:block;width:80px;height:80px;background:rgba(111, 220, 248,0.25);border-radius:50%;}
		.t-start div.dot span{display:block;width:60px;height:60px;background:rgba(111, 220, 248,0.25);border-radius:50%;
			position: relative;top: 10px;left: 10px;}
		.t-start div.dot span > span{width:40px;height:40px;background:#6fdcf8;}
		.t-start div.line{background:#6fdcf8;width:3px;height:120px;position:absolute;top:30px;left:39px;z-index:5}
		
		.t-last{display;block;text-transform:uppercase;position:absolute;top:0;left:50%;margin-left:-40px;width:80px;height:120px;
			text-align:center;color:#6fdcf8;}
		.t-last div.dot {display:block;width:80px;height:80px;background:rgba(51,51,51,0.25);border-radius:50%;position: relative;top: 40px;}
		.t-last div.dot span{display:block;width:60px;height:60px;background:rgba(51,51,51,0.25);border-radius:50%;
			position: relative;top: 10px;left: 10px;}
		.t-last div.dot span > span{width:40px;height:40px;background:#333;}
		.t-last div.line{background:#333;width:3px;height:70px;position:absolute;top:0px;left:39px;z-index:5;}
		
		.t-start .dot{animation: pulse1 3s infinite;}
		.t-start .dot2{animation: pulse2 3s infinite;}
		@keyframes pulse1 {
		  0% {
			background-color: #fff;
		  }
		  25%{
			background-color: #fff;
		  }
		  50% {
			background-color: rgba(111, 220, 248,0.25);
		  }
		  100% {
			background-color: #fff;
		  }
		}
		@keyframes pulse2 {
		  0% {
			background-color: #fff;
		  }
		  25% {
			background-color: rgba(111, 220, 248,0.25);
		  }
		  50%{
		  background-color: rgba(111, 220, 248,0.25);
		  }
		  100% {
			background-color: #fff;
		  }
		}
		
		.t-last .dot{animation: beat1 3s infinite;}
		.t-last .dot2{animation: beat2 3s infinite;}
		@keyframes beat1 {
		  0% {
			background-color: #fff;
		  }
		  25%{
			background-color: #fff;
		  }
		  50% {
			background-color: rgba(51,51,51,0.25);
		  }
		  100% {
			background-color: #fff;
		  }
		}
		@keyframes beat2 {
		  0% {
			background-color: #fff;
		  }
		  25% {
			background-color: rgba(51,51,51,0.25);
		  }
		  50%{
		  background-color: rgba(51,51,51,0.25);
		  }
		  100% {
			background-color: #fff;
		  }
		}
		
		
		.timeline-inner{position:relative;overflow:hidden;}
		.t-nav{display:block;position:fixed;left:0;width:40px;height:100%;z-index:100;top:0;opacity:0;
		-moz-transition:0.3s opacity; -webkit-transition:0.3s opacity; transition:0.3s opacity;}
		.t-nav a{width:28px;display:block;height:10%;position:relative;}
		.t-nav a:nth-child(even){}
		.t-nav a div{width:14px;height:14px;border-radius:50%;background:#fff;position:relative;left:50%;margin-left:-2px;top:50%;margin-top:-7px;
		-moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all;}
		.reveal{opacity:1;}
		.t-nav .line{position:absolute;width:2px;height:100%;background:rgba(255,255,255,0.4);left: 50%;margin-left: -2px;}
		.t-nav a:hover div{box-shadow:0 0 0 5px rgba(255,255,255,1);}
		.t-nav a.current div{/*width:40px;height:40px;margin-left:-20px;margin-top:-20px;*/box-shadow:0 0 0 5px #fff;}
		
		.timeline-block h3{font-size:100px;color:#fff;line-height: 100px;margin: 0;}
		.timeline-block p{font-size:35px;color:#145571;}
		
		.timeline-block .t-wrapper.left .timeline-container{width:50%;}
		
		
		.mobile-graphic{display:none;}
		a:focus{outline:none;}
		
		#bios,footer{position:relative;z-index:200;}
		#bios img{border-radius:50%;width:250px;height:auto;display:block;margin:0 auto;}
		#bios p{font-size:16px;}
		#bios p strong{font-size:18px;}
		#bios h3{margin:10px 0;font-size: 2em;}
		@media screen and (min-width:1600px){
		.t-one{padding-top:300px;padding-bottom:300px;}
		.t-two{padding-top:100px;padding-bottom:500px;background-position:bottom center;}
		.t-three{padding-top:100px;padding-bottom:600px;background-position:bottom center;}
		.t-four{padding-top:200px;padding-bottom:750px;}
		.t-five{padding-top:200px;padding-bottom:750px;}
		.t-six{padding-top:400px;padding-bottom:400px;}
		.t-seven{padding-top:100px;padding-bottom:0px;}
		.t-seven p.t-para-bottom{padding-bottom:100px;}
		.t-eight{padding-top:100px;padding-bottom:0px;}
		}
		@media screen and (max-width:1150px) and (min-width:761px){
		.t-wrapper{padding-left:100px;}
		.t-2018 img{width:80%;}
		}
		@media screen and (max-width:760px){
		body{overflow-x: hidden;}
		.t-nav{display:none !important;}
		.timeline-block{background-position:center center;}
		.t-wrapper{text-align:center}
		.t-wrapper.left div{width:100% !important;}
		.t-wrapper.right div{width:100% !important;float:none;}
		.timeline-block h2 span{font-size:96px;}
		.timeline-block{background-image:none !important;padding:50px 0 !important;}
		.timeline-block.t-six{background-image:url(/s/Raises-series-A-13m.png) !important;}
		.t-nine.t-wrapper {padding:0;}
		.mobile-graphic{display:block;max-width:100%;height:auto;margin:0 auto;}
		.t-nine .nine-caption,.t-nine .nine-caption p{max-width: 90%;margin: 40px auto 0px;}
		.t-2018{padding-bottom:175px !important;}
		.timeline-block.t-eight{padding-bottom:0 !important;}
		}
		@media screen and (max-width:650px){
		.t-stats{display:none;}
		.t-stats-mobile{display:block;}
		}
.stats-outer{max-width:700px;margin:0 auto;text-transform:uppercase;font-weight:300;}
.stats-one{display:none;float:left;width:52%;margin-right:2%;height:300px;}
.stats-two{float:left;width:52%;margin-right:5%;height:300px;}
.stats-three{float:left;width:43%;height:300px;}

.stats-two-one{margin-bottom:20px;}
.stats-two-two{margin-bottom:20px;}
.stats-two-three{margin-bottom:0px;}

.stats-three img{width:50px;width: 61px;
    height: 45px;opacity:1;
    margin-bottom: 10px;}
    
    .stats-bighead{text-align: center;margin:0;
    font-weight: 800;line-height: 1em;
    font-size: 95px;}
    .stats-smallhead{text-align: center;font-size: 40px;margin:0 0 30px;padding-bottom:20px;border-bottom:5px solid #176282;
    color: #b5c6da !important;text-transform:uppercase;font-weight:300;}

.size1{text-transform:uppercase;}

.stats-checks i{font-size:53px;color:#fff;}

.stats-bar{width:100%;background: rgb(24,98,133); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(24,98,133,1) 0%, rgba(0,178,240,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(24,98,133,1) 0%,rgba(0,178,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(24,98,133,1) 0%,rgba(0,178,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#186285', endColorstr='#00b2f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */height:100%;}
.animate-bar{animation: bar 3s 1;}
		@keyframes bar {
		  0% {
			width:0%;
		  }
		  100% {
			width: 100%;
		  }
		}
.animate-opac-one{animation: opacFade 3s infinite;}
.animate-opac-2{animation: opacFade 3s 1s 1;}
.animate-opac-3{animation: opacFade 3s 2s 1;}
.animate-opac-4{animation: opacFade 3s 3s 1;}
		@keyframes opacFade {
		  0% {
			opacity:0%;
		  }
		  100% {
			opacity: 100%;
		  }
		 }

.block.block-detail{padding:80px 0 60px;}
.block-detail:nth-child(even){background:#f4f4f4;}

.case-holder{border:1px solid #ddd;display:block;}


.unikey-form{color:#fff;background:#00A3DA;border-radius:5px;padding:5px 30px 10px;}5
.unikey-form h2{    font-size: 2em;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;}
.unikey-form input[type="text"],
.unikey-form input[type="email"],
.unikey-form input[type="number"],
.unikey-form input[type="phone"],
.unikey-form textarea{    background: rgba(255,255,255,0.9) !important;border: 0 !important;}

.unikey-form input[type="text"].wpcf7-not-valid,
.unikey-form input[type="email"].wpcf7-not-valid,
.unikey-form input[type="number"].wpcf7-not-valid,
.unikey-form input[type="phone"].wpcf7-not-valid,
.unikey-form textarea.wpcf7-not-valid{background:#ffc384 !important;}

.unikey-form.unikey-form-alt{color:#222;background:transparent;padding:0px;}
.unikey-form.unikey-form-alt input[type="text"],
.unikey-form.unikey-form-alt input[type="email"],
.unikey-form.unikey-form-alt input[type="number"],
.unikey-form.unikey-form-alt input[type="phone"],
.unikey-form.unikey-form-alt textarea{    background: rgba(255,255,255,0.9) !important;border: 1px solid #ccc !important;border-radius:2px;}

.unikey-form.unikey-form-alt input[type="submit"]{width:100%;background-color:#61CE70;font-size:24px;padding:12px 0;margin-top:20px;}

msg-error {
  color: #c65848;
}
.g-recaptcha.error {
  border: solid 2px #c64848;
  padding: .2em;
  width: 19em;
}

.elementor-button-wrapper br{display:none;}

#white_paper img{height:auto;}

.single-white_paper #page-header{padding:140px 0 120px;}
.single-white-paper #page-header h1{font-size:3em;}
.single-white_paper #page-header h4.block-subtitle{font-size:26px;font-weight:700;}

/*///////////////////// MEDIA QUERIES /////////////////////*/

.hide600,.hide800,.hide1024,.hidemid{display:none;}


/* LARGE SCREENS */
@media screen and (min-width: 1280px){
	.container { max-width:1280px; }
	footer .button-subscribe{margin-left:125px;}
	.home #page-header h1, #page-header.products-header h1{margin-top:50px;}
	.home #page-header p, #page-header.products-header p{font-size:1.6em;}
	.home #page-header p a.button{font-size:0.8em;}
	.header-image img{bottom:-15px;right:0px;width:415px;max-width:100%;}

}

@media (min-width: 768px){
.elementor-image-gallery .gallery-columns-6 .gallery-item{max-width:16.3% !important;}
}

/* MID */
@media screen and (max-width: 1279px){
	.hidemid{display:block;}.no-mid{display:none;}.container { max-width:1080px; }
	.home #page-header h1{font-size:2.2em;}
	.home #page-header p, #page-header.products-header p{font-size:1.6em;}
	.home #page-header p a.button{font-size:18px;}
	.blog-entry{}
	.header-image img{bottom:0;}
	.header-image{}
	.guide-img{right:-150px;}
	footer .button-subscribe{margin-left:125px;}
	.header-image {
    height: 91%;
    margin-top: 9%;}
}

@media screen and (max-width: 1120px){
.sketch{opacity: 0.1 !important;}
}

/* TABLET SCREENS (LANDSCAPE) */
@media screen and (max-width: 1024px){
    .no-1024{display:none;}
    .hide1024{display:block;}
    h1 {font-size: 2.3em;}
    h2 {font-size: 2.3em;}
    .site-content h2{}
    h3 {font-size: 2.3em;}
    h4 {font-size: 1.9em;}
    h5 {font-size: 1.4em;}
    h6 {font-size: 1em;}
    
    .home #page-header h1, #page-header.products-header h1{margin-top:60px;}
    .home #page-header p, #page-header.products-header p{font-size:1.1em;}

    .container { max-width:800px; }
    .home #page-header{overflow:hidden;}
    .home #page-header h1{font-size:2em;}
    .home #page-header h2{font-size:1.5em;}
    #guide select{padding-right:10px;}
    
    .page-list li{width:100%;}
    .page-list li a{padding:15px 0;margin-bottom:10px;text-align:center;display:block;}
	/* MAIN MENU DROPDOWN */
	.menu-main li ul { display:none; visibility:visible; opacity:1; }
	.menu-main li:hover > ul { display:block; visibility:visible; opacity:1; }   
    
    .header-image img{bottom:-15px;right:-120px;width:415px;max-width:100%;}
    .header-image{}
    .stats-outer{max-width:600px;}
    .stats-bighead{font-size:57px;}
    .stats-smallhead{font-size:32px;border-bottom:0;}
    .stats-one{width:50%;margin:0 auto 40px;float:none;}
    .stats-two{width:60%;margin:0 auto 40px;float:none;}
    .stats-three{clear:left;width:49%;margin:0 auto;float:none;}
    
        .guide-question i{display:none;}
    #guide select{background:url('../img/downangle.png') center right no-repeat;}

    
    .about-header h4{font-size:1.2em;}
    .blog-entry .image-holder{height:260px;}
    .footer-logo{max-width:100%;margin:30px 0 10px 0;}
    .footer-social-media ul{width:100%;}
    .footer-menu li{margin-bottom:15px;}
    .footer-social-media ul li{margin-bottom:10px;}
    footer .button-subscribe{margin-left:125px;}

}


/* TABLET SCREENS (PORTRAIT) */
@media screen and (max-width: 800px){
    .no-800{display:none;}
    .hide800{display:block;}
	/* BLOCKS */
	.block4{width:50%;}
	.block4x3{width:50%;}
	/* COLUMNS */
	.col4 { width:47.5%; }
	.col4:nth-child(2) { margin-right:0; }
	.col5 { width:47.5%; }
	.col5:nth-child(n+3) { width:30%; }
	.col5:nth-child(2) { margin-right:0; }
	.col6 { width:49%; }
	.col6:nth-child(3) { margin-right:0; }
	.blog-button{display:none;}
	
	.about-block h3{text-align:center;}
	
	.grid-two .grid-block{width:100%;}
    .grid-three .grid-block{width:100%;}
    .grid-four .grid-block{width:50%;}

	
	/* WRAPPERS */	
	.container { padding:0 30px; }

	/* MAIN MENU */
	nav.block1.fixed,nav.block1.fixed-two{height:80px;}
	.main-nav{ display:none; }
	#mobile-toggle { display:inline-block; }
	#top{background:#1F295D;}
	.main-nav-logo{padding-top:12px;}
	.social-media a{}
    #mobile-nav {width:100%;top:0;background:#003142;position:absolute;font-size:14px;
    z-index: 10;}
    .search-box{display:none;}
    #mobile-nav a{display:block;padding:15px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.1);}
    #faqs label{padding-right:60px;}
    .home #page-header{
    }
    .home #page-header .container.heading-container{display:block;}
    .home #page-header .container h1{width:100%;margin-top:40px;margin-bottom:10px;}
    .home #page-header p, #page-header.products-header p{font-size:1.2em;}
    .home #page-header p a.button{font-size:1em;}
    header input.search-field,.home .heading-bottom{display:none;}
    .overlay{background:rgba(0,0,0,0.7);}
    .home #page-header .container div.center{width:100%;}
    .home #page-header{background-position: 100% 0px !important;}
    
    .header-image{display:none;}
    .header-intro.col60{width: 90%;margin: 0 auto;}
        
    .block#guide{padding:100px 0;text-align:center;}
    .guide-image-holder{opacity:0.5;}
    .guide-image-holder.guide-hide{opacity:0;}
        
    .block-title.left-aligned{text-align:center;}
    #blog-showcase a.text-link{display:none;}

    #posts .col2, #posts .col3, #posts .col3x2{width:100%;}
    .blog-entry .image-holder{height:400px;margin-bottom:20px;}
    .blog-entry h4{margin-bottom:20px;}
    
    .footer-menu li{margin-right:20px;margin-top:10px;margin-bottom:20px;}
    .footer-logo{margin:0 auto 20px;}
    
    .page-list i{position:relative;top:3px;right:10px;}
    
    #a-bar{font-size:16px;line-height:1.4em;top:auto;bottom:0;padding:20px 0;}
    #a-bar .container{padding:0 50px !important;}
    header.with-a-bar nav{margin-top:0px;}
    header.with-a-bar nav.block1.fixed, header.with-a-bar nav.block1.fixed-two{margin-top:0px;}
    
}

/* SMARTPHONE SCREENS */
@media only screen and (max-width: 600px){
    .no-600{display:none;}
    .hide600{display:block;}
	.column{width:100% !important;float:none;}
	.block,.block1,.block2,.block3,.block4,.block3x2,.block4x3{width:100% !important;float:none;}
	/* HEADINGS */
	h1 { font-size:2em; } 
	h2 { font-size:1.8em; } 
	h3 { font-size:1.4em; } 
	.instagram-feed h3{font-size:2em;text-align:center;}
	h4 { font-size:1.2em; } 
	h5 { font-size:1.1em; } 
	h6 { font-size:1.0em; }
	p{ font-size:1em; }
	nav.block1.fixed,nav.block1.fixed-two{height:72px;}
	.main-nav-logo{width:100px;}
	.block-title{font-size:32px;}
	.icon-basic-left{margin:0 auto 10px;}
	.header-intro{padding-top:20px;}
	#page-header .header-inner .button{margin-bottom:10px;}
    .logo-block{width:50%;}	#social .sketch{display:none;}
	.social-media{width:100%;}
	.social-media a{width:50px;height:50px;font-size:25px;}
	.social-media a i{top:12px;left:15px;}
	.social-media a i.fa-facebook{left:16px;}
	.home #page-header{padding:80px 0;}
	.home #page-header h1{font-size:1.8em;font-weight:400;text-align:center;margin-top:20px;}
	.home #page-header .button{display:block;text-align:center;}
	.window-height{height:auto;}
	.home #page-header h2{font-size:1.2em;}
	.home #page-header{background-position: 81% 0px !important;}
	.header-image{display:none;}
    .block#video{padding:100px 0;}
    
    .guide-img{display:none !important;}
    .stats-outer{width:600px;position: relative;left:-50px;}
    
        .grid-four .grid-block{width:100%;}
    

	
	/* HEADER */
	.main-nav-logo{float:none;margin:0 auto;}
		
	/* FOOTER MENU */
	.ll-form input[type=submit]{margin-top:20px;}
	.footer-menu li { display:block; margin:0 0 15px; }
	footer .button-subscribe{margin-left:0px;}
	
	/* INLINE IMAGES */
	.alignleft, img.alignleft { max-width:40%; margin-right:10px; }
	.alignright, img.alignright { max-width:40%; margin-left:10px; }
	.bio-wrapper.container{justify-content:flex-start;align-items:flex-start;}
	.bio-content img{float: none;
    margin: 0 auto 20px;
    display: block;
    max-width: 130px;}
    
    .blog-entry .image-holder{height:300px;}
    
    footer{text-align:center;}
    .contact-column i{display:none;}
    .contact-column .fa-ul{margin-left:0;}
    .footer-social-media ul{width:100%;margin-bottom:20px;}
    
    .bottom-menu li{width:50%;margin: 10px 0;}
    #packages{flex-wrap:wrap;}
    .package-panel,#packages:hover .package-panel:hover,#packages:hover .package-panel{width:100%;}
    .block-teal p{margin-bottom:0;padding-bottom:30px;}
    #pac-quote img{position:static;width:50%;margin:40px auto 0;}
    #residential h3, #PACS h3, #automotive h3, #custom-solutions h3{font-size:3em;}
    .elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-details, .elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-image{display:block !important;text-align:center !important;}
	.elementor-testimonial-wrapper .elementor-testimonial-meta-inner{width:100%;}
	
	.timeline-block#two .col2,.timeline-block#three .col2,.timeline-block#four .col1,
	.timeline-block#five .col1{margin-bottom:60px !important;}
	#six img{opacity:0.3 !important;}
	.timeline-block p{font-size:20px !important;}
	#seven .col2 .spacer{height:1px;}
	
	.grid-block{display:block;background:#fff !important;}
	.grid-block img{opacity:1 !important;display:block;margin:0 auto;padding:0;max-width:150px;}
	.grid-block:hover img{opacity:1 !important;}
    .grid-block .grid-text{opacity:1 !important;display:block;position:static;height: auto;width: 100%;margin:20px 0 60px;}
    .grid-text p, a .grid-text p{font-weight:400;font-size:14px;}
    .package-hover{display:none !important;}
    .package-content{display:block !important;}
     .grid-block.no-text{display:none;}

}
@media only screen and (max-width: 500px){
    .stats-outer{left:0px;}
    .stats-outer{zoom:0.8;}
}
@media only screen and (max-width: 450px){
    .stats-outer{left:-70px;}
}
@media only screen and (max-width: 400px){
    	.home #page-header h2{font-size:80px;}
    	.stats-outer{}
}