/*
Theme Name: BufferZone
Theme URI: http://aliceeitan.com
Description: Theme developed for BufferZone 
Author: Alice Eitan
Author URI: http://aliceeitan.com
Version: 1.2
*/

body {
  background: #f3f6f9;
  color: #1d1d1b;
  text-align: left;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-family: "proxima-nova", "helvetica", Arial, sans;
  font-weight: 400;
  font-style: normal;
  cursor: default;
}

body.noScroll {
  position: static;
  height: 100;
  overflow: hidden;
}

strong {
  font-weight: 700;
}

a {
  text-decoration: none;
  color: #89a6df;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
}

a:hover {
  text-decoration: none;
  color: #243742;
}

img {
  border: 0;
}

p {
  text-align: left;
  margin: 0 auto 35px;
}

h1 {
  margin: 0;
  font-size: 25px;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: bold;
}

h2 {
  margin: 0;
  font-size: 25px;
  color: #1d1d1b;
  text-align: left;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: bold;
  line-height: 1.3;
}

h3 {
  margin: 0;
  font-size: 22px;
  color: #1d1d1b;
  text-align: left;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: bold;
}

h4 {
  margin: 0;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
}

h5 {
  margin: 0;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
}

img.alignleft {
  float: left;
  margin-right: 20px;
}

img.alignright {
  float: right;
  margin-left: 20px;
}

ul li {
  list-style-type: none;
}

ul {
  padding: 0;
  margin: 0;
}

#wrapper {
  position: relative;
  width: 100%;
  text-align: left;
  margin: 72px auto;
  float: left;
}

.wrapper {
  position: relative;
  width: 990px;
  margin: 0 auto;
}

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.fullWidth {
  width: 100%;
}

.fullHeight {
  height: 100%;
}

.hideme {
  display: none;
}

.halfWidth {
  width: 50%;
}

.tableLike {
  display: table;
  width: 100%;
  height: 100%;
}

.cellLike {
  display: table-cell;
  vertical-align: middle;
}

#header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  height: 71px;
  z-index: 999;
  background: #fff;
  border-bottom: 1px solid #e1e1e2;
  -webkit-box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.6);
  -moz-box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.6);
  box-shadow: 0 1px 2px 0 rgba(204, 204, 204, 0.6);
}

#top img {
  margin-top: 12px;
  border-right: 2px solid #cfd4d7;
  padding-right: 24px;
  margin-left: 24px;
}

#menu {
  margin: 0 auto;
  float: left;
  height: 71px;
  line-height: 72px;
  color: #484f75;
  margin-left: -2px;
}

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu ul li {
  display: inline-block;
  float: left;
  padding: 0 13px;
  position: relative;
  z-index: 100;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
}

#menu ul li:first-child {
  padding-left: 26px;
}

#menu ul li:last-child {
  padding-right: 0;
}

#menu ul li.current-menu-item .bgC,
#menu ul li.current-page-ancestor .bgC,
#menu ul li.current-category-ancestor .bgC,
#menu ul li.current-post-ancestor .bgC,
#menu ul li.current-menu-ancestor .bgC {
  width: 50%;
  display: block;
  background: #89a6df;
}

#menu ul.sub-menu li.current-menu-item,
#menu ul.sub-menu li.current-page-ancestor,
#menu ul.sub-menu li.current-category-ancestor,
#menu ul.sub-menu li.current-post-ancestor {
  border: none;
}

#menu ul li a {
  display: block;
  color: #303d4a;
}

#menu ul li ul.sub-menu {
  display: block;
  position: absolute;
  max-height: 0;
  overflow: hidden;
  float: left;
  margin-left: -30px;
  padding: 0 20px;
  width: 220px;
  top: 72px;
  background: none repeat scroll 0 0 #fff;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}

#menu ul li:hover>ul {
  max-height: 800px;
  -webkit-box-shadow: 0px 1px 2px 2px rgba(204, 204, 204, 0.6);
  -moz-box-shadow: 0px 1px 2px 2px rgba(204, 204, 204, 0.6);
  box-shadow: 0px 1px 2px 2px rgba(204, 204, 204, 0.6);

}

#menu ul li ul.sub-menu li {
  margin: 0;
  padding: 0;
  line-height: 40px;
  font-size: 14px;
  color: #303d4a;
  text-align: left;
  width: 100%;
  clear: both;
}

#menu ul li ul.sub-menu li:hover a {
  color: #89a6df;
}

#menu ul li ul.sub-menu li a {
  color: #303d4a;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
}

#menu ul li .bgC {
  position: absolute;
  height: 100%;
  width: 0;
  display: block;
  background: #89a6df;
  top: 0;
  left: 0;
  transition: width 0.2s ease-in-out;
  -webkit-transition: width .2s ease-in-out;
  -moz-transition: width 0.2s ease-in-out;
  z-index: -1;
}

#menu ul li:hover .bgC {
  width: 50%;
  display: block;
  background: #89a6df;
}

#menu ul li ul li .bgC {
  display: none !important;
}


#tryNow {}

#tryNow:hover {}

#content {
  line-height: 1.5;
  width: 100%;
}

.title {
  float: left;
  width: 100%;
  height: 100%;
  text-align: center;
  min-height: 110px;
  background: #fff;
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}

.title h1 {
  line-height: 110px;
  text-align: center;
  color: #1d1d1b;
  font-weight: bold;
}

.title.iconTitle {
  height: auto;
}

.title.iconTitle h1 {
  padding: 0 0 0 85px;
  background-size: 70px auto !important;
  display: inline-block;
  text-align: left;
  width: auto;
}

#content.about .title.iconTitle h1,
#content.news .title.iconTitle h1,
#content.blog .title.iconTitle h1,
#content.resources .title.iconTitle h1 {
  background-size: 64px auto !important;
  padding: 0 0 0 90px;
}

#content.team .title.iconTitle h1 {
  background-size: 118px auto !important;
  padding: 0 0 0 138px
}

#content.awards .title.iconTitle h1 {
  padding: 0 0 0 80px;
  background-size: 60px auto !important;
}

#content.partners .title.iconTitle h1 {
  background-size: 80px auto !important;
  padding: 0 0 0 95px
}

#footerWrap {
  clear: both;
  float: left;
  width: 100%;
  position: relative;
  z-index: 8;
}

#footerWrap.withPre {
  padding-top: 102px;
}

#footer {
  clear: both;
  float: left;
  background: #243742;
  width: 100%;
  padding: 47px 0 0;
  position: relative;
  z-index: 1;
}

#footer.landing {
  padding: 0;
}

#footer .menu-footer-menu-container {
  float: left;
  width: 84%;
}

#footer ul.menu {}

#footer ul.menu li {
  float: left;
  width: 20%;
}

#footer ul.menu li:last-child {
  margin-right: 0;
}

#footer .blogPosts {
  float: left;
  width: 16%;
}

#footer .blogPosts h3 {
  color: #abb6bc;
  display: block;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#footer .blogPosts li a {
  color: #abb6bc;
  display: block;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 10px;
}

#footer .blogPosts h3 a {
  color: #fff;
}

#footer ul.menu li a {
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 10px;
  display: block;
}

#footer ul.menu li ul li {
  width: 100%;
  margin-bottom: 0;
  margin-right: 0;
}

#footer ul.menu li ul li a {
  color: #abb6bc;
  line-height: 30px;
  margin-bottom: 0;
}

#footer ul.menu li ul {
  margin-bottom: 62px;
  float: left;
}

#footer .copy {
  background: #1a2b35;
  float: left;
  color: #7b878e;
  padding: 30px 0;
  font-size: 13px;
}

#footer .copy a {
  color: #7b878e;
}

#footer .credits {
  margin-left: 35px;
}

#footer .social-footer {
  width: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}

#footer #menu-social-menu {
  float: right;
  width: auto;
}

#footer .social-footer ul.menu li {
  float: left;
  height: 34px;
  margin-bottom: 24px;
  margin-right: 25px;
  margin-left: 0;
  overflow: hidden;
  width: 34px;
}

#footer .social-footer ul.menu li a {
  display: block;
  height: 34px;
  width: 34px;
  position: relative;
  overflow: hidden;
}

#footer .social-footer ul.menu li:last-child {
  width: auto;
  height: auto;
  margin-top: -5px;
  margin-left: 0;
  margin-right: 0;
}


#footer .social-footer ul.menu li a img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  transition: all 0.3s ease-in-out;
}

#footer.sitemap .right ul.menu li a img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  transition: all 0.3s ease-in-out;
  width: 100%;
}

#footer .social-footer ul.menu li a:hover img.top {
  top: -34px;
}

#footer .social-footer ul.menu li img.bottom {
  left: 0;
  position: absolute;
  top: 34px;
  right: auto;
}

#footer .social-footer ul.menu li a:hover img.bottom {
  top: 0;
}


#footer .social-footer ul.menu li#menu-item-82 a {
  background: url("images/contact.png") no-repeat scroll left center rgba(0, 0, 0, 0);
  padding-left: 55px;
  font-size: 16px;
  color: #abb6bc;
  text-indent: 0;
  width: auto;
  height: auto;
  margin-bottom: 0;
  line-height: 39px;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: normal;
}

#footer .social-footer ul.menu li#menu-item-82:hover a {
  color: #89a6df;
}

#footer ul.menu li a,
#footer .blogPosts li a {
  color: #fff;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
}

#footer ul.menu li.menu-item-has-children ul li a,
#footer .blogPosts li a {
  color: #abb6bc;
}

#footer ul.menu li a:hover,
#footer ul.menu li.menu-item-has-children ul li a:hover,
#footer .blogPosts a:hover {
  color: #89a6df;
}

.termsLinks {
  text-transform: uppercase;
}

#footer .right.credits {
  width: auto;
  margin-right: 35px;
}

.category #footer .newsletter,
.single-post #footer .newsletter,
.single-news-events #footer .newsletter {
  display: none;
}

#footer .newsletter {
  float: left;
  margin-left: 25px;
  margin-bottom: 24px;
}

#footer .newsletter h3 {
  color: #abb6bc;
  display: block;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0;
  text-transform: uppercase;
}

#footer .newsletter .es_lablebox {
  display: none;
}

#footer .newsletter input {
  height: 34px;
  line-height: 32px;
}

#footer .es_button input {
  background: none;
  border: none;
  cursor: pointer;
}

#footer .es_button {
  padding-top: 5px;
  cursor: pointer;
}

#footer .es_button:hover:before,
#footer .es_button:before {
  background: #fff;
}

#footer .es_button:hover input {
  color: #1d1d1b;
}

#overlay {
  position: fixed;
  left: 0;
  top: 50px;
  width: 100%;
  height: 0;
  display: block;
  background: #091318;
  opacity: 0;
  z-index: 10;
  overflow: hidden;
}

#close {
  background: url('images/close.png') no-repeat center right;
  padding-right: 30px;
  color: #fff;
  float: left;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  left: 50%;
  margin-left: -50px;
  opacity: 1 !important;
  position: fixed;
  text-align: center;
  text-transform: uppercase;
  top: 375px;
  width: 70px;
  z-index: 99;
  cursor: pointer;
}

#close:hover {
  background: url('images/closeh.png') no-repeat center right;
  color: #89a6df;
}

#solutionMenu {
  position: fixed;
  width: 100%;
  top: 72px;
  left: 0;
  background: #fff;
  z-index: 98;
  overflow: hidden;
  height: 0;
}

#solutionMenu .wrapper {
  padding: 33px 0 54px;
}

#solutionMenu .solution {
  float: left;
  width: 33.33%;
  text-align: center;
}

#solutionMenu .solution .imgWrap {
  display: table;
  width: 100%;
  height: 91px;
}

#solutionMenu .solution .imgWrap img {
  vertical-align: middle;
}

#solutionMenu .solution:hover .imgWrap img {}

#solutionMenu .solution a {
  color: #1d1d1b;
}

#solutionMenu .solution:nth-child(1) img {
  width: 106px;
  height: auto;
}

#solutionMenu .solution:nth-child(3) img {
  width: 111px;
  height: auto;
  margin-top: 25px;
}

#solutionMenu .solution:nth-child(2) img {
  width: 42px;
  height: auto;
  margin-top: 15px;
}

#solutionMenu .solution:nth-child(4) img {
  width: 41px;
  height: auto;
  margin-top: 20px;
}

#solutionMenu h4 {
  color: #243742;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  margin: 2px auto 0;
}

#solutionMenu .solution p {
  text-align: center;
  margin: 5px auto 0;
  max-width: 70%;
  max-height: 61px;
  overflow: hidden;
}

#demoForm,
#singleForm {
  width: 600px;
  top: 140px;
  left: 50%;
  margin-left: -300px;
  position: fixed;
  z-index: 98;
  background: #edf1f4;
  height: 0;
  overflow: hidden;
}

