/*
Theme Name: BufferZone
Theme URI: http://aliceeitan.com
Description: Theme developed for BufferZone
Author: Alice Eitan
Author URI: http://aliceeitan.com
Version: 1
*/
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: 190px;
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 ul.menu {float: left; width: 64%;}
#footer ul.menu li {float: left; width: 25%;}
#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 .right {width: 18%;}
#footer #menu-social-menu {float: right; width: auto;}
#footer .right ul.menu li {
float: left;
height: 34px;
margin-bottom: 24px;
margin-left: 25px;
margin-right: 0;
overflow: hidden;
width: 34px;
}
#footer .right ul.menu li a {
display: block;
height: 34px;
width: 34px;
position: relative;
overflow: hidden;
}
#footer .right ul.menu li:last-child {clear: both; float: right; width: auto; height: auto; margin-top: 0; margin-right: -10px; margin-left: 0; margin-bottom: 24px;}
#footer .right 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 .right ul.menu li a:hover img.top {
top: -34px;
}
#footer .right ul.menu li img.bottom {
left: 0;
position: absolute;
top: 34px;
right: auto;
}
#footer .right ul.menu li a:hover img.bottom {
top: 0;
}
#footer .right 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 .right 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 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,#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 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,#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: 86%;}
#galleryWrap {}
#header #top {margin-left: 7%;}
.hamburger {margin-right: 7%;}
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 .copy {font-size: 1.2rem;}
#footer .right ul.menu li {width: 2.9rem; height: 2.9rem; margin-right: 1.22rem;}
/*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;}
}
/* 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: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;}
}
}