@charset "utf-8";
/* CSS Document */
html{overflow-x:hidden}
html,body{font-size: 16px; background:#FFFFFF;font-family: 'DINPro-Regular';padding: 0 !important;font-weight: normal;color:#414042;}
html, body, div, span, applet, object, iframe, 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; vertical-align: baseline; }
p{font-size: 1.250em;}
strong{font-family: 'DINPro-Bold';}
a{color:#414042;transition: ease-in-out all 0.4s; -webkit-transition: ease-in-out all 0.4s; -ms-transition: ease-in-out all 0.4s; -o-transition: ease-in-out all 0.4s; text-decoration:none;}
a:active, a:hover, a:focus{outline: 0; text-decoration:none;}
ul li{list-style:none;list-style: none;list-style-image: none;list-style-type: none;}

/* === Header Group === */
h1, .h1{font-size:70px;font-family: 'DINPro-Bold';}
h2, .h2{font-size:48px;font-family: 'DINPro-Bold';}
h3, .h3{font-size:36px;font-family: 'DINPro-Bold';}
h4, .h4{font-size:30px;font-family: 'DINPro-Bold';}
h5, .h5{font-size:24px;font-family: 'DINPro-Bold';}
h6, .h6{font-size:18px;font-family: 'DINPro-Bold';}

.custom-container{max-width: 1920px;display: block;padding: 0 15px;margin: 0 auto;}
.container-fluid{max-width: 1400px;width: 95%;}

a {color: #009abf;}
a:hover {color: #414042;}

.section{padding: 6.250em 0;}
.section-small{padding: 3.750em 0;}
.bg-bottom{background-position: bottom center;}
.bg-top{background-position: top center;}

/* Background Color ---------------------*/
.bg-dark-gray{background: rgba(231, 231, 231, 1);}
.bg-gray{background: rgba(23, 25, 31, 0.04);}
.bg-black{background: rgba(23, 25, 31, 1);}
.bg-theme{background: rgba(0, 154, 191, 1);}
.bg-white{background: rgba(255, 255, 255, 1) !important;}
.bg-theme a { color: #fff; text-decoration: underline;  }
.bg-theme a:hover { color: #000; text-decoration: none;  }

/* Background Gradient ---------------------*/
.gradient-gray{background: -moz-linear-gradient(45deg, rgba(152,152,152,1) 0%, rgba(224,222,222,1) 90%, rgba(224,222,222,1) 100%);background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(152,152,152,1)), color-stop(90%, rgba(224,222,222,1)), color-stop(100%, rgba(224,222,222,1)));background: -webkit-linear-gradient(45deg, rgba(152,152,152,1) 0%, rgba(224,222,222,1) 90%, rgba(224,222,222,1) 100%);background: -o-linear-gradient(45deg, rgba(152,152,152,1) 0%, rgba(224,222,222,1) 90%, rgba(224,222,222,1) 100%);background: -ms-linear-gradient(45deg, rgba(152,152,152,1) 0%, rgba(224,222,222,1) 90%, rgba(224,222,222,1) 100%);background: linear-gradient(45deg, rgba(152,152,152,1) 0%, rgba(224,222,222,1) 90%, rgba(224,222,222,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0dede', endColorstr='#989898',GradientType=1 );}

/* Button ---------------------*/
.btn{position: relative;font-size: 1.5em;padding: 0.7em 1.5em;min-width: 350px;background: transparent;letter-spacing: 0.11em;border-width: 0;border-style: solid;font-family: 'DINPro-Bold';text-transform: uppercase;white-space: nowrap;text-align: center;overflow: hidden;text-decoration: none;vertical-align: middle;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline: none;outline-offset: 0;}
.btn span{position: relative;z-index: 1;}
.btn + .btn{margin-left: 40px;}
.btn-small{font-size: 1.25em;}

.btn-white,
.btn-white:focus{border-color: #ffffff;color: #414042;outline-offset: 0;outline: none;}
.btn-white:hover {color: #ffffff;}
.btn-white:before {position: absolute;content: '';display: block;top: 0px;height: 100%;left: 0;width: 100%;background: #ffffff;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);z-index: 1;}
.btn-white:hover:before {right: 0;width: 0px;left: auto;}

.btn-white-invert,
.btn-white-invert:focus{border-color: #ffffff;color: #ffffff;outline-offset: 0;outline: none;}
.btn-white-invert:hover {color: #414042;}
.btn-white-invert:before {position: absolute;content: '';display: block;top: 0px;right: 0px;height: 100%;width: 0px;background: #ffffff;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);z-index: 1;}
.btn-white-invert:hover:before {left: 0%;right: auto;width: 100%;}

.btn-orange,
.btn-orange:focus{border-color: #f36e21;color: #ffffff;outline-offset: 0;outline: none;}
.btn-orange:hover {color: #f36e21;}
.btn-orange:before {position: absolute;content: '';display: block;top: 0;height: 101%;left: 0;width: 101%;background: #f36e21;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);z-index: 1;}
.btn-orange:hover:before {right: 0;width: 0px;left: auto;}

.btn-orange-invert,
.btn-orange-invert:focus{border-color: #f36e21;color: #f36e21;outline-offset: 0;outline: none;}
.btn-orange-invert:before {position: absolute;content: '';display: block;top: 0px;right: 0px;height: 100%;width: 0px;background: #f36e21;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);z-index: 1;}
.btn-orange-invert:hover {color: #ffffff;}
.btn-orange-invert:hover:before {left: 0%;right: auto;width: 100%;}

.btn-theme,
.btn-theme:focus{border-color: #009abf;color: #ffffff;outline-offset: 0;outline: none;}
.btn-theme:hover {color: #009abf;}
.btn-theme:before {position: absolute;content: '';display: block;top: 0px;height: 102%;left: 0;width: 102%;background: #009abf;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);z-index: 1;}
.btn-theme:hover:before {right: 0;width: 0px;left: auto;}

.btn-theme-invert,
.btn-theme-invert:focus{border-color: #009abf;color: #009abf;outline-offset: 0;outline: none;}
.btn-theme-invert:hover {color: #ffffff;}
.btn-theme-invert:before {position: absolute;content: '';display: block;top: 0px;right: 0px;height: 100%;width: 0px;background: #009abf;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);z-index: 1;}
.btn-theme-invert:hover:before {left: 0%;right: auto;width: 100%;}

.link-arrow-white{position: relative;font-family: 'DINPro-Bold';padding-right: 25px;letter-spacing: 0.11em; overflow: hidden;display: inline-flex;color: #ffffff;}
.link-arrow-white:before {position: absolute;content: '';background-image: url(../img/icon/right-arrow-white.svg);height: 16px;width: 16px;background-size: 16px 16px;right: 0;top: 50%;transform: translate(0, -50%);transition: ease-in-out all 0.3s; -webkit-transition: ease-in-out all 0.3s; -ms-transition: ease-in-out all 0.3s; -o-transition: ease-in-out all 0.3s;}
.link-arrow-white:after{position: absolute;content: '';background-image: url(../img/icon/right-arrow-black.svg);height: 16px;width: 16px;background-size: 16px 16px;right: 15px;top: 50%;transform: translate(0, -50%);opacity: 0;transition: ease-in-out all 0.3s; -webkit-transition: ease-in-out all 0.3s; -ms-transition: ease-in-out all 0.3s; -o-transition: ease-in-out all 0.3s;}
.link-arrow-white:hover{color: rgba(23, 25, 31, 0.7);}
.link-arrow-white:hover:before{right: -15px;opacity: 0;}
.link-arrow-white:hover:after{right: 0;opacity: 1;}

.link-arrow-theme{position: relative;font-family: 'DINPro-Bold';padding-right: 25px;letter-spacing: 0.11em;overflow: hidden;display: inline-flex;color: #009abf;}
.link-arrow-theme:before {position: absolute;content: '';background-image: url(../img/icon/right-arrow-cyan.svg);height: 16px;width: 16px;background-size: 16px 16px;right: 0;top: 50%;transform: translate(0, -50%);transition: ease-in-out all 0.3s; -webkit-transition: ease-in-out all 0.3s; -ms-transition: ease-in-out all 0.3s; -o-transition: ease-in-out all 0.3s;}
.link-arrow-theme:after{position: absolute;content: '';background-image: url(../img/icon/right-arrow-black.svg);height: 16px;width: 16px;background-size: 16px 16px;right: 15px;top: 50%;transform: translate(0, -50%);opacity: 0;transition: ease-in-out all 0.3s; -webkit-transition: ease-in-out all 0.3s; -ms-transition: ease-in-out all 0.3s; -o-transition: ease-in-out all 0.3s;}
.link-arrow-theme:hover{color: rgba(23, 25, 31, 0.7);}
.link-arrow-theme:hover:before{right: -15px;opacity: 0;}
.link-arrow-theme:hover:after{right: 0;opacity: 1;}

.btn:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 4px solid transparent;z-index: 1;pointer-events: none;}
.btn-orange:after {border-color: #f36e21;}
.btn-theme:after {border-color: #009abf;}
.btn-white-invert:after, .btn-white:after { border-color: #ffffff;  }
.btn-theme-invert:after { border-color: #009abf;  }
.btn-orange-invert:after { border-color: #f36e21;  }

/* Common Title ---------------------*/
.uppercase{text-transform: uppercase;}
h1.title{font-size: 5.229em;color: #ffffff;margin: 0;letter-spacing: 0.015em;}
h2.title{font-size: 2.625em;color: #009abf;margin: 0;text-transform: uppercase;}
h3.title{font-size: 2.288em;color: #ffffff;margin: 0;}

/* Owl Carousel Arrow ---------------------*/
.owl-carousel .owl-nav {text-align: center;}
.owl-carousel .owl-nav button{outline: none;outline-offset: 0;}
.owl-carousel .owl-nav .owl-prev{position: absolute;left: -72px;top: 50%;transform: translate(0, -50%);background-image: url(../img/icon/left-arrow-cyan.svg) !important;height: 32px;width: 32px;background-size: 32px 32px !important;}
.owl-carousel .owl-nav .owl-next{position: absolute;right: -72px;top: 50%;transform: translate(0, -50%);background-image: url(../img/icon/right-arrow-cyan.svg) !important;height: 32px;width: 32px;background-size: 32px 32px !important;}
.owl-carousel.white-arrow .owl-nav .owl-prev{background-image: url(../img/icon/left-arrow-white.svg) !important;;}
.owl-carousel.white-arrow .owl-nav .owl-next{background-image: url(../img/icon/right-arrow-white.svg) !important;}

/* Owl Carousel Dots ---------------------*/
.owl-carousel .owl-dots {text-align: center;position: relative;right: 0;left: 0;bottom: -25px;}
.owl-carousel .owl-dot {display: inline-flex;margin: 6px 10px;border: none;background: transparent;padding: 0;outline: none;outline-offset: 0;line-height: 0.7;}
.owl-carousel .owl-dot span {height: 20px;width: 20px;display: inline-block;border-radius: 90%;background-color: #787777;}
.owl-carousel .owl-dot.active span{background-color: #0099be;}
.owl-carousel.white-dots .owl-dot span {background-color: #77cee3;}
.owl-carousel.white-dots .owl-dot.active span{background-color: #ffffff;}

/* Menu Button ---------------------*/
.navbar-toggle {position: absolute;width: 30px;height: 38px;margin: 0 auto;float: none;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out;cursor: pointer;z-index: 99999;right: 30px;top: 15px;}
.navbar-toggle .icon-bar {background: #009abf none repeat scroll 0 0;border-radius: 10px;display: block;height: 3px;left: 0;opacity: 1;position: absolute;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;width: 100%;margin-top: 0 !important;}
.navbar-toggle .icon-bar:nth-child(1) {top: 11px;}
.navbar-toggle .icon-bar:nth-child(2) {top: 19px;}
.navbar-toggle .icon-bar:nth-child(3) {top: 27px;width: 80%}
.menu-inview .navbar-toggle .icon-bar:nth-child(1) {top: 19px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
.menu-inview .navbar-toggle .icon-bar:nth-child(2) {opacity: 0;left: -60px;}
.menu-inview .navbar-toggle .icon-bar:nth-child(3) {top: 19px;width: 100%;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}


/* HOME PAGE CSS =====================================================*/
.header{position: relative;left: 0;right: 0;top: 0;z-index: 5;}
.header .top-part{display: block;padding: 15px 30px 15px 0;background: #414042;position: relative;}
.header .top-part p{margin: 0 0 0 1em;color: #ffffff;font-size: 1.5em;padding: 6px 0;}
.header .top-part strong{color: #f36e21;}
.header .top-part a.close-top-bar {position: absolute;right: 20px;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);border: 3px solid;height: 32px;width: 32px;text-align: center;line-height: 24px;font-size: 20px;color: #fff;}
.header .top-part a.close-top-bar:hover {color: #009abf;}


.header .top-part .btn{padding-top: 2px;padding-bottom: 2px;font-family: 'DINPro-Regular';letter-spacing: 0;min-width: 100%;line-height: 36px;}
.header .bottom-part{position: relative;display: block;padding: 0 15px;background: #ffffff;box-shadow: 0px 0px 5px 0px rgba(149, 186, 195, 0.69);}
.header .bottom-part .logo {vertical-align: middle;display: inline-block;}
.header .bottom-part .logo a {display: block;}
.header .bottom-part .logo img {max-height: 42px;width: auto;}

.nav-menu {vertical-align: middle;display: inline-block;padding: 0 3.063em;}
.nav-menu > ul {display: block;}
.nav-menu > ul > li {display: inline-flex;}
.nav-menu > ul > li + li{margin-left: 4.1em;}
.nav-menu > ul > li > a {position: relative;display: block;font-size: 1.375em;letter-spacing: 0.035em;padding: 30px 0;text-transform: uppercase;color: #414042;font-family: 'DIN-BoldAlternate';}
.nav-menu > ul > li > a:before {position: absolute;content: '';top: 25px;left: 0;right: auto;width: 0;height: 3px;background: #009abf;transition: ease-in-out all 0.4s;-webkit-transition: ease-in-out all 0.4s;-ms-transition: ease-in-out all 0.4s;-o-transition: ease-in-out all 0.4s;}
.nav-menu > ul > li.active > a:before,
.nav-menu > ul > li:hover > a:before{right: 0;width: 100%}

.three-column{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.two-column{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}


/* fade-down Effect ===================*/
.sub-menu .tab-content .nav-tabs li a { color: #414042;}
.nav-menu li > .sub-menu{position: absolute;max-width: 1340px;min-height: 280px;top: 90px;left: 0;z-index: 1000;font-size: 15px;right: 0;margin: 0 auto;padding: 4px;background-color: #ffffff;box-shadow: 0px 4px 5px 0px rgba(149, 186, 195, 0.69);opacity:0;visibility:hidden;-o-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0;transform-style:preserve-3d;-o-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-o-transition:-o-transform .3s,opacity .3s;-ms-transition:-ms-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;-webkit-transition:-webkit-transform .3s,opacity .3s;transform:rotateX(-75deg);-o-transform:rotateX(-75deg);-moz-transform:rotateX(-75deg);-webkit-transform:rotateX(-75deg);}
.nav-menu li:hover > .sub-menu{opacity:1;visibility:visible;transform:rotateX(0);-o-transform:rotateX(0);-moz-transform:rotateX(0);-webkit-transform:rotateX(0);}
.sub-menu .nav-tabs {display: block;border: none;}
.sub-menu .inside-full-height.setbg{margin-right: 4px;}
.sub-menu .nav-tabs li {position: relative;margin: 0;display: block;float: none; display: inline-block; width: 100%;}
.sub-menu .nav-tabs li a,
.sub-menu .nav-tabs li a:hover,
.sub-menu .nav-tabs li a:focus {position: relative;background-color: transparent;display: block;border: none;margin: 0;}
.sub-menu .bgimg li:not(:last-child){margin-bottom: 4px;}
.sub-menu .bgimg li:before {position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(23, 25, 31, 0.4);}
.sub-menu .bgimg li.active:before {position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(23, 25, 31, 0.6);}
.sub-menu .bgimg li a,
.sub-menu .bgimg li a:hover,
.sub-menu .bgimg li a:focus {color: #ffffff;text-transform: uppercase;padding: 40px 35px;font-size: 1.2em;z-index: 2;cursor: pointer;}
.sub-menu .tab-content{padding: 10px;}
.sub-menu .tab-content .menu-content{display: block;position: relative;}
.sub-menu .tab-content .menu-content h4{font-size: 1.225em;margin: 15px 0 5px;}
.sub-menu .tab-content .menu-content p {font-size: 1em;margin: 0;}
.sub-menu .tab-content .menu-content p a {color: #009abf;}
.sub-menu .tab-content .menu-content p a:hover {text-decoration: underline;}
.sub-menu .tab-content .nav-tabs li a{padding: 5px 10px; font-size: 1.125em;}
.sub-menu .tab-content .nav-tabs li a:hover{font-family: 'DINPro-Bold';color: #414042;}

.sub-menu .tab-content .nav-tabs ul.nav-tabs-level1 {padding-bottom: 5px;}
.sub-menu .tab-content .nav-tabs ul.nav-tabs-level1 li a {padding: 1px 0 1px 25px;font-size: 14px;}
.sub-menu .tab-content .nav-tabs.has-sub-dir li {display: inline-block;width: 100%;}

.header .right-menu {display: inline-block;vertical-align: middle;float: right;}
.header .right-menu ul {display: block;padding: 0;line-height: 91px;}
.header .right-menu ul li {position: relative;display: inline-flex;}
.header .right-menu ul li + li{padding-left: 10px;margin-left: 10px;}
.header .right-menu ul li + li:before {position: absolute;content: '';width: 1px;height: 14px;left: -1px;top: 50%;background: #414042;transform: translate(0, -50%);}
.header .right-menu ul li a{font-size: 0.813em;}
.header .right-menu ul li a.btn-theme:after{border-width: 2px;}
.header .right-menu ul li.active a,
.header .right-menu ul li a:hover{color: #009abf;}

.champion-discovery .content {display: block;padding: 8em 1em;}
.champion-discovery .content h1 {font-size: 5em;color: #009abf;letter-spacing: 0.015em;line-height: 0.95;margin: 0;max-width: 450px;}
.champion-discovery .content p {font-size: 1.5em;color: #363636;letter-spacing: 0.015em;margin: 1.2em 0;line-height: 1.2;}

.measuring{display: block;padding-bottom: 18em;}
.measuring h4 {color: #ffffff;font-size: 2.029em;margin: 0;}
.measuring .box {position: relative;display: block;border: 4px solid #ffffff;min-height: 250px;margin-top: 30px;}
.measuring .box a {position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 2.813em;background: rgba(0, 0, 0, 0.15);}
.measuring .box.active a,
.measuring .box a:hover{background: rgba(0, 154, 191, 0.85);}

.scientists{margin-top: -5em;}
.scientists .content p {display: block;margin: 1.2em 0 1.5em;}
.scientists .content strong{display: block;margin-top: 5px;}
.scientists .leftboxe .content{padding-right: 3.5em;}
.scientists .leftboxe .imgs{padding-left: 3.5em;}
.scientists .rightboxe{margin-top: 3em;}
.scientists .rightboxe .content{padding-left: 3.5em;}
.scientists .rightboxe .imgs{padding-right: 3.5em;}

.change-the-world p{margin: 1em 0;}
.three-slide{display: block;margin-top: 3em;}
.blog-item{position: relative;}
.blog-item .blog-title {position: absolute;background: rgba(23, 25, 31, 0.35);top: 0;left: 0;right: 0;bottom: 0;}
.blog-item .blog-title h2 {color: #ffffff;font-size: 2em;padding: 0 60px;margin: 0;display: block;position: absolute;top: 50%;left: 0;right: 0;transform: translate(0, -50%);}
.blog-item .blog-title h3 {font-family: 'DINPro-Regular';color: #ffffff;font-size: 1.731em;padding: 40px 40px 0;margin: 0;display: block;}
.change-the-world .blog-title h3 {font-family: 'DINPro-Bold';color: #ffffff;font-size: 2em;padding: 0 60px;margin: 0;display: block;position: absolute;top: 50%;left: 0;right: 0;transform: translate(0, -50%);line-height: 1.3;}
.blog-item .blog-content {position: absolute;top: 0;left: 0;right: 0;opacity: 0;bottom: 0;visibility: hidden;padding: 60px;background: #009abf;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;pointer-events: none;}
.blog-item .blog-content p{position: relative;top: -20px;color: #ffffff;letter-spacing: 0.01em;margin-bottom: 40px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.blog-item .blog-content a.btn-links {position: relative;top: 20px;display: inline-flex;}
.blog-item .blog-content p, .blog-item .blog-title h3{display: -webkit-box;max-width: 100%;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.3;}
.blog-item:hover .blog-content{	opacity: 1;visibility: visible;}
.blog-item:hover .blog-content p,
.blog-item:hover .blog-content a.btn-links{top: 0;pointer-events: auto;}

.blog-box .owl-stage{margin: 0 auto;}

.research-resources{}
.research-resources .link-arrow-theme{ color: #009abf; }
.research-resources h4.title{font-size: 2.288em;color: #ffffff;margin: 0;}
.research-resources .blog-content {background: rgba(246, 246, 246, 1);padding: 40px;}
.research-resources .blog-content p {color: #17191f;font-size: 1.236em;}

.logos{}
.logos .item{display: block;overflow: hidden;padding: 0 20px;}
.logos .item img{-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-o-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;width: auto;}
.logos .item:hover img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

.premium-sec{overflow: hidden;}
.premium-sec .content{display: block;text-align: left;}
.premium-sec .content h3{margin-bottom: 15px;}
.premium-sec .content p{color: #ffffff;font-size: 1.063em;width: 89%;}
.premium-sec .content .btn{margin-top: 20px;}
.premium-sec .img {position: relative;height: 540px;bottom: -100px;right: 0px;}
.premium-sec .img img {transform: rotate(-20deg);box-shadow: -1px 40px 21px 0px rgba(0, 0, 0, 0.3);margin: 0 0 0 auto;}

.talk-to-expert{display: block;padding: 25px;}
.talk-to-expert .content{display: block;text-align: left;}
.talk-to-expert .content h2{font-size: 5.229em;color: #ffffff;margin: 0;letter-spacing: 0.015em;}
.talk-to-expert .content p {font-size: 1.743em;color: #ffffff;margin: 0.5em 0 1.5em;}

.footer {display: block;padding: 3.750em 0 0;background-image: url(../img/footer-bg.jpg);background-position: center center;background-repeat: repeat;background-size: auto;background-color: #363636;}
.footer-title {display: block;font-size: 1.625em;color: #009abf;margin: 0 0 1.6em;font-family: 'DINPro-Regular';}
.footer span{display: block;font-family: 'DINPro-Bold';color: #ffffff;}
.footer a{color: #ffffff;font-family: 'DINPro-Regular';display: inline-flex;}
.footer a:hover{color: #009abf;}
.footer-menu{display: block;text-align: left;}
.footer-menu li{display: block;}
.footer-menu li + li{margin-top: 15px;line-height: 1.3;}
.footer-menu li a{display: inline-flex;font-size: 1.2em;}
.footer-menu li.active a{color: #009abf;}
.social-media{margin-top: 3em;}
.social-media li {margin: 10px 1.5em 0 0;    display: inline-block;}

.copyright {display: block;background: #252525;padding: 35px 0;margin-top: 2em;}
.copyright p{display: block;color: #9d9d9d;font-size: 1.125em;margin: 0;}
.copyright p a{color: #9d9d9d;}




/* SOLUCTION PAGE CSS =====================================================*/
.breadcrumb {background: #e7e7e7;box-shadow: 0px 0px 5px 0px rgba(149, 186, 195, 0.69);padding: 15px 3em;margin: 0;}
.breadcrumb li{display: inline-block;}
.breadcrumb li + li:before{content: "/\00a0";padding: 0 5px;color: #414042;}
.breadcrumb li a{font-size: 1.125em;}
.breadcrumb li a:hover{color: #009abf;}
.breadcrumb li span{font-size: 1.125em;font-family: 'DINPro-Bold';}

.innerbanner{position: relative;display: block;}
.innerbanner .content{display: block;}
.innerbanner .content h1 {font-size: 6em;color: #009abf;letter-spacing: 0.015em;text-transform: uppercase;margin: 0;line-height: 0.9;}
.innerbanner .content h2 {font-size: 3.688em;color: #ffffff;letter-spacing: 0.015em;margin: 0;line-height: 1;}
.innerbanner:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, 0.6);pointer-events: none;}
.innerbanner.black-overlay:before {background: rgba(0, 0, 0, 0.5);}

.left-right-content{position: relative;display: block;}
.left-right-content p, .left-right-content ul li{font-size: 1.5em;line-height: 1.75;margin: 0 20px 0 0;}
.left-right-content .icon-text{display: inline-flex;}
.left-right-content .icon-text:not(:last-child){margin-bottom: 3em;}
.left-right-content .icon-text img{min-height: 80px;margin-right: 2em;vertical-align: top;}
.left-right-content .icon-text strong {font-size: 1.5em;vertical-align: top;}
.left-right-content ul{padding-left: 25px;}
.left-right-content ul li {  list-style-type: disc;}

.left-right-content .content{}
.left-right-content .content p{margin: 0;}
.left-right-content .content p:not(:first-child) {margin: 1em 0 0;}
.left-right-content .content h2 {text-transform: uppercase;margin: 1em 0 0.2em;}

.carbon-measurement{}
.carbon-measurement p.title{font-size: 2.625em;color: #009abf;margin: 0 0 1em;font-family: 'DINPro-Bold';}
.carbon-measurement .vertical-center{position: absolute;top: 50%;left: 0;right: 0;transform: translate(0, -50%);padding: 25px;}
.carbon-measurement .blog-title{background: rgba(34, 165, 196, 0.40);}
.carbon-measurement .blog-title h2{font-size: 2.750em;padding: 30px;}
.carbon-measurement .blog-content{padding: 30px;}
.carbon-measurement .blog-content p{font-size: 1.625em;margin-bottom: 15px;}
.carbon-measurement .blog-content .btn-links{font-size: 1.625em;font-family: 'DINPro-Bold';color: #ffffff;}
.carbon-measurement .blog-content .btn-links:hover{color:#414042;}

.soluction-blog{display: block;padding-top: 2em;}
.soluction-blog .owl-carousel{padding-left: 10px;padding-right: 10px;}
.soluction-blog .blog-title h3{font-size: 2.250em;padding: 60px 60px 0;}
.soluction-blog .blog-content {background: #009abf;padding: 60px;}
.soluction-blog .blog-content p{font-size: 1.5em;color: #ffffff;}
.soluction-blog .blog-content .btn{min-width: inherit;}

.testimonials{}
.testimonials .content{display: block;text-align: center;}
.testimonials .content p{font-size: 2.750em;color: #009abf;margin: 0;padding: 0 1em;letter-spacing: 0.01em;line-height: 1.25;font-family: 'DINPro-Bold';}
.testimonials .content strong{font-size: 1.625em;display: block;margin: 1em 0 2em;letter-spacing: 0.01em;}

.soluction-products{}
.soluction-products .content h2{font-size: 2.750em;color: #009abf;}
.soluction-products .content h2 span{color: #414042;font-size: 1em;display: block;}
.soluction-products .content p{font-size: 1.313em;}
.soluction-products .rightboxe{margin-top: 2em;}
.soluction-products .leftboxe{margin-top: 5em;}
.soluction-products .imgs img{width: auto !important;margin: 0 auto;}

.related-products{display: block;margin-top: 3em;}
.related-products .owl-carousel{margin-top: 2em;}
.related-products .owl-stage-outer{width: 100%;}
.related-products h5 {font-size: 1.625em;display: inline-block;margin: 3px 0;}
.related-products .link {font-size: 1.625em;color: #009abf;float: right;}
.related-products .link:hover {color: #414042;}
.related-products .item{display: block;padding: 25px 15px;border: 8px solid #ffffff;}
.related-products .item h3 {font-size: 1.625em;color: #009abf;display: block;margin: 0;}
.related-products .item h3 span {font-size: 1em;color: #414042;margin-bottom: 1em;display: -webkit-box; display:block; max-width: 100%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.42857143;font-family: 'DINPro-Regular';}
.related-products .item p {font-size: 1.125em;display: -webkit-box;max-width: 100%;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.related-products .item .btn {display: block;min-width: auto;margin-top: 2em;}
#related-products .item h3 span{height: 74px;}
#related-products .item p{height: 125px;}

.talk-to-expert.design2 .content{padding: 0 3.750em;}
.talk-to-expert.design2 .content .title{font-size: 3.486em;}
.talk-to-expert.design2 .content p{font-size: 1.743em;/*margin: 1.5em 0;*/}
.talk-to-expert.design2 .content a{font-size: 1.307em;}



/* PRODUCTS PAGE CSS =====================================================*/
.products-detail{}
.products-detail img{max-width: 80%;}
.products-detail .product-content{position: relative;display: block;}
.products-detail .product-content h1 {display: block;font-size: 4em;color: #009abf;margin: 0;line-height: 1;}
.products-detail .product-content h2 {display: block;font-size: 2em;color: #363636;line-height: 1;margin-bottom: 1em;font-family: 'DINPro-Regular';margin-top: 0;}
.products-detail .product-content p {display: block;font-size: 1.125em;margin-bottom: 1.2em;}
.products-detail .product-content .btn{margin-top: 1.5em;}


.feature-tabs .navtabs li a {color: #414042;}
.feature-tabs .navtabs{display: table;    width: 100%;}
.feature-tabs .navtabs li{position: relative;display: table-cell;width: 16.66%;vertical-align: middle;border-top: 2px solid #c2c2c2;border-bottom: 2px solid #c2c2c2;float: none;}
.feature-tabs .navtabs li:not(:last-child) {border-right: 2px solid #d7d7d7;}
.feature-tabs .navtabs li a{font-size: 1.5em;display: block;line-height: 1.1;padding: 30px 20px;}
.feature-tabs .navtabs li h3{font-size: 1em;margin: 0;font-family: 'DINPro-Regular';}
.feature-tabs .navtabs li a:hover,
.feature-tabs .navtabs li a:focus {color: #414042;}
.feature-tabs .navtabs li.active a,
.feature-tabs .navtabs li.active h3 {font-family: 'DINPro-Bold';}
.feature-tabs .navtabs li.active:before {position: absolute;content: '';left: -2px;right: -2px;top: -2px;bottom: -2px;border-bottom: 5px solid #009abf;border-top: 5px solid #009abf;}
.feature-tabs .navtabs li.active:after {position: absolute;content: '';border-left: 22px solid transparent;border-right: 22px solid transparent;border-top: 20px solid #009abf;bottom: -20px;left: 50%;transform: translate(-50%, 0);}

.feature-tabs .tab-content{display: block;padding-top: 2em;}
.feature-tabs .tab-content .tab-body{display: block;padding: 25px 0;}
.feature-tabs .tab-content .tab-body .content {display: block;padding: 0 20px;}
.feature-tabs .tab-content .tab-body .content p{display: block;font-size: 1.625em;margin: 0;letter-spacing: 0.01em;line-height: 1.54;}
.feature-tabs .tab-content .tab-body .imgs{display: flex;}
.feature-tabs .tab-content .tab-body .imgs li{margin-left: 20px;margin-bottom: 20px;}
.feature-tabs .tab-content .tab-body .imgs li img{width: 220px;}

.ccn-software .custom-container{padding: 0;}
.ccn-software .item{overflow: hidden;}
.ccn-software .ccn-content {display: block;margin-left: 23%;margin-right: 4em;padding: 3em 0;}
.ccn-software .ccn-content h2 {display: block;font-size: 3em;margin:0 0  0.5em;color: #ffffff;}
.ccn-software .ccn-content h5 {display: block;font-size: 2em;margin: 0 0 10px;color: #ffffff;}
.ccn-software .ccn-content p{font-size: 1.5em;margin: 0 0 20px;color: #ffffff;}
.ccn-software .ccn-product-bg {background-size: contain;background-position: right;}
.ccn-software .ccn-product-bg:before { padding-top: 60%;}
.ccn-software .ccn-product-bg img {position: relative;left: 0%;top: 0%;width: 90%;right: 0%;bottom: 0;}
.ccn-software .white-dots{display: block;}
.ccn-software .white-dots li {position: relative;display: block;font-size: 1.625em;color: #ffffff;padding-left: 30px;margin-bottom: 10px;}
.ccn-software .white-dots li:before {position: absolute;content: '';left: 2px;top: 17px;width: 8px;height: 8px;border-radius: 100%;background: #ffffff;}
.ccn-software .owl-dots {position: relative;bottom: 0;}

.panel-group{}
.table-responsive{overflow-x: auto;}
.panel-group .panel {border: 4px solid #b7b7b7;display: block;background: #ffffff;}
.panel-group .panel + .panel {margin-top: 30px;}
.panel-group .panel-heading {padding: 0;}
.panel-group .panel-title {font-size: 2em;font-family: 'DINPro-Regular';}
.panel-group .panel-title a {position: relative;display: block;padding: 20px 100px 20px 20px;}
.panel-group .panel-title a:before {position: absolute;content: '';top: 34px;right: 25px;width: 46px;height: 8px;background: #009abf;}
.panel-group .panel-title a:after {position: absolute;content: '';top: 34px;right: 25px;width: 46px;height: 8px;background: #009abf;transform: rotate(90deg);transition: ease-in-out all 0.4s;-webkit-transition: ease-in-out all 0.4s;-ms-transition: ease-in-out all 0.4s;-o-transition: ease-in-out all 0.4s;}
.panel-group .panel-title a[aria-expanded="true"]:after {opacity: 0;}
.panel-group .panel-body{display: block;border: none !important;padding: 1em 2em 3em;}
.panel-group .panel-body h4{font-size: 1.5em;margin: 20px 0;}
.panel-group .panel-body-wrapper{max-height: 700px;overflow-x: hidden;overflow-y: auto;padding: 0 1em;}
.panel-group .panel-body .underline{text-decoration: underline;font-size: 1.625em;display: block;color: #000000;}
.panel-group .panel-body .underline:hover{color: #009abf;}
.panel-group .panel-body p.app{text-decoration: underline;font-size: 1.625em;display: block;color: #000000;}
.panel-group .panel-body p.app:hover{color: #009abf;}
.panel-group .panel-body ul{padding-left: 20px;}
.panel-group .panel-body ul li {list-style: disc;font-size: 1.125em;margin-bottom: 10px;}
.panel-group .panel-body ol{padding-left: 20px;}
.panel-group .panel-body ol li {font-size: 1.125em;margin-bottom: 10px;}
.panel-group .panel-body p { font-size: 1.125em;margin-bottom: 10px;  }
.panel-group .panel-body ul li ul{margin-top: 15px;}
.panel-group .panel-body ul li ul li{font-size: 1em;}
.panel-group .panel-body .black-dots{display: block;}
.panel-group .panel-body .black-dots li {margin-bottom: 15px;font-size: 1.5em;}
.panel-group .panel-body table {margin: 0;width: 100%;}
.panel-group .panel-body table th {font-size: 1.625em;padding: 10px;font-weight: 600;}
.panel-group .panel-body table td {font-size: 1.125em;border-top: 1px solid #b7b7b7;padding: 10px;}
.panel-group .panel-body table td p {font-size: 1em;margin: 0;}
.panel-group .panel-body table ul{padding-left: 20px;}
.panel-group .panel-body table ul li {list-style: disc;font-size: 1em;}

.products-filter {display: block;padding: 40px 0;}
.products-filter .btns{text-align: center;margin-top: 40px;}
.products-filter .btns .btn{min-width: 300px;}
.products-filter .btns .btn + .btn {margin-left: 30px;}
.products-filter .setbg {margin: 0 4px;padding: 0;width: calc(33.33% - 8px);min-height: 180px;}
.products-filter .setbg:before {position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(23, 25, 31, 0.5);}
.products-filter .content {position: absolute;display: block;padding: 20px;top: 0;bottom: 0;left: 0;right: 0;}
.products-filter .content p{text-transform: uppercase;color: #ffffff;margin: 0;}
.products-filter .content select {position: relative;display: block;width: 100%;padding: 10px 40px 10px 15px;outline: none;outline-offset: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;    background: #fff;}
.products-filter .content .form-group {margin: 0;position: absolute;left: 20px;right: 20px;bottom: 20px;}
.products-filter .content .form-group i {position: absolute;right: 15px;top: 7px;color: #414042;font-size: 22px;pointer-events: none;}

.product-listing{}
.product-list {display: block;margin: 30px 0;}
.product-list .product-imgs {background-size: contain;}
.product-list .product-list-content {display: block;padding: 15px;}
.product-list .product-list-content h3 {font-size: 1.625em;margin: 0 0 1em;line-height: 1.42857143;font-family: 'DINPro-Regular';}
.product-list .product-list-content p {font-size: 1.125em;margin-bottom: 15px;}
.product-list .product-list-content .btn{margin-top: 1em;min-width: inherit;}

.soluction h2.title{margin: 0 0 0.5em;}
.soluction ul {display: inline-block;margin-left: -15px;margin-right: -15px;width: 100%;margin-bottom: 3em;}
.soluction ul li {display: none;float: left;width: 33.33%;margin-top: 30px;padding-left: 15px;padding-right: 15px;}
.soluction .blog-title h3 {position: absolute;top: 50%;transform: translate(0, -50%);left: 0;right: 0;font-size: 2em;font-family: 'DINPro-Bold';padding: 40px;}

.img-section {text-align: center;}
.img-section img {margin: 0 auto;max-height: 350px;}
.img-section.single-img img {margin: 0 auto;max-height: 700px;}
.img-section em{margin-top: 1em;display: block;}

.about-boxes {position: relative;margin: 15px 0;}
.about-boxes .about-title {position: absolute;top: 0;right: 0;left: 0;background: rgba(23, 25, 31, 0.35);bottom: 0;}
.about-boxes .about-title h3 {font-size: 2.250em;margin: 0;position: absolute;top: 50%;transform: translate(0, -50%);left: 0;right: 0;padding: 40px;color: #ffffff;}
.about-boxes .about-content-wrap {position: absolute;top: 50%;transform: translate(0, -50%);left: 0;right: 0;padding: 40px;}
.about-boxes .about-content {position: absolute;top: 0;left: 0;right: 0;opacity: 0;bottom: 0;visibility: hidden;background: #009abf;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.about-boxes .about-content p {position: relative;top: -20px;color: #ffffff;letter-spacing: 0.01em;margin-bottom: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;font-size: 1.125em;display: -webkit-box;max-width: 100%;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.about-boxes .about-content .btn-links {position: relative;top: 20px;display: inline-flex;letter-spacing: 0.05em;margin-top: 1.5em;}
.about-boxes:hover .about-content {opacity: 1;visibility: visible;}
.about-boxes:hover .about-content p,
.about-boxes:hover .about-content .btn-links{top: 0;}
.technical-support .about-content p{font-size: 1.250em;}

.news-events{}
.news-events .title{margin-bottom: 0.5em;}
.news-events-item {display: block;margin: 15px 0;}
.news-events-content {display: block;padding: 2em;background-color: rgba(0, 0, 0, 0.05);text-align: right;}
.news-events-date {display: block;margin-bottom: 10px;font-size: 1em;color: #949191;text-align: left;}
.news-events-name {display: block;font-family: 'DINPro-Bold';margin-bottom: 20px;font-size: 1.125em;text-align: left;}
.news-events-content .btn-links {letter-spacing: 0;display: initial;padding-right: 30px;}
.news-events-title {display: block;text-align: left;font-size: 1.250em;margin-bottom: 20px;}
.news-events-content .link-arrow-theme:before,
.news-events-content .link-arrow-theme:after {height: 24px;width: 24px;background-size: 24px 24px;top: 51%;}
.news-events-content .link-arrow-theme:after {right: 25px;}
.news-events-content .link-arrow-theme:hover:after {right: 0;opacity: 1;}
.conference .news-events-content{background-color: rgba(255, 255, 255, 1);}

.innerbanner .content .btns.mt2 {margin-top: 15px !important;}
.innerbanner .content .btns.mt2 .btn {margin: 0 30px 10px 0 !important;background: #fff;}
.talk-to-expert.design2.cta-section p { margin: 20px 0 20px 0;}
.talk-to-expert.design2.cta-section p a {  color: #ffff; font-size: inherit;}
.left-right-content .content h3 { word-break: break-word;}
div.wpcf7-response-output {  background: #ffffff;}

.innerbanner .content p {color: #ffffff;margin: 15px 0 0;font-size: 1.5em;}
.teams h2{font-size: 3.5em;margin: 0 0 1em;}
.teams .row + .row{margin-top: 3em;}
.teams .teams-img {border-radius: 100%;max-width: 250px;}
.teams-content {display: block;padding-left: 30px;}
.teams-content h3 {color: #009abf;display: block;font-size: 2.2em;margin: 0 0 0.5em;text-transform: uppercase;}
.teams-content h3 span {color: #a2a2a2;font-size: 0.65em;display: block;margin-top: 5px;}
.teams-content p {margin-top: 1em;margin-bottom: 0;line-height: 1.5;}
.teams .descr {font-size: 25px;margin-bottom: 60px;}
.teams .teams-content ul.publications li {font-size: 1.250em;line-height: 1.35;position: relative;padding-left: 20px;}
.teams .teams-content ul.publications li::before {content: "";left: 0;top: 10px;position: absolute;height: 8px;width: 8px;background-color: #414042;border-radius: 10px;}
.teams .teams-content ul.publications li + li {margin-top: 10px;}
.teams .teams-content ul.publications li a {color: #009abf;}
.teams .teams-content ul.publications li a:hover {color: #009abf;}
.teams .teams-content h4 {margin-top: 25px;}
.teams .teams-content ul.publications li a:hover {color: #000;}

.resources-links {display: block;margin: 2.2em 0;text-align: center;}
.resources-links ul {display: inline-flex;margin: 0 auto;}
.resources-links ul li {display: block;border: 1px solid transparent;}
.resources-links ul li.active {border: 1px solid #e6e6e6;}
.resources-links ul li a, .resources-links ul li a:hover, .resources-links ul li a:focus {color: #414042;font-family: 'DIN-BoldAlternate';letter-spacing: 0.03em;display: block;padding: 10px 3em;font-size: 1.250em;}
.resources-links ul li.active a, .resources-links ul li.active a:hover, .resources-links ul li.active a:focus{color: #009abf;}

.resources-filter {display: block;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;padding: 2.2em 0;}
.resources-filter p{display: inline-flex;width: 100px;margin: 0;    vertical-align: middle;}
.resources-filter .resources-filter-form{display: inline-flex;width: calc(100% - 105px);    vertical-align: middle;}
.resources-filter .form-group {margin: 0;width: 25%;padding: 0 15px;}
.resources-filter .form-control {background: transparent;box-shadow: none;color: #414042;border: 1px solid #e6e6e6;padding: 10px 40px 10px 15px;}
.resources-filter .form-group i {position: absolute;right: 30px;top: 10px;color: #414042;font-size: 1.5em;pointer-events: none;}

/*.articles-list{display: none;}*/
.resources-item, .resources-video {position: relative;margin: 15px 0;}
.resources-item .resources-img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.resources-item .resources-title {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.4);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.resources-item .resources-title h3 {position: absolute;margin: 0;padding: 30px;top: 50%;left: 0;right: 0;transform: translate(0, -50%);font-size: 1.7em;color: #ffffff;line-height: 1.4;font-family: 'DINPro-Regular';}
.resources-item .resources-icon {position: absolute;top: 0;right: 0;left: 0;bottom: 0;opacity: 0;visibility: hidden;background: rgba(0, 0, 0, 0.7);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.resources-item .resources-icon::before {position: absolute;top: 15%;right: 50%;bottom: 15%;left: 50%;border-left: 2px solid rgba(255, 255, 255, 0.8);border-right: 2px solid rgba(255, 255, 255, 0.8);content: '';opacity: 0;background-color: #ffffff;-webkit-transition: all 0.4s;transition: all 0.4s;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.resources-item .resources-icon-wrap {position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;}
.resources-item .resources-icon-wrap a {position: relative;color: #ffffff;font-size: 0.2em;opacity: 0;top: 50%;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);-webkit-transition-delay: 0s;transition-delay: 0s;display: inline-block;min-width: auto;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.resources-item:hover .resources-icon-wrap a {opacity: 1;font-size: 1em;}
.resources-item .resources-icon-wrap .link-icon{-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.resources-item .resources-icon-wrap .download-icon{-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.resources-item .resources-icon-wrap .fa {height: 80px;width: 80px;border-radius: 50%;line-height: 80px;z-index: 1;background: rgba(255,255,255,0.1);-webkit-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;transition: background 0.2s, color 0.2s;}
.resources-item .resources-icon-wrap .fa:hover {background: rgba(255,255,255,1);color: #009abf;}
.resources-item .resources-icon-wrap .fa:after {position: absolute;content: '';top: -6px;left: -6px;right: -6px;bottom: -6px;padding: 7px;box-shadow: 0 0 0 4px #ffffff;-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;-webkit-transform: scale(.8);-moz-transition: -moz-transform 0.2s, opacity 0.2s;-moz-transform: scale(.8);-ms-transform: scale(.8);transition: transform 0.2s, opacity 0.2s;transform: scale(.8);opacity: 0;border-radius: 50%;}
.resources-item .resources-icon-wrap .fa:hover:after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.resources-item:hover .resources-icon{opacity: 1;visibility: visible;}
.resources-item:hover .resources-icon::before {background: rgba(255, 255, 255, 0);left: 15%;right: 15%;opacity: 1;-webkit-transition-delay: 0s;transition-delay: 0s;}
.resources-item:hover .resources-img,
.resources-item:hover .resources-title{opacity: 0.35;}
.resources-item:hover .resources-icon-wrap .link-icon{-webkit-transform: translate3d(-25%, -50%, 0);transform: translate3d(-25%, -50%, 0);opacity: 0.9;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.resources-item:hover .resources-icon-wrap .download-icon{-webkit-transform: translate3d(25%, -50%, 0);transform: translate3d(25%, -50%, 0);opacity: 0.9;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}

.video-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;font-size: 2em;}
.video-btn .fa {color: #ffffff;height: 80px;width: 80px;border-radius: 50%;line-height: 80px;z-index: 1;background: rgba(255,255,255,0.3);-webkit-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;transition: background 0.2s, color 0.2s;}
.video-btn .fa:before {margin-right: -5px;}
.video-btn .fa:hover {background: rgba(255,255,255,1);color: #009abf;}
.video-btn .fa:after {position: absolute;content: '';top: -6px;left: -6px;right: -6px;bottom: -6px;padding: 7px;box-shadow: 0 0 0 4px #ffffff;-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;-webkit-transform: scale(.8);-moz-transition: -moz-transform 0.2s, opacity 0.2s;-moz-transform: scale(.8);-ms-transform: scale(.8);transition: transform 0.2s, opacity 0.2s;transform: scale(.8);opacity: 0;border-radius: 50%;}
.video-btn .fa:hover:after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}

.video-wrapper{position: relative;padding-bottom: 56.2%;}
.magnificpopup-dialog {background: #009abf;padding: 0;text-align: left;max-width: 1100px;width: 94%;margin: 40px auto;position: relative;}
.magnificpopup-dialog iframe{padding: 10px;display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.magnificpopup-dialog .mfp-close {font-size: 0;background-image: url(../img/close.png);width: 44px;height: 44px;background-position: center;background-size: contain;opacity: 1;right: -17px;top: -17px;}
.mfp-zoom-in .magnificpopup-dialog {opacity: 0;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.mfp-zoom-in.mfp-ready .magnificpopup-dialog {opacity: 1;-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.mfp-zoom-in.mfp-removing .magnificpopup-dialog {-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0;}
.mfp-zoom-in.mfp-bg {opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
.mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;}
.mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}


.body-content.innerpage-content section.section.scientists {margin-top: 0 !important; padding-top: 6.250em !important;    padding-bottom: 0 !important;}
footer.footer form span.wpcf7-not-valid-tip {  color: #f00;}
.loadmore { height: 100% !important;  margin-top: 30px;}
.products-filter .content .nice-select {  background: #fff;}
.nice-select .option + .option { border-top: 1px solid #ccc;}
.panel-group .panel-body-wrapper .app_desc {margin-top: 15px;}
.bg-dark-gray .panel-group .panel img {width: 100%;max-width: 500px;margin: 0 auto 10px;display: block;}
.scientists .content p {font-size: 1.5em;}

.product-list .product-imgblock {position: relative;padding-bottom: 100%;display: block;}
.product-list .product-imgblock img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: auto;height: auto;max-width: 100%;max-height: 100%;}

div.wpcf7-response-output {clear: both;text-align: center;}
.contactus form .form-group .form-control {background: #fff;color: #000;box-shadow: none;}
.contactus form .form-group .form-control:focus {    box-shadow: inset 0px 2px 9px 0px rgba(54, 54, 54, 0.61);}

h2.noupercase {text-transform: inherit;}
.popup-gallery a {display: block;}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-pointer;cursor: -webkit-pointer;cursor: pointer;}
.panel-group .panel-body ul.popup-gallery li {list-style: none;}
.resources .text-center p a:hover {color: #009abf;}

.table tr td a, .table tr td p a, .table tr td, .table tr td p {line-height: normal;font-size: 16px;}
.table tr td a {color: #009abf;}
.table tr td a:hover {color: #000;}
.table-bordered thead tr th { border-bottom: 0 !important;}
.table-bordered {border: 0 !important;}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {border-top: 1px solid #ccc !important;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {border: 1px solid #ccc !important;}
.table>tbody+tbody {  border: 0 !important;}


#productcontent .col-md-4:nth-child(3n+1) { clear: both;}
.soluction ul li:nth-child(3n+1) {clear: both;}
div.wpcf7-mail-sent-ok {color: #398f14;}
.nice-select .list {  z-index: 4 !important;}

.related-products .owl-carousel .owl-stage-outer .owl-stage {display: flex;flex-wrap: wrap;}
.related-products .owl-carousel .owl-stage-outer .owl-stage .owl-item {display: flex;flex-wrap: wrap;}

.logo-slider.owl-carousel .owl-stage {display: flex;flex-wrap: wrap;align-items: center;}
.logo-slider.owl-carousel .owl-stage .owl-item {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}

.nav-tabs-dropdown.btn-block { display: none;}

.feature-tabs .container-fluid {  position: relative;}

.scroll-content .about-boxes .about-content .about-content-wrap {height: calc(100% - 60px);overflow: hidden;overflow-y: auto;padding: 0px 30px;}
.scroll-content .about-boxes .about-content .about-content-wrap p {display: block;-webkit-line-clamp: inherit;-webkit-box-orient: inherit;overflow: visible;text-overflow: inherit;}

.understanding-section .content p {margin: 1.2em 0 1.5em;}
.understanding-section .content h2 {margin: 0;}




/* 001 Responsive CSS =========================*/


@media only screen and (min-width: 1921px) {
	.ccn-software .ccn-product-bg {margin-right: 0;}
}
@media only screen and (max-width: 1700px) {
	.soluction-blog .blog-title h3 {font-size: 2em;padding: 50px 50px 0;}
	.soluction-blog .blog-content p, .soluction-blog .blog-content .btn {font-size: 1.32em;}
	.ccn-software .ccn-content {margin-left: 14%;padding: 0;}
	.ccn-software .white-dots li {font-size: 1.4em;}
	.ccn-software .white-dots li:before {top: 13px;}
}

@media only screen and (max-width: 1600px) {
	.owl-carousel .owl-nav .owl-prev {left: -33px;}
	.owl-carousel .owl-nav .owl-next {right: -33px;}
	.measuring {padding-bottom: 14em;}
	.innerbanner .content h1 {font-size: 6em;}
	.innerbanner .content h2 {font-size: 3em;}
	.soluction-blog .blog-content{padding: 40px;}
	.soluction-blog .blog-title h3 {padding: 40px 40px 0;}
	.soluction-blog .blog-content p, .soluction-blog .blog-content .btn {font-size: 1.2em;}
	.ccn-software.bg-theme {padding-bottom: 1.75em !important;}

	.champion-discovery .content {padding: 6em 1em;}
	.champion-discovery .content h1 {font-size: 4.439em;}
	.champion-discovery .content p {font-size: 1.75em;margin: 0.8em 0;line-height: 1.4;}
	.btn {font-size: 1.3em;padding: 0.6em 1.5em;min-width: 320px;}
	

}

@media only screen and (max-width: 1440px) {
	/* .champion-discovery .content {padding: 11em 0;}
	.champion-discovery .content h1 {font-size: 6.5em;}
	.champion-discovery .content p {font-size: 2em;} */
	.header .top-part p {font-size: 1.2em;padding: 8px 0;margin: 0;}
	.nav-menu > ul > li > a {font-size: 1.2em;}
	.header .right-menu ul {line-height: 87px;}
	.scientists .content .title, .soluction-products .content h2{font-size: 2.5em;}
	.scientists .leftboxe .content, .scientists .rightboxe .imgs {padding-right: 2em;}
	.scientists .rightboxe .content, .scientists .leftboxe .imgs {padding-left: 2em;}
	.premium-sec .img img {transform: rotate(-10deg);}
	.measuring {padding-bottom: 10em;}
	.blog-item .blog-content{padding: 30px;}
	.blog-item .blog-title h2, .change-the-world .blog-title h3 {padding: 0 40px;}
	.blog-item .blog-content p {margin-bottom: 30px;}
	.soluction-blog .blog-title h3 {font-size: 1.5em;}
	.blog-item .blog-content p {margin-bottom: 20px;font-size: 1.1em;}
	.feature-tabs .navtabs li a {font-size: 1.4em;}
	.ccn-software .ccn-content {margin-left: 7%;}
	.ccn-software .ccn-content h2 {font-size: 3em;}
	.ccn-software .ccn-content h5, .ccn-software .ccn-content p {font-size: 1.5em;}
	.ccn-software .white-dots li {font-size: 1.3em;margin-bottom: 5px;}
	.nav-menu li > .sub-menu {top: 86px;}
	.sub-menu .bgimg li a, .sub-menu .bgimg li a:hover, .sub-menu .bgimg li a:focus {padding: 40px 20px;font-size: 1.2em;}
	.product-list .product-list-content h3 {font-size: 1.4em;line-height: 1.3;}
	.resources-item .resources-title h3 {font-size: 1.3em;}
	.header .right-menu ul li .btn.btn-theme {padding: 8px 10px;}
	.nav-menu>ul>li+li {  margin-left: 2.9em;}
}

@media only screen and (max-width: 1199px) {
	.btn {font-size: 1.2em;min-width: 300px;}
	.champion-discovery .content {padding: 3em 0 4em;}
	.champion-discovery .content h1 {font-size: 3.5em; max-width: 100%;}
	.champion-discovery .content p {font-size: 1.2em;}
	.header .top-part p {font-size: 1.1em;}
	.header .bottom-part .logo img {max-height: 32px;}
	.header .nav-menu {padding: 0 2em;}
	.nav-menu > ul > li + li {margin-left: 2em;}
	.nav-menu > ul > li > a {font-size: 1.1em;}
	.header .right-menu ul {line-height: 84px;}
	.measuring .box a {padding: 2em;}
	.measuring h4 {font-size: 1.8em;}
	.scientists .content .title, .soluction-products .content h2{font-size: 2em;}
	.scientists .leftboxe .content .title br{display: none;}
	.scientists .content p {width: 100%;}
	.premium-sec .img {height: 500px;}
	.talk-to-expert .content .title {font-size: 4.5em;}
	.form-group .btn{display: block;min-width: auto;width: 100%;}
	.measuring {padding-bottom: 8em;}
	.blog-item .blog-title h2, .change-the-world .blog-title h3 {padding: 0 20px;}
	.blog-item .blog-title h2, .change-the-world .blog-title h3, .blog-item .blog-title h3 {font-size: 1.5em;}
	.blog-item .blog-content{padding: 25px;}
	.blog-item .blog-content p {margin-bottom: 20px;font-size: 1em;}
	.innerbanner .content h1 {font-size: 5em;}
	.left-right-content p, .left-right-content ul li {font-size: 1.3em;line-height: 1.5;}
	.scientists .content p {font-size: 1.3em;}
	.left-right-content .icon-text strong{font-size: 1.3em;}
	.carbon-measurement .blog-content .btn-links{font-size: 1.1em;}
	.testimonials .content p {font-size: 2.2em;}
	.testimonials .content strong {font-size: 1.5em;}
	.soluction-blog .blog-content{padding: 20px;}
	.soluction-blog .blog-content p{margin-bottom: 15px;}
	.soluction-blog .blog-title h3 {padding: 25px 25px 0;font-size: 1.3em;}
	.soluction-blog .blog-content .btn {font-size: 0.9em;}
	.feature-tabs .navtabs li a {font-size: 1.1em;padding: 20px 10px;text-align: center;}
	.feature-tabs .tab-content .tab-body .content p {font-size: 1.3em;}
	.ccn-software .ccn-content {padding-bottom: 4em;}
	.ccn-software .ccn-content h2 {font-size: 2.5em;}
	.ccn-software .ccn-content h5, .ccn-software .ccn-content p {font-size: 1.3em;}
	.ccn-software .white-dots li {font-size: 1.1em;}
	.ccn-software .white-dots li:before {top: 10px;}
	.nav-menu li > .sub-menu {top: 84px;}
	.sub-menu .bgimg li a, .sub-menu .bgimg li a:hover, .sub-menu .bgimg li a:focus {padding: 40px 15px;font-size: 1.1em;}
	.carbon-measurement p.title {font-size: 2.25em;line-height: 1.2;}
	.product-list .product-list-content h3 {font-size: 1.3em;}
	.product-list .product-list-content p {font-size: 1em;}
	.about-boxes .about-content p {font-size: 1em;-webkit-line-clamp: 7;}
	.news-events-title, .news-events-name {font-size: 1em;}
	.resources-item .resources-title h3 {font-size: 1.2em;line-height: 1.2;}
	.resources-item .resources-icon-wrap a, .resources-video .video-btn {font-size: 1.5em;}
	.resources-item .resources-icon-wrap .fa, .resources-video .video-btn .fa {height: 60px;width: 60px;line-height: 60px;}
	.resources-links ul li a, .resources-links ul li a:hover, .resources-links ul li a:focus {padding: 10px 2em;font-size: 1.125em;}
	.sub-menu .tab-content .nav-tabs li a {     line-height: normal;  }


}

@media only screen and (max-width: 1024px) { 
.blog-item .blog-content { cursor: pointer;    pointer-events: auto;  }
.panel-group .panel-body-wrapper {overflow: auto;     max-height: 100%;}
.custom-container .hidden-xs {display: none !important;}
.custom-container .visible-xs {display: block !important;}
.pagecontent {padding-top: 72px;}

.mobile-menu .mobile-menu-nav>ul>li.btn.btn-theme {padding: 0 !important;min-width: 100%;}
.mobile-menu .mobile-menu-nav>ul>li.btn.btn-theme a {color: #fff;}
.mobile-menu .mobile-menu-nav>ul>li.btn.btn-theme:hover a,.mobile-menu .mobile-menu-nav>ul>li.btn.btn-theme a:hover {color: #414042;}
.mobile-sub-menu > li > a {color: #414042;}

.header .bottom-part .mobile-menu {visibility: hidden;opacity: 0;pointer-events: none;}
.menu-inview .header .bottom-part .mobile-menu {visibility: visible;opacity: 1;pointer-events: auto;}
#menu-sticky-sticky-wrapper {height: auto !important;}
#menu-sticky-sticky-wrapper #menu-sticky {width: 100% !important;}
.mobile-menu .mobile-menu-nav>ul>li>a, .mobile-menu .mobile-menu-nav>ul {pointer-events: none; opacity: 0;}
.menu-inview .mobile-menu .mobile-menu-nav>ul>li>a, .menu-inview .mobile-menu .mobile-menu-nav>ul {pointer-events: auto; opacity: 1;}

}

@media only screen and (max-width: 991px) {
	.section {padding: 5em 0;}
	.section-small {padding: 3em 0;}
	.talk-to-expert.design2 .content{padding: 0 3em;}
	.scientists .leftboxe .content, .scientists .rightboxe .imgs {padding-right: 0;}
	.scientists .rightboxe .content, .scientists .leftboxe .imgs {padding-left: 0;}
	.scientists .content .title {margin-top: 0.5em;font-size: 2.4em;}
	.scientists .imgs img{width: 100%;}
	.premium-sec .img {height: 450px;}
	.talk-to-expert .content .title {font-size: 3.8em;}
	.talk-to-expert .content p {font-size: 1.4em;}
	.measuring {padding-bottom: 5em;}
	.blog-item .blog-content p {margin-bottom: 30px;font-size: 1.2em;}
	.blog-item .blog-title h2, .change-the-world .blog-title h3{font-size: 2em;}
	.innerbanner .content h1 {font-size: 4.5em;}
	.innerbanner .content h2 {font-size: 2.5em;}
	.breadcrumb {padding: 10px;}
	.breadcrumb li a, .breadcrumb li span {font-size: 1em;}
	.left-right-content .icon-text:not(:last-child){margin-top: 3em;}
	.left-right-content p , .left-right-content ul li{margin: 0 0 20px 0;}
	.left-right-content .icon-text + .icon-text {margin-top: 0 !important;}
	.testimonials .content p {font-size: 2em;}
	.testimonials .content strong {font-size: 1.3em;}
	.soluction-blog .owl-nav .owl-prev{left: 0;}
	.soluction-blog .owl-nav .owl-next{right: 0;}
	.soluction-blog .blog-title h3 {padding: 45px 45px 0;font-size: 1.6em;}
	.soluction-blog .blog-content {padding: 40px;}
	.feature-tabs .navtabs li a {font-size: 0.9em;padding: 16px 4px;text-align: center;}
	.feature-tabs .navtabs li.active:after {border-left: 18px solid transparent;border-right: 18px solid transparent;border-top: 14px solid #009abf;bottom: -14px;}
	.feature-tabs .tab-content .tab-body .content {margin-bottom: 2em;}
	.feature-tabs .tab-content .tab-body .content p {font-size: 1.1em;}
	.products-detail .product-content h1 {font-size: 3em;}
	.products-detail .product-content h2 {font-size: 1.5em;}
	.products-detail .product-content p {font-size: 1em;}
	.ccn-software .ccn-content h2 {font-size: 2.5em;}
	.ccn-software .ccn-content {padding-bottom: 2em;padding-top: 2em;}
	.ccn-software .ccn-product-bg {background-position: center;margin-right: 0;}
	/*.ccn-software .ccn-product-bg.r80:before {padding-top: 50%;}*/
	.panel-group .panel-title {font-size: 1.5em;}
	.panel-group .panel-body .underline, .panel-group .panel-body .black-dots li {font-size: 1.3em;}
	.panel-group .panel-title a:before, .panel-group .panel-title a:after {top: 30px;width: 40px;height: 6px;}
	/*.ccn-software .ccn-product-bg img {left: -4%;top: 20%;width: 53%;right: -3.7%;}*/
	.soluction ul li {width: 50%;display: block;}
	.soluction #loadApplication, .soluction #loadParticle{display: none;}
	.teams h2 {font-size: 3em;}
	.teams-content h3 {font-size: 2em;}
	.teams-content p {font-size: 1em;}
	.resources-item .resources-title h3 {font-size: 1.4em;line-height: 1.4;}
	.resources-filter p {display: inline-block;margin: 10px 0 0;vertical-align: top;}
	.resources-filter .resources-filter-form {display: inline-block;}
	.resources-filter .form-group {margin: 5px 0;width: 49%;padding: 0 5px;display: inline-block;}
	.resources-filter .form-group i {right: 20px;}
	.resources-links ul li a, .resources-links ul li a:hover, .resources-links ul li a:focus {padding: 10px 1.5em;font-size: 1em;}
	.body-content.innerpage-content section.section.scientists {padding-top: 5em !important;}
	.teams .teams-content ul.publications li {font-size: 1em;}
	.teams .teams-content h4 {margin-top: 20px;}
	.teams .descr {font-size: 20px;}
	.social-media li img {max-width: 42px;max-height: 42px;}
	.product-list .product-imgblock {padding-bottom: 70%;}
	.product-list .product-imgblock img {max-width: 100%;max-height: 100%;}


	#productcontent .col-md-4:nth-child(3n+1) {clear: inherit;}
	#productcontent .col-md-4:nth-child(2n+1) {clear: both;}
	.soluction ul li:nth-child(3n+1) {clear: inherit;}
	.soluction ul li:nth-child(2n+1) {clear: both;}

	.ccn-software .white-dots .row.no-gutters {display: flex;flex-wrap: wrap;}
	.ccn-software .white-dots .row.no-gutters .col-md-top.col-md-7 {order: 1;}
	.ccn-software .white-dots .row.no-gutters .col-md-top.col-md-5 {order: 2;}
	.ccn-software .white-dots .row.no-gutters .col-md-top{  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

	.understanding-section .content h2 {margin: 20px 0 0 0;}

}

@media only screen and (max-width: 800px) {
	.soluction-blog .blog-content {padding: 30px;}
	.blog-item .blog-content p {font-size: 1em;}
	.soluction-blog .blog-title h3 {padding: 30px 30px 0;font-size: 1.3em;}
}

@media only screen and (max-width: 767px) {
	.section {padding: 4em 0;}
	.section.innerbanner {padding-top: 120px;}
	.section-small {padding: 2em 0;}
	.talk-to-expert.design2 .content{padding: 0 2em;}
	.btn{min-width: 280px;}
	.btn + .btn {margin-left: 30px;}
	.container-fluid {width: 100%;}
	.scientists .content .title {font-size: 2em;}
	.scientists .content p {font-size: 1.1em;}
	.owl-carousel .owl-nav .owl-prev {left: -14px;}
	.owl-carousel .owl-nav .owl-next {right: -14px;}
	.premium-sec .img {height: auto;bottom: 0;margin-top: 2em;}
	.premium-sec .img img {transform: rotate(0deg);margin: 0 auto;}
	.premium-sec .content {margin: 3em 0;}
	.measuring .box {min-height: 200px;}
	.talk-to-expert {padding: 15px;}
	.talk-to-expert .content .title {font-size: 3em;}
	.footer {padding: 3em 0 0;}
	.footer .pl3 {padding-left: 15px !important;}
	.footer-title {margin-bottom: 1em;}
	.footer-menu {margin-bottom: 3em;}
	.blog-item .blog-content p {margin-bottom: 20px;font-size: 1em;}
	.blog-item .blog-title h2, .change-the-world .blog-title h3{font-size: 1.5em;}
	.testimonials .content p {font-size: 1.7em;padding: 0;}
	.soluction-blog .blog-content {padding: 20px;}
	.blog-item .blog-content p {-webkit-line-clamp: 4;}
	.talk-to-expert.design2 .content .title {font-size: 3em;}
	.talk-to-expert.design2 .content p {font-size: 1.3em;}
	.soluction-blog .owl-carousel, .feature-tabs .tab-content .tab-body .content {padding-left: 0px;padding-right: 0px;}
	.feature-tabs .tab-content .tab-body .imgs li:first-child{margin-left: 0;}
	.talk-to-expert.design2 {padding: 15px;}
	.products-detail .product-content h1 {margin-top: 0.5em;}
	.ccn-software .ccn-content {margin: 0 15px;    padding: 0 0 2em 0;}
	.panel-group .panel-body {padding: 1em 1em 2em;}
	.panel-group .panel {border: 2px solid #b7b7b7;}
	.panel-group .panel-title {font-size: 1.3em;}
	.panel-group .panel-title a {padding: 15px 50px 15px 10px;}
	.panel-group .panel-title a:before, .panel-group .panel-title a:after {top: 25px;width: 30px;height: 4px;right: 15px;}
	.panel-group .panel-body table {min-width: 580px;}
	.carbon-measurement p.title {font-size: 1.8em;}	
	.products-filter .setbg {margin: 0 15px 10px;width: calc(100% - 30px);}
	.products-filter .btns .btn {font-size: 0.9em;min-width: 200px;}
	.products-filter .btns .btn + .btn {margin-left: 10px;}
	.innerbanner .content h1 {font-size: 4em;}
	.teams-content h3 {margin: 1em 0 0.5em;}
	.resources-item .resources-title h3 {font-size: 1.2em;line-height: 1.2;}
	.resources-links ul li a, .resources-links ul li a:hover, .resources-links ul li a:focus {padding: 10px 1em;letter-spacing: 0;}
	.body-content.innerpage-content section.section.scientists {padding-top: 4em !important;}
	.teams .descr {font-size: 1em;}
	.table tr td a, .table tr td p a, .table tr td, .table tr td p {     font-size: 14px;  }
	.soluction ul li .blog-item img {width: 100%;}
	.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {border: 0 !important;border-bottom: 1px solid #ccc !important;}
	.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {border-top: 0 !important;}

	.nav-tabs-dropdown.btn-block {display: block;color: #ffffff !important;background-color: transparent;border-color: transparent;min-height: 45px;padding: 15px 30px 15px 15px;font-size: 1.2em;position: relative;box-shadow: none;outline-offset: 0;outline: none;text-transform: capitalize;background-color: #000;}
	.nav-tabs-dropdown.btn-block:before {content: "";content: "\f0d8";font-family: fontawesome;font-size: 18px;line-height: 14px;position: absolute;right: 15px;top: 8px;}
	.nav-tabs-dropdown.btn-block:after {content: "\f0d7";font-family: fontawesome;font-size: 18px;line-height: 14px;position: absolute;right: 15px;bottom: 8px;}
	.feature-tabs .navtabs {display: none;border-top: none;position: absolute;width: auto;z-index: 9;top: 57px;background-color: #000;padding: 0;left: 15px;right: 15px;border-top: 1px solid #fff;}
	.feature-tabs .navtabs li {display: block !important;width: 100%;border: 0 !important;border-bottom: 1px solid rgba(255, 255, 255, 0.60) !important;}
	.feature-tabs .navtabs li a {color: #fff;text-align: left;padding: 12px 10px;border: 0 !important;}
	.feature-tabs .navtabs li a:before, .feature-tabs .navtabs li a:after {display: none;}
	.feature-tabs .navtabs li:before, .feature-tabs .navtabs li:after {display: none;}
	.feature-tabs .navtabs li.active a {color: #009abf;}
	.understanding-section .content h2 {font-size: 35px;}
	.left-right-content iframe {width: 100%;}


}

@media only screen and (max-width: 640px) {	
	.champion-discovery .content .btn{display: block;margin: 15px 0 0;}
	/* .champion-discovery .content h1 {font-size: 4.5em;} */
	/* .champion-discovery .content p {font-size: 1.4em;} */
	.measuring .col-xs-6{width: 100%;}
	.copyright p {font-size: 0.91em;}
	.blog-item .blog-content {padding: 60px;}
	.blog-item .blog-content p {margin-bottom: 30px;font-size: 1.2em;}
	.blog-item .blog-title h2, .change-the-world .blog-title h3{font-size: 2em;}
	.blog-item .blog-title h3 {position: absolute;top: 50%;left: 0;right: 0;transform: translate(0, -50%);text-align: center;line-height: 1.3;padding-top: 0;}
	.innerbanner .content h1 {font-size: 3em;}
	.innerbanner .content h2, .soluction-blog .blog-title h3 {font-size: 2em;}
	/*.ccn-software .ccn-product-bg.r80:before {padding-top:60%;}*/
	.panel-group .panel-body table th {font-size: 1.2em;}
	.panel-group .panel-body .underline, .panel-group .panel-body .black-dots li, .panel-group .panel-body table td {font-size: 1em;}
	/*.ccn-software .ccn-product-bg img {width: 73%;}*/
	.soluction ul{width: auto;}
	.soluction ul li {width: 100%;}
	.soluction h2.title {font-size: 1.9em;}
	.about-section .col-xs-6, .news-events .col-xs-6, .conference .col-xs-6, .in-the-news .col-xs-6, .technical-support .col-md-4{width: 100%;}
	.btn { white-space: normal;}
	.teams h2 {font-size: 2.5em;}
	.teams-content h3 {font-size: 1.5em;}
	.articles-list{width: 100%;}
	.magnificpopup-dialog .mfp-close {width: 38px;height: 38px;right: -12px;top: -12px;}
	.resources-filter p {display: block;margin: 0 0 10px;width: auto;}
	.resources-filter .resources-filter-form {display: block;width: 100%;}
	.resources-filter .form-group {margin: 10px 0;width: 100%;padding: 0;display: block;}
	.resources-links ul {display: inline-block;}
	.resources-links ul li {display: inline-block;width: 49%;}
	.social-media li {margin-top: 0 !important;}
	.social-media li img {max-width: 40px; max-height: 40px;}
}

@media only screen and (max-width: 480px) {
	.section {padding: 3em 0;}
	.btn {display: block;min-width: inherit;font-size: 1em;}
	.btn + .btn{margin-left: 0;}
	.champion-discovery .content h1 {font-size: 3em;}
	.champion-discovery .content p {font-size: 1.2em;}
	.measuring h4 {font-size: 1.5em;}
	.measuring .box {min-height: 150px;}
	.change-the-world h2.title {font-size: 2em;}
	.soluction-products .content h2{font-size: 1.3em;margin: 0;}
	.scientists .content p {font-size: 1em;}
	.talk-to-expert .content .title {font-size: 2.5em;}
	.talk-to-expert .content p {font-size: 1.1em;}
	.footer .col-xs-6{width: 100%;}
	.social-media {margin-top: 2em;}
	.social-media li img{max-width: 42px;max-height: 42px;}
	.blog-item .blog-content {padding: 30px;}
	.blog-item .blog-content p {margin-bottom: 20px;font-size: 1em;}
	.blog-item .blog-title h2, .change-the-world .blog-title h3{font-size: 1.5em;}
	.innerbanner .content h1 {font-size: 2em;letter-spacing: 0;}
	.innerbanner .content h2 {font-size: 1.1em;}
	.left-right-content p, .left-right-content .icon-text strong, .left-right-content ul li {font-size: 1em;}
	.scientists .content p {font-size:1em;}
	.left-right-content .icon-text img {min-height: 50px;margin-right: 1em;}
	.testimonials .content p {font-size: 1.4em;}
	.testimonials .content strong {font-size: 1.1em;}
	.related-products h5 {font-size: 1.4em;margin: 0;}
	.related-products .link {font-size: 1.25em;}
	#related-products .item h3 span {height: 50px;font-size: 0.7em;}
	.blog-item .blog-content p {-webkit-line-clamp: 6;}
	.soluction-blog .blog-title h3 {font-size: 1.3em;padding: 20px 20px 0;}
	.soluction-blog .blog-item img {min-height: 250px;}
	.talk-to-expert.design2 .content {padding: 0em;}
	.talk-to-expert.design2 .content .title {font-size: 2.5em;}
	.talk-to-expert.design2 .content p {font-size: 1.1em;}
	.feature-tabs .tab-content .tab-body .imgs{display: block;}
	.feature-tabs .tab-content .tab-body .imgs li {margin-left: 0;}
	.feature-tabs .tab-content .tab-body .imgs li img {width: auto;}
	.products-filter .btns .btn + .btn {margin: 15px 0 0;}
	.resources-links ul {display: block;}
	.resources-links ul li {display: block;width: 100%;}
	.body-content.innerpage-content section.section.scientists { padding-top: 3em !important;}
	.left-right-content iframe {height: 250px;}
	
}


/* Mobile Menu */
@media only screen and (min-width: 992px) {
	.row-big {margin-left: -25px;margin-right: -25px;}
	.row-big [class*="col"] {padding-left: 25px;padding-right: 25px;}
}
@media only screen and (max-width: 1024px) {
	.header .bottom-part .logo {margin: 20px 0;}
	.header .right-menu {margin-right: 80px;}
	.header .right-menu ul {line-height: 72px !important;}
	.header .bottom-part {background: transparent;box-shadow: none;}
	.header {position: fixed;display: block;top: 0;left: 0;height: 72px;width: 100%;background: #ffffff;overflow: hidden;transition: all 0.5s ease-out, background 1s ease-out;transition-delay: 0.2s;z-index: 99;    box-shadow: 0 0 10px #ccc;}
	.menu-inview .header {height: 100%;background: rgba(255, 255, 255, 1);transition: all 0.3s ease-in, background 0.5s ease-in;transition-delay: 0.25s;}
	.noscroll { overflow: hidden;}
	.mobile-menu {padding: 15px 0;margin-right: -30px;margin-left: -30px;}
	.mobile-menu .mobile-menu-nav{overflow-x: hidden;overflow-y: auto;width: 100%;padding-right: 0;}
	.mobile-menu .mobile-menu-nav > ul {position: relative;display: block;list-style: none;}
	.mobile-menu .mobile-menu-nav > ul > li {border-bottom: 1px solid rgba(23, 25, 31, 0.3);-webkit-transform: scale(1.1) translateY(-30px);transform: scale(1.1) translateY(-30px);opacity: 0;transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
	.mobile-menu .mobile-menu-nav > ul > li > a {display: block;position: relative;text-decoration: none;font-size: 1.375em;letter-spacing: 0.035em;padding: 15px;text-transform: uppercase;font-family: 'DIN-BoldAlternate';}
	.mobile-menu .mobile-menu-nav > ul > li > a:hover,
	.mobile-menu .mobile-menu-nav > ul > li > a:focus {color: #414042;}
	.mobile-menu .mobile-menu-nav > ul > li.showmenu > a{color: #009abf;}
	.mobile-menu .mobile-menu-nav > ul > li.active > a{color: #009abf;}
	.mobile-menu .mobile-menu-nav > ul > li:nth-child(7) {transition-delay: 0.49s;}
	.mobile-menu .mobile-menu-nav > ul > li:nth-child(6) {transition-delay: 0.42s;}
	.mobile-menu .mobile-menu-nav > ul > li:nth-child(5) {transition-delay: 0.35s;}
	.mobile-menu .mobile-menu-nav > ul > li:nth-child(4) {transition-delay: 0.28s;}
	.mobile-menu .mobile-menu-nav > ul > li:nth-child(3) {transition-delay: 0.21s;}
	.mobile-menu .mobile-menu-nav > ul > li:nth-child(2) {transition-delay: 0.14s;}
	.mobile-menu .mobile-menu-nav > ul > li:nth-child(1) {transition-delay: 0.07s;}
	.menu-inview .mobile-menu .mobile-menu-nav > ul > li {-webkit-transform: scale(1) translateY(0px);transform: scale(1) translateY(0px);opacity: 1;}
	.menu-inview .mobile-menu .mobile-menu-nav > ul > li:nth-child(1) {transition-delay: 0.27s;}
	.menu-inview .mobile-menu .mobile-menu-nav > ul > li:nth-child(2) {transition-delay: 0.34s;}
	.menu-inview .mobile-menu .mobile-menu-nav > ul > li:nth-child(3) {transition-delay: 0.41s;}
	.menu-inview .mobile-menu .mobile-menu-nav > ul > li:nth-child(4) {transition-delay: 0.48s;}
	.menu-inview .mobile-menu .mobile-menu-nav > ul > li:nth-child(5) {transition-delay: 0.55s;}
	.menu-inview .mobile-menu .mobile-menu-nav > ul > li:nth-child(6) {transition-delay: 0.62s;}
	.menu-inview .mobile-menu .mobile-menu-nav > ul > li:nth-child(7) {transition-delay: 0.69s;}
	.mobile-menu .mobile-menu-nav #menu-header-right-menu-1 li:nth-child(3) {transition-delay: 0.49s;}
	.mobile-menu .mobile-menu-nav #menu-header-right-menu-1 li:nth-child(2) {transition-delay: 0.42s;}
	.mobile-menu .mobile-menu-nav #menu-header-right-menu-1 li:nth-child(1) {transition-delay: 0.35s;}
	.menu-inview .mobile-menu .mobile-menu-nav #menu-header-right-menu-1 li:nth-child(1) {transition-delay: 0.55s;}
	.menu-inview .mobile-menu .mobile-menu-nav #menu-header-right-menu-1 li:nth-child(2) {transition-delay: 0.62s;}
	.menu-inview .mobile-menu .mobile-menu-nav #menu-header-right-menu-1 li:nth-child(3) {transition-delay: 0.69s;}
	.mobile-menu-nav > ul > li{position: relative;}
	.mobile-menu-nav > ul > li > .fa {position: absolute;right: 0;top: 0;width: 62px;height: 62px;line-height: 62px;text-align: center;font-size: 2em;z-index: 2;}
	.mobile-menu-nav li.showmenu > .fa {transform: rotate(180deg);}
	.mobile-sub-menu{display: none;}
	.mobile-sub-menu > li{display: block;position: relative;border-top: 1px solid rgba(23, 25, 31, 0.3);}
	.mobile-sub-menu > li > .fa {position: absolute;right: 0;top: 0;width: 62px;height: 43px;line-height: 43px;text-align: center;font-size: 22px;z-index: 2;}
	.mobile-sub-menu > li > a {display: block;padding: 10px 15px;}
	.mobile-sub-menu .mobile-sub-menu > li > a {display: block;padding: 10px 25px;}
	.mobile-sub-menu .mobile-sub-menu ul.mobile-sub-menu > li > a {padding: 10px 40px;display: inline-block;width: 100%;font-size: 13px;}
	.mobile-sub-menu{background: rgba(0, 154, 191, 0.2);}
	.mobile-sub-menu .mobile-sub-menu{background: rgba(0, 154, 191, 0.4)}
}
@media only screen and (max-width: 480px) {
	.mobile-menu .mobile-menu-nav > ul > li > a {font-size: 1.1em;padding: 10px 15px;}
	.mobile-menu-nav > ul > li > .fa {width: 45px;height: 45px;line-height: 45px;font-size: 1.5em;}
	#menu-item-459 .mobile-sub-menu li a, #menu-item-430 .mobile-sub-menu li a{padding: 10px;}
	.mobile-sub-menu > li > a {padding: 10px 45px 10px 10px;font-size: 14px;}
	.mobile-sub-menu .mobile-sub-menu > li > a {padding: 10px 20px;}
	.mobile-sub-menu > li > .fa {width: 44px;height: 40px;line-height: 43px;}
}