#demoWrap .title,
#singleForm .title {
  border-bottom: 2px solid #edf1f4;
  padding: 0;
  margin-bottom: 30px;
  box-sizing: border-box;
}

#demoWrap h2,
#singleForm h2,
#singleForm h3 {
  background: url("images/demo.svg") no-repeat scroll left center rgba(0, 0, 0, 0);
  background-size: 55px auto !important;
  line-height: 1.2;
  max-width: 90%;
  padding-bottom: 40px;
  padding-left: 70px;
  padding-top: 40px;
  color: #1d1d1b;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 25px;
  font-style: normal;
  font-weight: bold;
  margin: 0 0 0 15%;
}

#demoWrap .cont,
#singleForm .cont {
  width: 420px;
  margin: 0 auto;
}

#closeX {
  cursor: pointer;
  margin-right: -300px;
  position: fixed;
  right: 50%;
  top: 100px;
  z-index: 9999;
  width: 22px;
  height: 22px;
  background: url('images/closeX.png') no-repeat top right;
}

#closeX.video {
  margin-right: -340px;
}

#closeX:hover {
  background: url('images/closeXh.png') no-repeat top right;
}

#demoWrap,
#singleFormWrap {
  background: #ffffff;
  width: 100%;
  float: left;
}

#demoWrap p,
#singleFormWrap p {
  margin: 0 auto 25px;
}

#singleForm.video #singleFormWrap {
  display: none;
}

#theSingleForm.video,
#singleFormWrap.video {
  background: none;
}

#tryForm,
#theSingleForm {
  background: #edf1f4;
  padding-bottom: 40px;
}

#tryForm form,
#theSingleForm form {
  width: 70%;
  margin: 0px auto;
  padding: 50px 0;
}

#tryForm .wpcf7-recaptcha iframe,
#theSingleForm form .wpcf7-recaptcha iframe {
  margin: -10px auto 20px;
  float: left;
  width: 100%;
}

#tryForm div.wpcf7 .ajax-loader,
#theSingleForm div.wpcf7 .ajax-loader,
div.wpcf7 .ajax-loader {
  position: absolute;
  left: -40px;
  top: 20px;
}

/*----------PRODUCT PAGE-------------*/

#content.product {
  margin: 73px auto 0;
  float: left;
  width: 100%;
  font-weight: 300;
}

.third {
  width: 33%;
}

.sixty {
  width: 66%;
}

#content.product .sixty {
  margin-bottom: 70px;
}

#content.product .sixty:last-child {
  margin-bottom: 0px;
}

p.wider {
  float: left;
  margin-left: -33%;
  margin-top: 10px;
}

p iframe {
  width: 100%;
}

#galleryWrap {
  float: left;
  clear: both;
  position: relative;
  width: 100%;
  margin: 20px auto 70px;
}

#galleryThumbs {
  float: left;
  height: 350px;
  top: 25px;
}

#galleryThumbs ul li {
  margin: 5px auto;
  position: relative;
  float: left !important;
  clear: both;
  cursor: pointer;
}

#galleryThumbs li img {
  position: relative;
  z-index: 1;
  float: left;
}

#galleryThumbs li .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 2;
  opacity: 0.2;
  display: block;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

#galleryThumbs li:hover .overlay {
  background: #253743;
  opacity: 0.8;
}

#galleryThumbs li:after {
  position: absolute;
  width: 46px;
  height: 46px;
  content: "";
  left: 50%;
  top: 50%;
  margin-left: -23px;
  margin-top: -23px;
  display: block;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  background: url('images/playBttn.svg') center center no-repeat;
  z-index: 3;
}

#galleryThumbs li:hover:after {
  opacity: 0;
}

#galleryThumbs li .videoTitle {
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  text-align: center;
  transition: height 0.3s ease-in-out;
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  z-index: 4;
  color: #fafbfc;
}

#galleryThumbs li:hover .videoTitle {
  opacity: 1;
  height: 109px;
}

#galleryThumbs li .videoTitle .tableLike {
  padding: 10px;
  box-sizing: border-box;
}

#carousel-next,
#carousel-prev {
  width: 22px;
  height: 15px;
  background: url('images/down.svg') center center no-repeat;
  display: block;
  position: absolute;
  left: 97px;
  z-index: 8;
}

#carousel-next {
  top: 0;
  background-image: url('images/up.svg');
}

#carousel-next:hover {
  background-image: url('images/uph.svg');
}

#carousel-prev {
  bottom: 0;
}

#carousel-prev:hover {
  background-image: url('images/downh.svg');

}

#carousel-next>span,
#carousel-prev>span {
  display: none;
}

.contentBox {
  margin-bottom: 70px;
}

.contentBox:last-child {
  margin-bottom: 0;
}

.contentBox .third {
  text-align: center;
  width: 216px;
}

.contentBox .sixty {
  width: 728px;
}

.contentBox p img {
  max-width: 100%;
  height: auto;
  margin-top: 35px;
}

#content.product h2 {
  color: #303d4a;
  margin: 0 auto 20px;
}

#content.product ul li,
.entry ul li,
.sixty ul li {
  line-height: 1.125;
}

#content.product ul {
  margin-bottom: 35px;
}

#content.product:not(.why) h1 {
  color: #303d4a;
  margin: 15px auto 20px;
  font-size: 25px;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: bold;
  line-height: 1.3;
}

.h2Like {
  color: #303d4a;
  margin: 30px auto;
  font-size: 25px;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: bold;
  line-height: 1.3;
}

#content.product.why .contentBox:first-child {
  margin-top: 60px;
}

#content.product.why .contentBox:last-child {
  margin-bottom: 35px;
}

#content.product.why h2,
#content.product.why h1 {
  margin-bottom: 10px;
  margin-top: 0;
}

#content.product.why .contentBox .third {
  text-align: center;
}

#content.product.why.bzfeatures .contentBox .third {
  vertical-align: top;
  padding-top: 5px;
}

#content.product.why .contentBox .sixty {
  padding-left: 40px;
}

#content.product.why .contentBox {
  margin-bottom: 52px;
}

#content.product.why .contentBox p {
  margin-bottom: 18px;
}

#content.product.why .contentBox h3 {
  font-size: 18px;
}

#content.product.why .contentBox table {
  float: left;
}

#content.product.why .contentBox table td {
  padding-right: 40px;
}

#content.product.why .contentBox .sixty img {
  max-width: 344px;
  height: auto;
}

#content.product.why .contentBox a.playVideo {
  display: block;
  margin-top: -15px;
}

/*----------SOUTION PAGE-------------*/

#solutions-sub {
  float: left;
  width: 100%;
  margin-bottom: 70px;
  position: fixed;
  top: 72px;
  background: #f3f6f9;
  z-index: 9;
}

#solutions-sub ul {
  border-bottom: 2px solid #cfd4d7;
}

#solutions-sub ul li {
  display: inline-block;
  width: auto;
  text-align: left;
  margin-right: 27px;
  margin-bottom: -2px;
}

#solutions-sub ul li a {
  color: #303d4a;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  padding: 25px 0 15px;
  display: block;
}

#solutions-sub ul li.current {
  border-bottom: 2px solid #243742;
}

#solutions-sub ul li:hover a {
  color: #89a6df;
}

#solutions-sub ul li.current:hover a {
  color: #303d4a;
}

#content.solutions .wrapper {
  margin-top: 150px;
}

#content.solutions .thumbs {
  text-align: center;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
}

#content.solutions .thumbs.ready {
  opacity: 1;
}

#content.solutions .thumbs img.attachment-full {
  max-width: 174px;
  height: auto;
  padding: 10px 20px 20px;
  border-bottom: 2px solid #b9c0c4;
}

.vertLine {
  background: #b9c0c4;
  width: 2px;
  height: 100px;
  display: block;
  margin: 0 auto;
  margin-top: -7px;
}

#content.solutions .entry {
  float: right;
  width: 74%;
  color: #455463;
}

#content.solutions h2 {
  font-size: 25px;
  margin-bottom: 15px;
  color: #303d4a;
}

#problem {
  padding-bottom: 70px;
}

#firstTumb {
  display: table;
  height: 200px;
}

#firstTumb .thumbWrap {
  display: table-cell;
  vertical-align: middle;
}

#content.solutions .solutionThumb {
  padding: 20px 0;
}

.pageIcon img {
  display: block;
  height: 60px;
  margin-bottom: 30px;
  margin-right: 20px;
  margin-top: 30px;
  width: auto;
}

/*----------Company PAGEs-------------*/

.narrowWrap {
  width: 720px;
  margin: 0 auto;
}

.wideWrap {
  width: 990px;
  margin: 0 auto;
}

.teamCont {
  width: 725px;
  margin-left: 40px;
}

.narrowWrap h2 {
  text-align: center;
  margin: 50px auto 60px;
}

.wideWrap h2 {
  text-align: left;
  font-size: 22px;
  margin: 60px auto 50px;
}

.teamCont h3 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.3;
  font-weight: normal;
}

.teamMember {
  margin-bottom: 60px;
}

.halfWidth.right {
  background: #f3f6f9;
  position: absolute;
  right: 0;
  top: 110px;
  height: 100%;
  width: 50%;
  display: block;
}

.halfWidth.left {
  background: #edf1f4;
  position: absolute;
  left: 0;
  top: 110px;
  height: 100%;
  width: 50%;
  display: block;
}

.leftCont {
  float: left;
  width: 430px;
}

.leftCont table td {
  width: 50%;
}

.rightCont {
  float: right;
  width: 430px;
}

.rightCont .wpcf7 {
  margin-top: 15px;
  clear: both;
  float: left;
}

.entry h3,
.entry h2 {
  margin-bottom: 50px;
  font-size: 22px;
}

.entry h4 {
  margin-bottom: 15px;
}

.entry ul li,
.sixty ul li {
  display: block;
  margin-bottom: 20px;
  padding-left: 40px;
  position: relative;
}

.entry ul li:before,
.sixty ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 13px;
  height: 13px;
  background: #89a6df;
}

.partnerThumb {
  width: 170px;
  height: 131px;
  text-align: center;
  background: #fff;
  display: table;
}

.partnerThumb .imgWrap {
  display: table-cell;
  vertical-align: middle;
}

img.attachment-teamThumb,
img.attachment-partnerThumb {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-transition: all .6s ease;
  /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
}

#content.partners .entry h3 {
  text-align: center;
}

#content.partners .entry h4,
#content.partners .entry h4 a {
  font-size: 20px;
  font-weight: normal;
  color: #1d1d1b;
}

#content.partners .entry h4 a:hover {
  color: #89a6df;
}

.partner {
  clear: both;
  margin-bottom: 50px;
}

.partnerCont {
  width: 230px;
}

.partnerCont p {
  margin: 0 auto 10px;
  max-height: 240px;
  overflow: hidden;
}

.partnerCont a {
  font-size: 16px;
}

/*------HALF & HALF---------*/
.introText {
  width: 580px;
  margin: 0 auto 55px;
  text-align: left;
}

.rightCont h3,
.leftCont h3,
.rightCont h2,
.leftCont h2 {
  text-align: center;
  margin-bottom: 25px;
}

table p {
  max-width: 90%;
  float: left;
}

.entry table {
  width: 100%;
}

.entry table h4 {
  font-weight: bold;
  max-width: 90%;
}

.half .entry {
  position: relative;
  float: left;
  width: 100%;
}

.half .rightCont {
  transform: translateZ(0px);
}

#sideTitle {
  margin-top: -35px;
}

#content.partners #sideTitle {
  margin-top: 0;
}

.entry strong,
.entry pre {
  font-family: inherit;
  font-weight: 700;
}

/*------RESOURCES---------*/
.resourcesWrap {
  width: 800px;
  margin: 40px auto 0;
  clear: both;
}

.html5gallery-car-0 {
  left: -7% !important;
  width: 114% !important;
}

.html5gallery-car-right-0,
.html5gallery-car-left-0 {
  width: 20px !important;
}

.html5gallery-car-mask-0 {
  left: 4.5% !important;
  width: 815px !important;
}

.html5gallery-car-list-0 {
  width: 100% !important;
  left: 0 !important;
}

.html5gallery-car-left-0,
.html5gallery-tn-img-0 div {
  left: 0 !important;
}

.html5gallery-car-right-0 {
  right: 0 !important;
}

.html5gallery-tn-0 {
  opacity: 1 !important;
  box-shadow: none !important;
}

.html5gallery-tn-selected-0 .html5gallery-tn-img-0 {
  border-bottom: 5px solid #89a6df;
  background: #89a6df !important;
  box-shadow: none !important;
}

.html5gallery-tn-img-0 {
  border-bottom: 5px solid #f3f6f9;
}

.html5gallery-tn-img-0,
.html5gallery-tn-img-0 div,
.html5gallery-tn-image-0 {
  height: 106px !important;
  width: 100% !important;
  top: 0 !important;
}

.html5gallery-tn-selected-0 .html5gallery-tn-img-0 {
  box-shadow: none !important;
}

.html5gallery-toolbox-0,
.html5gallery-title-0 {
  display: none !important;
}

.html5gallery-elem-0 {
  box-shadow: none !important;
}

.html5gallery-car-mask-0,
.html5gallery-car-0,
.html5gallery-car-list-0,
.html5gallery-tn-0,
.html5gallery-tn-selected-0 {
  height: 250px !important;
  box-shadow: none !important;
  background: none !important;
}

.html5gallery-tn-title-0 {
  font-family: inherit !important;
  margin-top: 15px;
  font-size: 16px !important;
  white-space: normal !important;
  word-break: break-word;
  height: 50px !important;
  line-height: 1.5 !important;
  text-align: left !important;
}


#downloads {
  margin-top: 230px;
  float: left;
  clear: both;
  width: 100%;
}

#downloads h4 {
  font-weight: bold;
  font-size: 20px;
  margin-top: -50px;
}

#downloads h5 {
  font-size: 20px;
  margin-bottom: 10px;
}

.downloadFile {
  width: 472px;
  padding: 0 0 12px;
  box-sizing: border-box;
  background: #fff;
  position: relative;
  margin-bottom: 30px;
}

#content.resources .downloadFile {
  cursor: pointer;
}

.downloadFile.left {
  clear: left;
}

.downloadFile.right {
  clear: right;
}

.grid-sizer {
  width: 40%;
}

.downloadFile a {
  display: block;
  float: left;
  max-height: 300px;
  max-width: 100%;
  overflow: hidden;
  color: #1d1d1b !important;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
}

.downloadFile:hover a {
  color: #89a6df;
}

.downloadFile p {
  margin-bottom: 0;
  clear: both;
}

.downloadFile .corner {
  bottom: 0;
  width: 18px;
  display: block;
  height: 18px;
  position: absolute;
  right: -1px;
}

.downloadFile .corner svg {
  width: 100%;
  left: 0;
  margin-left: 0;
  top: auto;
  bottom: 0;
}

.downloadFile .corner svg .stcorner1 {
  fill: #89a6df;
  transition: fill 0.3s ease-in-out;
}

.downloadFile:hover .corner svg .stcorner1 {
  fill: #233742;
}

.featuredRe.video-resources .thumb {
  position: relative;
}

.downloadFile.video-resources:after {
  position: absolute;
  width: 64px;
  height: 64px;
  content: "";
  left: 50%;
  top: 25px;
  margin-left: -32px;
  display: block;
  background: url('images/playBttn.svg') center center no-repeat;
  background-size: cover;
  z-index: 5;
}

.featuredRe.video-resources .thumb:after {
  position: absolute;
  width: 64px;
  height: 64px;
  content: "";
  left: 50%;
  top: 50%;
  margin-top: -32px;
  margin-left: -32px;
  display: none;
  background: url('images/playBttn.svg') center center no-repeat;
  background-size: cover;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.featuredRe.video-resources:hover .thumb:after {
  opacity: 1;
}

.featuredRe.video-resources .thumb img {
  max-width: 180px;
  height: auto;
}

#archive .downloadFile {
  height: 342px;
  overflow: hidden;
}

#archive .downloadFile p {
  margin-bottom: 25px;
}

#content.news #archive .downloadFile {
  height: 345px;
}

#archive .downloadFile .thumb {
  float: left;
  width: 100%;
  height: 116px;
  display: block;
  background: #89a6df;
  position: relative;
  overflow: hidden;
}

#archive .downloadFile.video-resources .thumb {
  background: none;
}

#archive .downloadFile .thumb img,
#archive .downloadFile .thumb svg {
  max-width: 100%;
  position: absolute;
  height: auto;
}

.downloadFile .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #577dc7;
  z-index: 2;
  opacity: 0.65;
  display: block;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

.downloadFile .overlayOver {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #243742;
  z-index: 4;
  opacity: 0;
  display: block;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
}

.downloadFile:hover .overlayOver {
  opacity: 0.3;
}

.downloadFile img {
  position: relative;
  z-index: 1;
}

#archive .downloadFile h3 {
  font-weight: normal;
  margin: 25px auto 0;
  font-size: 20px;
  line-height: 1.3;
}

#archive .downloadFile a {
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 25px;
}

#archive .downloadFile .cont {
  width: 100%;
}

.gray {
  color: #a8b0b6;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.downloads svg,
.case-studies svg {
  width: 124px;
  left: 50%;
  margin-left: -62px;
  top: 23px;
}

.white-paper svg {
  width: 90px;
  left: 50%;
  margin-left: -45px;
  top: 23px;
}

.pr svg#pr {
  width: 106px;
  left: 50%;
  margin-left: -53px;
  top: 23px;
}

.events svg#events {
  width: 106px;
  left: 50%;
  margin-left: -53px;
  top: 24px;
}

.media svg#media {
  width: 144px;
  left: 50%;
  margin-left: -72px;
  top: 30px;
}

#resources {
  width: calc(100% + 23px);
}

#archive {
  position: relative;
  margin-top: 30px;
}

.tax-resources-types #archive {
  margin-top: 0;
}

.tax-resources-types #archive .backLink a {
  color: #1d1d1b;
  font-size: 22px;
  margin: 0 auto 10px;
}

#archive .filterTitle {
  display: inline-block;
  margin-right: 15px;
  line-height: 40px;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 18px;
}

#typeBttn {
  font-family: "Antenna", "helvetica", Arial;
  font-size: 16px;
  border: 2px solid #89a6df;
  border-bottom: none;
  width: 190px;
  box-sizing: border-box;
  line-height: 40px;
  padding-left: 15px;
  margin-bottom: 35px;
  position: relative;
  cursor: pointer;
}

#typeBttn:after {
  background: url('images/dropdown.svg') center center no-repeat;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: 15px;
  top: 16px;
  display: block;
  content: "";
  width: 12px;
  height: 8px;
}

#typeBttn.active:after {
  transform: rotate(180deg);
}

#archive ul {
  font-family: "Antenna", "helvetica", Arial;
  font-size: 16px;
  border: 2px solid #89a6df;
  border-top: none;
  width: 190px;
  box-sizing: border-box;
  line-height: 40px;
  max-height: 0;
  position: absolute;
  top: 40px;
  overflow: hidden;
  left: 91px;
  background: #f3f6f9;
  z-index: 9;
  transition: all 0.3s ease-in-out;
}

#archive ul.open {
  max-height: 500px;
}

#archive ul li {
  box-sizing: border-box;
  padding-left: 15px;
}

#archive ul li.selected {}

#archive ul a {
  color: inherit;
}

#archive ul a:hover {
  color: #89a6df;
}

#archive .sharePost,
#content.news #archive .gray {
  box-sizing: border-box;
  padding: 0 25px;
}

#content.news #archive .gray {
  font-size: 14px;
}

#archive .sharePost ul {
  float: left;
  left: auto;
  max-height: 50px;
  position: relative;
  top: auto;
  background: none;
  padding: 0;
  border: none;
  width: auto;
  padding-top: 3px;
}

#archive .sharePost ul li {
  float: left;
  padding: 0;
  height: auto;
}

#archive .sharePost ul li.google {
  padding-top: 3px;
}

#archive .sharePost ul li.twitter {
  padding-top: 1px;
}

#archive .sharePost ul li a {
  padding: 0;
}

#archive .sharePost ul li a svg {
  display: block;
}

#content.news #archive .gray {
  color: inherit;
}

/*----FEATURED---:*/
section#featured {
  margin: 0 auto;
}

h2.featured {
  font-size: 22px;
  margin: 0 auto 40px;
}

section#featured article {
  float: left;
  clear: both;
  margin-bottom: 30px;
  background: #fff;
  box-sizing: border-box;
  padding: 40px;
}

section#featured article.featuredRe {
  cursor: pointer;
}

section#featured article .thumb {
  background: none;
  width: 180px;
  height: 180px;
  margin-right: 40px;
  text-align: center;
  box-sizing: border-box;
}

section#featured.news article .thumb {
  border: 2px solid #dfe2e4;
}

section#featured article .thumb img {}

section#featured article a {
  color: inherit;
  position: relative;
  z-index: 1;
}

section#featured article a .featuredBg {
  background: #89a6df;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

section#featured article:hover a .featuredBg {}

section#featured article h2 {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 15px;
  transition: color 0.3s ease-in-out 0s;
}

section#featured article .cont {
  max-width: 650px;
  position: relative;
  min-height: 180px;
  transition: color 0.3s ease-in-out 0s;
}

section#featured article h2:hover,
section#featured article.featuredRe:hover h2 {
  color: #89a6df;
}

section#featured article .cont p {
  margin-bottom: 0;
}

section#featured article .cont .readMore {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #89a6df;
  transition: color 0.3s ease-in-out 0s;
}

section#featured article .cont .readMore:hover {
  color: #233742;
}

/*--------------------------SINGLE RESOURCE--------------------------*/
.single-resources .downloadFile {
  width: auto;
  padding: 0;
  margin: 0 auto;
  background: none;
}

.single-resources .bttn {
  background: none;
  border: 2px solid #455463;
  color: #455463;
  cursor: pointer;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  height: 58px;
  line-height: 58px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 250px;
  transition: all 0.2s ease-in-out 0s;
  margin-left: 0;
}

.single-resources .bttn:hover {
  border: 2px solid #89a6df;
  color: #89a6df;
}

.single-resources .bttn div {
  background: rgba(0, 0, 0, 0) url("images/download.svg") no-repeat scroll 20px center / 20px auto;
  padding-left: 48px;
  padding-right: 0;
  text-align: left;
}


/*--------------------------category---------------------------*/
#news .narrowWrap {}

#news .teamThumb {
  width: 121px;
}

#news .teamThumb img {
  max-width: 100%;
  height: auto;
}

#news .teamCont {
  width: 550px;
  margin-left: 45px;
}

#news .teamCont h2 a {
  color: #1d1d1b
}

#news .teamCont p {
  margin: 10px auto;
}

#news h2,
.single-resources h2 {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 1.3;
  font-weight: normal;
  text-align: left;
  margin-top: 0;
}

#news .singleTitle h2 {
  font-size: 25px;
  margin-bottom: 0;
  line-height: 1.3;
  font-weight: normal;
  text-align: left;
  margin-top: 0;
}

#news h5,
.singleTitle h5 {
  font-family: inherit;
  font-size: 16px;
  font-weight: inherit;
  margin: 5px auto;
}

#news h5 a,
.singleTitle h5 a {
  color: inherit;
}

.navigation div {
  padding: 0;
  background: #89a6df;
  width: 160px;
  text-align: center;
}

.navigation div a {
  color: #243742 !important;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 60px;
  background: url('images/navnext.svg') no-repeat 103px center;
  padding: 0 50px;
  transition: all 0.3s ease-in-out;
  text-align: left;
}

.navigation div a:hover {
  background: url('images/navnext.svg') no-repeat 113px center;
}

.navigation div .fillBg {
  display: none !important;
}

.navigation div.prev {
  margin-right: 40px;
}

.navigation div.prev a {
  background: url('images/navprev.svg') no-repeat 30px center;
  text-align: right;
  padding: 0 30px;
}

.navigation div.prev a:hover {
  background: url('images/navprev.svg') no-repeat 20px center;
}

#singleContainer {
  background: none repeat scroll 0 0 #fff;
  height: 0;
  overflow: hidden;
  left: 50%;
  margin-left: -400px;
  position: absolute;
  top: 60px;
  width: 800px;
  z-index: 998;
}

#singleContainer .postCont {
  float: left;
  width: 100%;
  padding: 40px 0;
}

#closeAjax {
  position: absolute;
  right: 45px;
  top: 40px;
  width: 23px;
  height: 23px;
  background: url('images/closeAjax.png') no-repeat top right;
  z-index: 9999;
  cursor: pointer;
}

#closeAjax:hover {
  background: url('images/closeAjaxh.png') no-repeat top right;
}

#loader {
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: 999;
  background: #fff;
}

#loader img {
  margin: 30px auto;
}

#loader.posts {
  background: none;
  bottom: -80px;
}

#goUp {
  position: fixed;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

#goUp.hidemeOp {
  opacity: 0;
}

#goUp .stborder {
  transition: fill 0.3s ease-in-out;
}

#goUp:hover .stborder {
  fill: #89a6df;
}

#singleContainer .title {
  text-align: left;
  line-height: 1.4;
  min-height: 1px;
  margin-bottom: 35px;
}

#singleContainer .title h1 {
  line-height: 1.4;
  max-width: 95%;
  text-align: left;
}

#news #singleContainer #content-single .narrowWrap {
  width: 700px;
}


.single #content-single .title {
  display: none
}

#news .entry img {
  max-width: 100%;
  height: auto;
}

.sharePost {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.sharePost ul li {
  display: inline-block;
  width: auto;
  height: 15px;
  margin-right: 10px;
}

.sharePost ul li a {
  display: inline-block;
  float: left;
}

.sharePost ul li.google a {
  padding-top: 3px;
}

.sharePost ul li.twitter a {
  padding-top: 1px;
}

.sharePost ul li a svg {
  height: 15px;
  width: auto;
}

.sharePost ul li a svg .st0 {
  transition: fill 0.2s ease-in-out;
}

.sharePost ul li a:hover svg .st0 {
  fill: #89a6df;
}

.sharePost ul li.twitter a svg,
.sharePost ul li.linkedin a svg {
  height: 14px;
  padding-top: 1px;
}

.sharePost h4 {
  display: inline;
  color: #b9c0c4;
  font-family: inherit;
  float: left;
  margin-right: 15px;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

#news .readMore {
  font-size: 18px;
  margin-top: 10px;
}

#sidebar {
  position: absolute;
  width: 236px;
  height: 100%;
  right: 0;
  overflow: hidden;
  border-left: 2px solid #dadee1;
}

#sidebar ul.widgets>li {
  border-bottom: 2px solid #dadee1;
  padding-left: 22px;
  box-sizing: border-box;
}

#sidebar ul.widgets>li:first-child,
#sidebar ul.widgets>li:last-child {
  border: none;
}

#sidebar h2 {
  color: #243742;
  text-align: left;
  font-size: 18px;
  margin: 25px auto 20px;
}

#sidebar .elp-widget h2 {
  margin-top: 0;
}

#sidebar .es_lablebox {
  display: none;
}

#sidebar .es_button,
#sidebar .fill-to-right {
  padding: 0;
  width: 100%;
}

#sidebar .es_textbox_class {
  padding: 0 0 0 20px;
  width: 100%;
  box-sizing: border-box;
}

#sidebar .es_msg {
  color: inherit;
}

#sidebar .fill-to-right {
  line-height: 54px;
  height: 60px;
  width: 100%;
  text-align: center;
  color: #243742;
}

.WP_Editor_Widget p {
  margin: 15px auto 25px;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: normal;
}

#sidebar .es_button input {
  background: none;
  border: none;
  font-size: 14px;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  height: 60px;
  line-height: 60px;
  width: 100%;
  padding: 0;
  text-align: center;
  cursor: pointer;
}

#sidebar .wpp-post-title {
  color: inherit;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 16px;
  font-style: normal;
  line-height: 1.3;
  margin-bottom: 10px;
  float: left;
}

#sidebar .wpp-post-title:hover {
  color: #89a6df;
}

#sidebar .wpp-list p {
  margin-bottom: 10px;
  font-size: 14px;
}

.wpp-list li {
  margin-bottom: 20px;
}

.wpp-list li span a {
  font-weight: bold;
  font-family: "Antenna", "helvetica", Arial;
}

#cats ul li {
  float: left;
  width: 100%;
  font-size: 14px;
}

#sidebar #cats h2 {
  margin-bottom: 15px;
}

#cats ul li a {
  text-transform: uppercase;
  color: inherit;
}

#cats ul li a:hover {
  color: #89a6df;
}

/*---------SINGLE---------------*/
.backLink {
  font-family: "Antenna", "helvetica", Arial;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 1;
  float: left;
}

.backLink svg {
  margin-right: 8px;
}

.backLink .stback {
  -webkit-transition: fill .3s ease-in-out;
  -moz-transition: fill 0.3s ease-in-out;
  transition: fill 0.3s ease-in-out;
}

.backLink:hover {
  color: #243742;
}

.backLink:hover svg .stback {
  fill: #243742;
}
.single-post #content table, 
.single-post #content th, 
.single-post #content td,
.single-news-events #content table, 
.single-news-events #content th, 
.single-news-events #content td {
  border: 1px solid black;
  border-collapse: collapse;
}
.single-post #content td,
.single-news-events #content td {
  padding: 5px;
}
.single-post p,
.single-news-events p {
  margin-bottom: 25px;
}

#respond {
  border-top: 2px solid #cad0d4;
  padding-top: 20px;
}

.comment-list #respond {
  border-top: none;
}

#respond h3 {
  font-size: 18px;
  font-weight: normal;
}

#comments .comment-form p {
  margin-bottom: 20px;
}

#comments .form-submit {
  width: 140px;
}

#comments .form-submit input {
  width: 100%;
  background: none;
  border: none;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-family: "Antenna", "helvetica", Arial;
  font-weight: normal;
  font-style: normal;
  cursor: pointer;
  padding: 0;
}

#comments .form-submit input:hover {
  color: #fff;
}

#comments .comment-form textarea {
  margin-bottom: 0;
}

.comment-list {
  margin-top: 20px;
}

.comment-list>li {
  border-top: 2px solid #cad0d4;
  padding-top: 20px;
  margin-bottom: 20px;
}

.comment-list>li .children {
  padding-left: 20px;
  border-top: 2px solid #cad0d4;
  padding-top: 20px;
  margin-top: 20px;
}

.comment-list li .children li {
  margin-bottom: 20px;
}

.comment-meta,
.comment-meta a,
small {
  color: #adb5ba;
  font-size: 14px;
}

#comments small a {
  color: #adb5ba;
  margin-left: 30px;
}

#comments .fn {
  color: #243742;
  font-size: 18px;
}

.comment-list p {
  margin-bottom: 10px;
}

/*--------------------------HOMEPAGE---------------------------*/
.home #wrapper {
  margin-bottom: 0;
}

#content.home {
  margin-top: 0;
}

.home .entry {
  float: left;
  width: 100%;
  min-height: 316px;
  color: #6f767c;
  margin-top: 80px;
}

.home .entry .cont {
  width: 50%;
  float: left;
  color: #6f767c;
  box-sizing: border-box;
  padding-right: 30px;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  float: left;
}

.home .entry.zugi .cont {
  float: right;
  padding-left: 30px;
  padding-right: 0;
}

.home .entry .gifAnim {
  float: right;
  width: 50%;
  text-align: right;
}

.home .entry.zugi .gifAnim {
  float: left;
  text-align: left;
}

.home .entry .gifAnim img {
  max-width: 100%;
  height: auto;
}

.home h1,
.home h2 {
  color: #303d4a;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 20px;
}

.homeSep {
  border-bottom: 2px solid #243742;
  float: left;
  clear: both;
  position: relative;
  height: 58px;
  line-height: 58px;
  box-sizing: border-box;
  margin-top: 20px;
}

.home .entry:last-child .homeSep {
  border: none;
}

.home .entry:last-child .homeSep .buttonLike .fillBg {
  height: calc(100% - 2px);
}

.homeSep .buttonLike {
  position: absolute;
  left: 0;
  bottom: 0px;
  background: #243742;
  width: 180px;
  text-align: center;
}

.home .entry.zugi .homeSep .buttonLike {
  left: auto;
  right: 0;
}

.partnerCont a,
.featuredPost a,
a.readMore,
span.readMore {
  color: #89a6df;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: normal;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
}

.partnerCont a:hover,
.featuredPost a:hover,
a.readMore:hover {
  color: #243742;
}

.featuredPost {
  width: 290px;
  float: left;
  margin-right: 55px;
  text-align: center;
}

.featuredPost:last-child {
  float: right;
  margin-right: 0;
}

#featured {
  clear: both;
  float: left;
  margin: 60px auto;
  width: 100%;
}

.featuredPost .thumb {
  height: 90px;
  text-align: center;
  width: 100%;
  display: table;
}

.featuredPost .imgWrap {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.featuredPost .thumb img {}

.featuredPost .titleF {
  border-bottom: 2px solid #a4adb2;
  display: table-cell;
  height: 86px;
  text-align: center;
  vertical-align: middle;
  width: 290px;
}

.featuredPost h2 {
  color: #303d4a;
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.featuredPost .cont {
  margin-top: 20px;
  text-align: left;
}

.featuredPost .cont p {
  margin: 0 auto 15px;
}

.home .html5gallery-container-0 {
  box-shadow: none !important;
  background: none !important;
}

#theVideo {
  position: fixed;
  top: 140px;
  left: 50%;
  margin-left: -340px;
  z-index: 997;
}

#testi {
  background: #89a6df;
  color: #243742;
  font-size: 26px;
  position: relative;
  padding-bottom: 32px;
}

#testi ul {
  clear: both;
  box-sizing: border-box;
}

#testi ul li.slide {
  line-height: 1.3;
  width: 100%;
  margin: 0 auto;
  padding: 55px 175px;
  box-sizing: border-box;
}

#testi ul li.slide.ready {}

#testi ul li .tableLike {
  float: left;
  position: relative;
}

#testi .quote {
  background: url('images/quote.png') no-repeat top left;
  padding: 0 40px;
}

#testi .quoted {
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  margin-top: 20px;
  padding: 0 40px;
}

/*----------------------BUTTONS------------------*/


.buttonLike {
  position: relative;
  float: left;
  background: #89a6df;
}

.buttonLike a,
.buttonLike input {
  color: #303d4a;
  display: block;
  line-height: 72px;
  padding: 0 20px;
  width: auto;
  position: relative;
  z-index: 3;
  text-transform: uppercase;
  transition: color 0.2s ease-in-out;
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
}

.fillBg {
  position: absolute;
  height: 100%;
  width: 0;
  display: block;
  background: #233641;
  top: 0;
  left: 0;
  transition: width 0.2s ease-in-out;
  -webkit-transition: width .2s ease-in-out;
  -moz-transition: width 0.2s ease-in-out;
  z-index: 2;
}

.buttonLike:hover .fillBg {
  width: 100%;
  display: block;
  background: #233641;
}

.buttonLike:hover a {
  color: #fff;
}

.homeSep .buttonLike {
  background: none repeat scroll 0 0 #233641;
}

.homeSep .buttonLike .fillBg {
  background: #89a6df
}

.homeSep .buttonLike:hover .fillBg {
  width: 100%;
  display: block;
  background: #89a6df;
}

.homeSep .buttonLike a {
  color: #fafbfc;
  font-size: 14px;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: normal;
  line-height: 56px;
}

.homeSep .buttonLike:hover a {
  color: #233641;
}

.homeVideo .buttonLike #playVideo,
.homeSep .buttonLike a.playVideo {
  color: #fafbfc;
  font-size: 14px;
  font-family: "Antenna", "helvetica", Arial;
  font-style: normal;
  font-weight: normal;
  line-height: 56px;
  background: rgba(0, 0, 0, 0) url("images/play.png") no-repeat scroll 20px 14px;
  padding-left: 53px;
  padding-right: 20px;
}

.homeVideo .buttonLike:hover #playVideo,
.homeSep .buttonLike:hover a.playVideo {
  color: #233641;
  background: url('images/playh.png') no-repeat 20px 14px;
}

#header .buttonLike {
  float: right;
}

/* Sweep To Right */
.hvr-sweep-to-right,
.es_button,
.form-submit {
  display: inline-block;
  vertical-align: middle;
  border: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  background: #89a6df;
}

.hvr-sweep-to-right:before,
.es_button:before,
.form-submit:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #233641;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active,
.es_button:hover,
.es_button:hover input,
.form-submit:hover {
  color: white;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before,
.es_button:hover:before,
.form-submit:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  background: #233641;
}


/* fill To Right */
.fill-to-right {
  display: inline-block;
  vertical-align: middle;
  border: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  box-sizing: border-box;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  background: none;
  border: 3px solid #243742;
  height: 60px;
}

.fill-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #233641;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.fill-to-right:hover,
.fill-to-right:focus,
.fill-to-right:active {
  color: white !important;
}

.fill-to-right:hover:before,
.fill-to-right:focus:before,
.fill-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  background: #233641;
}

/*----------------------PREFOOTER------------------*/
#stepInside {
  background: #fff;
  padding: 20px 0;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 3px 1px 3px 2px rgba(204, 204, 204, 0.6);
  -moz-box-shadow: 3px 1px 3px 2px rgba(204, 204, 204, 0.6);
  box-shadow: 3px 1px 3px 2px rgba(204, 204, 204, 0.6);
  height: 62px;
  position: absolute;
  top: 0;
  bottom: auto;
}

#stepInside.fixed {
  position: fixed;
  bottom: 0;
  top: auto;
}

#stepInside .wrapper {
  width: 750px;
  margin: 0 auto;
}

#stepInside h2 {
  text-align: center;
  font-size: 25px;
}

#stepInside .h2Like {
  float: left;
  line-height: 60px;
  margin-bottom: 0;
  margin-right: 40px;
  margin-top: 0;
}

#stepInside .buttons {
  width: 740px;
  margin: 0 auto;
}

#stepInside .buttons .button {
  width: 258px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  padding: 0;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 14px;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
}

#stepInside .buttons .button a {
  line-height: inherit;
}

#stepInside .buttons #request {
  background: #89a6df;
  color: #243742;
  border: none;
  padding: 2px !important;
}

#stepInside .buttons #request:hover {}

#stepInside .buttons #downloadWP {
  background: #fff;
  color: #455463;
  border: 2px solid #455463;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
}

#stepInside .buttons #downloadWP:hover {
  background: #fff;
  color: #89a6df;
  border: 2px solid #89a6df;
}

#stepInside .buttons #downloadWP div {
  background: url("images/download.svg") no-repeat scroll 20px center rgba(0, 0, 0, 0);
  padding-left: 48px;
  background-size: 20px auto;
  padding-right: 0;
  text-align: left;
}

#stepInside .buttons #request div {
  background: url("images/request.png") no-repeat scroll 40px center rgba(0, 0, 0, 0);
  background-size: 36px auto;
  padding-left: 50px;
  position: relative;
  z-index: 999;
}

#stepInside .buttons #request div:hover {
  background: url("images/requesth.png") no-repeat scroll 40px center rgba(0, 0, 0, 0);
  background-size: 36px auto;

}

#stepInside .buttons a:hover {}

#stepInside.withQoute {
  padding-top: 0;
  position: relative;
}

#stepInside.withQoute h3 {
  color: #243742;
  font-size: 20px;
  margin-bottom: 10px;
}

#stepInside.withQoute p {
  font-weight: 300;
}

/*--------------------------FORMS---------------------------*/

input {
  height: 40px;
  width: 410px;
  padding-left: 10px;
  line-height: 42px;
  border: none;
  border-bottom: 2px solid #cad0d4;
  background: #fff;
  font-family: inherit;
  color: #1d1d1b;
  font-size: 16px;
}

textarea {
  width: 406px;
  height: 106px;
  padding-left: 10px;
  line-height: 1.4;
  border: none;
  border-bottom: 2px solid #cad0d4;
  background: #fff;
  font-family: inherit;
  color: #1d1d1b;
  font-size: 16px;
  padding-top: 10px;
  margin-bottom: 18px;
  resize: none;
}

form p {
  margin-bottom: 18px;
}

form p.sendWrap {
  margin-bottom: 0;
}

input.wpcf7-submit {
  float: right;
  width: 160px;
  height: 60px;
  line-height: 60px;
  border: none;
  background: none;
  text-align: center;
  padding: 0;
  color: #243742;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 16px;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
}

input.wpcf7-submit:hover {
  color: #fff;
}

div.wpcf7 img.ajax-loader {
  border: medium none;
  left: -40px;
  margin-left: 4px;
  position: absolute;
  top: 20px;
  vertical-align: middle;
}

.sendWrap {
  float: right;
}

span.wpcf7-not-valid-tip {
  color: #243742 !important;
  display: block;
  font-size: 14px !important;
  margin-left: 10px !important;
}

div.wpcf7-validation-errors {
  border: 2px solid #cad0d4 !important;
  float: left !important;
  font-size: 13px;
  line-height: 1.3 !important;
  width: 200px !important;
  margin: 0 !important;
  color: #243742;
  text-align: center;
}

div.wpcf7-mail-sent-ok {
  border: 2px solid #243742 !important;
  color: #243742;
  float: left;
  margin: 0 !important;
  width: 200px;
  height: 50px;
  text-align: center;

}

.chosen-single a,
.chosen-container-single .chosen-single span {
  font-family: "proxima-nova", "helvetica", Arial, sans;
  font-weight: 400;
  font-style: normal;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  opacity: 1 !important;
  color: #1d1d1b !important;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  opacity: 1 !important;
  color: #1d1d1b !important;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  opacity: 1 !important;
  color: #1d1d1b !important;

}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  opacity: 1 !important;
  color: #1d1d1b !important;
}

textarea:focus,
input:focus {
  outline: 0;
}

*:focus {
  outline: 0;
}

.page-template-page-half-ns-php .rightCont p:first-child {
  display: none;
}

.page-template-page-half-ns-php .rightCont .wpcf7 {
  margin-top: 0;
}

#stateSelector,
#stateSelectorTry,
.stateSelector {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
  margin-bottom: 0;
}

#stateSelector.shown,
#stateSelectorTry.shown,
.stateSelector.shown {
  height: 42px;
  margin-bottom: 18px;
  overflow: visible;
}

/*----------------------LANDING PAGE------------------*/
#topPart {
  background: #89a6df;
  color: #fff;
  min-height: 429px;
  border-bottom: 1px solid #afc2e9;
  padding: 60px 0;
  box-sizing: border-box;
}

#content.landing .half {
  width: 50%;
  box-sizing: border-box;
}

#content.landing .half.left.entry {
  padding-right: 35px;
}

#content.landing h1 {
  color: #243742;
  font-size: 29px;
  margin-bottom: 20px;
  line-height: 1.3;
}

#content.landing h2,
#content.landing h3 {
  font-size: 22px;
  margin-bottom: 30px;
}

#content.landing p {
  font-size: 16px;
}

#middlePart,
#bottomPart {
  position: relative;
  background: #fafbfc;
  padding: 40px 0;
}

.formDiv {
  float: right;
  margin-top: -118px;
  border: 2px solid #e2e6e8;
  -webkit-box-shadow: 8px 8px 0px 0px rgba(58, 79, 91, 0.2);
  -moz-box-shadow: 10px 10px 0px 0px rgba(58, 79, 91, 0.2);
  box-shadow: 10px 10px 0px 0px rgba(58, 79, 91, 0.2);
}

#content.landing .formDiv h3 {
  line-height: 75px;
  background: #adc1e9;
  float: left;
  width: 100%;
  padding-left: 43px;
  box-sizing: border-box;
}

#content.landing .formDiv .form {
  width: 405px;
  margin: 0 auto;
}

#content.landing .formDiv .form form {
  float: left;
  width: 100%;
  overflow: hidden;
  padding-bottom: 40px;
}

#content.landing .buttonLike {
  background: #243742;
}

#content.landing .chosen-container {
  width: 100% !important;
  border: 2px solid #e2e6e8;
  background: none;
  box-sizing: border-box;
}

#content.landing input.wpcf7-submit {
  background: none;
  border: medium none;
  color: #89a6df;
  cursor: pointer;
  float: right;
  font-family: "Antenna", "helvetica", Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: 60px;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  min-width: 160px;
  padding: 0 20px;
}

#content.landing .buttonLike:hover input.wpcf7-submit {
  color: #243742;
  background: none;
}

#content.landing .fillBg {
  background: #89a6df none repeat scroll 0 0;
}

#content.landing .entry ul li {
  margin-bottom: 10px;
}

.page-template-page-landing #wrapper {
  margin-bottom: 0;
}

#bottomPart {
  padding: 50px 0;
}

#bottomPart .quoteWrap {
  border-top: 2px solid #e2e6e8;
  padding-top: 40px;
}

#bottomPart .quoteWrap .wrap {
  max-width: 595px;
  margin: 0 auto;
}

#bottomPart .quoteWrap h4.quote {
  background: rgba(0, 0, 0, 0) url("images/landing_quote.png") no-repeat scroll left top;
  font-size: 20px;
  font-weight: 400;
  margin: 0 auto 45px;
  padding-left: 30px;
  padding-top: 0;
}

#bottomPart .quoteWrap h5 {
  font-size: 16px;
  font-family: "proxima-nova";
  font-weight: 400;
  font-style: normal;
}

#content.landing input,
#content.landing textarea {
  border: 2px solid #e2e6e8;
  background: none;
  width: 100%;
  box-sizing: border-box;
}

#content.landing input {
  height: 37px;
}

#content.landing .chosen-container-single .chosen-single {
  background: none;
}

.chosen-container .chosen-results li:before {
  display: none;
}


/*********AWARDS*******/
#content.awards>.wrapper,
#content.awards>.narrowWrap {
  width: 984px;
}

#awards {
  float: left;
  width: 100%;
  clear: both;
  box-sizing: border-box;
}

.award {
  width: 472px;
  float: left;
  margin-bottom: 40px;
  padding: 40px 40px 40px 10px;
  background: #fff;
  position: relative;
  box-sizing: border-box;
  min-height: 233px;
}

.award:nth-child(odd) {
  clear: both;
  margin-right: 40px;
}

.award h3 {
  font-size: 16px;
  line-height: 1.375;
  margin-bottom: 20px;
}

.award .thumb {
  width: 140px;
  text-align: center;
}

.award .thumb img {
  max-width: 71%;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-transition: all .6s ease;
  /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden;
}

.award .cont {
  max-width: 270px;
  float: right;
}

.award .readMore {
  color: #89a6df;
  transition: color 0.3s ease-in-out;
}

.award a:hover .readMore {
  color: #1d1d1b;
}

/*--------------------------------------------------------START TABLETS:-----------------------------------------------------*/
@media screen and (max-width:1280px) {
  #top img {
    padding-left: 13px;
  }

  #menu ul li:first-child {
    padding-left: 15px;
  }

  #menu ul li {
    padding: 0 10px;
  }

  #footer .credits {
    margin-left: 10px;
  }

  #footer .right.credits {
    margin-right: 10px;
  }

  #footer .copy {
    font-size: 11px;
  }

}

@media screen and (max-width:991px) {
  html {
    font-size: 14px;
  }

  body {
    font-size: 1.14rem;
    -webkit-text-size-adjust: none !important;
  }

  #content.landing p,
  #bottomPart .quoteWrap h5 {
    font-size: 1.78rem;
  }

  p {
    margin-bottom: 2rem;
  }

  #menu,
  #tryNow,
  .menu-footer-menu-container,
  #solutionMenu,
  #solutions-sub ul li,
  #solutions-sub,
  .vertLine,
  .fillBg {
    display: none;
  }

  #header {
    position: fixed;
    width: 100%;
    z-index: 99999;
    height: 4.4rem;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: 0.3s -webkit-transform ease-out;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }

  #header #top {
    float: left;
    width: 140px;
    margin-top: 10px;
    margin-left: 6%;
    height: 40px;
    background: url('images/logoMobile.png') no-repeat top left;
    background-size: cover;
  }

  #header #top img {
    display: none;
  }

  .hamburger {
    display: block;
    float: right;
    width: 20%;
    position: relative;
    z-index: 10;
    background: url('images/menu.png') no-repeat top right;
    width: 1.5rem;
    height: 1.354rem;
    background-size: contain;
    margin-right: 6%;
    margin-top: 1.61rem;
  }

  #mobileMenu {
    position: fixed;
    width: 80%;
    height: 100%;
    right: 0;
    bottom: 0;
    top: 0;
    display: block;
    z-index: 999;
    overflow-y: scroll;
    background: #263944;
    font-family: "Antenna", "helvetica", Arial;
    font-style: normal;
    font-weight: normal;
    -webkit-overflow-scrolling: touch;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transform: translate3d(160%, 0, 0);
    -webkit-transform: translate3d(160%, 0, 0);

  }

  #mobileMenu.open {
    transform: translate3d(0%, 0, 0);
    -webkit-transform: translate3d(0%, 0, 0);
  }

  .menu-mobile-menu-container {
    text-align: center;
    text-transform: uppercase;
  }

  .menu-mobile-menu-container li {
    padding: 1.5rem 0;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #1a2b35;
    clear: both;
  }

  .menu-mobile-menu-container li.menu-item-has-children {
    border: none;
  }

  .menu-mobile-menu-container li.menu-item-has-children a {
    padding: 1.75rem 0;
    color: #4f6d7e;
    font-weight: bold;
  }

  .menu-mobile-menu-container li a {
    color: #fff;
    font-size: 1rem;
  }

  .menu-mobile-menu-container li.menu-item-has-children ul li {
    padding: 1.5rem 0 0;
    border: none;
  }

  .menu-mobile-menu-container li.menu-item-has-children ul li a {
    padding: 0;
    color: #bed1dc;
    font-weight: normal;
    font-size: 0.85rem;
  }

  .menu-mobile-menu-container li#menu-item-299 {
    width: 100%;
    background: #89a6df;
    color: #263944;
  }

  .menu-mobile-menu-container li#menu-item-299 a {
    color: #263944;
  }

  .sub-menu {
    float: left;
    clear: both;
    margin-top: 0;
    width: 100%;
    border-bottom: 1px solid #1a2b35;
    padding-bottom: 3rem;
  }

  #wrapper {
    margin: 4.4rem auto 2.23rem;
    -webkit-backface-visibility: hidden;
  }

  #wrapper.pushed,
  #header.pushed {
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transform: translate3d(-80%, 0, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
  }

  .narrowWrap,
  .wrapper,
  .resourcesWrap,
  #stepInside .wrapper,
  .wideWrap {
    width: 90%;
    margin: 0 auto;
  }

  #news .narrowWrap {
    width: 100%;
  }

  .homeSep {
    margin-top: 0;
  }

  #content .pageIcon img {
    height: 7.22rem;
    margin: 3.77rem 1.5rem 3.77rem auto;
  }

  #content.product {
    margin: 0 auto;
  }

  #footer ul.menu,
  #footer .right {
    width: 100%;
  }

  /* #menu-social-menu-container {
    margin: 0 auto;
    width: 100%;
    text-align: center;
  } */

  #footer {
    padding-top: 40px
  }

  /* #footer #menu-social-menu {
    float: none;
  }

  #footer .right ul.menu li a img {
    display: none;
  }

  #footer .right ul.menu li {
    width: 2.17rem;
    height: 2.17rem;
    background-size: contain !important;
    margin-right: 3.22rem;
    float: none;
    display: inline-block;
  }

  #footer .right ul.menu li:nth-child(1) {
    background: url('images/facebookM.png') no-repeat top right;
    margin-left: 0;
  }

  #footer .right ul.menu li:nth-child(2) {
    background: url('images/linkedinM.png') no-repeat top right;
  }

  #footer .right ul.menu li:nth-child(3) {
    background: url('images/youtubeM.png') no-repeat top right;
  }

  #footer .right ul.menu li:nth-child(4) {
    background: url('images/googleM.png') no-repeat top right;
  }

  #footer .right ul.menu li:nth-child(5) {
    background: url('images/twitterM.png') no-repeat top right;
    margin-right: 0;
  }

  #footer .right ul.menu li:last-child {
    margin: 0 auto 1.28rem;
    width: 100%;
    text-align: center;
  }

  #footer .right ul.menu li#menu-item-82 a {
    background: url('images/contactM.png') no-repeat top left;
    padding-left: 3rem;
    background-size: contain;
    line-height: 3rem;
    color: #fff;
    display: inline;
  }

  #footer ul.menu li a {
    transition: none;
  }

  #footer .right ul.menu li#menu-item-82:hover a {
    color: #fff;
  } */

  #footer .copy {
    padding: 2.22rem 0;
  }

  #footer .credits,
  #footer .right.credits {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 0 5%;
    color: #a6b1b7;
    font-weight: 300;
  }

  #footer .right.credits span.termsLinks {
    color: #fff;
    display: none;
  }

  #footer .terms {
    color: #fff;
    display: block;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
  }

  #footer .terms a {
    color: #fff;
  }

  #footer .credits.left {
    margin-bottom: 1rem;
  }

  #footer .right.credits span {
    clear: both;
    float: right;
    margin-top: 1rem;
    color: #abb6bc;
    width: 100%;
  }

  #footer .blogPosts {
    display: none;
  }

  #footer .newsletter {
    width: 100%;
    margin: 0 auto 30px;
  }

  #footer .newsletter h3 {
    text-align: center;
  }

  #footer .newsletter>div {
    width: 200px;
    margin: 0 auto;
    text-align: center;
  }

  #footer .newsletter input {
    color: #1d1d1b;
    margin-bottom: 0;
  }

  #menu-social-menu {
    float: left;
    width: 100%;
    text-align: center;
  }

  /* #footer .right ul.menu li {
    float: none;
  }

  #footer .right ul.menu li:last-child {
    width: 100%;
    float: left;
  } */

  #stepInside.fixed {
    position: absolute !important;
    bottom: auto;
    top: 0;
    z-index: 999;
  }

  #testi ul li.slide {
    padding: 55px 110px;
  }

  #testi {
    font-size: 1.78rem;
  }

  .title.iconTitle h1 {
    padding: 0 0 0 85px;
  }

  #content.about .title.iconTitle h1,
  #content.news .title.iconTitle h1,
  #content.blog .title.iconTitle h1,
  #content.resources .title.iconTitle h1 {
    padding: 0 0 0 90px;
  }

  #content.team .title.iconTitle h1 {
    padding: 0 0 0 138px;
  }

  #content.partners .title.iconTitle h1 {
    padding: 0 0 0 95px;
  }

  /*product page*/
  .third,
  .sixty,
  #content.product.how .contentBox .third,
  #content.product.how .contentBox .sixty {
    width: 100%;
  }

  #content.product .sixty {
    margin-bottom: 6rem;
  }

  #content.product h2 {
    margin-top: 20px;
  }

  #content img {
    max-width: 100%;
    height: auto;
  }

  #galleryThumbs {
    height: 150px;
  }

  #galleryThumbs ul li {
    clear: none;
    margin: 0 6px;
  }

  #content #galleryThumbs li img {
    width: 216px;
    height: 109px;
  }

  #carousel-next {
    top: 65px;
    height: 22px;
    width: 150px;
    background-image: url('images/up.svg');
    left: -95px;
    background-position: center center;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  #carousel-prev {
    bottom: auto;
    top: 65px;
    height: 22px;
    width: 150px;
    background-position: center center;
    left: auto;
    right: -85px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  p.wider {
    margin-left: 0;
  }

  #content.product.why .contentBox table {
    float: left;
    max-width: 100%;
  }

  #content.product.why .contentBox table td {
    float: left;
    margin-bottom: 20px;
    width: 100%;
    padding: 0;
  }

  #content.product.why.bzfeatures .contentBox img,
  #content.product.bzfeatures .contentBox .third img {
    max-height: 100%;
    max-width: 100%;
  }

  /*About page*/
  .title {
    margin-bottom: 3.77rem;
  }

  .title h1 {}

  #content.solutions #solutionTitle.mobile h1 {
    background-size: 40px auto !important;
    padding: 0 0 0 55px;
  }

  .teamThumb {
    width: 32%;
    margin-right: 2.78rem;
    margin-bottom: 1.78rem;
  }

  #news .teamThumb {
    margin-right: 0;
    width: 22%;
  }

  img.attachment-teamThumb,
  img.attachment-partnerThumb {
    max-width: 100%;
    height: auto;
  }

  #content.team .teamCont {
    float: right;
    width: calc(68% - 2.79rem);
    margin-left: 0;
    clear: none;
  }

  .teamCont {
    width: 100%;
    clear: both;
  }

  .teamCont h3 {
    float: left !important;
    width: 100%;
  }

  .teamMember {
    margin-bottom: 2rem;
  }

  #footerWrap.withPre {
    padding-top: 175px;
  }

  #stepInside {
    height: 135px;
  }

  #stepInside h2 {
    font-size: 2rem;
    width: 100%;
    text-align: center;
  }

  #stepInside .h2Like {
    width: 100%;
    text-align: center;
    margin-top: -10px;
    margin-bottom: 10px;
  }

  #stepInside .buttons {
    width: 100%;
    clear: both;
  }

  #stepInside .buttons .button {
    width: 48%;
    float: left;
    margin-bottom: 2rem;
    height: 4.6rem;
    box-sizing: border-box;
  }

  #stepInside .buttons .buttonLike {
    margin-right: 4%;
  }

  #stepInside .buttons .buttonLike a,
  #stepInside .buttons #downloadWP div {
    line-height: 4.6rem;
  }

  #stepInside .buttons #request div {
    background: none;
    padding-left: 1px;
  }

  #stepInside .buttons #request div a {
    background: url('images/requestM.png') no-repeat 10% center;
    background-size: 35px auto;
    text-align: center;
  }

  #stepInside .buttons #downloadWP div {
    background: url('images/whitepaperM.png') no-repeat 7% center;
    background-size: 25px auto;
    text-align: center;
  }

  #board {
    clear: both;
    float: left;
  }

  /*resources page, newsNevents*/
  section#featured article .cont {
    max-width: calc(95% - 120px);
    min-height: 160px;
  }

  section#featured article .thumb {
    width: 120px;
    height: 120px;
    margin-right: 5%;
    text-align: center;
  }

  section#featured article .thumb .cellLike {
    height: 100%;
  }

  section#featured article .thumb img {
    max-height: 80px;
    width: auto;
  }

  section#featured article .thumb svg {
    max-height: 80px;
    width: auto;
  }

  section#featured article a .featuredBg {}

  #goUp {
    display: none;
  }

  section#featured article p {
    margin-bottom: 0;
  }

  #theVideo {
    width: 680px;
  }

  .videoThumb {
    width: 47%;
    height: 19rem;
    float: left;
    clear: both;
    margin-top: 2rem;
    position: relative;
    font-size: 58%;
    color: inherit;
    line-height: 1.2;
    font-size: inherit;
  }

  .videoThumb img {
    max-width: 100%;
  }

  .videoThumb.zugi {
    float: right;
    clear: none;
  }

  iframe {
    width: 100% !important;
  }

  iframe#mainVideo {
    clear: both;
  }

  img.playVideo {
    position: absolute;
    left: 50%;
    margin-left: -2.72rem;
    top: 50%;
    margin-top: -7.5rem;
    width: 5.44rem;
    height: 5.44rem;
  }

  #theVideo {
    top: 28%;
  }

  #closeX.video {
    margin-right: 0;
    top: 24%;
  }

  #archive ul {
    left: 92px;
  }

  #archive .downloadFile {
    height: 410px;
  }

  .downloadFile {
    width: 45%;
    margin-bottom: 3.33rem;
    box-sizing: border-box;
    height: 450px;
  }

  .downloadFile a {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: 100%;
    color: #263944;
    font-weight: 400;
  }

  .downloadFile .fileCont {
    color: #263944;
  }

  #downloads h5 {
    font-size: 1.88rem;
    color: #263944;
    margin-bottom: 2.2rem;
  }

  .downloadFile .corner {
    width: 100%;
    height: 1.94rem;
    background-size: contain !important;
    bottom: -1.94rem;
  }

  #overlay {
    top: 8.89rem !important;
  }

  #demoForm,
  #singleForm {
    top: 13.89rem;
    width: 88%;
    margin-left: -44%;
    z-index: 999;
    overflow-y: scroll;
  }

  #demoWrap .title,
  #singleForm .title {
    min-height: 1px;
    margin-bottom: 3.33rem;
  }

  #closeX {
    background: url('images/closeXM.png') no-repeat right top;
    width: 1.5rem;
    height: 1.5rem;
    top: 11.5rem;
    right: 5%;
    margin-right: 0;
    background-size: contain !important;
  }

  #demoWrap h2,
  #singleForm h2 {}

  #demoWrap .cont,
  #singleForm .cont {
    width: 70%;
  }

  input,
  select,
  #content.landing input,
  #content.landing select {
    width: 96%;
    height: 3.2rem;
    font-size: inherit;
    padding-left: 4%;
    margin-bottom: 0.3rem;
    background: #fff;
    border: none;
    border-radius: 0;
    -webkit-appearance: button;
    border-bottom: 2px solid #cad0d4;
    color: #8c9398;
    pointer-events: auto !important;
  }

  .chosen-container {
    width: 100% !important;
    height: 3.2rem;
    font-size: inherit;
    background: #fff;
    line-height: 3.2rem;
    margin-bottom: 0.66rem !important;
  }

  .chosen-container-single .chosen-single {
    line-height: 3.2rem !important;
    padding-left: 4% !important;
    width: 96% !important;
    height: 3.2rem !important;
  }

  form .chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: none !important;
  }

  form .chosen-container,
  form .chosen-container-single .chosen-default {
    color: #8c9398;
  }

  .rightCont .wpcf7 {
    clear: both;
    float: none;
    margin: 15px auto 0;
    max-width: 60%;
  }

  textarea,
  #content.landing textarea {
    height: 12.4rem;
    padding-top: 2rem;
    margin-bottom: 2.66rem;
    border-radius: 0;
    width: 98%;
  }

  #content.landing .formDiv .form input.wpcf7-submit {
    font-size: inherit;
    line-height: 7.2rem;
    height: 7.2rem;
  }

  .sendWrap {
    float: none;
    margin: 0 auto;
    background: none;
  }

  input.wpcf7-submit {
    background: #89a6df;
    float: none;
    margin: 0 auto;
    margin-bottom: 3rem;
  }

  #content.landing .formDiv h3 {
    background: #adc1e9 none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    line-height: 2.5;
    text-align: center;
    width: 100%;
    padding-left: 0;
    font-size: 1.82rem;
  }

  #content.landing .formDiv .form {
    width: 90%;
  }

  #content.landing .formDiv .form input,
  #content.landing .formDiv .form textarea {
    width: 100%;
    box-sizing: border-box;
  }

  span.wpcf7-not-valid-tip {
    color: #243742 !important;
    display: block;
    margin-top: -0.2rem !important;
  }

  div.wpcf7-validation-errors {
    margin: 0 auto !important;
    width: 14.4rem !important;
    float: none !important;
  }

  ::-webkit-input-placeholder {
    /* WebKit browsers */
    opacity: 1 !important;
    color: #8c9398 !important;
  }

  :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    opacity: 1 !important;
    color: #8c9398 !important;
  }

  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    opacity: 1 !important;
    color: #8c9398 !important;

  }

  :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    opacity: 1 !important;
    color: #8c9398 !important;
  }

  #footerWrap {
    width: 100%;
    overflow: hidden;
  }

  #footerWrap .buttonLike a {
    width: auto;
  }

  /*SINGLE RESOURCE*/
  .single-resources .downloadFile {
    width: auto;
    padding: 0;
    margin: 0 auto;
  }

  .single-resources .bttn {
    background: none;
    border: 2px solid #455463;
    color: #455463;
    transition: all 0.2s ease-in-out 0s;
  }

  .single-resources .bttn div {
    background: rgba(0, 0, 0, 0) url("images/download.svg") no-repeat scroll 20px center / 22px auto;
    padding-left: 45px;
    padding-right: 0;
    text-align: left;
  }

  /*SOLUTIONS*/
  #solutionTitle {
    display: block;
  }

  #content.solutions .thumbs {
    display: none;
  }

  #content.solutions .wrapper {
    margin-top: 0;
  }

  #content.solutions .entry {
    width: 100%;
    color: #263944;
  }

  #content.solutions h2 {
    /*font-size: 2rem; margin: 3.3rem auto; */
  }

  #problem {
    padding-bottom: 0;
  }

  #content.solutions #problem h2 {
    margin-top: 0;
  }

  .entry ul li,
  .sixty ul li {}

  .entry ul li:before,
  .sixty ul li:before {
    top: 5px;
  }

  /*partners*/
  #content.partners .halfWidth {
    width: 100%;
  }

  #content.partners .wrapper.left {
    float: left;
    width: 100%;
  }

  .leftCont,
  .rightCont {
    width: 100%;
    overflow: hidden;
  }

  .partnerThumb {
    width: 32%;
    height: 9rem;
  }

  .partnerCont {
    width: 60%;
  }

  #content.partners .entry h4 {
    margin-bottom: 2.2rem;
    font-size: 1.89rem;
  }

  .featuredPost a,
  a.readMore {
    font-weight: bold;
    font-size: inherit;
  }

  .partner {
    margin-bottom: 4.39rem;
  }

  .partnerCont p {
    max-height: 100%;
  }

  #partners h2 {
    display: none;
  }

  #content.partners .entry h4,
  #content.partners .entry h4 a {
    margin-bottom: 0;
  }

  /*half&half*/
  .halfWidth.left,
  .halfWidth.right {
    display: none;
  }

  .entry table h4 {
    max-width: 90%;
  }

  .introWrap {
    width: 100%;
    background: #f3f6f9;
    float: left;
    clear: both;
  }

  .introText {
    margin: 3.89rem auto 1.7rem;
    text-align: left;
    width: 88%;
  }

  #downloads h4 {
    font-size: 2rem;
    margin-bottom: 6.11rem;
    text-align: center;
  }

  #content {
    color: #263944;
  }

  .half .rightCont {
    margin-top: 4rem;
  }

  /*news*/
  #news .teamCont {
    width: 70%;
    margin: 0;
    clear: none;
  }

  #news .teamCont h3 {
    float: left !important;
    font-size: 1.89rem;
    line-height: 1.43;
    margin-left: 0;
    margin-top: 0;
    max-width: 100%;
    width: 100%;
  }

  #news .teamMember {
    margin-bottom: 4.11rem;
    position: relative;
  }

  #news .sharePost ul li {}

  #news .teamMember img {
    width: 100%;
  }

  #news .navigation {
    width: 100%;
    border-top: 2px solid #dadee1;
    float: left;
    padding-top: 2rem;
  }

  .navigation div {
    margin: 0 auto;
    text-align: center;
  }

  .navigation div.prev {
    margin-right: calc(100% - 320px);
  }

  .navigation div a {
    margin: 0 auto;
  }

  .sharePost h4 {
    font-size: inherit;
  }

  #news .sharePost ul li {}

  #sidebar {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    border-left: none;
    border-top: 2px solid #dadee1;
    padding-top: 2rem;
    margin: 2rem auto;
  }

  #sidebar .wpp-list p {
    clear: both;
  }

  #sidebar ul li.elp-widget,
  #sidebar ul li #ebook,
  #sidebar ul.widgets>li {
    width: 45%;
    float: left;
    clear: left;
    padding-left: 0;
    border: none;
  }

  #sidebar ul.widgets>li#pposts {
    float: right;
    clear: none;
    position: static;
    right: 0;
    margin-top: -200px;
    width: 45%;
  }

  .wpp-list li {
    margin-bottom: 30px;
  }

  #sidebar .es_button input {
    color: inherit;
    margin: 0 auto;
  }

  #comments .form-submit input {
    color: inherit;
    margin: 0 auto;
  }

  #ebook {
    border: 3px solid #243742 !important;
    width: 100% !important;
  }

  .single #news .narrowWrap {}

  /*home page */
  .home .entry {
    background: none !important;
    margin-top: 50px;
  }

  .home .entry .cont {
    width: 50%;
  }

  .home .entry .gifAnim {
    width: 50%;
  }

  .homeAnim {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 3.33rem;
  }

  .home .entry .mobileInto,
  .home .entry .mobileInto p {
    display: block;
    font-size: inherit;
    width: 100%;
    float: left;
    max-width: 100%;
    margin-top: 0;
  }

  .homeVideo .buttonLike a {
    margin-bottom: 0;
  }

  #featured {
    clear: both;
    float: left;
    margin: 6.66rem auto 0;
    width: 100%;
  }

  .featuredPost {
    width: 100%;
    margin: 0 auto 5.33rem;
  }

  .featuredPost .thumb {
    height: auto;
    text-align: left;
    display: block;
    float: left;
    width: 32%;
    height: 7rem;
  }

  .featuredPost .imgWrap {
    display: block;
  }

  .featuredPost .imgWrap img {
    height: 100% !important;
    width: auto;
  }

  .featuredPost .titleF {
    border: none;
    display: block;
    height: auto;
    text-align: center;
    vertical-align: middle;
    width: 62%;
    margin-left: 6%;
    float: left;
    padding-bottom: 2rem;
  }

  .featuredPost h2 {
    font-size: 2rem;
    text-align: left;
  }

  #content.landing .half {
    width: 100%;
  }

  .formDiv {
    margin-top: 40px;
    box-shadow: 0 0 0 0;
  }

  #content.landing input.wpcf7-submit {
    background: #233641;
  }

  #topPart {
    padding-bottom: 40px;
  }

  #bottomPart .quoteWrap h4.quote {
    font-size: 1.89rem;
  }

  #footer.landing {
    padding: 47px 0 0;
  }

  /*--awards page--*/

  #content.awards>.wrapper,
  #content.awards>.narrowWrap {
    width: 100%;
    float: left;
  }

  #awards {
    padding: 0 7%;
  }

  .award,
  .award:nth-child(odd) {
    margin: 0 auto 25px;
    width: 100%;
    padding: 25px;
    min-height: 135px;
  }

  .award .thumb {
    width: 60px;
  }

  .award .thumb img {
    max-width: 100%;
  }

  .award .cont {
    max-width: calc(100% - 85px);
  }

  .award h3 {
    margin-bottom: 15px;
  }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}

/*--------------------------------------------------------START PHONES:-----------------------------------------------------*/
@media only screen and (max-device-width : 700px) and (orientation : landscape) {
  html {}

}

@media screen and (max-width:745px) {

  #archive .downloadFile {
    height: 460px;
  }
}

@media screen and (max-width:645px) {

  #archive .downloadFile {
    height: 500px;
  }

}

@media screen and (max-width:600px) {
  html {
    font-size: 8px;
  }

  #header {
    position: fixed;
    width: 100%;
    z-index: 99999;
    height: 8.89rem;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: 0.3s -webkit-transform ease-out;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }

  #header #top {
    float: left;
    width: 14.9rem;
    margin-top: 2rem;
    margin-left: 6%;
    height: 4.22rem;
    background: url('images/logoMobile.png') no-repeat top left;
    background-size: cover;
  }

  #header #top img {
    display: none;
  }

  .hamburger {
    display: block;
    float: right;
    width: 20%;
    position: relative;
    z-index: 10;
    background: url('images/menu.png') no-repeat top right;
    width: 3rem;
    height: 2.77rem;
    background-size: contain;
    margin-right: 6%;
    margin-top: 3.22rem;
  }

  #mobileMenu {
    position: fixed;
    width: 80%;
    height: 100%;
    right: 0;
    bottom: 0;
    top: 0;
    display: block;
    z-index: 999;
    overflow-y: scroll;
    background: #263944;
    font-family: "Antenna", "helvetica", Arial;
    font-style: normal;
    font-weight: normal;
    -webkit-overflow-scrolling: touch;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transform: translate3d(160%, 0, 0);
    -webkit-transform: translate3d(160%, 0, 0);

  }

  #mobileMenu.open {
    transform: translate3d(0%, 0, 0);
    -webkit-transform: translate3d(0%, 0, 0);
  }

  .menu-mobile-menu-container {
    text-align: center;
    text-transform: uppercase;
  }

  .menu-mobile-menu-container li {
    padding: 3rem 0;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #1a2b35;
    clear: both;
  }

  .menu-mobile-menu-container li.menu-item-has-children {
    border: none;
  }

  .menu-mobile-menu-container li.menu-item-has-children a {
    padding: 3.55rem 0;
    color: #4f6d7e;
    font-weight: bold;
  }

  .menu-mobile-menu-container li a {
    color: #fff;
    font-size: 2rem;
  }

  .menu-mobile-menu-container li.menu-item-has-children ul li {
    padding: 3rem 0 0;
    border: none;
  }

  .menu-mobile-menu-container li.menu-item-has-children ul li a {
    padding: 0;
    color: #bed1dc;
    font-weight: normal;
    font-size: 1.61rem;
  }

  .menu-mobile-menu-container li#menu-item-299 {
    width: 100%;
    background: #89a6df;
    color: #263944;
  }

  .menu-mobile-menu-container li#menu-item-299 a {
    color: #263944;
  }

  .sub-menu {
    float: left;
    clear: both;
    margin-top: 0;
    width: 100%;
    border-bottom: 1px solid #1a2b35;
    padding-bottom: 3rem;
  }

  #wrapper {
    margin: 8.89rem auto 6.45rem;
    overflow-x: hidden;
  }

  .wrapper {
    width: 90%;
  }

  #galleryWrap {}

  #header #top {
    margin-left: 5%;
  }

  .hamburger {
    margin-right: 5%;
  }

  body {
    font-size: 2rem;
    -webkit-font-smoothing: antialiased;
  }

  .home .entry {
    margin-top: 40px;
  }

  #news h2,
  .single-resources h2 {
    font-size: 2.2rem;
  }

  h2,
  .wideWrap h2,
  h2.featured,
  section#featured article h2,
  #archive .downloadFile h3 {
    font-size: 2.2rem;
    margin: 2rem auto 3rem;
  }

  #content.solutions h2 {
    margin-bottom: 2rem;
  }

  section#featured article h2,
  #archive .downloadFile h3 {
    margin-bottom: 1rem;
  }

  .home .entry .gifAnim,
  .home .entry .cont,
  .home .entry.zugi .cont {
    width: 100%;
    margin: 1rem auto;
    padding: 0 !important;
  }

  .entry h3,
  .home h1,
  .home h2,
  .home .entry h2,
  #content.landing h1,
  #content.landing h2,
  .h2Like,
  #content.product h1,
  #content.product h2 {
    margin: 0 auto 1.78rem;
    font-size: 2.5rem;
  }

  #content.about .title.iconTitle h1,
  #content.news .title.iconTitle h1,
  #content.blog .title.iconTitle h1,
  #content.resources .title.iconTitle h1 {
    padding: 0 0 0 70px;
    background-size: 55px auto !important;
    font-size: 2.5rem;
  }

  #content.team .title.iconTitle h1,
  #content .title.iconTitle h1 {
    padding: 0 0 0 115px;
    background-size: 100px auto !important;
  }

  #content.partners .title.iconTitle h1,
  #content.solutions .title.iconTitle h1 {
    padding: 0 0 0 95px;
    background-size: 80px auto !important;
  }

  #content.half .title.iconTitle h1 {
    background-size: 65px auto !important;
    padding: 0 0 0 80px;
  }

  #content.solutions #solutionTitle.mobile h1 {
    background-size: 40px auto !important;
    padding-left: 55px;
  }

  .title {}

  .title h1 {
    font-size: 2.5rem;
  }

  .homeVideo .buttonLike a {
    background-position: 2rem 44%;
    background-size: 1.5rem;
  }

  .entry ul li,
  .sixty ul li {
    padding-left: 2.4rem;
  }

  .entry ul li:before,
  .sixty ul li:before {
    width: 8px;
    height: 8px;
  }

  #testi {
    padding: 20px 0;
    font-size: 2rem;
  }

  #testi .quote {
    background-size: 13px auto;
    padding: 0 20px;
  }

  #testi .quoted {
    padding: 0 20px;
  }

  #testi ul li.slide {
    padding: 20px;
  }

  #testi .sy-controls li {
    min-width: 0;
    width: 5%;
  }

  /* #footer .right ul.menu li#menu-item-82 a,
  #footer .terms {
    font-size: 1.78rem;
  }

  #footer .right ul.menu li#menu-item-82 a {
    padding-left: 4rem;
  }

  #footer .right ul.menu li:last-child {
    margin: 0 auto 3rem;
  }
  #footer .right ul.menu li {
    width: 2.9rem;
    height: 2.9rem;
    margin-right: 1.22rem;
  }
  */
  #footer .copy {
    font-size: 1.2rem;
  }


  /*product*/

  #content.product.why .contentBox .third,
  #content.product .contentBox .third {
    width: 100%;
    float: left;
    clear: both;
  }

  #content.product.why .contentBox .sixty,
  #content.product .contentBox .sixty {
    width: 100%;
    padding: 0;
    float: left;
    margin: 1rem auto 0;
  }

  #content.product.why .contentBox img,
  #content.product .contentBox .third img {
    max-width: 150px;
    max-height: 80px;
  }

  #content.product.how h1,
  #content.product.how h2 {
    text-align: center;
  }

  #content.product.why .contentBox table td {
    text-align: center;
  }

  #problem {
    padding-bottom: 0;
  }

  #stepInside {
    height: 210px;
    padding: 0;
    box-shadow: 0 0 0 0;
  }

  #stepInside .h2Like {
    margin: 5px auto 0;
  }

  #footerWrap.withPre {
    padding-top: 210px;
  }

  #stepInside .buttons div {
    background: none;
    float: left;
    width: 100%;
    padding: 0;
  }

  #stepInside .buttons #request div {
    padding: 0;
  }

  #stepInside .buttons .buttonLike a {
    float: left;
  }

  #stepInside .buttons .button {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
    height: 6.6rem;
    box-sizing: border-box;
    margin-right: 0;
    line-height: 6.6rem;
  }

  #stepInside .buttons .buttonLike a,
  #stepInside .buttons #downloadWP div {
    line-height: 6.6rem;
  }

  #stepInside .buttons #request div a {
    background-size: 14%;
    padding: 0 5% 0 13%;
    width: 82%;
    background-position: 9% 50%;
  }

  #stepInside .buttons .buttonLike a,
  #stepInside .buttons #downloadWP div {
    font-size: inherit;
  }

  #stepInside .buttons #downloadWP div {
    background: url('images/whitepaperM.png') no-repeat 9% center;
    text-align: center;
    background-size: 9%;
    padding-left: 9% !important;
  }

  #content.product h2,
  h2,
  #content.product h1 {
    margin-bottom: 1.78rem;
    text-align: center;
    margin-top: 1.78rem;
  }

  #content.product .sixty {
    margin-bottom: 3rem;
  }

  .contentBox .sixty {
    width: 66%;
  }

  .teamMember:last-child {
    margin-bottom: 0;
  }

  #galleryThumbs {
    width: 226px !important;
    left: 50% !important;
    margin-left: -113px !important;
    height: 100px;
  }

  #content #galleryThumbs li img {
    width: 108px;
    height: 54px;
  }

  #carousel-next,
  #carousel-prev {
    top: 40px;
  }

  #carousel-next {
    left: -75px;
  }

  #carousel-prev {
    right: -75px;
  }

  #galleryThumbs li:after {
    width: 24px;
    height: 24px;
    margin-left: -12px;
    margin-top: -12px;
    background-size: contain;
  }

  #tryForm form,
  #theSingleForm form {
    width: 88%;
    overflow: hidden;
  }

  select {
    width: 100%;
    margin-bottom: 1rem;
    font-family: inherit;
    height: 7.2rem;
    margin-top: 0;
    padding-top: 0;
    -webkit-appearance: none;
    margin-bottom: 2rem;
  }

  textarea {
    width: 96%;
  }

  form p {
    margin-bottom: 1rem;
  }

  #demoWrap .title,
  #singleForm .title {
    padding: 0;
  }

  #demoWrap h2,
  #singleForm h2 {
    font-size: 2.22rem;
    padding-left: 45%;
    padding-top: 3.78rem;
    background-size: 32%;
    padding-bottom: 3.78rem;
    padding-right: 0;
    margin-right: 0;
    text-align: left;
  }

  .wpcf7 {
    width: 100% !important;
  }

  #closeX {
    background: url('images/closeXM.png') no-repeat right top;
    right: 6%;
    margin-right: 0;
    background-size: contain;
  }

  #content.partners .entry h4 {
    margin-bottom: 1.1rem;
    text-align: center;
  }

  .partner {
    margin-bottom: 6.8rem;
  }

  .partnerCont p {
    margin: 0 auto 1.1rem;
  }

  .partnerThumb {
    text-align: center;
    display: table;
    margin-bottom: 1.1rem;
    clear: both;
    float: none;
    margin: 0 auto 1.1rem;
    padding: 0 6%;
    height: 15rem;
    width: 40%;
  }

  .partnerCont {
    width: 100%;
  }

  /*resources page*/

  .videoThumb {
    width: 47%;
    height: 16rem;
    float: left;
    clear: both;
    margin-top: 2rem;
    position: relative;
    font-size: inherit;
    color: inherit;
  }

  .videoThumb img {
    max-width: 100%;
  }

  .videoThumb.zugi {
    float: right;
    clear: none;
  }

  #downloads {
    margin-top: 11rem;
  }

  #downloads h4 {
    margin-bottom: 0;
  }

  iframe {
    width: 100% !important;
    height: auto;
  }

  img.playVideo {
    position: absolute;
    left: 50%;
    margin-left: -2.72rem;
    top: 50%;
    margin-top: -6.7rem;
    width: 5.44rem;
    height: 5.44rem;
  }

  .sharePost h4 {
    font-size: inherit;
  }

  #news .sharePost ul li {
    width: 2.5rem;
    margin-right: 0.3rem;
  }

  section#featured article {
    margin-bottom: 20px;
    padding: 20px;
  }

  section#featured article .thumb {
    width: 100%;
    margin: 0 auto;
  }

  #content .featuredRe.video-resources .thumb img {
    max-width: 50%;
  }

  .featuredRe.video-resources .thumb:after {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
  }

  section#featured article .cont {
    width: 100%;
    max-width: 100%;
  }

  section#featured article .cont h2 {
    text-align: left;
  }

  section#featured article .thumb svg,
  section#featured article .thumb img {}

  section#featured article .cont a.readMore {
    bottom: 0;
  }

  #resources {
    width: 100%;
  }

  #typeBttn {
    float: left;
    clear: both;
  }

  #archive ul.filter {
    left: 0;
    top: 82px;
  }

  #archive .downloadFile {
    width: 100%;
    height: auto !important;
  }

  #archive .downloadFile p {
    margin-bottom: 10px;
  }

  /*solutions*/
  #content.solutions .entry ul li:before {
    top: 8px;
  }

  /*team*/
  .teamThumb {
    width: 100%;
    text-align: center;
  }

  img.attachment-teamThumb,
  img.attachment-partnerThumb {
    max-width: 100%;
    height: auto;
  }

  #content.team .teamCont {
    float: right;
    width: 100%;
    margin-left: 0;
    clear: both;
  }

  #content.team .teamCont h3 {
    text-align: center;
  }

  /*single and index */

  #news .teamThumb {
    width: 100%;
    text-align: center;
  }

  #news .teamThumb img {
    width: 33%;
  }

  #news .teamCont {
    width: 100%;
  }

  .navigation div {
    width: 130px;
  }

  .navigation div.prev {
    margin-right: calc(100% - 260px);
  }

  .navigation div a {
    margin: 0 auto;
    background: url('images/navnext.svg') no-repeat 95px center;
    padding: 0 40px;
  }

  .navigation div.prev a {
    background: url('images/navprev.svg') no-repeat 14px center;
  }

  #sidebar ul li.elp-widget,
  #sidebar ul li #ebook {
    width: 100%;
  }

  #sidebar ul.widgets>li {
    width: 100%;
  }

  #sidebar ul.widgets>li#pposts {
    float: right;
    clear: both;
    position: relative;
    right: 0;
    margin-top: 3rem;
    width: 100%;
    border-top: 2px solid #dadee1;
  }

  /*forms*/
  #demoWrap h2,
  #singleForm h2,
  #singleForm h3 {
    max-width: 70%;
    margin-left: 5%;
    padding-left: 65px;
    font-size: 2.5rem;
  }

  #demoWrap .cont,
  #singleForm .cont {
    width: 86%;
  }

  input.wpcf7-submit {
    height: 6.55rem;
    line-height: 6.55rem;
    width: 16rem;
  }

  .rightCont .wpcf7 {
    max-width: 100%;
  }

  input,
  select,
  #content.landing input,
  #content.landing select {
    height: 6.4rem;
    margin-bottom: 1rem;
  }

  /* header search */
  chosen-container {
    width: 100% !important;
    height: 6.4rem;
    font-size: inherit;
    background: #fff;
    line-height: 6.2rem;
    margin-bottom: 0.66rem !important;
  }

  .chosen-container-single .chosen-single {
    line-height: 6.4rem !important;
    padding-left: 4% !important;
    width: 96% !important;
    height: 6.2rem !important;
  }

  .award,
  .award:nth-child(odd) {}


}

@media screen and (max-width:490px) {
  section#featured article .cont {
    padding-bottom: 40px;
  }

  #content.team .title.iconTitle h1,
   #content .title.iconTitle h1,
  .title h1 {
    background-position: top 20px center !important;
    background-size: 130px auto !important;
    padding: 85px 10px 0 !important;
    line-height: 8.5rem;
  }
}

/* Header - search form */

.searchform {
  max-width: 250px;
  background: #89a6df;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-top: 15px;
  margin-right: 20px
}

.searchform * {
  background: #89a6df;
  color: #303d4a !important
}

.searchform input {
  border: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 0;
}

.searchform input[type="search"] {
  float: left;
  width: calc(100% - 55px);
  padding: 0 0 0 20px;
}

.searchform input:placeholder {
  color: #303d4a !important
}

.searchform input::placeholder {
  color: #303d4a !important
}

.searchform input:-ms-input-placeholder {
  color: #303d4a !important
}

.searchform input::-ms-input-placeholder {
  color: #303d4a !important
}

.searchform input::-webkit-input-placeholder {
  color: #303d4a !important
}

.searchform input::-moz-input-placeholder {
  color: #303d4a !important
}

.searchform input:-moz-input-placeholder {
  color: #303d4a !important
}

.searchform input[type="submit"] {
  width: 55px;
  text-indent: 100px;
  float: right;
  background: #89a6df url(images/search.png) center no-repeat;
  background-size: 20px;
  padding: 0;
  cursor: pointer;
}

.searchform input[type="submit"]:hover {
  opacity: 0.5
}

#mobileMenu {
  text-align: center;
}

#mobileMenu .searchform {
  width: 100%;
  float: none;
  display: inline-block;
  margin: 15px 0 10px;
}

@media screen and (min-width:992px) and (max-width:1240px) {
  #header .searchform {
    display: none
  }
}

@media screen and (max-width:991px) {
  #mobileMenu .searchform {
    display: none !important
  }

  #header .searchform {
    max-width: 160px;
    font-size: 12px;
    margin-top: 22px;
    margin-right: 10px;
  }

  #header .searchform input {
    height: 20px;
  }

  #header .searchform input[type="search"] {
    padding: 0 0 0 10px;
  }

  #header .searchform input[type="submit"] {
    width: 20px;
    background-size: 12px;
    background-position: left;
  }
}

@media screen and (max-width: 600px) {
  #header .searchform {
    margin-top: 26px;
  }

  #header .searchform input {
    height: 22px;
  }
  
}

@media screen and (max-width:480px) {
  #footer .social-footer ul.menu li#menu-item-82 a {font-size: 0;}
}
@media screen and (max-width:380px) {
  #header .searchform {
    max-width: calc(100% - 14.9rem - 7% - 24px - 15px - 15px - 15px);
  }

  #mobileMenu .searchform {
    max-width: 88%;
  }
}

@media screen and (max-width:320px) {
  #header .searchform {
    display: none
  }

  #mobileMenu .searchform {
    display: inline-block !important;
  }
}