img.bw-image {
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"); -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
a.image-link img {
cursor: url(//hyly.ai/wp-content/plugins/bw_image_plugin/img/zoom_in.png), auto;
}
img.bw-image:hover {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); 
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; 
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; 
}
.mfp-preloader a:hover {
color: white; 
}
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;         }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); 
}
.mfp-close:active {
top: 1px; 
}
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
width: 100%; 
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; 
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); 
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; 
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; 
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; 
}
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; 
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; 
}
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; 
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; 
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; 
}
.mfp-iframe-holder .mfp-close {
top: -40px; 
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; 
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; 
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; 
}
.mfp-figure figure {
margin: 0; 
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; 
}
.mfp-img-mobile img.mfp-img {
padding: 0; 
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; 
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; 
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; 
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; 
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; 
} 
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); 
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; 
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; 
}
.mfp-container {
padding-left: 6px;
padding-right: 6px; 
} 
}
.mfp-ie7 .mfp-img {
padding: 0; 
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; 
}
.mfp-ie7 .mfp-container {
padding: 0; 
}
.mfp-ie7 .mfp-content {
padding-top: 44px; 
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; 
}.client-logos-panel-v3-main{
background: #FAFAFA;
padding: 60px 0;
}
.client-logos-panel-v3{
text-align:center;
}
.client-logos-panel-v3-title{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 42px;
text-align: center;
color: #333333;
margin-bottom: 50px;
}
.cl-logo-v3 {
display: block;
text-align: center;
margin: 0 auto;
}
.client-logos-wrapper{
align-items: center;
}
.swiper-pagination-client-logos-panel-v3 .swiper-pagination-bullet{
width: 10px !important;
height: 10px !important;
background: #D9D9D9 !important;
border: 0 !important;
}
.swiper-pagination-client-logos-panel-v3 .swiper-pagination-bullet.swiper-pagination-bullet-active{
background: linear-gradient(125.75deg, #26BBED -6.31%, #B581E7 106.26%) !important;
}
.cl-container-v3{
margin: 0 20px;
}
.client-logos-panel-v3-row{ overflow: hidden; }
@media (max-width: 768px) {
.client-logos-panel-v3-title {
font-size: 20px;
line-height: 23px;
margin-bottom: 25px;
}
}.hyly-cta {text-align: center;clear: both;}
.hyly-cta .blue-btn {margin-top: 50px;}
.hyly-cta-content {
max-width: 500px;
margin: auto;
font-size: 1rem;
font-weight: 400;
line-height: 1.6;
}.hyly-home-features-experiences-v1{
padding: 100px 0 100px 0;
background: #ffffff;
}
.product_features_experiences_content_title{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 48px; text-align: center;
text-transform: capitalize;
color: #333333;
padding-bottom: 50px;
}
.features-experiences-body{
padding: 40px 0 0 0;
}
.features-experiences-title{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 35px; background: linear-gradient(90.51deg, #26BBED 0%, #B581E7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
margin-top: 20px;
margin-bottom: 5px;
}
.features-experiences-title a{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 35px; background: linear-gradient(90.51deg, #26BBED 0%, #B581E7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.features-experiences-image-section{
padding: 0 0 0 0;
}
.features-experiences_body{
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px; color: #333333;
}
.features-experiences-circle-main{
width: 600px;
height: 600px;
border-radius: 50%;
margin: 0 auto;
position: relative;
background: linear-gradient(45deg,#26BBED,#B581E7);
border: 10px solid transparent;
background-clip: padding-box;
display: flex;
align-items: center;
justify-content: center;
}
.features-experiences-circle{
width: 99%;
height: 99%;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.features-experiences-circle .feature-experience-column-single{
display: none;
width: 375px;
}
.features-experiences-circle .feature-experience-column-single .feature-experience-image{
width: 133px !important;
}
.features-experiences-circle .feature-experience-column-single .feature-experience-text_body{
width: 250px !important;
}
.features-experiences-circle .feature-experience-column-single:nth-child(1){
display: block;
top: 8%;
left: -40%;
position: absolute;
text-align: right;
}
.features-experiences-circle .feature-experience-column-single:nth-child(2){
display: block;
top: 8%;
right: -40%;
position: absolute;
text-align: left;
}
.features-experiences-circle .feature-experience-column-single:nth-child(3){
display: block;
top: 40%;
left: -51%;
position: absolute;
text-align: right;
}
.features-experiences-circle .feature-experience-column-single:nth-child(4){
display: block;
top: 40%;
right: -51%;
position: absolute;
text-align: left;
}
.features-experiences-circle .feature-experience-column-single:nth-child(5){
display: block;
top: 75%;
left: -37%;
position: absolute;
text-align: right;
}
.features-experiences-circle .feature-experience-column-single:nth-child(6){
display: block;
top: 75%;
right: -37%;
position: absolute;
text-align: left;
}
.features-experiences-circle .feature-experience-column-single:nth-child(7){
display: block;
top: 100%;
left: 43%;
position: absolute;
padding-top: 30px;
text-align: center;
}
.features-experiences-circle .feature-experience-column-single:nth-child(7) .feature-experience-image{
position: absolute;
top: -50px;
}
.features-experiences-circle .feature-experience-column-single:nth-child(7) .feature-experience-text_body{
position: relative;
left: -50px;
}
.features-experiences-small-circle{
width: 450px;
height: 450px;
display: flex;
align-items: center;
text-align: center;
background: #fff;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
border-radius: 50%;
}
.features-experiences-small-circle-wrapper{
padding: 50px;
}
.product_features_experiences_content_subtitle{
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 35px;
text-align: center;
color: #26BBED;
margin-bottom: 20px;
}
.product_features_experiences_content_subbody{
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 23px;
text-align: center;
color: #333333;
}
.features-experiences-title span{ display: inline-block;}
.features-experiences-title span::after{
background: linear-gradient(45deg,#26BBED,#B581E7);
width: 100%;
height: 2px;
text-align: center;
display: block;
margin: 3px 0 5px 0;
content: '';
}
.features-experiences-small-circle-mobile{ display: none;}
@media (max-width: 1280px){
.features-experiences-circle-main{
width: 400px;
height: 600px;
border-radius: 20px;
}
.features-experiences-circle .feature-experience-column-single:nth-child(1) {
left: -77%;
}
.features-experiences-circle .feature-experience-column-single:nth-child(2) {
right: -77%;
}
.features-experiences-circle .feature-experience-column-single:nth-child(3) {
left: -77%;
}
.features-experiences-circle .feature-experience-column-single:nth-child(4) {
right: -77%;
}
.features-experiences-circle .feature-experience-column-single:nth-child(5) {
left: -77%;
}
.features-experiences-circle .feature-experience-column-single:nth-child(6) {
right: -77%;
}
.features-experiences-circle .feature-experience-column-single:nth-child(7) {
left: 35%;
}
.features-experiences-circle {
width: 99%;
height: 99%;
border-radius: 10px;
}
.features-experiences-small-circle{ width: 60%; height: auto; border-radius: 10px;}
}
@media (max-width: 1280px){
.product_features_experiences_content_title {
font-size: 20px;
line-height: 23px;
}
.product_features_experiences_content_subtitle{
font-size: 24px;
line-height: 26px;
}
.features-column-single{ width: 100% !important;}
.features-experiences_body_wrapper{
display: block;
}
.features-experiences-image-section {
padding: 15px 0;
}
.features-column-single {
width: 100% !important;
margin: 0 auto 20px auto;
padding: 0;
}
.gradient_button_row {
padding-top: 0;
}
.features-experiences-body {
padding: 20px 0 0 0;
}
.features-experiences-circle-main {
width: 141px;
}
.features-experiences-small-circle-wrapper {
display: none;
}
.features-experiences-title a{
font-size: 20px;
line-height: 26px;
}
.features-experiences_body{
font-size: 16px;
} .hyly-home-features-experiences-v1 {
padding: 100px 0 170px 0;
padding: 40px 0 40px 0;
}
.features-experiences-small-circle-mobile .features-experiences-small-circle-wrapper{display: block;}
.product_features_experiences_content_title{
padding-bottom: 20px;
}
.features-experiences-circle-main{
width: 100%;
height:auto;
background: none;
}
.features-experiences-circle{
width: 100%;
height:auto;
}
.features-experiences-circle .feature-experience-column-single{
width: 100% !important;
position: relative !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
text-align: left !important;
}
.features-experiences-small-circle{ display: none;}
.feature-experience-column-wrapper{ width: 100%;}
.feature-experience-column-single > .row{ flex-direction: row-reverse;}
.features-experiences-circle .feature-experience-column-single .feature-experience-text_body{ width: 70% !important;}
.features-experiences-circle .feature-experience-column-single .feature-experience-image{ width: 30% !important;}
.features-experiences-circle .feature-experience-column-single:nth-child(7) .feature-experience-image,
.features-experiences-circle .feature-experience-column-single:nth-child(7) .feature-experience-text_body{ position: relative; left: 0; top:0;}
.features-experiences-circle .feature-experience-column-single:nth-child(7){ padding-top: 0;}
.features-experiences-small-circle-mobile {
display: block;
width: 100%;
margin-bottom: 20px;
} .features-experiences-circle .feature-experience-column-single{
width: 50% !important;
float: left;
}
.features-experiences-circle .feature-experience-column-single:nth-child(2n+1){
clear: left;
}
}
@media (max-width: 768px){
.features-experiences-circle .feature-experience-column-single .feature-experience-image {
width: 20% !important;
}
.features-experiences-circle .feature-experience-column-single .feature-experience-text_body {
width: 80% !important;
}
.features-experiences-circle .feature-experience-column-single{
width: 100% !important;
float: left;
clear: both;
}
}
@media (max-width: 600px){
.features-experiences-circle .feature-experience-column-single .feature-experience-image {
width: 30% !important;
}
.features-experiences-circle .feature-experience-column-single .feature-experience-text_body {
width: 70% !important;
}
}
@media (max-width: 480px){
.hyly-home-features-experiences-v1 {
padding: 55px 0 100px 0;
}
}.hyly-banner-home-contents-v3{
height: 100vh;
max-height: 950px;
}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel{
display: block;
height: 100vh;
padding: 100px;
background-size: 75% !important;
width: 80%;
margin: 0 auto;
max-width: 1550px;
max-height: 950px;
}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper{
position: relative;
display: block;
width: 450px;
max-width: 90%;
}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper h2{
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 72px;
line-height: 85px;
background: linear-gradient(90.51deg, #26BBED 0%, #B581E7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
line-height: normal;
}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper .lr-sub-title{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 40px;
font-size: 30px;
line-height: 47px;
color: #333333;
margin-bottom: 15px
}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper .lr-sub-content{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #1F2F34;
}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper .lr-sub-image{
display: none;
}
#zcampaignOptinForm{ padding-left: 0 !important;}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper .lr-sub-content{
position: relative;
}
#errorMsgDiv{
position: absolute;
bottom: -30px;
}
.quick_form_7_css{
background: transparent !important;
border: 0 !important;
}
@media (max-width: 1600px) {
.hyly-banner-home-contents-v3 .hyly-banner-home-panel{
padding: 70px 150px 150px 0;
background-size: 80% !important;
background-size: 70% !important;
width: 80%;
margin: 0 auto;
max-width: 90%;
}
}
@media (max-width: 1399px) {
.hyly-banner-home-contents-v3 .hyly-banner-home-panel{
padding: 70px 150px 280px 0; width: 90%;
}
}
@media (max-width: 1280px) {
.hyly-banner-home-contents-v3 .hyly-banner-home-panel{
width: 80%;
}
.hyly-banner-home-contents-v3{
height: auto;
max-height: none;
}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper .lr-sub-image{
display: block;
}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel{
background: none !important;
padding: 50px 0;
}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper{
padding: 0;
max-width: 100%;
width: auto;
text-align: center;
height: auto;
}
.hyly-banner-home-contents-v3,
.hyly-banner-home-contents-v3 .hyly-banner-home-panel{ min-height:0; height: auto; }
.hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper h2 {
font-size: 48px !important;
line-height: 56px !important;
}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper .lr-sub-title {
font-size: 20px;
line-height: 23px;
}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper .lr-sub-content, .hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper .lr-sub-content *{
font-size: 12px;
line-height: 16px;
}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper .lr-sub-image{
margin-top: 40px;
}
.hyly-banner-home-contents-v3 .hyly-banner-home-panel-content-rapper .lr-sub-content #customForm .quick_form_7_css{
margin: 0 auto;
}
#zcampaignOptinForm{ padding: 0 25px !important; }
#errorMsgDiv{
display: none !important;
}
}.hyly-home-product-func-panel-v1{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 100%;
font-family: Raleway;
clear: both;
text-align: center;
color: #000;
position:relative;
margin-top: 50px;
}
.hyly-home-product-func-panel-v1 h5{
font-size: 30px;
color: #000;
font-family: 'Prata' !important;
line-height: normal;
font-weight:normal;
margin:0 auto;
position:relative;
}
.hyly-home-product-func-panel-v1 .prodct_func_panel_description{
margin-top: 0;
font-size: 18px;
color: #000;
font-family: 'Open Sans';
font-weight:100;
line-height: 1.8;
margin-top: 25px;
}
.hyly-home-product-func-panel-v1 .center-hero-img {
margin-top: 80px;
}
.prodct_func_panel_icon{ float:left; width:100%; margin-bottom:40px;}
.prodct_func_panel_title{ margin-bottom:25px;}
.product_func_panel{ margin-bottom:70px;}
.product_func_panel:nth-child(2n+1){ clear:left;}
.swiper-pagination-prodct_func_panel .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: none;
border: 1px solid #333;
opacity: 1;
}
.swiper-pagination-prodct_func_panel .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #000;
border: 1px solid #000;
}
.swiper-container-horizontal>.swiper-pagination-prodct_func_panel{
bottom: 0;
left: 0;
position: relative;
margin-top: 0;
margin-bottom: 20px;
}
@media(min-width:768px){
.swiper-container-prod-func-panel .swiper-wrapper{ height:auto; display:block;}
.swiper-container-prod-func-panel .swiper-slide{
width:50%;
height:auto;	
}
.swiper-pagination-prodct_func_panel{ display:none !important}
}
@media(max-width:1280px){
.product_func_panel {
margin-bottom: 42px;
}
.prodct_func_panel_description{ display:none;}
.hyly-home-product-func-panel-v1 h5 {
font-size: 24px;
}
}
@media(max-width:767px){
.prodct_func_panel_icon {
margin-bottom: 30px;
}
..prodct_func_panel_title {
margin-bottom: 24px;
}
}.row-reverse {
flex-direction: row-reverse;
}
.product_image,
.product_image_content {
align-items: center;
justify-content: center;
display: flex;
}
.product_image_content_title{
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 47px;
text-transform: capitalize;
margin-bottom: 50px;
color: #333333;
}
.product_image_content_title span{
color: #26BBED;
}
.hyly-home-image-title-v1{ padding: 50px 0;}
.hyly-home-image-title-v1 video{
width: auto;
margin: 0 auto;
max-width: 100%;
}
@media (max-width: 980px) {
.product_image, .product_image_content{
display: block;
width: 100%;
}
.product_image-bodys.row{
display: block;
}
}
@media (max-width: 768px) {
.product_image_content_title {
font-size: 20px;
line-height: 23px;
margin-bottom: 25px;
text-align: center;
}
.product_image-titles_content_wrapper .gradient_arrow_button{ text-align: center;}
.product_image-titles_content_wrapper{
margin-bottom: 20px;
}
.hyly-home-image-title-v1{
padding: 50px 0 0 0;
}
}.journey-experiences-tab-titles{
box-sizing: border-box;
position: relative;
width: 100%;
left: 0px;
top: 0px;
border-radius: 100px;
background: linear-gradient(45deg,#26BBED,#B581E7);
padding: 1px;
}
.journey-experiences-tabs{
width: 80%;
margin:0 auto;
}
.journey-experiences-tab-title{
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-align: center;
text-transform: capitalize;
color: #333333;
cursor: pointer;
}
.journey-experiences-tab-titles-wrapper{
padding:30px 40px;
background: #fff;
border-radius: 100px;
}
.single_journey_experience_tab{ position: relative;}
.single_journey_experience_tab.active  .journey-experiences-tab-title{
background: linear-gradient(90.51deg, #26BBED 0%, #B581E7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.single_journey_experience_tab:after{
content: '';
border: 1px solid #E8E8E8; display: inline-block;
width: 2px;
height: 40px;
position: absolute;
top: -10px;
right: 0;
}
.single_journey_experience_tab:last-child::after{
display: none;
} .single_journey_experience_top_section{
margin-bottom: 25px;
width: 80%;
margin: 50px auto; 
background: linear-gradient(45deg,#26BBED,#B581E7);
border-radius: 43.2px;
padding: 2px;
transition: transform .2s;
}
.swiper-slide-next .single_journey_experience_top_section{ margin-top: 8%;
transform: scale(0.85);
margin: 50px auto 0 50px;
}
.swiper-slide-prev .single_journey_experience_top_section{ margin-top: 8%;
transform: scale(0.85);
margin: 50px 50px 0 auto;
}
.single_journey_experience_tab_content_top{
padding: 75px 75px 50px 75px;
background: #F3F3F3;
border-radius: 43.2px 43.2px 0 0;
margin: 0 1px;
}
.single_journey_experience_tab_content_bottom{
background: #FFFFFF;
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
padding: 75px;
border-radius: 0 0 43.2px 43.2px;
margin: 0 1px;
}
.single_journey_experience_tab_content.active{ display: block;}
.single_journey_experience_tab_content_title{
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px; color: #26BBED;
margin-bottom: 10px;
}
.single_journey_experience_tab_content_subtitle{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 38px;
text-transform: capitalize;
color: #333333;
margin-bottom: 30px;
}
.single_journey_experience_tab_content_body{
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
color: #333333;
margin-bottom: 50px;
}
.single_journey_experience_tab_content_body ul{
list-style: inherit;
padding-left: 20px;
}  .single_journey_experience_tab_content_bottom_bar_text{
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-size: 14.4px;
line-height: 17px;
text-align: center;
color: #333333;
}
.single_journey_experience_tab_content_bottom_bar{
background: #F3F3F3;
border-radius: 23.159px;
height: 7px;
margin-top: 25px;
}
.single_journey_experience_tab_content_bottom_bar > div{
position: relative;
}
.single_journey_experience_tab_content_bottom_bar > div::after{
width: 20px;
height: 20px;
background: #F3F3F3;
content: '';
position: absolute;
left: calc(50% - 10px);
right: auto;
display: block;
margin: 0 auto;
border-radius: 100%;
top: -7px;
z-index: 1;
}
.single_journey_experience_tab_content_bottom_bar .active1::after{
background: #26BBED;
}
.single_journey_experience_tab_content_bottom_bar .active2::after{
background: #B581E7;
}
.single_journey_experience_tab_content_bottom_bar .nodisplay::after {
background: #58A6EB;
}
.single_journey_experience_tab_content_bottom_bar .nodisplay1::after{
background: #58A6EB;
}
.single_journey_experience_tab_content_bottom_bar .nodisplay2::after{
background: #8993E9;
}
.single_journey_experience_tab_content_bottom_wrapper{ position: relative;}
.single_journey_experience_tab_content_bottom_bar_active_bg{
background: linear-gradient(90.51deg, #26BBED 0%, #B581E7 100%);
height: 7px;
bottom: 7px;
position: relative;
}
.swiper-slide {
width: 60%;
}
.swiper-slide-next{
width: 40%;
}
.journey-experiences .swiper-button-next, .journey-experiences .swiper-container-rtl .swiper-button-prev {
right: 12%;
background-image: url(//hyly.ai/wp-content/plugins/hyly_journey_experiences/assets/right_arrow.png);
width: 16px;
height: 27px;
background-size: 100%;
}
.journey-experiences .swiper-button-prev, .journey-experiences .swiper-container-rtl .swiper-button-next {
left: 12%;
background-image: url(//hyly.ai/wp-content/plugins/hyly_journey_experiences/assets/left_arrow.png);
width: 16px;
height: 27px;
background-size: 100%;
}
.journey-experiences-section-title{
text-align: center;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 38px;
color: #333333;
margin-bottom: 30px;
}
.journey-experiences{
padding: 80px 0;
}
.col-12 .single_journey_experience_tab_content_body{
display: none;
}
.col-12 .single_journey_experience_tab_content_url{
display: none;
}
@media (max-width: 1500px){
.swiper-slide-next .single_journey_experience_top_section{
margin: 50px auto 0 15px;
}
.swiper-slide-prev .single_journey_experience_top_section{
margin: 50px 15px 0 auto;
}
.journey-experiences-tab-title {
font-size: 14px;
}
.journey-experiences-tab-titles-wrapper{
padding:40px 20px;
}
.single_journey_experience_tab{
padding: 0 5px;
min-height: 38px;
align-items: center;
justify-content: center;
display: flex;
}
.journey-experiences-tabs {
width: 90%;
}
.journey-experiences-tab-titles-wrapper > .row{
align-items: center;
}
.single_journey_experience_tab:after {
top: -2px;
}
.journey-experiences .swiper-button-next, .journey-experiences .swiper-container-rtl .swiper-button-prev{
right: 5%;
}
.journey-experiences .swiper-button-prev, .journey-experiences .swiper-container-rtl .swiper-button-next {
left: 5%;
}
}
@media (max-width: 768px){
.journey-experiences-section-title{
font-size: 16px;
line-height: 19px;
}
.single_journey_experience_tab{
width: 33.33333333% !important;
min-width: 33.33333333% !important;
}
.journey-experiences-tab-title {
font-size: 14px;
line-height: 19px;
word-wrap: break-word;
}
.journey-experiences-tabs {
width: 90%;
}
.single_journey_experience_tab.active::before{
display: none;
}
.single_journey_experience_tab{
padding: 0 5px;
min-height: 75px;
}
.twoborder .single_journey_experience_tab:nth-child(1), 
.twoborder .single_journey_experience_tab:nth-child(2),
.twoborder .single_journey_experience_tab:nth-child(3),
.oneborder .single_journey_experience_tab:nth-child(1), 
.oneborder .single_journey_experience_tab:nth-child(2),
.oneborder .single_journey_experience_tab:nth-child(3){
padding: 15px 5px;
border-bottom: 1px solid #ccc;
}
.twoborder .single_journey_experience_tab:nth-child(4), 
.twoborder .single_journey_experience_tab:nth-child(5), 
.twoborder .single_journey_experience_tab:nth-child(6){
padding: 0 5px 0 5px;
margin: 15px 0 0 0;
border-bottom: 1px solid #ccc;
}
.single_journey_experience_tab:nth-child(7),.single_journey_experience_tab:nth-child(8),.single_journey_experience_tab:nth-child(9){
padding: 0 5px 0 5px;
margin: 15px 0 0 0;
}
.single_journey_experience_tab:nth-child(3)::after, .single_journey_experience_tab:nth-child(6)::after, .single_journey_experience_tab:nth-child(9)::after{
display: none;
}
.single_journey_experience_tab:after {
top: 15px;
right: 0;
}
.single_journey_experience_tab:nth-child(5):after, .single_journey_experience_tab:nth-child(6):after, .single_journey_experience_tab:nth-child(7):after, .single_journey_experience_tab:nth-child(8):after {
bottom: 0;
right: 0;
}
.journey-experiences-tab-titles-wrapper {
padding: 15px 40px 25px 40px;
}
.single_journey_experience_tab.active .journey-experiences-tab-title{
font-weight: 600;
}
.single_journey_experience_top_section{ width: 95%;}
.single_journey_experience_tab_content_top {
padding: 30px 25px;
}
.single_journey_experience_tab_content_title {
font-size: 14px;
line-height: 16px;
}
.single_journey_experience_tab_content_subtitle{
font-size: 20px;
line-height: 23px;
}
.col-8 .single_journey_experience_tab_content_body{
display: none;
}
.col-12 .single_journey_experience_tab_content_body{
display: block;
}
.col-8 .single_journey_experience_tab_content_url{
display: none;
}
.col-12 .single_journey_experience_tab_content_url{
display: block;
}
.journey-experiences-tabs .swiper-button-prev, .journey-experiences-tabs .swiper-button-next{
display: none;
}
.single_journey_experience_top_section {
margin: 50px auto;
}
.single_journey_experience_tab_content_body {
font-size: 14px;
line-height: 16px;
}
.single_journey_experience_tab_content_body *{
line-height: 20px;
}
.single_journey_experience_tab_content_body li{
margin-bottom: 10px;
}
.single_journey_experience_tab_content_body {
margin-bottom: 50px;
}
.single_journey_experience_tab_content_bottom {
padding: 20px;
}
.single_journey_experience_tab_content_bottom_bar_text .col{
width: 25% !important;
font-size: 12px;
line-height: 15px;
}
.single_journey_experience_tab_content_bottom_bar_text{
align-items: center;
}
.journey-experiences {
padding: 40px 0;
}
.single_journey_experience_top_section {
margin: 50px auto 0 auto;
}
}
@media (max-width: 480px){
.journey-experiences-tab-title {
font-size: 12px;
line-height: 16px;
}
}.hyly-home-promises_faqs-v1{
padding: 85px 0;
background-color: #FAFAFA !important;
padding-bottom: 300px;
background-size: 50% !important;
}
.product_promises_faqs_content_title{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 47px;
text-transform: capitalize;
color: #333333;
margin-bottom: 80px;
}
.promises_faqs-title{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 35px;
padding-bottom: 30px;
position: relative;
color: #333333;
cursor: pointer;
white-space: break-spaces;
padding-right: 30px;
word-break: break-word;
}
.promises_faqs-single.active .promises_faqs-title{
background: linear-gradient(90.72deg, #26BBED 0.23%, #AB84D0 102.49%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-weight: 700;
}
.promises_faqs-title::after{
width: 5px;
background: #F1F1F1;
content: "";
position: absolute;
height: 100%;
right: 15px;
top: 0;
}
.promises_faqs_body{
font-family: 'Raleway';
font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 28px;
color: #000000;
display: none;
position: relative;
}
.promises_faqs-single.active .promises_faqs_body{
display: block;
}
.promises_faqs_body_inner_wrapper {
position: absolute;
width: 100%;
}
.promises_faqs-single .promises_faqs-title::before {
width: 5px;
background: transparent;
content: "";
position: absolute;
height: 100%;
right: 15px;
z-index: 1;
height: 0;
top: 0;
}
.promises_faqs-single.active .promises_faqs-title::before {
width: 5px;
background: linear-gradient(175.33deg, #79D9F9 0%, #E8D0FF 100%);
content: "";
position: absolute;
height: 100%;
right: 15px;
z-index: 1; -webkit-transition: height 0.8s;
-moz-transition: height 0.8s;
transition: height 0.8s;
}
@media (max-width: 768px){
.product_promises_faqs_content_title {
font-size: 18px;
line-height: 21px;
margin-bottom: 40px;
}
.promises_faqs-title {
font-size: 16px;
line-height: 20px;
width: 50%;
}
.promises_faqs_body {
width: 50%;
font-size: 12px;
line-height: 16px;
}
.promises_faqs_body_inner_wrapper {
position: absolute;
width: calc(100% - 30px); }
.promises_faqs-single.active .promises_faqs-title::before {
height: 60%;
}
.product_heading_promises_faqs_content{
padding:0;
}
.hyly-home-promises_faqs-v1 {
padding: 30px 0 0 0;
}
.hyly-home-promises_faqs-v1 {
padding-bottom: 350px;
background-size: 100% !important;
}
.promises_faqs-single.active .promises_faqs-title::before{
right: 0;
}
.promises_faqs-title::after{
right: 0;
}
}
@media (max-width: 480px){
.hyly-home-promises_faqs-v1 {
padding-bottom: 270px;
background-size: 100% !important;
}
}.hyly-home-subtitle-title-v1{
padding: 50px 0;
}
.product_subtitle_content_subtitle{
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 48px;
color: #333333;
}
.product_subtitle_content_title{
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 54px;
color: #333333;
}
.product_subtitle_content_border{
background: linear-gradient(45deg,#26BBED,#B581E7);
width: 200px;
height: 3px;
text-align: center;
display: block;
margin: 0 auto 25px auto;
}
@media (max-width: 768px) {
.product_subtitle_content_subtitle {
font-size: 24px;
line-height: 32px;
}
.product_subtitle_content_title {
font-size: 14px;
line-height: 20px;
margin-top: 10px;
}
.product_subtitle_content_border {
margin: 0 auto 15px auto;
width: 100px;
}
.hyly-home-subtitle-title-v1{
padding: 0;
}
}.hyly-home-subtitle-title-columns-v1{
padding: 85px 0;
background: #FAFAFA;
}
.product_subtitle_columns_content_title{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 48px;
text-align: center;
text-transform: capitalize;
margin-bottom: 10px;
color: #333333;
}
.product_subtitle_columns_content_title sup{
top: -0.8em;
font-size: 0.55em;
}
.product_subtitle_columns_content_subtitle{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 23px;
text-align: center;
color: #333333;
}
.subtitle-title-columns-body{
padding: 80px 0 0 0;
}
.subtitle-title-columns-title{
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 28px; }
.subtitle-title-columns-title span.number{
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 50px;
text-align: center;
display: inline-block;
margin-right: 10px;
background: #26BBED;
color: #FFFFFF;
width: 50px;
height: 50px;
border-radius: 50%;
vertical-align: middle;
}
.subtitle-title-columns-title span.text{
width: calc(100% - 60px);
display: inline-block;
vertical-align: middle;
}
.subtitle-title-columns-image-section{
padding: 5px 0;
}
.subtitle-title-columns_body{
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #333333;
padding-right: 30px;
}
.gradient_button_row{
padding-top: 80px;
}
.gradient_button{ margin: 0 auto;}
@media (max-width: 980px){
.subtitle-title-column-single{
padding-right: 0;
padding-left: 0;
padding-top: 30px;
padding-bottom: 30px;
width: 100% !important;
text-align: center;
}
.subtitle-title-columns_body_wrapper.row{
display: block;
}
.subtitle-title-columns-title span.text {
width: auto;
}
}
@media (max-width: 768px){
.product_subtitle_columns_content_title {
font-size: 20px;
line-height: 23px;
}
.product_subtitle_columns_content_subtitle{
font-size: 12px;
line-height: 14px;
}
.subtitle-title-column-single{ width: 100% !important;}
.subtitle-title-columns_body_wrapper{
display: block;
}
.subtitle-title-columns-image-section {
padding: 15px 0;
}
.subtitle-title-column-single {
width: 200px !important;
margin: 0 auto 80px auto;
}
.gradient_button_row {
padding-top: 0;
}
.subtitle-title-columns-body {
padding: 40px 0 0 0;
}
.subtitle-title-column-single {
width: 90% !important;
margin: 0 auto 40px auto;
text-align: center;
}
.hyly-home-subtitle-title-columns-v1 {
padding: 40px 0;
}
.subtitle-title-column-single:last-child{
margin-bottom: 0;
}
.subtitle-title-columns-body .gradient_button_row{
margin-top: 25px;
}
}html {
font-size: 16px;
margin-top: 0px !important;
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
background: #ffffff;
color: #434a55;
overflow-x: hidden;
font-weight: 300;
font-family: 'Raleway', 'Open Sans', sans-serif;
}
a:focus {
text-decoration: none;
}
img {max-width: 100%; height: auto;}
a,img {
outline: none !important;
}
b,strong {font-weight: 600 !important;}
h1,h2,h3,h4,h5,h6, p, blockquote, ul, li, a {
font-weight: normal;
color: #333333;
margin-top: 0;
margin-right: 0;
margin-left: 0;
font-size: 1rem;
padding: 0;
}
ul {
list-style: none;
}
h1 {
font-size: 3rem;
line-height: 1.25;
font-weight: 300;
margin-bottom: 1rem;
font-family: 'Raleway', sans-serif !important;
}
h2 {
font-size: 2rem;
line-height: 1.25;
font-weight: 300;
color: #26bbed;
margin-bottom: 1rem;
font-family: 'Raleway', sans-serif !important;
}
h3 {
font-size: 1.5rem;
line-height: 1.25;
font-weight: 400;
color: #26bbed;
margin-bottom: 1rem;
font-family: 'Raleway', sans-serif !important;
}
h4 {
font-size: 0.875rem;
line-height: 1.5;
font-weight: 400;
margin-bottom: 1rem;
font-family: 'Raleway', sans-serif !important;
}
p {
font-size: 1rem;
}
p,ul,li {
font-weight: 400;
line-height: 1.8;
}
a {
font-size: 1rem;
color: #2E6D9D;
text-decoration: none;
}
a:hover {
opacity: 1;
color: #26BBED;
}
blockquote {
font-size: 1rem;
color: #434a55;
line-height: 1.38;
}
h1.entry-title {
display: none;
}
a.scroll-top-icon {
position: fixed;
right: 0.93rem;
border: solid 2px #fff;
bottom: 4rem;
width: 2.12rem;
height: 2.12rem;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
-ms-transition: opacity 400ms ease-in;
-o-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
z-index: 99;
text-align: center;
line-height: 1.87;
}
a.scroll-top-icon.on {
background-color: #26BBED;
opacity: 0.8;
} .story-header-nav {
float: right;
}
.story-header-nav ul {
margin: 0;
}
.story-header-nav ul li {
margin: 0;
float: left;
line-height: 17px;
text-align: center;
padding: 5px 15px;
width: 64px;
padding-top: 10px;
border-left: solid 1px #eaeaea;
}
.story-header-nav ul li .white-strip {
width: 63px;
height: 4px;
margin-left: -15px;
position: absolute;
background: #fff;
z-index: 20000;
display: none;
}
.story-header-nav ul li .fa {font-size: 18px;color: #000;}
.story-header-nav ul li span {
display: block;
font-size: 12px;
color: #999;
}
.story-header-nav > ul > li.active > .fa {color: #26BBED;}
.story-header-nav > ul > li.active > span {color: #26BBED;}
.story-nav-contents {
position: absolute;
background: #fff;
right: 0;
top: 50px;
display: none;
z-index: 2000;
}
.story-nav-contents ul li a {color: #000;}
.story-nav-contents ul li:hover a {color: #26BBED;}
.story-nav-contents ul li.active a {color: #26BBED;}
.story-nav-contents.story-toc {
left: 0;
padding: 10px;
width: 100%;
overflow-y: auto;
}
.story-nav-contents.story-toc h1 {
text-align: left;
padding-bottom: 10px;
border-bottom: solid 1px #eaeaea;
}
.story-nav-contents.story-toc h1 a {
color: #333333;
}
.story-nav-contents.story-toc h1 a:hover {
color: #26BBED;
}
.story-nav-contents.story-toc ul li {
width: 100% !important;
text-align: left;
padding: 0;
}
.story-nav-contents.story-toc ul li a {
padding: 10px 0;
font-size: 14px;
}
.story-header-nav ul li a {display: block;}
.story-nav-contents {
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
padding: 10px 0;
}
.story-nav-contents.story-share {
box-shadow: 0 0 5px rgba(0,0,0,0.5);
left: 0;
right: 0;
top: 50px;
padding: 0;
}
.story-nav-contents.story-share ul li:first-child {}
.story-nav-contents.story-share ul li {
border-top: solid 1px #dddddd;
padding: 18px 0;
}
.story-nav-contents.story-share ul li:hover .fa {color: #000;}
.story-nav-contents ul li {
border: none;
}
.story-nav-contents.story-site-nav {padding: 0;}
.story-nav-contents.story-site-nav .drop_blog_menu {
top: 0;
left: 0;
position: relative;
z-index: 2000;
background: #fff;
display: block !important;
}
.story-nav-contents.story-site-nav .drop_blog_menu ul li {
text-align: left;
margin-top: 10px;
margin-bottom: 6px;
width: 100%;
padding-right: 20px;	
}
.story-nav-contents.story-site-nav .drop_blog_menu ul li a span {color: #000 !important;} .white-slant {
background: url(//hyly.ai/wp-content/themes/hyly/img/white-slant.png) no-repeat;
background-size: 100% 100%;
height: 100px;
clear: both;
z-index: 3;
position: relative;
margin-top: -70px;
}
.white-slant.fag-slant {
bottom: -30px;
width: 100%;
}
.story-hero {
height: 620px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
clear: both;
}
.story-hero-overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,0.3);
}
.story-hero .story-hc {
position: relative;
z-index: 2;
text-align: center;
}
.story-hero .story-hc h1 {font-weight: 600;color: #fff;margin-top: 200px;}
.story-author {
font-weight: 600;
font-size: 18px;
color: #fff;
line-height: 1.8;
position: absolute;
text-align: center;
width: 100%;
bottom: 30px;
left: 0;
z-index: 1;
}
.story-hero .story-hc .story-author a {
font-weight: 400;
font-size: 18px;
color: #fff;
}
.story-toc .toc-header {
color: #bbb;
font-size: 20px;
font-weight: 300;
margin-bottom: 10px;
}
.story-toc .toc-header .fa-list {
color: #bbb;
margin-right: 10px;
}
.story-toc .toc-links ul li a {
color: #333;
line-height: 1.8;
font-weight: 400;
}
.story-toc .toc-links ul li a:hover {
color: #26bbed;
}
.story-toc .toc-links ul li.active a {color: #26bbed;}
.story-sts {
margin-top: 50px;
margin-bottom: 30px;
}
.story-sts .sts-header {
color: #bbb;
font-size: 20px;
font-weight: 300;
margin-bottom: 10px;
line-height: 1.5;
width: 100%;
float: left;
}
.story-sts .sts-header .sts-social-box {float: left;cursor: pointer;}
.story-sts .sts-header .sts-social-box:hover .sts-social-hover {display: block;}
.story-sts .fa-share {
margin-right: 10px;
cursor: pointer;
color: #bbb;
} .st-cat-tags {
width: 100%;
float: left;
margin: 30px 0;
}
.st-cat-tags ul li {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.st-cat-tags ul li a {
font-size: 14px;
color: #999;
text-decoration: none;
display: block;
padding: 3px 14px;
border: solid 1px #ddd;
}
.st-cat-tags ul li a:hover {
color: #000;
} .story-sts .sts-header .sts-social-box .sts-social-hover {display: none;position: absolute;top: 5px;left: 0;background-color: #FFF;border: 1px solid #ECECEC;text-align: center;}
.story-sts .sts-header .sts-social-box .sts-social-hover li {
float: none;
border: none !important;
width: 100%;
}
.story-sts .sts-header .sts-social-box .sts-social-hover li a {
font-size: 1.5rem;
color: black;
line-height: 18px;
padding: 10px 20px;
display: block;
}
.story-posts .story-post .sp-hero {
background-size: cover;
height: 400px;
background-repeat: no-repeat;
margin-top: -75px;
}
.story-posts .story-post .sp-hero .sp-hero-img {
height: 120px;
padding-top: 150px;
position: relative;
}
.story-posts .story-post .sp-hero .sp-hero-img h1 {
color: #fff;
font-weight: 500;
position: relative;
z-index: 2;
}
.story-posts .sp-hero .story-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.3);
}
.story-posts .story-post .sp-contents {
margin: 20px 0;
}
.story-posts .story-post .sp-contents h2 {margin-top: 3rem;}
.story-posts .story-post .sp-contents img {
margin: 30px 0;
height: auto;
}
.story-posts .story-post .sp-contents blockquote {
font-weight: bold;
margin: 30px;
} .text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.vc_column_container>.vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
.bw-image {
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"); -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.bw-image:hover {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;
}
.img-zoom-able { cursor: zoom-in; }
.zoom-in-box {
-moz-animation-duration: .5s;
-webkit-animation-duration: .5s;
animation-duration: .5s;
height: 0px;
}
.g-item.slideInUp {
-moz-animation-duration: .2s;
-webkit-animation-duration: .2s;
animation-duration: .2s;
}
.zoom-img {
position: fixed;
text-align: center;
height: 100%;
width: 100%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
z-index: 5000;
}
.zoom-img img {
vertical-align: middle;
padding: 10px;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.bullets {
list-style-type: disc !important;
}
.raleway-font {
font-family: 'Raleway', sans-serif !important;
}
.raleway-font-light {
font-weight: 300 !important;
font-family: 'Raleway', sans-serif !important;
}
.fw-panel {
padding-left: 0 !important;
padding-right: 0 !important;
clear: both;
}
.fw-panel a.blue-btn {
margin-bottom: 74px !important;
}
.fw-panel .vc_column-inner {
padding-top: 0 !important;
} .rs-panel {
height: 300px;
}
.rs-panel a {
color: #ffffff;
text-decoration: none;
display: block;
}
.icon_add_new img{
width: 35px !important;
margin-left: -8px;
}
.rs-panel a .rs-contents {
min-height: 200px;
background-color: #26BBED; padding: 64px 80px;
}
.rs-panel a .rs-contents span.title {
display: block;
font-size: 1.5rem;
margin-bottom: 10px;
line-height: 30px;
font-weight: 400;
}
.rs-panel a .rs-contents hr {
margin-top: 0;
border-top: 2px solid #eee;
}
.rs-panel a .rs-contents span.content {font-size: 20px;}
.rs-panel a .bottom-title {
padding: 20px 0 0;
color: #ffffff;
font-size: 1rem;
display: block;
}
.metrics h3 {
color: #fff;
font-weight: 300;
padding-left: 64px;
}
.metrics h3 img {
float: left;
margin-right: 1rem;
position: absolute;
margin-left: -64px;
}
.gitem-hidden {
opacity: 0;
}
.gitem-visible {
opacity: 1;
}
.blue-button {
text-decoration: none;
color: #fff;
border-radius: 5px;
background-color: #26BBED;
padding: 0.5rem 1.875rem;
text-transform: uppercase;
}
.blue-button:hover {
opacity: 1 !important;
background: #26BBED !important;
color: #fff !important;
text-decoration: none !important;
border: none !important;
height: 39px;
}
.sd-embed {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 1001;
width: 100%;
height: 100%;
background: #fff;
}
.sd-embed .sd-menu {
margin-left: -15px;
margin-right: -15px;
}
.sd-embed .sd-menu .sd-logo img {width: 92px;}
.sd-embed .sd-touch-menu {
margin-top: 24px;
padding-right: 40px;
text-align: right;
}
.sd-embed .sd-touch-menu img {cursor: pointer;}
.sd-embed iframe {
margin: 0 auto;
}
h3.prod_margin {
margin-top: -34px !important;
}
.top-page-layer {
position: relative;
z-index: 3;
background: #fff;
}
.inner-wrapper {
max-width: 64rem;
margin: auto;
} .vert-bottom img {
vertical-align: bottom;
}
.post-content ul {
list-style-type: disc;
margin-left: 2em;
}
.post-content ul li {
margin-bottom: 0;
}
.hyly_image_panel:hover .bw-image {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;
}
.hyly_image_panel ul {
list-style-type: disc !important;
margin-left: 1rem !important;
}
.glossary-header .intro-line {
color: #999;
font-size: 0.875rem;
width: 72%;
margin: auto;
text-align: center;
margin-bottom: 1.5rem;
}
.xs-process-list {
width: 100%;
max-width: 300px;
cursor: pointer;
position: relative;
margin-top: 20px;
}
.xs-process-list p {
text-align: center;
font-size: 18px;
color: #333;
padding: 5px 10px;
line-height: inherit;
margin: 0 !important;
}
.xs-process-list p .fa {
font-size: 20px;
margin-left: 10px;
}
.xs-process-list .xs-p-list {
display: none !important;
position: absolute;
background: #fff;
box-shadow: 0 0 5px #c2c2c2;
z-index: 1000;
width: 100%;
}
.xs-process-list:hover .xs-p-list {
display: block !important;
}
.xs-process-list .xs-p-list ul li {
margin: 0;
}
.xs-process-list .xs-p-list ul li a {
display: block;
padding: 5px 10px;
color: #333;
font-weight: 400;
}
.xs-process-list .xs-p-list ul li:last-child a {
border-bottom: none;
}
.xs-process-list .xs-p-list ul li a:hover {
text-decoration: none;
background: #A1A1A1;
color: #fff;
}
.xs-process-list .xs-p-list ul li a.active {
background: #A1A1A1;
color: #fff;
} .sm-hy-quick-nav {
display: none;
text-align: center;
width: 280px;
margin: 0 auto;
position: relative;
}
.sm-hy-quick-nav .qn-title {
font-size: 16px;
cursor: pointer;
display: block;
height: 50px;
border-top: solid 3px transparent;
padding-top: 10px;
}
.sm-hy-quick-nav .qn-title:hover {border-top: solid 3px #26bbed;}
.sm-hy-quick-nav .qn-title.active {border-top: solid 3px #26bbed;}
.sm-hy-quick-nav .qn-title i {
margin-left: 10px;
font-size: 23px;
vertical-align: middle;
}
.sm-hy-quick-nav ul {
display: none;
background: #fff;
box-shadow: 0 3px 5px rgba(0,0,0,0.35);
width: 100%;
position: absolute;
border-top: solid 1px #ddd;
}
.sm-hy-quick-nav:hover ul {
display: block !important;
}
.sm-hy-quick-nav ul li a {
padding: 3px 8px;
display: block;
color: #000;
font-weight: 300;
}
.sm-hy-quick-nav ul li a:hover {
color: #fff;
background: #26bbed;
}
.sm-hy-quick-nav ul li a.active {
color: #fff;
background: #26bbed;
} .mfe-award-banner {
background: #26BBED;
color: #fff;
padding: 38px 0;
}
.mfe-award-banner .multifamily-ts {
color: #fff;
}
.mfe-award-banner .multifamily-ts h3 {
float: left;
color: #fff !important;
margin-bottom: 0;
line-height: 24px;
font-weight: 100;
}
.mfe-award-banner .multifamily-ts h3 b {font-weight: 500 !important;}
.mfe-award-banner .multifamily-ts h3 span {font-weight: 100;}
.mfe-award-banner .multifamily-ts .hy-blue-logo {
float: left;
width: 45px;
margin-right: 10px;
}
.mfe-award-banner .mfe-awards {
color: #fff;
}
.mfe-award-banner .mfe-awards .hy-trophy-icon {
float: left;
width: 45px;
margin-right: 10px;
opacity: 0.7;
}
.mfe-award-banner .mfe-awards .mf-contents {
float: left;
}
.mfe-award-banner .mfe-awards .mf-contents h3 {
color: #fff !important;
font-weight: 500;
line-height: 23px;
margin-bottom: 4px;
}
.mfe-award-banner .mfe-awards .mf-contents p {
color: #fff;
font-size: 18px;
margin-bottom: 0;
line-height: 21px;
font-weight: 100;
}
.mfe-award-banner .award-learn-more {
color: #fff;
text-align: right;
margin-top: 8px;
}
.mfe-award-banner .award-learn-more a {
display: inline-block;
color: #fff;
border: solid 1px #fff;
padding: 5px 14px;
font-size: 16px;
text-decoration: none;
font-weight: 300;
font-family: 'Raleway', sans-serif;
}
.mfe-award-banner .award-learn-more a:hover {
background: #fff;
color: #26BBED;
}
#top_menu {
width: 100%;
height: 56px;
background: rgba(0, 0, 0, 1) !important;
float: left;
z-index: 1001;
position: relative;
}
#top_menu a:hover {
opacity: 1;
}
#top_menu .wpb_column {
position: static;
}
#top_menu.single-header {
z-index: 100;
background: #ffffff;
float: left;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
-ms-transition: background-color 500ms ease;
transition: background-color 500ms ease;
}
#top_menu.single-header .blog_touch a#blog {
color: #000000;
}
#top_menu.single-header .blog_touch a#blog:hover {
background: #ffffff;
border: solid 1px #000000;
}
#top_menu .logo {
float: left;
width: 50px;
height: 50px;
margin-top: 2px;
}
#top_menu .logo img {
max-width: 100%;
}
#tm-fixed .logo {
float: left;
width: 50px;
height: 50px;
margin-top: 0px;
}
#tm-fixed .logo img {
max-width: 100%;
}
#tm-fixed a:hover {
opacity: 1;
}
#tm-fixed .orange-btn {
width: 150px;
height: 37px;
float: right;
margin-right: 64px;
margin-top: 6px;
display: block;
padding-top: 7px;
text-align: center;
border-radius: 0;
line-height: initial;
background: #F5A623;
border: none;
font-size: 16px;
font-weight: 400 !important;
text-transform: capitalize;
}
#top_menu a, #tm-fixed a {
text-decoration: none;
}
#top_menu .logo a {
color: #fff;
}
#top_menu a.section-txt {
text-decoration: none;
display: inline-block;
color: #fff;
font-family: 'Raleway', sans-serif;
font-size: 2rem;
padding: 0px 15px;
position: absolute;
line-height: 92px;
left: 100px;
z-index: 1;
}
#top_menu a.section-txt:hover {
background: #26BBED;
}
#top_menu .blog_touch { color: #fff;
font-size: 1.35rem;
font-weight: normal;
cursor: pointer;
padding: 12px 15px;
padding-bottom: 13px;
}
#top_menu .blog_touch:hover {
background: #26BBED;
}
#top_menu .blog_touch span {
margin-right: 10px;
}
#top_menu .blog_touch a#blog, a#touch {
margin-right: 0.62rem;
color: #fff;
font-size: 01rem;
background: none;
border-radius: 5px;
text-decoration: none;
border: 1px solid transparent;
width: 3.12rem;
height: 4.37rem;
padding: 0.62rem 0.75rem;
}
#top_menu .blog_touch a#blog:hover {
border: 1px solid #fff;
background: #333;
}
#top_menu .blog_touch a#touch {
background: #26BBED;
color: #ffffff;
}
#top_menu .socials ul {
text-align: center;
width: 100%;
margin-bottom: 0;
}
#top_menu .socials ul li a {
color: #fff;
font-size: 1.25rem;
display: inline-block;
padding: 13px 18px;
width: 64px;
}
#top_menu .socials ul li a:hover, #top_menu .socials ul li a.actived {
background: #26BBED;
color: #fff !important;
}
#tm-fixed a.section-txt {
text-decoration: none;
display: inline-block;
font-family: 'Raleway', sans-serif;
margin-left: 4px;
font-size: 2rem; color: #000;
padding: 3px 15px 2px;
position: absolute;
}
#tm-fixed a.section-txt:hover {
background: #26BBED;
color: #fff;
}
#tm-fixed .socials ul li a {
color: #434A55;
font-size: 1.25rem;
display: inline-block;
padding: 13px 18px;
width: 64px;
}
#tm-fixed .socials ul li a:hover {
background: #26BBED;
color: #fff;
}
#top_menu .socials ul li, #tm-fixed .socials ul li {
display: inline-block;
margin-bottom: 0;
}
#top_menu .socials ul li:last-child a{
color: #F5A623;
} .touch-menu-active {
background: #000;
padding: 0 30px;
}
.touch-menu-fixed-active {
background: #000;
padding: 0 30px;
color: #fff;
}
.touch-active {
overflow: hidden;
}
.me-left {
padding-right: 30px;
}
.me-mid {
border-left: 1px solid #555;
padding-left: 30px;
}
.featured-item {
border-bottom: 1px solid #555;
padding-bottom: 10px;
}
.featured-item .featured-item-img {
width: 15%;
display: block;
overflow: hidden;
float: left;
}
.featured-item .featured-item-img img {
width: 100%;
height: auto;
}
.featured-item .featured-item-content {
display: block;
width: 70%;
float: left;
margin-left: 5%;
}
.featured-item .featured-item-content h3 {
color: #fff;
font-size: 1rem;
margin-bottom: 8px;
}
.featured-item .featured-item-content p {
color: #2ABDEE;
}
.me-right .vc_btn {
border-radius: 0;
text-transform: uppercase;
} #tm-fixed {
position: fixed;
width: 100%;
height: 56px;
z-index: 1000;
top: 0 !important;
background: #ffffff;
float: left;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
-ms-transition: background-color 500ms ease;
transition: background-color 500ms ease;
display: none;
}
#tm-fixed .wpb_column {
position: static;
}
#tm-fixed .logo a {
color: #fff;
font-size: 2.25rem;
}
#tm-fixed .blog_touch {
float: right;
font-size: 1.35rem;
font-weight: normal;
cursor: pointer;
padding: 12px 15px;
padding-bottom: 13px;
}
#tm-fixed .blog_touch:hover {
background: #2ABDEE;
color: #fff;
}
#tm-fixed .blog_touch:hover .fa-bars {
color: #fff;
}
#tm-fixed .blog_touch span {
margin-right: 10px;
}
#tm-fixed .blog_touch .fa-bars {
margin-right: 0;
}
#tm-fixed .blog_touch a#blog, a#touch {
margin-right: 0.62rem;
color: #333333;
font-size: 1rem;
background: none;
border-radius: 5px;
text-decoration: none;
border: 1px solid transparent;
width: 3.12rem;
height: 4.37rem;
padding: 0.62rem 0.75rem;
}
#tm-fixed .blog_touch a#blog:hover {
border: 1px solid #333333;
}
#tm-fixed .blog_touch a#touch {
background: transparent;
border: solid 1px #26BBED;
color: #26BBED;
}
#tm-fixed .blog_touch a#touch:hover {
background: #26BBED;
color: #fff;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
} #tm-blog {
width: 100%;
height: 5.25rem;
z-index: 100;
background: #ffffff;
float: left;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
-ms-transition: background-color 500ms ease;
transition: background-color 500ms ease;
}
#tm-blog .logo {
float: left;
margin-left: 5rem;
margin-top: 0.68rem;
}
#tm-blog .logo a {
color: #fff;
font-size: 2.25rem;
}
#tm-blog .blog_touch {
float: right;
line-height: 5.25;
margin-right: 5rem;
}
#tm-blog .blog_touch a#blog, a#touch {
margin-right: 0.62rem;
color: #333333;
font-size: 1rem;
background: none;
border-radius: 5px;
text-decoration: none;
border: 1px solid transparent;
width: 3.12rem;
height: 4.37rem;
padding: 0.62rem 0.75rem;
}
#tm-blog .blog_touch a#blog:hover {
border: 1px solid #333333;
}
#tm-blog .blog_touch a#touch {
background: transparent;
border: solid 1px #26BBED;
color: #26BBED;
}
#tm-blog .blog_touch a#touch:hover {
background: #26BBED;
color: #fff;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
#top_menu .sp-market-sm {
width: 80px;
height: 80px;
background-position: -637px -209px;
}
#tm-fixed .logo .sp-logo-sm {
width: 80px;
height: 80px;
background-position: -810px -225px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#tm-fixed .logo .sp-logo-sm:hover {
background-position: -1759px -225px;
} #tm-fixed .tm-mobile-nav .tm-mobile-link {
background: url(//hyly.ai/wp-content/themes/hyly/img/mnav-bg-sticky.png) no-repeat center center;
}
#top_menu .tm-mobile-nav .tm-mobile-link {
background: url(//hyly.ai/wp-content/themes/hyly/img/mnav-bg.png) no-repeat center center;
}
#top_menu .tm-mobile-nav .tm-mobile-link-post {
background: url(//hyly.ai/wp-content/themes/hyly/img/mnav-bg-sticky.png) no-repeat center center;
margin-top: 2.5rem;
}
#top_menu .hyly-guide-logo {
width: 156px;
margin-top: 14px;
height: 80px;
background-position: -52px -2176px;
}
#top_menu .hyly-blog-logo {
width: 170px;
margin-top: 14px;
height: 80px;
background-position: -52px -3278px;
}
#top_menu .hyly-sites-logo {
width: 142px;
margin-top: 14px;
height: 80px;
background-position: -52px -3739px;
}
#top_menu .hyly-glossary-logo {
width: 196px;
margin-top: 14px;
height: 80px;
background-position: -52px -4417px;
}
#top_menu .hyly-tournado-logo {
width: 202px;
margin-top: 14px;
height: 80px;
background-position: -52px -4082px;
}
#sharebar {
display: none;
}
.tm-mobile-nav {
float: right;
}
.tm-mobile-nav .tm-mobile-link {
padding: 0.8rem 1rem;
margin-top: 2rem;
width: 1.5rem;
float: right;
cursor: pointer;
}
.tm-mobile-nav ul {
display: none;
background: #ffffff;
opacity: 0.9;
border-radius: 5px;
border: solid 1px #f0f0f0;
list-style-type: none;
position: absolute;
top: 3.8rem;
right: 1rem;
}
.tm-mobile-nav ul li {
margin-bottom: 0;
}
.tm-mobile-nav ul li:first-child a {
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
.tm-mobile-nav ul li:last-child a {
-webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.tm-mobile-nav ul li a {
display: block;
padding: 0.4rem 1.5rem;
width: 8rem;
}
.tm-mobile-nav ul li a:hover {
color: #ffffff;
background: #26BBED;
} #menu-expand {
background: #000;
color: #fff;
padding: 60px 0 30px;
padding-top: 30px;
display: none;
position: absolute;
width: 100%;
height: auto;
overflow: auto;
z-index: 10000;
}
#menu-expand a {
text-decoration: none;
color: #fff;
}
#menu-expand a:hover {
opacity: 1;
color: #fff;
}
#menu-expand .mn-feature-content a, .featured_title {
color: #5bc0de;
}
#menu-expand .featured_content:hover a {
color: #fff;
}
#menu-expand h2 {
color: #fff;
font-size: 1.25rem;
padding-bottom: 10px;
border-bottom: 1px solid #555;
}
#menu-expand ul {
list-style: none;
}
#menu-expand ul li, #menu-expand ul li a {
font-size: 1rem;
margin-bottom: 8px;
color: #2ABDEE;
}
#menu-expand .me-close {
font-size: 2rem;
cursor: pointer;
color: #2ABDEE;
float:right;
margin-right: 24px;
margin-top: 48px;
}
#menu-expand .me-close:hover {
color: #fff;
}
#menu-expand .icons {
text-align: center;
}
#menu-expand .overlay-actions {
width: 180px;
float: right;
margin-top: -55px;
}
#menu-expand .overlay-actions a {
padding-left: 2rem;
padding-right: 2rem;
}
#menu-expand h3 {
text-align: left;
margin-top: 40px;
margin-bottom: 20px;
color: #636363;
}
#menu-expand .icons .icon {
padding: 10px;
width: 149px;
height: 106px;
margin: auto;
cursor: pointer;
}
#menu-expand .icons .icon:hover {
background: #26bbed;
}
#menu-expand .icons .icon_back {
height: 67px;
}
#menu-expand .icons .title {
width: 100%;
float: left;
font-size: 15px
}
#menu-expand .icons .title_info {
font-size: 13px;
margin-top: 1px;
float: left;
display: none;
}
#menu-expand .icon:hover .title_info {
display: block;
}
#menu-expand .featured_content {
width: 100%;
height: 134px;
float: left;
}
#menu-expand .featured_img {
width: 100%;
height: 90px;
overflow: hidden;
position: relative;
}
#menu-expand .featured_img img {
width: 100%;
height: auto;
}
#menu-expand .featured_img .featured_overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.65);
top: 0;
}
#menu-expand .featured_img .img_title {
position: absolute;
top: 16px;
left: 0;
right: 0;
margin: auto;
color: #fff;
font-size: 0.875rem;
}
#menu-expand .featured_content .featured_title {
color: #26bbed;
margin-top: 10px;
}
#menu-expand .featured_content:hover {
background: #26BBED;
}
#menu-expand .featured_content:hover .featured_title {
color: #fff;
}
#menu-expand .featured_content:hover .featured_overlay {
background: #26BBED;
}
.overlay-bg {
top: 0;
left: 0;
display: none;
height: 100%;
width: 100%;
z-index: 2000;
position: fixed;
background: #ffffff;
} .landing-container {
max-width: 1024px;
margin: 0 auto;
}
.text-center {text-align: center;}
.cta {
width: 100%;
float: left;
text-align: center;
margin-bottom: 120px;
margin-top: 0;
}
.cta a {
background: #26bbed;
color: #fff;
padding: 5px 10px;
display: inline-block;
border-radius: 5px;
}
.cta a:hover {
text-decoration: none;
} .img-text {
text-align: center;
margin: 120px 0;
}
.img-text img:hover {cursor: zoom-in;}
.img-text p {
max-width: 700px;
margin: auto;
font-size: 1.25rem;
color: #333333;
margin-top: 120px;
} .with-without-panels {
margin-bottom: 120px;
width: 100%;
float: left;
}
.with-without-panels.max-panels p {min-height: 84px !important;}
.with-without-panels.max-panels .wwo-panel .with-hyly p {min-height: 100px !important;}
.with-without-panels .wwo-panel {
border: solid 1px #eeeeee;
width: 333px;
text-align: center;
padding: 24px;
float: left;
margin-right: 10px;
}
.with-without-panels .wwo-panel .icon {
background: #ffffff;
color: #dddddd;
font-size: 2.5rem;
border-radius: 50%;
border: solid 1px #eeeeee;
width: 64px;
height: 64px;
line-height: 64px;
margin: 0 auto;
margin-top: -3.75rem;
margin-bottom: 1.5rem;
}
.with-without-panels .wwo-panel h3 {
color: #b0b0b0;
font-weight: 300;
}
.with-without-panels .wwo-panel p {
min-height: 84px;
line-height: 24px;
font-weight: 300;
}
.with-without-panels .wwo-panel .hr {
height: 1px;
border-top: solid 1px #eeeeee;
margin: 24px auto;
width: 264px;
}
.with-without-panels .wwo-panel .with-hyly p {min-height: 74px !important;}
.with-without-panels .wwo-panel .with-hyly h3 {
color: #26bbed;
} .hyly-landing-hp .hyly-ph {
text-align: center;
padding-top: 120px;
padding-bottom: 75px;
clear: both;
}
.hyly-landing-hp .hyly-ph p {
color: #888888;
line-height: 24px;
font-weight: 300;
}
.hyly-landing-hp .suite-boxes {
width: 100%;
float: left;
margin-bottom: 2.5rem;
}
.hyly-landing-hp .suite-boxes .box {
width: 196px;
height: 256px;
position: relative;
margin-right: 10px;
float: left;
padding: 2rem 10px;
text-align: center;
color: #ffffff;
background: #26bbed;
}
.hyly-landing-hp .suite-boxes .box .overlay {
display: none;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
position: absolute;
}
.hyly-landing-hp .suite-boxes .box:hover .overlay {
display: block;
}
.hyly-landing-hp .suite-boxes .box .overlay a {
display: block;
color: #ffffff;
width: 100%;
text-decoration: none;
height: 100%;
top: 0;
left: 0;
line-height: 256px;
}
.hyly-landing-hp .suite-boxes .box .overlay a h3 {
font-weight: 300;
border: solid 2px #fff;
border-radius: 5px;
width: 75%;
overflow: hidden;
margin: auto;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 100px;
padding: 5px 0;
font-size: 1.25rem;
}
.hyly-landing-hp .suite-boxes .box .fa {
font-size: 40px;
color: rgba(255,255,255,0.75);
}
.hyly-landing-hp .suite-boxes .box h3 {
font-weight: 400;
color: #fff;
margin: 2rem 0;
}
.hyly-landing-hp .suite-boxes .box p {
line-height: 20px;
font-weight: 300;
color: rgba(255,255,255,0.7);
} .hyly-landing-hp .suite-flow {margin-bottom: 95px;clear: both;}
.hyly-landing-hp .suite-flow ul {
clear: both;
width: 910px;
height: 24px;
margin: 0 auto;
}
.hyly-landing-hp .suite-flow ul li {
list-style-type: none;
float: left;
margin-left: 32px;
}
.hyly-landing-hp .suite-flow ul li:first-child {margin-left: 0;}
.hyly-landing-hp .suite-flow ul li img {margin-top: -10px;}
.hyly-landing-hp .suite-flow ul li h3 {
color: #888888;
margin: 0;
padding: 0;
font-weight: 300;
font-size: 1.2rem;
} .hyly-companies {
background: #fafafa;
height: 124px;
line-height: 124px;
border-top: solid 1px #f0f0f0;
border-bottom: solid 1px #f0f0f0;
}
.hyly-companies img {margin-left: 48px;} .s-header {
background: url(//hyly.ai/wp-content/themes/hyly/img/Blue-Dot-Building.png) no-repeat top right #000000;
padding: 3.5rem 0;
background-size: contain;
clear: both;
}
.s-header .down-arrow {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 14px solid #000;
position: absolute;
left: 184px;
margin-top: 56px;
}
.s-header h2 {
color: #ffffff;
margin-bottom: 0;
}
.s-header p {
font-size: 20px;
color: #cccccc;
} .post-content ul {
list-style-type: disc;
margin-left: 2em;
}
.post-content ul li {
margin-bottom: 0;
font-weight: 400 !important;
}
.post-content ul li a {
font-weight: 400 !important;
}
#blog-contents .single-post .entry-title {
font-size: 3rem;
}
#blog-contents p.recap {
color: #888888 !important;
font-size: 0.9rem !important;
}
#blog-contents p.recap > * {
font-size: 0.9rem !important;
} .banner {
background: url(//hyly.ai/wp-content/themes/hyly/img/banner_back.jpg) no-repeat;
float: left;
width: 100%;
height: 47.94rem;
margin-top: -6.87rem;
background-attachment: fixed;
background-size: cover;
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter _.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
overflow: hidden;
}
.banner-content {
color: #fff;
top: -25rem;
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 1;
}
.banner-content h1 {
text-align: center;
line-height: 1.5;
color: #fff;
}
.banner-content a {
display: block;
text-decoration: none;
text-transform: uppercase;
box-shadow: none;
min-width: 15.63rem;
height: 3.12rem;
text-align: center;
line-height: 2.84;
font-weight: 700;
font-size: 1.12rem;
color: #fff;
margin: auto;
margin-top: 3.75rem;
width: 13.5rem;
border-radius: 3px;
background: #26BBED;
}
.banner-content a:hover {
background-color: #269abc;
opacity: 1;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
} .crm-hero {
background: url(//hyly.ai/wp-content/themes/hyly/img/crm-hero-img.png) no-repeat;
float: left;
width: 100%;
position: relative;
height: 41.62rem;
margin-top: -6.87rem;
background-attachment: fixed;
background-size: cover;
}
.crm-hero .crm-hero-content {
float: none;
width: 990px;
height: 325px;
background: rgba(0,0,0,0.55);
margin: 0 auto;
margin-top: 214px;
text-align: center;
}
.crm-hero .crm-hero-content * {
color: #fff;
font-weight: 300;
}
.crm-hero .crm-hero-content .process-list ul {
margin-top: 58px;
}
.crm-hero .crm-hero-content .process-list ul li {
border-color: #fff !important;
border: none;
background: none;
}
.crm-hero .crm-hero-content .process-list ul li:last-child {border: none;}
.crm-hero .crm-hero-content .process-list ul li a {color: #fff; border: solid 1px #fff; border-right: 0;}
.crm-hero .crm-hero-content .process-list ul li a:hover {
background: #26BBED;
}
.crm-hero .crm-hero-content .process-list ul li:last-child a {border-right: solid 1px;}
.crm-hero .crm-hero-content h1 a {
display: block;
text-decoration: none;
font-size: 3rem;
padding-top: 40px;
}
.crm-hero .crm-hero-content h1 a:hover {
color: #26BBED;
}
.crm-hero .crm-hero-content p {
max-width: 460px; margin: auto;
} .page-container h1, .page-container h2 {
font-size: 1.62rem;
} .product-banner {
width: 100%;
height: auto;
padding: 60px 0;
z-index: 1;
background-size: cover;
position: relative;
display: table;
}
.product-banner h1, .product-banner p {
color: #fff;
}
.product-banner>.wpb_wrapper {
display: table-cell;
vertical-align: middle;
} .tournado-banner {
background: #000000;
float: left;
width: 100%;
height: 68.88rem;
margin-top: -6.87rem;
z-index: 1;
background-size: cover;
position: relative;
}
.tournado-hero h1 {
text-align: center;
color: #333333;
}
.tournado-hero .sub-liner {
font-weight: 300;
color: #909090;
text-align: center;
}
.tournado-banner-content {
color: #fff;
top: 7.12rem;
position: absolute;
z-index: 1;
text-align: center;
width: 100%;
}
.tournado-ready-panel {
background-color: rgb(246, 249, 250);
padding: 2.5rem 0 0 0;
text-align: center;
}
.benefits-panel {
background-color: rgb(246, 249, 250);
z-index: 2;
position: relative;
padding: 3rem 0;
clear: both;
width: 100%;
text-align: center;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
}
.benefits-panel .vc_col-sm-12 {
margin: auto;
float: none;
}
.benefits-panel h2 {
margin: 0;
color: #37393b;
padding-bottom: 1.5rem;
}
.benefits-panel h3 {
color: #26bbed;
text-align: center;
line-height: 1.5;
margin-bottom: 1rem;
}
.benefits-panel p {
color: #37393b;
}
.benefits-panel strong {
font-weight: 600;
}
p.sub-liner {
font-size: 1.25rem;
}
a.blue-btn {
color: #26BBED;
border: 1px solid #26BBED;
text-align: center;
min-width:  9.37rem;
padding: 0.62rem 0.87rem;
font-weight: 400;
line-height: 1.12;
display: inline-block;
margin-top: 1.5rem;
}
a.blue-btn:hover {
background: #26BBED;
border-color: #26BBED;
color: #ffffff;
opacity: 1;
text-decoration: none;
}
a.white-btn {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
border: 1px solid #ffffff;
text-align: center;
min-width: 9.37rem;
padding: 0.62rem 0.87rem;
font-weight: 400;
line-height: 1.12;
display: inline-block;
margin-top: 0.5rem;
}
a.white-btn:hover {
background: #ffffff;
opacity: 1;
color: #26BBED;
border: 1px solid #26BBED;
text-decoration: none;
}
a.blue-btn-solid {
color: #ffffff;
background: #26BBED;
border: 1px solid #26BBED;
text-align: center;
min-width:  9.37rem;
padding: 0.62rem 0.87rem;
font-weight: 400;
line-height: 1.12;
display: inline-block;
margin-top: 1.5rem;
}
a.blue-btn-solid:hover {
background: #ffffff;
border-color: #26BBED;
color: #26BBED;
opacity: 1;
text-decoration: none;
}
.product-details p strong {
font-weight: 600;
}
.product-details ul {
font-weight: 400;
padding-left: 1rem;
text-align: left;
padding-top: 1rem;
display: inline-block;
margin-bottom: 0;
list-style-type: disc;
font-family: 'Open Sans', sans-serif;
}
.product-details ul li {
font-weight: 400;
line-height: 1.5;
padding-bottom: .5rem;
font-size: 1rem;
margin-bottom: 0;
}
a.image-link img {
max-width: 67%;
}
a.image-link:hover {
opacity: 1;
}
.home-page h1 {
font-size: 2.62rem;
font-weight: 400;
margin-bottom: 1.87rem;
height: 1.5rem;
}
.glossary {
clear: both;
}
.search-filter {
margin-bottom: 1rem;
}
.glossary-header h1 {
text-align: center;
}
.glossary-header h2.sub-liner {
font-weight: 400;
color: #909090;
text-align: center;
}
.glossary p.intro-text {
width: 80%;
margin: auto;
text-align: center;
font-size: 14px;
font-weight: 400;
color: #999;
}
.missing-term {
margin-bottom: 1rem !important;
}
.missing-term span {
color: #26BBED;
cursor: pointer;
}
.glossary h1 {
margin-bottom: 0.5rem;
}
.glossary a {
color: #26BBED;
}
.cpt-form {
position: relative;
}
.cpt-form button[type="submit"] {
background: none;
border: none;
position: absolute;
top: 0;
height: 100%;
right: 10px;
font-size: 30px;
color: #eee;
}
.cpt-search {
width: 100%;
border: 2px solid #eee;
padding: 10px;
font-size: 20px;
font-weight: 600;
}
.glossary-item:hover .title_not_word{
color: black;
}
.glossary-item {
border: 1px solid #ccc;
padding: 20px;
background: #fff;
margin: 20px 0 !important;
}
.glossary-item h2 {
margin-bottom: 5px;
font-weight: 400;
color: black;
padding-right: 35px;
}
.glossary-item .source {
margin-top: 10px;
display: block;
font-weight: 300;
font-size: 14px;
color: #999;
}
.glossary-item .tags li {
display: inline;
}
.glossary-item .tags a, .glossary-item a {
color: #999;
font-size: 14px;
}
.glossary-item .post_content_social {
right: 5px;
}
.glossary-item .glossary-featured-header .post_content_social {
right: 20px;
}
.glossary-featured {
border-color: #A7E9FF;
}
.glossary-featured .glossary-featured-header {
color: #fff;
margin: -20px;
padding: 20px;
}
.glossary-featured h3 {
display: inline-block !important;
font-size: 16px;
background: #26BBED;
padding: 10px 17px 10px 10px;
font-weight: 800;
letter-spacing: 0;
color: #fff !important;
margin-left: -10px;
text-transform: uppercase;
}
.glossary-featured .tags a, .glossary-featured a { }
.glossary-featured a h2 {
margin-bottom: 1rem !important;
}
.glossary-featured h2 {
color: #26BBED;
margin-bottom: 2.5rem;
}
.glossary-featured a h2:hover {
text-decoration: underline;
}
.glossary-single .tags a {
color: #999;
font-weight: normal;
}
.glossary-single a {
color: #26BBED
}
.source a{
color:#999;
font-weight: 400;
}
.glossary-featured .post_content_social:hover a {
color: #26BBED;
}
.glossary-single {
background: #FFF !important;
}
.glossary-single h2 {
color: #26BBED;
}
.tags li{
margin-right:10px;
}
.flex {
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex .wpb_column {
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-direction: column;
-moz-direction: column;
flex-direction: column;
}
.flex h3 {
color: #333 !important;
padding-right: 25px;
}
.glossary-submitline {
padding-top: 20px;
padding-bottom: 20px;
}
.glossary-submitline p {
color: #fff;
}
.socials ul li {
display: inline-block;
margin-bottom: 0;  }
.socials ul li:first-child {
padding-left: 0;
}
.socials ul li a {
color: #26BBED;
font-size: 1.5rem;
}
.glossary-touch h2 {
margin-bottom: 0.5rem;
}
.glossary-touch ul {
margin-top: 15px;
}
#frm-glossary {
margin-top: 20px;
}
#frm-glossary input, #frm-glossary textarea {
width: 100%;
padding: 5px 10px;
}
.vc_custom_1427788940233 {
margin-top: 60px !important;
background-color: #26bbed !important;
}
.vc_custom_1427788949710 {
padding-top: 60px !important;
background-color: #eeeeee !important;
}
.glossary-breadcrumb {
margin-bottom: 40px;
font-weight: bold;
}
.glossary-breadcrumb .fa {
color: #26BBED;
font-size: 20px;
}
.glossary-breadcrumb-post {
margin-bottom: 10px;
font-weight: bold;
width: 100%; display: block;
}
.glossary-breadcrumb-post .fa {
color: #FFF;
font-size: 20px;
}
.glossary-breadcrumb-post a:hover .fa, .glossary-breadcrumb-post a:hover {
color: #000 !important;
}
.get-in-touch {
clear: both;
}
.get-in-touch h1 {
font-size: 2.5rem;
margin-bottom: 1.5rem;
}
.get-in-touch h3 {
margin-bottom: 0;
}
.get-in-touch h4 {
color: #979797;
font-size: 1rem;
}
.product-nav li i.fa {
font-size: 24px;
}
.products li i.fa {
margin-right: 20px;
font-size: 24px;
padding-right: 0;
width: 24px;
vertical-align: middle;
}
.drop_blog_menu li i.fa {
margin-right: 20px;
font-size: 24px;
padding-right: 0;
width: 24px;
vertical-align: middle;
}
.side-nav-phone {
text-align: center;
width: 94%;
}
.side-nav-phone a {
color: #F5A623;
display: block;
padding: 8px;
border: solid 1px #F5A623;
}
.side-nav-phone a:hover {
color: #26BBED;
border: solid 1px #26BBED;
} h1.blog-nohero {
font-size: 1.75rem;
padding-top: 0 !important;
margin-bottom: 2rem;
}
#blog-contents p,ul,li {
font-weight: 400 !important;
}
#blog-contents .hero {
padding: 11rem 0rem 5rem 0rem;
z-index: 1;
float: left;
width: 100%;
position: relative;
margin-top: 0;
min-height: 475px;
margin-bottom: 100px;
background-position: left top !important;
background-size: auto 100% !important;
}
#blog-contents .hero h1 {
text-align: center;
font-size: 3rem;
font-weight: 300;
text-align: center;
}
#blog-contents .hero h6 {
font-size: 1.25rem;
}
#blog-contents .vc_col-sm-5 {
padding: 0 1rem;
}
#blog-contents .vc_col-sm-8 {
max-width: 66.66666667%;
margin: auto;
}
#blog-contents .vc_col-sm-10 {
max-width: 83.33333333%;
margin: auto;
}
#blog-contents p.summary {
text-align: center;
margin: 0rem 0rem;
font-weight: 300;
color: #909090;
text-align: center;
}
.blogCategory .article .content .attachment {
height: 134px;
background: #fcfcfc;
margin-bottom: 0;
margin-top: 0;
border: solid 1px #fafafa;
}
.blogCategory .article .content .post-category-info .category a {
color: #26bbed;
font-size: 13px;
}
.article {
width: 100%;
padding: 1rem 0rem;
min-height: 348px;
padding: 10px;
margin-bottom: 30px;
box-shadow: 0px 0px 5px #e4e4e4;
border-radius: 5px;
}
.article .content {
width: 100%;
float: left;
}
.article .content .title {
width: 100%;
float: left;
}
.article .content .title .post-info {
padding-top: 0;
height: 1rem;
position: relative;
}
.article .content .title .post-info ul {
margin-top: -1rem;
}
.article .content .title h3 {
clear: both;
}
.article .content .title h3 a {
font-weight: 400;
font-size: 1.5rem;
line-height: 1.25;
margin-bottom: 2rem;
display: block;
}
.article .content .title h3 a:hover {
color: #26BBED;
}
.article .content .attachment {
margin-bottom: 1rem;
margin-top: 1rem;
width: 100%;
}
.article .content .attachment img {
width: 299px;
height: auto;
border: blue;
}
.blog-post {
width: 100%;
min-height: 324px;
padding: 10px;
margin-bottom: 30px;
box-shadow: 0px 0px 5px #e4e4e4;
border-radius: 5px;
}
.blog-post .content {
width: 100%;
float: left;
height: 284px;
}
.blog-post .post-info {
clear: both;
padding: 0;
}
.blog-post .post-info ul li {margin: 0 !important;}
.blog-post .content .title {
width: 100%;
float: left;
}
.blog-post .content .title .post-info {
padding-top: 0;
height: 1rem;
position: relative;
}
.blog-post .content .title .post-info ul {
margin-top: -1rem;
}
.blog-post .content .title h3 {
clear: both;
margin-bottom: 0;
}
.blog-post .content .title h3 a {
font-weight: 400;
font-size: 1.5rem;
line-height: 1.25;
display: block;
text-decoration: none;
margin-bottom: 0;
color: #333;
}
.blog-post .content .title h3 a:hover {
color: #26bbed;
}
.blog-post .content .attachment {
margin-bottom: 1rem;
margin-top: 1rem;
width: 100%;
text-align: center;
}
.blog-post .content .attachment img {
width: 100%;
height: auto;
border: blue;
}
#blog-contents .single-post .content {
margin-top: 30px;
word-wrap: break-word;
}
#blog-contents .single-post .post-details {
margin: 1rem 0rem;
}
#blog-contents .single-post .post-info {
width: 100%;
float: left;
}
#blog-contents .single-post h1 {
padding-top: 30px;
clear: both;
}
#blog-contents .single-post .entry-title {
padding: 0 15px;
clear: both;
padding-top: 80px;
text-align: center;
font-weight: 300;
display: block;
font-size: 2.5rem;
margin: 0;
}
#blog-contents .post-details {
height: 2rem;
margin: 0rem 0rem 1rem 0rem;
}
.archive-title {
padding-top: 60px;
padding-bottom: 1rem;
border-bottom: solid 1px #f4f4f4;
margin-bottom: 0;
}
.post-info {
height: 1rem;
padding-top: 1rem;
line-height: 1;
}
.post-info li {
list-style-type: none;
float: left;
color: #a1a1a1;
font-size: 0.75rem;
margin-left: 0.4rem;
padding-left: 0.4rem;
margin-bottom: 0.5rem;
}
.post-info li.category a {
color: #26BBED;
}
.post-info li:first-child {
margin-left: 0;
padding-left: 0;
border-left: none;
}
.post-info li a {
font-size: 0.875rem;
color: #a1a1a1;
}
.post-info li a:hover {
opacity: 1;
color: #26BBED;
}
#blog-contents .post-details .social {
height: 2rem;
line-height: 2;
}
#blog-contents .post-details .social li {
list-style-type: none;
display: inline;
}
.post .attachment {
max-height: 500px;
overflow: hidden;
}
#blog-contents .vc_col-sm-5 {
float: left;
width: 41.66666667%;
}
#blog-contents .navigation {
margin: 2rem 0rem;
min-height: 1rem;
border-top: solid 1px #f4f4f4;
padding-top: 2rem;
}
#blog-contents .prev {
float: left;
}
#blog-contents .next {
float: right;
text-align: right;
} #gallery {
width: 100%;
position: relative;
}
#gallery .cycle-slideshow {
width: 60%;
margin: auto;
text-align: center;
}
#gallery .carousel-gal {
width: 100% !important;
}
#gallery .cycle-slideshow a img {
max-width: 100%;
}
#gallery .main_img {
text-align: center;
}
#gallery .main_img img {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#gallery .left_arrow, #gallery .right_arrow {
position: absolute;
top: 40%;
margin: auto;
font-size: 2rem;
width: 2.0rem;
text-align: center;
cursor: pointer;
height: 2.5rem;
width: 2.5rem;
color: #26BBED;
border: solid 1px #26BBED;
border-radius: 50%;
}
#gallery span.fa {
color: #26BBED;
}
#gallery .left_arrow {
left: 2rem;
line-height: 2;
background: #26BBED;
}
#gallery .right_arrow {
right: 2rem;
line-height: 2;
background: #26BBED;
}
#gallery .left_arrow:hover {
background: #26BBED;
}
#gallery .left_arrow:hover span.fa {
color: #ffffff;
}
#gallery .right_arrow:hover {
background: #26BBED;
}
#gallery .right_arrow:hover span.fa {
color: #ffffff;
}
#gallery .right_arrow:hover {
opacity: 1;
}
#gallery .left_arrow span.fa {
left: 0.68rem;
position: absolute;
top: 0.2rem;
color: #fff;
}
#gallery .right_arrow span.fa {
right: 0.74rem;
position: absolute;
top: 0.20rem;
color: #fff;
}
.gal-pager {
text-align: center;
width: 100%;
z-index: 500;
top: 0.62rem;
margin-top: 44px;
overflow: hidden;
display: none;
}
.gal-pager span {
font-size: 4rem;
width: 1rem;
height: 1rem;
display: inline-block;
cursor: pointer;
background: #ddd;
line-height: 1;
border-radius: 50%;
margin-left: 0.31rem;
color: transparent;
}
.vc_column_container:hover .glossaryLinkDetail_h1{
color: black !important;
}
.gal-pager span.cycle-pager-active {
background:  #b2b2b2;
}
.gal-pager span:hover {
background:  #b2b2b2;
}
.vc_column-inner.vc_custom_1425955756973 {padding-right: 15px !important;}
.vc_column-inner.vc_custom_1425955756973 img {
border-radius: 5px;
box-shadow: 0 0 5px rgba(209,209,209,0.75);
}
.vc_custom_1425612385902 .author-detail {margin-top: 0 !important;} .gcolumn-1{
padding:0px;
}
.gcolumn-1 .g-item{
margin-right:5px;
}
.gcolumn-2{
padding:0px;
}
.gcolumn-2 .g-item{
margin-left:5px;
}  .chapters-list a {
text-decoration: none;
}
.chapters-list ul {
margin-bottom: 0;
}
.chapters-list ul li {
height: 10rem;
text-align: center;
border-bottom: 12px solid #000;
margin-bottom: 0;
position: relative;
}
.chapters-list ul li .title {
top: 50%;
transform: translateY(-50%);
position: relative;
margin: 0;
padding: 0;
display: block;
color: #fff;
font-size: 1.25rem;
}
.chapters-list ul li .title p {
color: #ffffff;
margin-top: 4px;
font-weight: 500;
font-size: 0.875rem;
}
.chapters-list a:hover .title {
color: #26BBED;
text-decoration: none;
}
.chapters-list .overlay {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.chapters-list a:hover .overlay {
background: #ffffff;
color: #26BBED !important;
}
.chapters-list .overlay:hover {
background: #ffffff;
color: #26BBED !important;
}
.chapters-list li:first-child:hover .overlay {border-top: solid 1px #f0f0f0;}
.chapters-list .overlay-dark {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
}
#tm-fixed .socials ul li a {
color: #000 !important;
}
#tm-fixed .socials ul li a:hover{
color:#26BBED !important;
}
#guide_content {
background: #ffffff;
z-index: 5;
position: relative;
width: 100%;
clear: both;
}
.guide_sticky_nav {
width: 100%;
height: 3.37rem;
background: #fff;
z-index: 6;
position: fixed;
border-bottom: 1px solid #e5e5e5;
display: none;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);  -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);  -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);  -webkit-transition: background-color 500ms ease;  -moz-transition: background-color 500ms ease;  -o-transition: background-color 500ms ease;  -ms-transition: background-color 500ms ease;  transition: background-color 500ms ease;
}
.guide_sticky_nav ul {
margin-top: -1.5rem;
}
.guide_sticky_nav .logo {
margin-top: 0.12rem;
}
.guide_sticky_nav .chapter .post-header {
border-bottom: none;
}
.guide_sticky_nav .chapter .post-header li {
height: 3.37rem;
}
.guide-hero {
height: 30rem;
width: 100%;
padding-top: 5.5rem;
position: relative;
background: rgba(0, 0, 0, 0.5);
display: table;
}
.guide-hero>.wpb_wrapper {
display: table-cell;
vertical-align: middle;
}
.guide-hero .sp-guide-lg {
width: 290px;
height: 144px;
font-size: 3rem;
font-weight: 400;
color: #FFF;
line-height: 144px;
font-family: 'Raleway', 'Open Sans'; text-align: right;
position: relative;
letter-spacing: -1px;
}
.sp-guide-lg.center_logo img {
position: absolute;
top: 10px;
left: 0;
}
.hylyGuide {
background-color: #26BBED;
padding: 33px 10px 34px;
}
.guide-hero h1, .guide-hero h2, .guide-hero h3 {
color: #ffffff;
text-align: center;
}
.guide_hero {
background: #000000;
padding: 10rem 0rem 5rem 0rem;
height: 30rem;
background: url(//hyly.ai/wp-content/themes/hyly/img/guide_hero.jpg) no-repeat;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
width: 100%;
position: relative;
}
.guide_hero .hero-overlay {
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.guide_hero h1, .guide_hero h3 {
color: #ffffff;
text-align: center;
}
.guide_hero p.guide_hero_logo {
text-align: center;
}
.guide_hero .inner-content {
width: 100%;
z-index: 0;
padding-top: 5.5rem;
position: fixed;
}
.guide-author h3 {
font-size: 1.25rem;
margin-bottom: 0;
}
.guide-author span {
font-size: 0.95rem;
}
.guide-author ul {
margin-bottom: 0;
}
.guide-author ul li {
display: inline;
margin-right: 10px;
}
.guide-author ul li:last-child {
margin-right: 0;
}
.guide-author ul li a {
color: #979797;
}
.chapter-herro-panel {
text-align: center;
z-index: 2;
}
.side-bar {
background: #fff;
}
.side-bar .blue-panel {
width: 100%;
font-size: 1.37rem;
background-color: #fafafa;
padding: 1rem;
margin: 0;
display: table;
border-bottom: solid 1px #f0f0f0;
}
.side-bar .blue-panel a {
font-size: 1.37rem;
text-decoration: none;
color: #26BBED;
}
.side-bar .blue-panel .icon {
display: none;
}
.side-bar .side-bar-content {
margin-right: 30px;
box-shadow: 0px 0px 5px #e4e4e4;
}
.chapters {
clear: both;
padding: 0rem 1rem 0rem 1rem;
}
.chapters:last-child {
padding-bottom: 1rem;
}
.chapters h4 {
font-size: 0.85rem;
color: #9b9b9b;
font-weight: 300;
padding: 1rem 0rem 0.5rem 0rem;
margin: 0;
}
.chapters ul {
margin: 0;
padding: 0 0 0 1rem;
list-style-type: none;
}
.chapters ul li {
margin: 0rem 1rem 0.5rem 0rem;
}
.chapters ul li a {
font-size: 0.85rem;
color: #4a4a4a;
font-weight: 400;
line-height: 1.25;
display: block;
}
.chapters ul li a:hover {
color: #26BBED;
}
.chapters ul li.active a {
color: #26BBED;
}
.chapter {
background: #fff;
}
.chapter img {
max-width: 100%;
height: auto;
}
.post-header {
height: 3.12rem;
line-height: 3.12;
}
.post-header.bottom {
margin-bottom: 60px;
margin-top: 60px;
padding-top: 10px;
border-top: solid 5px #f4f4f4;
}
.post-header.bottom a {color: #a1a1a1;}
.post-header.bottom a:hover {color: #26bbed;}
.post-header.bottom .social {width: 118px;}
.post-header.bottom .social ul li {
width: auto;
margin-right: 8px;
}
.post-header.bottom .social ul li a {
text-decoration: none;
color: #d4d4d4;
}
.post-header.bottom .social ul li:last-child {margin-right: 0;}
.post-header .pre {
float: left;
width: 30%;
line-height: initial;
}
.post-header a {
color: #9b9b9b;
font-size: 0.88rem;
}
.post-header a span.fa-angle-left {
font-size: 1.75rem;
margin-right: .5rem;
vertical-align: middle;
font-weight: bold;
}
.post-header a span.fa-angle-right {
font-size: 1.75rem;
margin-left: .5rem;
vertical-align: middle;
font-weight: bold;
}
.post-header a:hover {
color: #26BBED;
}
.post-header a:hover span {
color: #26bbed;
}
.post-header .next {
float: right;
width: 30%;
line-height: initial;
text-align: right;
}
.social {
width: 140px;
margin: auto;
}
.social ul li a {
width: 3.12rem;
height: 1.31rem;
display: block;
text-align: center;
}
.social ul {
margin-bottom: 0px;
}
.social ul li {
list-style-type: none;
line-height: initial;
float: left;
text-align: center;
}
.social ul li a {
width: 1.37rem;
display: inline-block;
text-align: center;
color: #d4d4d4;
font-size: 1rem;
}
.social ul li a:hover {
color: #26bbed !important;
}
.chapter .post-content h1 {
font-size: 1.62rem;
}
.chapter .post-content h2 {
font-size: 1.5rem;
color: #26bbee;
}
.chapter .post-content h3 {
font-size: 1.5rem;
color: #9b9b9b;
margin-bottom: 1rem;
}
.shareline {
display: inline-block;
width: 100%;
margin-bottom: 45px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #f0f0f0 !important;
padding: 15px 0 !important;
}
.shareline h3 {
font-size: 1rem;
color: #333;
margin-top: 3rem;
}
.shareline ul {
margin-bottom: 1.25rem !important;
float: left;
margin-left: 0 !important;
width: 100%;
}
.shareline ul li {
color: #26bbee; list-style-type: none;
padding: 0.87rem 0;
float: left;
width: 100%;
}
.shareline .shareLineBlock {
width: 90%;
float: right;
min-height: 48px;
}
.chapter .post-content ul li:first-child { }
.shareline ul li:last-child { }
.shareline ul li a .list_img {
float: left;
margin-left: 0.62rem;
}
.shareline ul li {
color: #26bbee;
font-size: 0.93rem;
margin-bottom: 0;
}
.post-content p {
margin-bottom: 1rem;
margin-top: 1.5rem;
}
.shareline ul li p {
float: right;
width: 90%;
margin-bottom: 0 !important;
}
.shareLineContent { margin: 0px !important;
}
.author-guide-content {
margin-top: 25px;
}
@media (max-width: 767px) and (min-width: 321px) {
.shareline ul li p {
width: 85%;
}
}
.chapter .post-content img.home_img {
margin-bottom: 1.87rem;
}
.post-content blockquote {
border-top: solid 8px #26bbed;
border-bottom: solid 2px #26bbed;
border-left: none;
margin-bottom: 1.56rem;
padding: 20px !important;
font-size: 20px;
margin-top: 18px !important;
box-shadow: 0px 0px 5px #e4e4e4;
font-family: 'Raleway', sans-serif;
}
.chapter .post-content blockquote .list_img {
float: left;
margin-right: 0.62rem;
margin-top: 0.31rem;
}
.post-content blockquote {
clear: both;
display: table;
padding: 15px 0;
margin: 10px 1rem;
position: relative;
}
.post-content blockquote p {
font-size: 1.25rem;
color: #26bbee;
margin-top: 0;
font-weight: 300;
padding-bottom: 50px !important;
line-height: 30px;
margin-bottom: 0 !important;
}
.news-letter {
height: auto;
width: 100%;
border: solid 1px #dddddd;
margin-top: 3rem;
margin-bottom: 2.18rem;
padding: 3rem 2rem;
}
.news-letter p {
font-weight: 600;
padding-bottom: 0.18rem;
line-height: 1.75;
}
.news-letter .ns-form {
width: 100%;
margin: auto;
margin-top: 1rem;
}
.news-letter .ns-form input[type=text] {
width: 100%;
height: 2.37rem;
border: solid 1px #dddddd;
margin-top: 0.93rem;
color: #9b9b9b;
font-size: 0.81rem;
font-weight: 600;
padding-left: 1rem;
}
.news-letter .ns-form input[type=submit] {
width: 100%;
height: 2.37rem;
border: solid 1px transparent;
background: #26bbed;
color: #fff;
text-transform: uppercase;
font-size: 1.12rem;
padding: 0rem 2.5rem;
margin-top: 0.93rem;
line-height: 2.37;
vertical-align: middle;
}
.news-letter .ns-form input[type=submit]:hover {
background: #333;
cursor: pointer;
}
.chapter .end {
margin-bottom: -1.87rem;
}
.chapter .end h1 {
color: #26bbed;
font-size: 1.75rem;
font-weight: 500;
margin-top: 2.12rem;
}
.chapter .end h3 {
margin-top: 4.5rem;
color: #26bbed;
text-transform: uppercase;
text-align: center;
font-size: 0.93rem;
}
.chapter .footer-content {
width: 100%;
height: 2.81rem;
margin-bottom: 4rem;
line-height: 2.81;
background: #26bbee;
}
.chapter .footer-content a {
color: #fff;
margin-left: 0.87rem;
}
.chapter .footer-content img {
float: right;
margin-top: 0.75rem;
margin-right: 0.87rem;
cursor: pointer;
}.chapter .post-content .obj_list ul {
margin-left: 3.12rem;
}
.chapter .post-content .obj_list li {
border: none;
color: #333;
line-height: 0;
list-style-type: disc;
}
.post_content_social {
width: 3rem;
float: left;
position: absolute;
overflow: hidden;
height: 1.87rem;
margin-left: -5px;
transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
border: solid 1px transparent;
}
.post_content_social:hover {
width: auto;
display: inline;
box-shadow: 0px 0px 2px #e2e2e2;
-webkit-box-shadow: 0px 0px 2px #e2e2e2;
-moz-box-shadow: 0px 0px 2px #e2e2e2;
border: solid 1px #e2e2e2;
background: #fff;
}
.post_content_social a img {
height: 1rem;
} .case_study h3 {
margin-bottom: 0;
}
.cs-intro {
padding-bottom: 60px;
border-bottom: 1px solid #ebebeb;
}
.cs_feature {
padding-bottom: 60px;
display: inline-block;
width: 100%;
border-bottom: 1px solid #ebebeb;
margin-bottom: 60px;
}
.cs_feature:first-child {
padding-top: 60px;
}
.cs_feature:last-child {
border-bottom: none;
margin-bottom: 0;
}
.cs_feature p, .cs-intro p {
margin-bottom: 10px !important;
}
.cs-header {
font-size: 2rem;
word-wrap: break-word;
}
.cs-sub {
font-size: 1.25rem;
color: #979797;
margin-bottom: 10px;
} .blog-sidebar aside.widget {
border-bottom: none;
padding: 30px 20px;
}
.blog-sidebar aside.widget ul li {
margin: 0;
padding: 0;
list-style-type: none;
}
.blog-sidebar aside.widget ul li a {
color: #26BBED;
margin: 0;
padding: 0;
font-weight: 400;
font-size: 0.875rem;
}
#post-info ul li {
margin-bottom: 0;
}
#post-info ul li{
font-size: 1.75rem;
margin-bottom: 5px;
line-height: 0.75;
}
#post-info ul li.author-photo img {
width: 70px;
height: auto;
margin-bottom: 32px;
box-shadow: 0px 0px 3px #dadada;
}
#post-info ul li h3 {
margin-bottom: 0 !important;
}
.blog-sidebar aside.widget h3 {
font-size: 1rem;
margin-bottom: 20px;
color: #434a55;
} .hyly-sites img {
max-width: 100% !important;
}
.hyly-sites .hero-slider {
padding-top: 4rem;
}
.hyly-sites .hero-slider h1 {
text-align: center;
}
.hyly-sites .hero-slider p {
text-align: center;
}
.hyly-sites .hero-slider p strong {
font-weight: 300;
color: #909090;
text-align: center;
}
.hyly-sites .what-we-do h2 {
padding-top: 3rem;
padding-bottom: 5rem;
}
.hyly-sites .what-we-do p {
line-height: 2;
}
.hyly-sites .what-we-do p strong {
font-weight: 400;
}
.hyly-sites .enhance-productivity {
padding-top: 114px;
padding-bottom: 24px;
}
.hyly-sites .back-end-tech {
background: #f2f2f2;
}
.hyly-sites .back-end-tech h1 {
margin-bottom: 1.5rem;
}
.hyly-sites .us-based-design {
padding-top: 2rem;
padding-bottom: 84px;
text-align: center;
}
.hyly-sites .us-based-design h1 {
font-size: 2rem;
text-align: center;
font-weight: 600;
padding: 0;
min-height: 7rem;
font-family: 'Raleway', sans-serif;
}
.hyly-sites .us-based-design p {
line-height: 1.5;
}
.hyly-sites .ourprocess {
height: 450px;
background: url(//hyly.ai/wp-content/themes/hyly/img/our-process-mockups.png) no-repeat;
background-size: cover;
}
.hyly-sites .ourprocess h2 {
text-align: center;
color: #fff;
margin-top: 3.5rem;
}
.hyly-sites .ourprocess .op-image {
text-align: center;
margin: 2.5rem 0;
}
.hyly-sites .ourprocess .op-cta {
text-align: center;
margin-top: 5rem;
} #footer .inner-footer {
font-size: 0.75rem;
line-height: 2.5rem;
color: #b2b2b7;
}
#footer .inner-footer a {
color: #b2b2b7;
font-size: 0.75rem;
}
a.image-link {
position: relative;
display: block;
}
span#bw_img_overlay.fa {
text-align: center;
position: absolute;
top: 45%;
right: 45%;
z-index: 200;
font-size: 1rem;
height: 2rem;
width: 2rem;
color: #26BBED;;
border: solid 1px #26BBED;
border-radius: 50%;
line-height: 2.25;
background: rgba(255,255,255,0.8);
}
span#bw_img_overlay.fa:hover {
opacity: 1;
color: #ffffff;
background: #26BBED;
}
.center-container {
width: 50%;
margin: auto;
}
.center-container p {
text-align: center;
}
#top_menu .chapter_logo a {
color: #fff;
font-size: 2.25rem;
display: block;
width: 11.81rem;
height: 4.87rem;
}
.post_content_social a {
border-right: none;
width: 3rem;
height: 2.12rem;
color: #26bbee;
font-size: 1.25rem;
border-right: solid 1px #dddddd;
display: inline-block;
text-align: center;
}
.post_content_social a:hover {
color: #26BBED;
}
.post_content_social a:last-child {
border-right: 0;
}
.logo a.sp-guide-xs {
width: 100px;
height: 47px;
background-position: -53px -2345px;
}
a.sp-guide-xs:hover {
background-position: -719px -2345px;
}
.guide_hero .sp-guide-lg {
width: 278px;
height: 144px;
background-position: -53px -1932px;
}
.guide_hero .sp-guide-lg:hover {
background-position: -720px -1932px;
}
.center_logo {
margin: auto;
}
.sp {
background: url(//hyly.ai/wp-content/themes/hyly/img/sprite.png) no-repeat;
}
a.sp {
background: url(//hyly.ai/wp-content/themes/hyly/img/sprite.png) no-repeat;
display: block;
} .img-fullwidth img {
width: 100% !important;
height: auto !important;
}
.blue-overlay {
background: rgba(17, 125, 194, 0.5) !important;
}
.none-lrpadding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.text-center {
text-align: center !important;
} .our-process .process-list ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
float: left;
border-right: none;
margin: 25px 0;
}
.our-process .process-list.fixed {
position: fixed;
z-index: 200;
top: 40px;
margin-left: -15px;
}
.our-process .process-list ul li {
float: left;
width: 33.33%;
height: 45px;
line-height: 45px;
text-align: center;
cursor: pointer;
background-color: #fff;
margin-bottom: 0;
}
.our-process .process-list ul li a {
border: 1px solid #A1A1A1;
border-right: none;
}
.our-process .process-list ul li:last-child a {
border-right: solid 1px #A1A1A1;
}
.our-process .process-list ul li a {
color: #333;
display: block;
text-decoration: none;
opacity: 1;
}
.our-process .process-list ul li a.active {
background: #A1A1A1;
color: #fff;
line-height: 45px;
}
.our-process .process-list ul li:hover a {
background: #A1A1A1;
color: #fff;
}
.our-process .idea-to-design {
height: 450px;
background: url(//hyly.ai/wp-content/themes/hyly/img/our-process-mockups.png) no-repeat;
background-size: cover;
}
.our-process .idea-to-design h1 {
margin: 0;
font-size: 64px;
padding-top: 160px;
font-weight: 600;
color: #fff;
}
.our-process .op-idea-to-design {
height: 450px;
background: url(//hyly.ai/wp-content/themes/hyly/img/idea-to-design.png) no-repeat;
background-size: cover;
}
.our-process .op-idea-to-design h1 {
margin: 0;
font-size: 64px;
padding-top: 180px;
font-weight: 600;
color: #fff;
}
.our-process .idea-to-design p {
color: #fff;
font-size: 18px;
margin: 0;
}
.our-process .idea-to-design-panel {
margin-top: 55px;
}
.our-process .idea-to-design-panel h3 {
color: #26bbed;
font-weight: 600;
}
.our-process .idea-to-design-panel p {
margin-bottom: 40px !important;
}
.our-process .after-panel {
margin-top: 150px;
margin-bottom: 100px !important;
}
.our-process .design-to-software {
height: 450px;
background: url(//hyly.ai/wp-content/themes/hyly/img/design-to-software.png) no-repeat;
background-size: cover;
}
.our-process .design-to-software h1 {
padding-top: 178px;
margin-bottom: 0;
color: #fff;
font-size: 54px;
font-weight: 600;
}
.our-process .design-to-software p {
color: #fff;
font-size: 18px;
margin: 0;
}
.our-process .design-to-software-panel {
margin-top: 90px;
}
.our-process .design-to-software-panel h3 {
color: #26bbed;
margin: 0px;
font-weight: 600;
}
.our-process .design-to-software-panel p {
margin-top: 14px;
margin-bottom: 50px !important;
}
.our-process .software-to-live {
width: 100%;
float: left;
height: 450px;
background: url(//hyly.ai/wp-content/themes/hyly/img/software-to-live.png) no-repeat;
background-size: cover;
margin-top: 100px;
}
.our-process .software-to-live h1 {
padding-top: 180px;
margin-bottom: 0;
color: #fff;
font-size: 54px;
font-weight: 600;
}
.our-process .software-to-live p {
color: #fff;
font-size: 18px;
margin: 0;
}
.our-process .software-to-live-panel {
margin: 75px 0;
text-align: center;
}
.our-process .software-to-live-panel h3 {
}
.our-process .software-to-live-panel .icon {
height: 100px;
line-height: 100px;
margin-bottom: 1rem;
}
.our-process .software-to-live-panel p {
color: #a1a1a1;
font-size: 18px;
}  .text-center {text-align: center;}
.xs-hidden {display: block;}
.xs-visible {display: none;} .sub-page-header h2 {
line-height: 44px;
margin-bottom: 0;
color: #26bbed;
font-weight: normal;
font-family: 'Raleway', sans-serif;
}
.sub-page-header p {
line-height: 24px;
text-align: center;
max-width: 604px;
color: #a0a0a0;
margin: 0 auto;
font-weight: 300;
margin-top: 24px;
} .overlay-panel {
height: 374px;
position: relative;
}
.overlay-panel h1 {
font-size: 48px;
padding-top: 168px;
line-height: 48px;
font-weight: 500;
text-align: center;
margin: 0;
position: absolute;
color: #ffffff;
font-family: 'Raleway', sans-serif;
}
.overlay-panel .overlay {
position: absolute;
height: 374px;
width: 100%;
background: rgba(0,0,0,0.35);
} .page-header h1 {
font-size: 48px;
line-height: 54px;
color: #000000;
font-family: 'Raleway', sans-serif;
font-weight: 300;
margin-top: 100px;
margin-bottom: 16px;
}
.page-header p {
font-size: 16px;
line-height: 24px;
font-weight: 300;
color: #a0a0a0;
margin-bottom: 54px;
}
.word_of_day_a_title h2 {
font-size: 2rem;
} .companies {
padding: 60px 0;
margin-top: 80px;
background: #fafafa;
border-top: solid 1px #f0f0f0;
}
.companies img {
vertical-align: middle;
} .delight-prospects {
background: url(http://hyly.us/wp-content/uploads/2016/07/delight-prospects.jpg) no-repeat;
background-size: cover;
} .make-life-easier {
padding: 100px 0;
width: 100%;
border-top: solid 1px #f0f0f0;
border-bottom: solid 1px #f0f0f0;
float: left;
background: #fafafa;
}
.make-life-easier .panel-header {
margin-bottom: 74px;
}
.make-life-easier .panel-img {
max-width: 490px;
float: left;
margin-right: 14px;
border: solid 1px #e2e2e2;
} .save-agents-time {
width: 100%;
float: left;
background: url(http://hyly.us/wp-content/uploads/2016/07/AgentImage.jpg) no-repeat;
background-size: cover;
margin-top: 40px;
} .agents-save-time {
padding: 100px 0;
width: 100%;
border-top: solid 1px #f0f0f0;
border-bottom: solid 1px #f0f0f0;
float: left;
background: #fafafa;
}
.agents-save-time .panel-header {
margin-bottom: 74px;
}
.agents-save-time .panel-header h1 {
font-size: 48px;
}
.agents-save-time .panel-header p {
font-size: 16px;
}
.agents-save-time .panel-img {
max-width: 490px;
float: left;
margin-right: 14px;
border: solid 1px #e2e2e2;
} .one-master-calendar {
width: 100%;
float: left;
margin-top: 130px;
}
.one-master-calendar .panel-header {margin-bottom: 74px;}
.one-master-calendar .panel-header h1 {
font-size: 48px;
}
.one-master-calendar .panel-header p {
font-size: 16px;
} .when-then-automation {
width: 100%;
float: left;
background: url(http://hyly.us/wp-content/uploads/2016/07/AutomationImage.jpg) no-repeat;
background-size: cover;
} .automate-scheduled {
width: 100%;
float: left;
margin-top: 114px;
}
.automate-scheduled .contents {
margin-top: 210px;
max-width: 464px;
float: left;
}
.automate-scheduled .contents h3 {
font-size: 24px;
margin-bottom: 16px;
line-height: 40px;
font-weight: normal;
}
.automate-scheduled .contents p {
line-height: 24px;
font-size: 16px;
margin-bottom: 30px;
}
.automate-scheduled .contents ul {
margin-left: 32px;
}
.automate-scheduled .contents ul li {
margin-bottom: 16px;
color: #a0a0a0;
list-style-type: disc;
line-height: initial;
}
.automate-scheduled .img {
float: right;
} .automate-follow-ups {
width: 100%;
float: left;
margin-bottom: 40px !important;
}
.automate-follow-ups .img {float: left;}
.automate-follow-ups .contents {
margin-top: 210px;
max-width: 464px;
float: right;
}
.automate-follow-ups .contents h3 {
font-size: 24px;
margin-bottom: 16px;
line-height: 40px;
font-weight: normal;
}
.automate-follow-ups .contents p {
line-height: 24px;
font-size: 16px;
margin-bottom: 30px;
}
.automate-follow-ups .contents ul {
margin-left: 32px;
}
.automate-follow-ups .contents ul li {
margin-bottom: 16px;
color: #a0a0a0;
list-style-type: disc;
line-height: initial;
} .scheduled-demo-action {
width: 100%;
z-index: 2;
cursor: pointer;
float: left;
color: #fff;
margin-top: 230px;
font-size: 24px;
font-weight: 600;
text-align: center;
background: #9fd563;
padding: 20px 0;
}
.scheduled-demo-action .demo-img {
float: right;
width: 40px;
margin-top: 5px;
height: 8px;
background: url(http://hyly.us/wp-content/uploads/2016/07/demo-arrow.png) no-repeat;
} .crm-panel {
margin-top: 144px;
}
.crm-panel ul li {
font-weight: 300;
color: #808080;
line-height: 24px;
}
.fw {
width: 100%;
float: left;
}
.fw-panel h1 {
text-align: center;
margin-top: 94px;
}
.fw-panel h2 {
text-align: center;
margin-top: 94px;
color: #26BBED !important;
}
.fw-panel img {
max-width: 100%;
height: auto;
}
.fw-panel .intro-line {
max-width: 600px;
margin: auto;
color: #808080;
font-weight: 300;
text-align: center;
margin-bottom: 40px;
}
.crm-panel p {
color: #808080;
font-weight: 300;
line-height: 24px;
}
.crm-blue-nav .process-list {
padding: 0;
width: auto;
margin-right: 0 !important;
}
.crm-blue-nav .process-list ul {
width: 824px;
margin: 25px auto;
height: 44px;
float: none;
}
.gray-panel {
margin-top: 0;
padding: 94px 0;
}
.crm-page-header a {
text-decoration: none;
font-size: 3rem;
color: #333333;
font-weight: 300;
}
.crm-page-header a:hover {color: #26BBED;}
a.sd-blue-btn {
margin-top: 5.5rem !important;
}
.sd-embed {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 2000;
width: 100%;
height: 100%;
background: #fff;
}
.sd-embed .sd-menu {
margin-left: -15px;
margin-right: -15px;
}
.sd-embed .sd-menu .sd-logo img {width: 92px;}
.sd-embed .sd-touch-menu {
margin-top: 24px;
padding-right: 40px;
text-align: right;
}
.sd-embed .sd-touch-menu img {cursor: pointer;}
.sd-embed iframe {
margin: 0 auto;
}
.page-header {
margin: 0;
padding: 0;
border: none;
}
.hy-overlay {
display: none;
}
.page-header p {margin-bottom: 54px !important;}
.overlay-panel .overlay {left: 0;}
.crm-bottom-nav {
margin-top: 40px;
margin-bottom: 100px !important;
} .pricing-page .row {
margin-left: -5px;
margin-right: -5px;
}
.pricing-page .price-col {
padding-left: 5px;
padding-right: 5px;
} .pricing-header h1 {
text-align: center;
margin: 3.75rem 0;
} .price-cta {
display: inline-block;
text-align: center;
text-transform: uppercase;
border: solid 1px #26BBED;
}
.price-cta a {
color: #26BBED;
font-weight: 600;
display: block;
text-decoration: none;
padding: 0.5rem 1.5rem;
}
.price-cta a:hover {
background: #26BBED;
color: #ffffff;
}
.price-cta a.active {
background: #26BBED;
color: #ffffff;
} .pricing-boxes .price-box {
background: #fbfbfb;
border: solid 1px #ccc;
text-align: center;
padding: 2rem 0;
color: #333;
}
.pricing-boxes .price-box .title {
font-weight: 700;
font-size: 1rem;
margin-bottom: 1rem;
}
.pricing-boxes .price-box .price {
font-size: 4rem;
}
.pricing-boxes .price-box .per-month {font-weight: 500;}
.pricing-boxes .price-box .price-cta {
margin-top: 2rem;
}
.pricing-boxes .features {margin-top: 1.5rem;}
.pricing-boxes .features ul li {
margin-left: 30px;
font-weight: 300 !important;
margin-bottom: 5px;
}
.pricing-boxes .features ul li:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
content: "\f00c";
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
margin-right: 8px;
margin-left: -22px;
color: #26BBED;
}
.pricing-boxes .features ul li.disabled {color: #ccc;}
.pricing-boxes .features ul li.disabled:before {color: #ccc;} .more-100-properties {
margin: 4.5rem 0;
padding: 4.5rem 0;
text-align: center;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
.more-100-properties .pr-content {
font-size: 1rem;
}
.more-100-properties .price-cta {margin-top: 2rem;} .addon-services h2 {
text-align: center;
color: #333;
margin-bottom: 2rem;
}
.addon-service ul li {
margin-left: 20px;
font-weight: 300;
}
.addon-service ul li:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
content: "\f00c";
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
margin-right: 8px;
margin-left: -22px;
color: #26BBED;
}
.addon-service ul li .free {
color: #26BBED;
text-transform: uppercase;
}
.addon-services .price-cta {
margin: 3rem 0;
} .story-featured-image img {
height: auto;
width: 100%;
}
#footer {
width: 100%;
float: left;
background: #000;
}
#footer .footer-bottom {
float: left;
width: 100%;
height: 2.5rem;
background: #333;
margin-top: 30px;
}
#footer .footer-heading {
font-size: 18px;
margin-top: 50px;
margin-bottom: 25px;
color: #aeaeae;
}
#footer .footer-list ul {
width: 100%;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
#footer .footer-list ul li {
color: #fff; margin-bottom: 12px;
}
#footer .footer-list ul li a {
color: #fff;
font-size: 14px;
font-weight: 300;
line-height: 20px;
text-decoration: none;
opacity: 1;
}
#footer .footer-list ul li a.g-btn {
}
#footer .footer-list ul li a:hover {
color: #26BBED;
}
#footer .get-btn {
width: 100%;
float: left; }
#footer .get-btn a {
margin: 0px;
color: #26BBED;
background: transparent;
border: 1px solid #FFF;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
text-shadow: none;
padding: 10px 19px;
font-size: 16px;
width: 100%;
display: block;
text-align: center;
color: white;
text-decoration: none;
}
#footer .get-btn a:hover {
color: #FFF;
background: #26BBED;
opacity: 1;
border: none;
}
.glossaryPopupContent .glossary-item {
position: relative;
}
.gl_search_content{
font-weight: 400;
line-height: 1.8;
color: #434a55;
}
.gl_content_index span{
font-weight: 400;
line-height: 1.8;
}
.gl_content_index {
font-size: 1rem;
line-height: 1.8;
font-weight: 400;
} @media (max-width: 1199px) {
#top_menu .container {
width: 100%;
padding: 0;
}
#tm-fixed .container {
width: 100%;
padding: 0;
}
#top_menu a.section-txt {font-size: 1.5rem !important;}
.rs-panel .rs-contents {
height: 144px;
padding: 44px 14px !important;
min-height: 100px !important;
}
.rs-panel a .bottom-title {font-size: 18px;}
.hy-quick-nav ul li {margin-right: 16px !important;}
.hy-quick-nav ul li a {font-size: 15px !important;}
} @media (max-width: 1280px) {	
h1 {
font-size: 2.25rem !important;
}
h2 {
font-size: 1.6rem !important;
}
h3 {
font-size: 1.6rem !important;
margin-bottom: 10px !important;
margin-top: 10px !important;
}
p{
font-size: 1rem;
}
.story-posts .story-post .sp-contents img {
margin: 0 !important;
}
#tm-fixed .desktop-visible {display: block !important;}
.story-posts .story-post .sp-hero .sp-hero-img {
padding-top: 135px;
}
.story-featured-image {
margin-left: -20px;
margin-right: -20px;
width: auto;
}
.white-slant.wsp-top {margin-top: -30px;}
.story-posts .story-post .sp-hero {
height: 300px;
}
.story-hero {
height: 300px;
}
.story-hero .story-hc h1 {
margin-top: 100px;
margin-bottom: 0;
}
.story-hero .story-hc .story-author {	
margin-top: 0;
}
.story-posts .story-post .sp-contents h2 {margin-top: 1.5rem !important}
.story-block-content .shareHighlight {padding-top: 10px;font-weight: 500;font-size: 14px;color: #999;}
.story-block-content .shareline {border-top: 0;border-bottom: 0 !important;padding-top: 0 !important;margin-bottom: 0;padding-bottom: 0 !important;}
.story-block-content .socialBoxv2 {display: none;width: 0 !important;}
.story-block-content .shareline .shareLineBlock {width: 100% !important;}
.story-block-content .shareLineBlock p {
font-size: 14px;
color: #000;
}
.story-posts .story-post .sp-hero .sp-hero-img h1 {padding: 0 20px;}
.glossary-featured h3 {
font-size: 1rem !important;
}
.flex h3 {
padding-right: 37px;
}
.source,.source a {
font-size: 14px;
}
.gl_content_index {
font-size: 1rem;
}
.pricing-header h1 {margin-top: 6.5rem;}
.hidden-sm {display: none !important;}
#top_menu a.section-txt {line-height: 54px !important;}
#top_menu {height: 56px !important;}
#top_menu .logo img {max-width: 56px !important;}
#top_menu .blog_touch span.fa-bars {
position: absolute;
top: 4px;
right: -30px;
height: 50px;
line-height: 50px;
width: 54px;
display: block !important;
text-align: center;
margin-right: 0;
}
#top_menu {
top: 0 !important;
}
.sm-hy-quick-nav {display: block;}
.inner-wrapper {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.drop_blog_menu {max-width: 320px !important;}
.landing-container {
width: auto;
padding-left: 10px;
padding-right: 10px;
}
.hyly-landing-hp .hyly-ph {
padding-top: 60px;
clear: both;
padding-bottom: 45px;
}
.hyly-landing-hp .suite-boxes .box {
height: 70px;
padding: 20px 20px;
width: 100%;
margin: 0;
text-align: left;
margin-bottom: 2px;
}
.hyly-landing-hp .suite-boxes .box h3 {
margin: 0 !important;
margin-top: 5px !important;
}
.hyly-landing-hp .suite-boxes .box .overlay a h3 {
line-height: 35px;
margin-top: 14px !important;
text-align: center;
max-width: 200px;
}
.hyly-landing-hp .suite-boxes .box .fa {
font-size: 32px;
float: left;
margin-right: 20px;
}
.hyly-landing-hp .suite-boxes .box p {
display: none;
}
.hyly-home-hero {
padding-top: 56px;
}
.with-without-panels {
margin-bottom: 30px;
}
.with-without-panels .wwo-panel {
width: auto;
padding: 14px;
margin-left: -15px !important;
background: #fafafa;
margin-right: -15px !important;
float: none;
}
.with-without-panels .wwo-panel p {
min-height: 1rem !important;
margin-bottom: 1.5rem;
}
.with-without-panels .wwo-panel .icon {
margin-top: -3rem;
}
.mf-site-ps {
margin-left: -15px;
margin-right: -15px;
margin-top: -30px;
}
.mf-site-ps h3 {
font-size: 14px;
}
.mf-site-ps a {
font-size: 14px !important;
}
.mf-site-ps input {
font-size: 14px !important;
}
.mf-site-ps input[type="text"] {
margin-bottom: 16px;
min-width: 47% !important;
}
.mf-site-ps .mf-site-sample {
width: 100%;
margin-bottom: 20px;
}
.mf-site-ps .mf-site-sample .overlay {padding: 20px 0;}
.mf-site-ps .google-ps {
width: 100%;
padding: 20px 0;
}
.mf-site-ps p {
margin: 30px 0;
}
#blog-contents .single-post .entry-title.mobile-visible {
display: block !important;
margin-bottom: 30px;
text-align: left;
}
.mobile-fw {width: 100%;}
.hy-product-home-overlay.mobile-visible{ display:none !important;}
}
@media (max-width: 991px) {
.s-header .down-arrow {
left: 32px;
margin-top: 24px;
}
.tags li {
margin-right: 5px;
}
.word_of_day_a_title h2 {
font-size: 1.5rem;
}
.tags>li>a {
display: -webkit-inline-box;
font-size: 1rem;
}
.banner-content {
margin-top: -5rem;
}
#top_menu .socials ul li, #tm-fixed .socials ul li {
padding: 0;
}
.banner {
background-attachment: scroll;
}
#top_menu a.section-txt {
line-height: 56px;
left: 60px;
}
.cta {
margin-bottom: 30px;
}
.hyly-m-companies {
height: 68px;
position: relative !important;
line-height: 64px;
clear: both;
}
.hyly-m-companies .mc-container {
width: 300px;
height: 40px;
margin: auto;
padding: 0;
}
.hyly-m-companies img {
vertical-align: middle;
max-width: 104px;
margin-left: 10px;
}
.hyly-m-companies .la {
position: absolute;
cursor: pointer;
margin-right: 14px;
}
.hyly-m-companies .first {
width: 100%;
position: absolute;
margin: 0 auto;
display: block;
text-align: center;
}
.hyly-m-companies .last {
width: 234px;
float: left;
display: none;
}
.hyly-m-companies .last img {
max-width: 108px;
margin-top: 7px;
}
.hyly-m-companies .ra {
cursor: pointer;
right: 10px;
position: absolute;
}
.s-header {
padding: 1.5rem 10px;
background-size: 50%;
background-position: bottom right;
}
.s-header h2 {
font-size: 1.5rem;
}
.s-header p {
line-height: 1.5rem;
font-size: 1rem;
max-width: 254px;
}
.img-text {
margin: 60px 0;
}
.img-text p {
margin-top: 45px;
font-size: 1.2rem;
} .mfe-award-banner {
padding: 16px 0;
}
.mfe-award-banner .multifamily-ts h3 {
font-size: 14px !important;
margin: 0 !important;
}
.mfe-award-banner .multifamily-ts h3 b {
font-size: 18px !important;
line-height: 14px;
font-weight: 500 !important;
display: block;
}
.mfe-award-banner .mfe-awards .hy-trophy-icon {
width: 32px;
margin-right: 5px;
}
.mfe-award-banner .mfe-awards .mf-contents h3 {
font-size: 18px !important;
font-weight: 500;
line-height: 16px;
margin: 0 !important;
}
.mfe-award-banner .mfe-awards .mf-contents p {
font-size: 14px;
}
.mfe-award-banner .award-learn-more a {
border: none;
margin: 0 !important;
padding: 0;
line-height: initial;
}
}
@media(max-width: 1280px){
.series-contents {display: none !important;}
}
@media(max-width: 767px){
.g-item{
height: auto !important;
}
h1 {
font-size: 1.8rem !important;
}
h2 {
font-size: 1.5rem !important;
}
h3 {
font-size: 1.25rem;
margin-bottom: 10px !important;
margin-top: 10px !important;
}
#tm-fixed .desktop-visible {display: none !important;}
.sm-hy-quick-nav {display: none;}
.series-contents {display: none !important;}
.story-toc {margin-top: 0px;}
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
@media (max-width: 991px) {
.banner-content { }
}
@media (max-width: 767px) {
h1 {
font-size: 1.8rem !important;
}
h2 {
font-size: 1.5rem !important;
}
h3 {
font-size: 1.25rem;
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.banner-content {
top: -35px !important;
}
.crm-panel {
margin-top: 14px;
}
.fw-panel a.blue-btn {
margin-bottom: 34px !important;
}
.crm-panel {
margin-top: 34px;
}
.crm-panel h3 {
text-align: center;
}
.crm-panel img {
max-width: 100%;
height: auto;
}
.crm-hero .crm-hero-content h1 a {
padding-top: 0;
}
}
@media (max-width: 320px) {
.banner-content {
top: 65px !important;
}
}
}
@media (max-width: 767px) {
h1.blog-nohero {
font-size: 2.25rem;
}
.inner-wrapper {
width: 100%;
}
.img-sm {max-width: 67%;}
.pricing-boxes .features {
margin-top: 2rem;
margin-bottom: 4.5rem;
}
.more-100-properties {
margin: 0;
margin-bottom: 3rem;
padding: 2rem 0;
}
.glossary_list_panels .gls-lp .g-item {margin-right: 0;}
.glossary_list_panels .gls-rp .g-item {margin-left: 0;}
.hp-section-header .vc_row {
height: 132px !important;
}
.hp-section-header .wpb_column.container {
padding-top: 50px !important;
}
.m-hp-section-header .vc_row {
height: 132px !important;
}
.m-hp-section-header .wpb_column.container {
padding-top: 24px !important;
}
.fw-panel h2 {
margin-top: 44px !important;
}
.gray-panel {
padding: 14px 0 !important;
}
.sd-logo img {
width: 56px !important;
margin-left: 15px;
}
.sd-embed .sd-touch-menu {
margin-top: 8px !important;
}
.crm-hero {
height: 30rem;
margin-top: -7.87rem;
}
.crm-hero .crm-hero-content {
max-width: 640px;
width: 94%;
height: auto;
padding: 14px !important;
padding-top: 0;
background: rgba(0,0,0,0.55);
margin: 0 auto;
margin-top: 150px;
text-align: center;
}
#footer .c-xs {clear: both;}
#footer .footer-heading {
margin-top: 30px;
margin-bottom: 10px;
}
#footer .get-btn a {
display: inline-block;
padding: 7px 14px;
}
.mobile-visible {
display: block !important;
}
.desktop-visible {
display: none;
}
h3.prod_margin {
margin-top: 40px !important;
}
.glossary-header .intro-line {
width: 100%;
}
#tm-blog .logo {
margin-left: 1rem;
}
#top_menu .sp {
margin-top: 8px;
}
#touch-menu { padding-left: 14px !important;
padding-right: 8px !important;
}
.banner {
height: 33.75rem;
}
.banner-content {
margin-top: -17rem;
}
#menu-expand .icons .icon {
height: auto;
width: auto;
min-height: 1rem !important;
min-width: 1rem !important;
text-align: left;
}
#menu-expand .icons .icon img {
display: none;
}
#menu-expand .icons .icon_back {
height: auto;
text-align: left;
}
#menu-expand .icons .icon:hover {
background: none;
}
#menu-expand .icons .title:hover {
color: #5bc0de !important;
}
#menu-expand .featured_content {
height: auto;
}
#menu-expand .featured_img {
text-align: left;
min-height: 1rem;
height: 1rem;
margin-bottom: 1rem;
}
#menu-expand .featured_img:hover {
background: none;
}
#menu-expand .featured_img img {
display: none;
}
#menu-expand .featured_content:hover {
background: none;
}
#menu-expand .featured_img .featured_overlay {
display: none;
}
#menu-expand .featured_content .featured_title {
display: none;
}
#menu-expand .featured_img .img_title {
padding-left: 10px;
}
#menu-expand .featured_img .img_title:hover {
color: #5bc0de !important;
}
#menu-expand .featured_img .img_title {
top: 0;
}
.xs-visible {display: block !important;} .our-process {
text-align: center;
}
.our-process .container {
padding: 0 !important;
}
.our-process .idea-to-design {
height: 250px;
}
.our-process .idea-to-design h1 {
margin: 0;
color: #fff;
font-size: 3rem;
line-height: 1.25;
font-weight: 300;
text-align: center;
margin-top: 18%;
padding-top: 0;
}
.our-process .design-to-software {
height: 300px;
}
.our-process .design-to-software h1 {
margin: 0;
color: #fff;
font-size: 3rem;
line-height: 1.25;
font-weight: 300;
text-align: center;
padding-top: 8%;
}
.our-process .software-to-live {
height: 300px;
}
.our-process .software-to-live h1 {
margin: 0;
color: #fff;
font-size: 3rem;
line-height: 1.25;
font-weight: 300;
text-align: center;
margin-top: 8%;
padding-top: 0;
}
.our-process .after-panel {
margin-top: 24px;
}
.our-process-header p {
width: 100% !important;
}
.our-process-header .container {
padding: 0 !important;
}
.our-process img {
margin-bottom: 1rem;
}
.our-process .process-list {
display: none;
}
.hyly-sites .ourprocess {
height: 724px;
}
.hs.our-process .idea-to-design h1 {
margin: 0;
color: #fff;
font-size: 3rem;
line-height: 1.25;
font-weight: 300;
text-align: center;
margin-top: 18%;
padding-top: 0;
}
.glossary p.intro-text {
width: 100%;
}
.tournado-banner {
height: 47.75rem;
}
.tournado-banner-content {
margin-top: 0.25rem;
}
.benefits-panel h3 {
margin-top: 1.5rem;
}
p.sub-liner {
font-size: 1rem;
}
#gallery .left_arrow {
left: -1rem;
}
#gallery .right_arrow {
right: -1rem;
}
#gallery .ca-l {
left: 0;
top: 37% !important;
}
#gallery .ca-r {
right: 0;
top: 37% !important;
}
#blog-contents .vc_col-sm-5 {
max-width: 100%;
margin: auto;
padding: 0 1rem;
border-top: none;
}
#blog-contents .vc_col-sm-8 {
max-width: 100%;
margin: auto;
padding: 0 1rem;
}
#blog-contents .vc_col-sm-10 {
max-width: 100%;
margin: auto;
padding: 0 1rem;
}
.article .content .title {
width: 100%;
}
.article .content .title h3 a {
font-size: 1rem;
}
.article .content .attachment {
float: left;
margin-top: 0;
}
#blog-contents .navigation a {
font-size: 0.75rem;
}
#blog-contents .single-post .post-info {
width: 100%;
height: auto;
margin-bottom: 1rem;
float: left;
}
#blog-contents .post-details .social {
width: 100%;
float: left;
height: auto;
margin-bottom: 1rem;
text-align: left;
}
#blog-contents p,ul,li {
margin-bottom: 20px;
}
img.bw-image.attachment-full {
max-width: 100%;
}
#footer .inner-footer {
font-size: 0.55rem;
text-align: center;
}
.chapter .post-content .right-panel {
margin-top: 1.5rem;
}
#footer .inner-footer a {
font-size: 0.55rem;
}
.center-container {
width: auto;
margin: auto;
} #top_menu .sp-market-sm, #tm-fixed .logo .sp-logo-sm {
width: 48px;
height: 48px;
background-position: -812px -241px;
}
#top_menu .sp-market-sm:hover, #tm-fixed .logo .sp-logo-sm:hover {
background-position: -1759px -241px;
}
#top_menu .blog_touch, #tm-fixed .blog_touch, #top_menu .logo-section, #tm-fixed .logo-section { }
#top_menu .logo-section, #tm-fixed .logo-section {  } #sharebar {
display: block;
width: 100%;
height: auto;
background: #fff;
float: left;
z-index: 4;
position: relative;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#sharebar .socials ul {
text-align: center;
line-height: 3;
margin-bottom: 0;
}
#sharebar .socials ul:first-child {
float: left;
width: 15%;
border-right: 1px solid #ccc;
}
#sharebar .socials ul:nth-child(2) {
float: left;
width: 70%;
}
#sharebar .socials ul:last-child {
float: right;
width: 15%;
border-left: 1px solid #ccc;
}
#sharebar .socials ul li {
display: inline-block;
margin-bottom: 0;
padding: 0 15px;
}
#sharebar .socials ul li a {
color: #26BBED;
font-size: 1.25rem;
} #menu-expand {
padding-top: 30px;
}
.me-left {
padding-right: 15px;
clear: both;
}
.me-mid {
padding-left: 15px;
border-left: none;
}
.me-right .vc_btn {
width: 100%;
float: none !important;
text-align: center;
} .banner-content {
top: 21rem;
}
.banner-content h1 {
font-size: 2.25rem;
}
.banner-content a {
margin-top: 0;
} #chapter-block {
display: none;
}
.side-bar .blue-panel .text {
float: left;
width: 80%;
}
.side-bar .blue-panel .icon {
display: table-cell;
cursor: pointer;
vertical-align: middle;
}
.blog-sidebar {
display: none;
} .guide-author h3 {
margin-top: 10px;
}
.guide-author ul {
margin-top: 10px;
}
.guide-author ul li {
margin-right: 30px;
}
.guide-author ul li span {
font-size: 1.25rem;
}
.post-content blockquote {
float: none !important;
width: 100% !important;
}
#blog-contents .single-post .content {
margin-top: 20px;
}
.cs-intro .wpb_single_image.vc_align_center {
text-align: left;
}
#menu-expand .me-close {
margin-right: 0;
}
.sd-embed iframe {
margin-top: 0 !important;
}
}
@media (max-width: 480px) {
.tournado-banner {
height: 35.25rem;
}
.featured-video {height: 240px !important;}
#top_menu a.section-txt {
font-size: 1rem;
font-weight: 600;
padding: 17px 6px;
}
#tm-fixed a.section-txt {
font-size: 1rem;
font-weight: 600;
padding: 17px 6px;
}
}
@media (width: 360px) {
.banner-content {
top: 28rem;
}
}
@media (max-width: 320px) { .banner {
height: 20rem;
margin-top: 0;
background-attachment: initial;
background-size: cover;
}
.banner-content {
left: 0;
}
.banner-content h1 {
font-size: 1.25rem;
letter-spacing: 0px;
}
.banner-content a {
margin-top: 0;
} .our-process .design-to-software h1 {
padding-top: 18%;
}
.our-process .design-to-software {
height: 344px;
}
.our-process .software-to-live h1 {
margin-top: 18%;
}
.our-process .software-to-live {
height: 344px;
} .guide-hero {
height: 20rem;
padding-left: 0;
padding-right: 0;
}
.guide-hero .sp-guide-lg {
margin-top: 0;
}
.shareline ul li p {
width: 82%;
}
.glossary-item {
max-width: 290px;
}
.glossaryPopupContent .glossary-item {
max-width: 290px;
height: 300px;
overflow-y: scroll;
}
}
#blog-contents h2 {font-size: 2rem;font-weight: 400;margin-bottom: 1.5rem;padding-right: 27px; }
#blog-contents h3 {font-size: 1.25rem; padding-top: 1.25rem;}
.signup-heading {
display: block;
margin-top: 20px;
float: left;
width: 100%;
font-size: 18px;
font-weight: 300;
color: #aeaeae;
}
#glossary_detail_popup {
display: none;
position: fixed;
width: 100%;
background: rgba(0,0,0,0.85);
height: 100%;
top: 0;
z-index: 1001;
}
.glossaryPopupContent {
width: 100%;
max-width: 500px;
height: auto;
display: block;
margin: 5% auto 0;
color: black;
font-size: 18px;
border-radius: 2px;
display: none;
}
#glossary_detail_popup .glossary-item .post_content_social {
right: 30px;
}
#glossary_detail_popup .vc_custom_1427769860115 {
padding-top: 0 !important;
}
#glossary_detail_popup span.popUpTitle {
font-size: 25px;
margin-bottom: 10px;
display: block;
font-weight: 400;
}
.popContent .glossaryPopupContent {
display: block;
}
.popContent .closePopup {
color: #fff;
font-size: 30px;
position: absolute;
top: -10px;
right: 15px;
z-index: 60;
display: block;
cursor: pointer;
} #drop_blog_menu_fixed {
background: #ffffff;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}
#drop_blog_menu_fixed ul li a { text-decoration: none;
}
#drop_blog_menu_fixed ul li a span {color: #000000;}
#drop_blog_menu_fixed .blue-btn, #top_menu .blue-btn, #drop_blog_top_menu .blue-button {
background: #F5A623;
width: 94%;
border-radius: 0;
border: none;
color: #FFF;
font-weight: 300;
text-align: center;
font-size: 18px;
text-transform: none;
max-width: 300px;
}
#drop_blog_menu_fixed .blue-btn:hover,  #top_menu .blue-btn:hover, #drop_blog_top_menu .blue-button:hover {
background: #26BBED;
color: #fff;
border: none !important;
}
#drop_blog_top_menu .blue-button:hover {
height: 40px;
}
.glossary_list_panels .wpb_column {
display: block !important;
}
.glossary_list_panels .gls-lp .g-item {margin-right: 5px;}
.glossary_list_panels .gls-rp .g-item {margin-left: 5px;} .hoverBlock {
height: 204px;
width: 378px;
background-color: #26BBED;
float: right;
}
#resource_detail .col-sm-6 .content .hoverBlock,
#blog_detail .col-sm-6 .content .hoverBlock {
display: none;
}
#resource_detail .col-sm-6 .content .hoverBlock a,
#blog_detail .col-sm-6 .content .hoverBlock a {
text-decoration: none;
}
#resource_detail .col-sm-6 .content .hoverBlock {
display: block;
position: absolute;
top: 0;
}
#blog_detail .col-sm-6 .content .hoverBlock {
display: block;
position: absolute;
width: 400px;
height: 225px;
right: 35px;
top: 20px;
}
#resource_detail .col-sm-6:nth-of-type(2) .content:hover .hoverBlock,
#blog_detail .col-sm-6:nth-of-type(2) .content:hover .hoverBlock { }
#blog_detail .col-sm-6 .content {
position: relative;
}
#resource_detail .col-sm-6 .content .hoverBlock span,
#blog_detail .col-sm-6 .content .hoverBlock span {
float: none;
display: block;
font-size: 30px;
font-weight: 400;
padding: 0;
}
#resource_detail .col-sm-6 .content .hoverBlock span.hoverTitle,
#blog_detail .col-sm-6 .content .hoverBlock span.hoverTitle {
margin: 35px 0 10px;
}
#resource_detail .col-sm-6 .content .hoverBlock span.hoverContent,
#blog_detail .col-sm-6 .content .hoverBlock span.hoverContent {
font-size: 20px;
}
.hoverContentBlock {
width: 60%;
display: block;
margin: 0 auto;
}
.hoverContentBlock hr {
margin-top: 0;
border-top: 2px solid #eee;
}  .socialBoxv2 {    }
.socialBoxv2_of_day span.share-fixed a, .socialBoxv2_of_day ul.social-hover li a{
color: #26BBED !important;
}
.socialBoxv2 span.share-fixed a, .socialBoxv2 ul.social-hover li a {
font-size: 1.7rem;
color: black;
line-height: 18px;
}
.socialBoxv2 ul.social-hover {
position: absolute; top: 48px; left: 0px;
display: none;
background-color: #FFF;
border: 1px solid #ECECEC; text-align: center;
padding: 0px 20px;
}
.social-wrap .socialBoxv2, .social-wrap.singlePage.noPadding .socialBoxv2 {
position: relative;
top: 0px;
right: auto;
padding: 0;
width: auto;
}
.noPadding.social-wrap .socialBoxv2 {
width: auto;
}
.social-wrap .socialBoxv2 ul.social-hover {
position: relative;
padding: 0;
}
blockquote .socialBoxv2 {
right: auto;
left: 0;
padding: 5px 10px;
}
blockquote .socialBoxv2 ul.social-hover {
right: auto;
left: 0;
list-style-type: none;
padding: 10px 15px;
margin-left: 0;
}
ul.social-hover li {
float: none;
border: none !important;
width: 100%;
padding: 10px 0;
}
#tm-fixed ul.social-hover li, #top_menu ul.social-hover li {
padding: 0;
}
.page-gl-search{
color: black;
}
.vc_column_container:hover .glossary_seach{
color: #333;
}
.glossary_seach h1{
text-align: center;
}
blockquote .socialBoxv2 ul.social-hover li {
padding: 0 0 10px;
}
.shareline p { margin: 0 0 10px 0; }
.glossaryLinkDetail {
margin-left: auto;
margin-right: auto;
margin-top: 0%;
margin-top: 3%;
}
.glossaryLinkDetail_h1 {
margin-left: auto;
margin-right: auto;
margin-top: 4%;
text-align: center;
}
.flex:hover .glossaryLinkDetail_h1 {
color: black;
} .wordOfDayContent {
width: 378px;
height: 204px;
background: #FFF;
padding: 15px;
}
.wordOfDayContent h3 {
background: #26bbed;
color: #FFF !important;
text-transform: uppercase;
font-size: 14px;
padding: 5px;
font-weight: bold;
width: 45%;
margin-bottom: 10px;
}
.wordOfDayContent h2 {
text-align: left;
font-size: 16px;
font-weight: bold;
color: #26bbed;
margin-bottom: 15px;
}
.wordOfDayContent p {
text-align: left;
font-size: 11px;
margin-bottom: 5px;
}
.wordOfDayContent .shareButton {
position: absolute;
top: 0;
right: 20px;
color: #26bbed !important;
}
.shareHighlight {
margin-bottom: 5px;
font-size: 14px;
font-weight: 300;
}
.pagiContent a {
float: left;
font-size: 14px;
min-width: 1rem;
margin-top: 0;
margin-bottom: 60px;
text-decoration: none;
}
code {
padding: 2px 4px;
font-size: 90%;
border-radius: 4px;
font-style: italic;
color: #333;
background-color: transparent;
}
@media (max-width: 767px) {
#blog-contents h2 {  margin-bottom: 0.5rem;}
#blog-contents .wpb_row {
padding: 0 10px;
}
.social-wrap .socialBoxv2, .social-wrap.singlePage.noPadding .socialBoxv2 {
max-width: 50px;
margin: 0 auto;
}
.socialBoxv2 span.share-fixed a, .socialBoxv2 ul.social-hover li a {
font-size: 1.36rem;
}
.noPadding.social-wrap .socialBoxv2 {
width: 52px;
}
.guide-hero .sp-guide-lg {
font-size: 50px;
}
.flex .wpb_column {
display: block;
}
.glossaryLinkDetail {
margin-top: 5%;
}
.shareline .shareLineBlock {
width: 80% !important;
}
.post-content blockquote {
margin: 10px 0rem !important;
padding: 15px;
}
#blog-contents .hero {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.article {
min-height: 200px;
width: 300px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
}
.article .content {
float: none;
margin: 0 auto;
height: 244px;
display: table;
max-width: 300px;
}
.blog-post .post-info {
width: 300px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}
.blog-post .post-info ul {
margin-bottom: 0;
}
.vc_column_container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
.crm-page-header h1 {
margin-top: 94px !important;
}
.stretch h1 {padding-left: 20px !important;font-size: 28px !important;}
.stretch p {
padding-left: 25px !important;
width: 98%;
}
.crm-hero .crm-hero-content h1 a {
padding-top: 0;
}
.fw-panel a.blue-btn {
margin-bottom: 24px !important;
}
.side-bar {
padding-left: 15px !important;
padding-right: 15px !important;
}
.side-bar .side-bar-content {margin-right: 0;}
.chapter {
padding-left: 15px !important;
padding-right: 15px !important;
}
}
@media (width: 320px) {
.blogCategory {
padding-left: 0;
padding-right: 0;
}
.mfe-award-banner .mfe-awards .hy-trophy-icon {
display: none;
}
}
@media (min-width: 992px){
.socialBoxv2:hover span.share-fixed { }
.socialBoxv2:hover ul.social-hover {
display: block;
}
.noPadding .socialBoxv2 {
width: 64px;
}
} #simple-12col p, #simple-12col ul, #simple-12col li {font-size: 16px; font-weight: 300;}
#simple-12col ul {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
.post-content img {
height: auto;
}
#simple-12col h3{
color: #333333;
font-weight: 500;
padding-top: 1rem;
}
div#simple-12col {margin: 0 auto; overflow: hidden; max-width: 1024px; padding-left: 15px; padding-right: 15px; width: 100%;margin-bottom: 50px;}
div#simple-12col h1.entry-title {
display: block;
text-align: center;
margin-top: 100px;
}
#blog-contents .post-content table.tableizer-table td, #blog-contents .post-content table.tableizer-table th {
padding: 8px 10px;
font-size: 1rem;
border: 1px solid #ddd;
}
.vc_column_container.col-md-4 {width: 33.33333333%; }
.vc_column_container.post-content iframe {max-width: 100%}
.post-content .definition {
margin: 1.5rem; font-size: 1.2rem; font-style: italic;
border: 1px solid #ddd; padding: 20px; background: #f8f8f8;
} .btn-download-pdf{
color: #26BBED;
}
.btn-download-pdf:hover{
cursor: pointer;
text-decoration: underline;
color: #4080B1;
}
.post-content a:hover{opacity: 1;}
.source{
font-size: 14px;
font-weight: 300;
} .hy-quick-nav {
text-align: center;
height: 50px;
position: relative;
overflow: hidden;
}
.hy-quick-nav ul {
margin: 0;
text-align: center;
display: inline-block;
height: 50px;
}
.hy-quick-nav ul li {
float: left;
display: inline;
margin-right: 30px;
height: 50px;
}
.hy-quick-nav ul li:last-child {margin-right: 0;}
.hy-quick-nav ul li a {
color: #000;
display: block;
font-weight: 300;
height: 100%;
border-top: solid 3px transparent;
padding-top: 8px;
}
.hy-quick-nav ul li a:hover {
color: #26bbed;
border-top: solid 3px #26bbed;
}
.hy-quick-nav ul li a.active {
color: #26bbed;
border-top: solid 3px #26bbed;
}
.hy-quick-nav .more-links {
position: absolute;
right: 0;
top: 15px;
}
#product_detail .container {max-width: 100% !important;} .hyly-nav {
padding-top: 30px;
padding-bottom: 40px;
width: 100%;
float: left;
}
.hyly-nav a.blue-btn {min-width: 30px;}
.shareline p {
margin: 0 0 10px 0;
} .series-contents {
padding-bottom: 20px;
margin-bottom: 30px; width: 225px;
position: fixed;
top: 100px;
z-index: 100;
background: #f9f9f9;
display: none;
padding: 15px;
}
.series-contents h1 {
padding-bottom: 10px;
margin-bottom: 0;
line-height: 20px;
padding-top: 10px !important;
padding-left: 10px;
border-bottom: solid 1px #f0f0f0;
}
.series-contents h1 a {
font-size: 24px;
text-decoration: none;
line-height: 28px;
font-weight: 400;
color: #333333;
display: block;
}
.series-contents h1 a:hover {
color: #26bbed;
}
.series-contents .series-posts { padding: 0;
}
.series-contents.fixed {
position: fixed;
top: 20px;
width: 226px;
background: #f9f9f9;
}
.series-contents .series-posts ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.series-contents .series-posts ul li {
margin: 0.75rem 0;
}
.series-contents .series-posts ul li.active a {color: #26bbed;}
.series-contents .series-posts ul li a { font-size: 0.75rem;
color: #4a4a4a;
font-weight: 400;
line-height: 1.5;
display: block;
}
.series-contents .series-posts ul li a:hover {
color: #26bbed;
}
.single-post .content .vc_column_container {
overflow: inherit !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.blog-sidebar {
clear: both;
width: 226px;
background: #f9f9f9;
border: solid 1px #eeeeee;
}
.parallax-bg {
background-attachment: fixed !important;
position: relative !important;
}
#drop_blog_menu_fixed{ overflow-y:auto;}
.hybeacon-formembed iframe{  }
.blog_story_section{ background:#f8f8f8; margin-bottom:50px}
.story-author a{ color:#fff;font-weight: 600; font-size: 18px;}
#blog-contents .story-cat-tags ul, #blog-contents .story-cat-tags li.category{ line-height:1.2;}
.author.archive .blogCategory .blog-post .content{ height:auto; min-height:284px;}
.page-template-template-optech .entry-content,.page-template-template-optech .entry-content *{ font-family:'Open Sans', sans-serif !important}
.page-template-template-optech .entry-content,.page-template-template-optech .entry-content .fa{ font-family:'FontAwesome' !important}
.page-template-template-optech .hyly-home-hero{ background-size: cover !important; min-height:823px;}
.page-template-template-optech .vc_column_container.vc_col-sm-4,
.page-template-template-optech .vc_column_container.vc_col-sm-6{ padding:0 15px;}
.page-template-template-optech .vc_column_container.vc_col-sm-6:nth-child(2) h2:after{
content: '';
height: 7px;
background: #26bbed;
width: calc(100% + 30px);
display: block;
right: 0;
position: relative;
top: 5px;
}
.page-template-template-optech .vc_column_container.vc_col-sm-6:nth-child(2) .vc_btn3-container.vc_btn3-center{
position:absolute;
left:15px;
right:0;
bottom:9px;
width:calc(100% - 30px);	
}
.page-template-template-optech .vc_column_container.vc_col-sm-6:nth-child(2) .wpb_text_column{ padding-bottom:40px;}
.page-template-template-optech h1,
.page-template-template-optech h2,
.page-template-template-optech h3{
font-weight:500;
}
.page-template-template-optech .team_opts .wpb_single_image img {
width: 70%;
margin-bottom: 20px;
}
.page-template-template-optech .team_opts .wpb_text_column{
text-align: center;
width: 65%;
margin: 0 auto;
}
.page-template-template-optech .team_opts .wpb_text_column h3{
color: #000;
margin: 0;
font-size: 20px;
font-weight: bold;
}
.page-template-template-optech .team_opts .wpb_text_column p{
font-size: 18px;
line-height: 20px;
margin-bottom: 2px;
}
.page-template-template-optech .team_opts .wpb_text_column a {
color: #ccc;
font-size: 14px;
text-decoration: none;
}
.page-template-template-optech .social_icons ul li {
display: inline-block;
margin: 0 15px;
}
.page-template-template-optech .social_icons ul li img{
width:auto;
height:25px;
height:35px;
}
.page-template-template-optech .joinus_section .vc_column_container>.vc_column-inner{
box-shadow: 0px 1px 4px -1px;
padding: 30px !important; margin: 0 auto;
}
.page-template-template-optech .joinus_section h2 {
color: #000;
font-size: 30px;
min-height: 50px;
font-weight: 600;
}
.page-template-template-optech .joinus_section{ font-size:17px; font-weight:500;}
.page-template-template-optech .joinus_section p{
font-size: 18px;
line-height: 26px;
}
.joinus_row .joinus_content p, .joinus_row .joinus_content li{ font-size:25px; text-align:center;}
.joinus_row .joinus_content ul{
text-align: center;
list-style-position: inside;
}
.page-template-template-optech .joinus_section .vc_btn3-container button,
.page-template-template-optech .joinus_section .vc_btn3-container a{
padding: 8px 25px;
min-width: 120px;
min-width: 160px;
text-align: center;
font-size: 17px;
font-weight: 600;
}
.page-template-template-optech .clmposter_Section .vc_column_container.vc_col-sm-6{
padding:0 15px;
}
.page-template-template-optech .clmposter_Section h2{
font-weight:normal;
}
.page-template-template-optech .entry-content > .vc_row.wpb_row.vc_row-fluid{
background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,0,0,0), #f9f9f9);
background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,255,255,0), #f9f9f9);
padding-bottom:100px;
padding-bottom:50px;
}
.page-template-template-optech .entry-content > .vc_row.wpb_row.vc_row-fluid:first-child{
background: none;
padding-bottom:0 !important;
}
.page-template-template-optech .entry-content > .vc_row.wpb_row.vc_row-fluid.first_row_employees{
background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,0,0,0), #f9f9f9);
background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,255,255,0), #f9f9f9);
padding-bottom:50px !important;
}
.page-template-template-optech .entry-content > .vc_row.wpb_row.vc_row-fluid.see_you_aim{
background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,0,0,0), #f0f0f0);
background-image: linear-gradient(to bottom, rgb(255 0 0 / 0%), rgba(255,255,255,0), #f0f0f0);
padding-bottom:50px !important;
}
.page-template-template-optech .meeting_section h2{ color:#000; font-weight:500;}
.page-template-template-optech .meeting_section .wpb_text_column{ width:60%;}
.page-template-template-optech .mfe-award-banner{ display:none !important;}
.optech_banner{ background-repeat:no-repeat; background-size:cover;}
.optech_banner.optech_aim_banner{ background-size: auto; background-position: right top !important;}
.optech_banner.optech_aim_banner .hyly-home-employees-v1{ margin-top: 0;}
.optech_banner > .vc_column_container > .vc_column-inner{
padding-top:100px;
padding-top:0;
}
.optech_banner .banner_content {
width: 80%;
width: 100%;
margin: 0 auto;
text-align: center; padding: 15px;
margin-bottom:100px;
margin-bottom:0; background-size:cover;
background:none; }
.optech_banner.optech_aim_banner .banner_content > .wpb_wrapper{
padding: 50px 25px 25px 25px;
}
.optech_banner .banner_content > .wpb_wrapper {
background: #fff;
padding: 50px 25px;
margin-bottom: 100px;
}
.page-template-template-webinar .optech_banner .banner_content > .wpb_wrapper{
padding: 50px 25px 0 25px;
}
.optech_banner.nowhite .banner_content > .wpb_wrapper{
background: transparent; 
}
.optech_banner .banner_content .logo{ margin-bottom:30px;}
.optech_banner .banner_content .logo img{ width:82px; margin:0 auto;}
.optech_banner .banner_content .bannner_title{ margin-bottom:50px;}
.optech_banner .banner_content .new_bannner_title{ margin-bottom:20px;}
.optech_banner .banner_content .bannner_title h1{
font-size: 72px;
font-weight: 400;
font-family: 'Open Sans', sans-serif !important;
color: #000;
}
.optech_banner .banner_content .new_bannner_title h1{
font-size: 55px;
}
.optech_banner .banner_content .bannner_title h2{
font-size: 32px !important;
font-weight: 400;
font-family: 'Open Sans', sans-serif !important;
color: #000;
color: #333333;
letter-spacing: 3px;
}
.page-template-template-webinar .optech_banner .banner_content .bannner_title h1{
font-size: 80px;
color: #000;
font-family: 'Prata' !important;
line-height: normal;
position: relative;
}
.optech_banner .banner_content .bannner_title h3{
color: #F3A12E;
font-weight: 600;
font-size: 50px !important;
}
.page-template-template-optech .optech_banner .banner_content .banner_content{
width:600px;
max-width: 80%;
margin: 0 auto 0 auto;
}
.page-template-template-optech .optech_banner .banner_content .banner_content p{
color: #333333;
font-weight: 400;
font-size: 25px !important;
}
.page-template-template-optech .optech_banner .banner_content .banner_content p strong{
font-weight: 700 !important;
}
.page-template-template-webinar .optech_banner .banner_content .bannner_title h3{
font-size: 19px !important;
color: #999;
font-family: 'Prata' !important;
line-height: normal;
font-weight: normal;
}
.booth_Section{
position: absolute;
bottom: 60px;
background: #26BBED;
color: #fff !important;
box-shadow: 6px 3px 14px -5px #000;
}
.booth_Section .booth_text h3{
color: #fff;
font-size: 50px;
padding: 16px;
font-weight: 600;
font-family: 'Open Sans', sans-serif !important;
}
.page-template-template-optech #form-success .ss-msg{ padding:0;}
.lifecycle_section p,
.clmposter_Section p{ font-size:25px;}
.about_us .lifecycle_section p{
font-size: 20px;
}
.page-template-template-optech .joinus_section .vc_column_container:first-child > .vc_column-inner:after,
.page-template-template-optech .joinus_section .vc_column_container:last-child > .vc_column-inner:after{
content: '';
height: 7px;
background: #f5a623;
width: 70%;
display: block;
right: 15px;
position: absolute;
bottom: 0;
left: 15px;
}
.page-template-template-optech .joinus_section input[type="text"]{
width:100%;
padding:20px;
}
.page-template-template-interactivemap .ui-dialog-content{ overflow:visible;}
.page-template-template-interactivemap .ui-dialog-titlebar{ background:none; border:0;    position: absolute;
right: 0;
top: 0;}
.page-template-template-interactivemap .ui-dialog{ max-width:90%;margin:0 auto;}
.page-template-template-interactivemap .ui-dialog-titlebar-close:before {
color: #000;
font-size: 26px;
font-weight: normal;
}
.page-template-template-optech .vc_column_container.vc_col-sm-6:nth-child(2) .wpb_wrapper{
text-align:center;
}
.page-template-template-optech .client-logos-panel .client-logos .logo-img,
.client-logos-panel .client-logos .cl-logo{
height:auto;
max-height:none;
} .top_optech_header{
background:#F5A623;
color:#fff;
float:left;
width:100%;
height:70px;
font-family: 'Open Sans', sans-serif !important;
background: url(https://hy.ly/wp-content/uploads/2021/09/Banner1.jpg) no-repeat;
display:none !important; 
position: relative;
}
.top_optech_header.top_aim_header{
display:block !important; height:auto;  background: #000; position: relative;
background-size: cover;
padding: 10px 10px 10px 10px;
background-position: 60% top !important;
}
.top_optech_header.top_aim_header.top_sms_header{
display:none !important;
} .top_optech_header:before{
background: #000000b8;
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
content: '';
}
.top_optech_header.top_aim_header:before{
background: #000000b8;
background: #f8e48de3;
background: none;
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
content: '';
display: none;
}
.top_optech_header.top_aim_header .optech_col1{ text-align: center; display: flex; align-items: center;}
.top_optech_header.top_aim_header .optech_col1 img{ 
max-width: 90%;
max-height: 100%;
width: auto;
margin-top: 0; }
#tm-fixed .top_optech_header.top_aim_header.optech_col1 img{ 
width: 60px;
margin-top: 10px;
}
.top_optech_header .optech_col2{ font-size:20px;  display: flex; align-items: center;}
.top_optech_header .optech_col2 p {
margin: 0 0;
font-size: 18px;
color: #fff; text-align: center;
padding-left: 0;
}
.top_optech_header .optech_col2 .banner-tagline p {
text-align: left;
}
.top_optech_header.top_aim_header .optech_col2 p { }
.top_optech_header .optech_col2 p strong{ font-weight:bold !important;}
.top_optech_header .optech_col3{ float: right;  display: flex; align-items: center; justify-content: end;}
.top_optech_header .optech_col3 .optech_btn_top{ width: 138px;
height: 36px;
border: 1px solid #fff;
border-radius: 10px;
color: #000;
display: inline-block;
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 33px;
margin: 15px 0;
background: #FFE80B;
border: 1px solid #FFE80B;
}
.top_optech_header.top_aim_header .optech_col3 .optech_btn_top{ margin: 0;
border-radius: 10px;
font-size: 16px;
color: #ffffff;
line-height: 33px;
background: #5aa2bb;
border: 1px solid #5aa2bb;
background: none;
border: 0;
color: #ffffff;
width: auto;
height: auto;
vertical-align: middle;
}
.top_optech_header.top_aim_header .optech_col3 .optech_btn_top img, .top_optech_header.top_aim_header .optech_col3 .optech_btn_top i{
vertical-align: middle;
margin-left: 10px;
display: inline-block;
}
.top_optech_header .optech_col3 .optech_btn_top:hover{
color:#ffffff;
color:#ffffff;
background:transparent;
}
#top_menu .top-touch-menu .blog_touch a.touch-title,
#top_menu .top-touch-menu .blog_touch a.touch-title:hover{ }
#tm-fixed .orange-btn{ }
body:not(.page-template-template-optech) #tm-fixed{ height:auto; background: #fff !important;}
body:not(.page-template-template-optech) .drop_blog_menu{ }
#tm-fixed .top_optech_header{ height:auto; }
#tm-fixed .optech_col1 img{ width:100px; margin-top:5px;}
#tm-fixed  .top_aim_header .optech_col1 img{  width: auto;
margin-top: 0;
width: 100px;
margin-top: 0;
}
#tm-fixed .top_optech_header .optech_col2 p {
margin: 0 0;
font-size: 16px;
}
#tm-fixed .top_optech_header .optech_col3 .optech_btn_top {
width: auto;
height: auto;
font-size: 14px;
line-height: 28px;
margin: 0 0;
}
#tm-fixed .top_optech_header .optech_col3 .optech_btn_top img{
width: 20px;
}
.top_optech_header .optech_col1 .mobile_icon,
.top_optech_header .optech_col2 .mobile_icon{ display:none;}
.top_optech_header .optech_col1 .mobile_icon span,
.top_optech_header .optech_col2 .mobile_icon span{
font-size: 20px;
color: #fff; font-weight: bold;
}
#tm-fixed .top_optech_header .optech_col1 .mobile_icon span,
#tm-fixed .top_optech_header .optech_col2 .mobile_icon span{
font-size: 16px;
}
#top_menu #touch-menu:hover{
background: #26BBED;
color: #fff !important;
} #top_menu #touch-menu:hover #top-menu-bars,
#blog_menu_fixed:hover{
background: #26BBED;
}
#blog_menu_fixed:hover span.menu-bars-fixed{
color:#fff;
}
#top_menu #touch-menu:hover {
background: none;
} .story-posts .story-post .sp-contents h1,
.story-posts .story-post .sp-hero .sp-hero-img h1,
#blog-contents .single-post .post-content h1{
font-size: 3rem;
font-weight:600;
}
.story-posts .story-post .sp-contents h2,
#blog-contents .single-post .post-content h2 {
font-size: 2rem;
font-weight:300;
color:#26bbed;
}
.story-posts .story-post .sp-contents h3,
#blog-contents .single-post .post-content h3 {
font-size: 1.5rem;
font-weight:500;
color:#000;
}
.story-posts .story-post .sp-contents h4,
#blog-contents .single-post .post-content h4 {
font-size: 1.2rem;
font-weight:400;
color:#000;
}
.tax-series_block .story-posts .story-post .sp-contents p,
.tax-series_block .story-posts .story-post .sp-contents p a,
.tax-series_block .story-posts .story-post .sp-contents ul,
.tax-series_block .story-posts .story-post .sp-contents li,
.tax-series_block .story-posts .story-post .sp-contents li a,
.tax-series_block #blog-contents p, 
.tax-series_block #blog-contents ul, 
.tax-series_block #blog-contents li, 
.tax-series_block #blog-contents p a, 
.tax-series_block #blog-contents li a,
.tax-series_block .story-toc p, 
.tax-series_block .story-toc ul, 
.tax-series_block .story-toc li, 
.tax-series_block .story-toc p a, 
.tax-series_block .story-toc li a,
.single-post .story-posts .story-post .sp-contents p,
.single-post .story-posts .story-post .sp-contents p a,
.single-post .story-posts .story-post .sp-contents ul,
.single-post .story-posts .story-post .sp-contents li,
.single-post .story-posts .story-post .sp-contents li a,
.single-post #blog-contents p, 
.single-post #blog-contents ul, 
.single-post #blog-contents li, 
.single-post #blog-contents p a, 
.single-post #blog-contents li a,
.single-post .story-toc p, 
.single-post .story-toc ul, 
.single-post .story-toc li, 
.single-post .story-toc p a, 
.single-post .story-toc li a{
font-size: 1.2rem;
}
#myModal_popup{ display:none;}
.mfp-content #myModal_popup{ display:block;}
#myModal_popup .hy-overlay{ display:block;}
#myModal_popup .hy-close{ display:none;}
#myModal_popup{ position:relative;}
#myModal_popup .hy-overlay{ position:relative; background:none;}
#myModal_popup  .mfp-close {
z-index: 99999999;
background: #000;
color: #fff;
right: -6px;
width: 25px;
height: 25px;
line-height: 25px;
top: -6px;
font-size: 20px;
}
.home .mfp-bg {
z-index: 99999999999;
opacity: 0.8;
}
.home .mfp-wrap {
z-index: 99999999999;
}
.key_defination > .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;
flex-wrap: wrap;
}
.key_defination > .row > [class*='col-'] {
display: flex;
flex-direction: column;
} .key_defination > .row > .col-sm-3:before, .key_defination > .row > .col-sm-3:after {
content: "";
height: 90%;
background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(38,187,237,1) 50%,rgba(0,0,0,0) 100%);
display: block;
margin-bottom: 10px;
margin-top: 10px;
position: absolute;
width: 1px;
right: 0;
top: 5%;
}
.key_defination .key_defination_img{
align-items: center;
display: flex;
height: 100%;
}
.key_defination .share-quote{ display:none !important;}
.key_defination .key_defination_img a{
margin:0 auto;
display:block;
}
.key_defination .key_defination_img img{
margin:0 auto;
}
.key_defination .key_defination_title h2 a{
font-size: 2rem;
font-size: 30px;
font-family: Open Sans;
color: #26bbed;
font-weight: 900 !important;
line-height: normal;
letter-spacing: 0.05em;
text-decoration:none;
font-family: 'Playfair Display', serif;
}
.key_defination .key_defination_description{
font-size: 1.2rem;
font-weight: normal !important;
font-family: Open Sans;
font-style: normal;
font-size: 20px;
line-height: 125%;
color: #333333;
font-family: 'Raleway', sans-serif;
}
img.hyly_center{
display:block;
margin-left:auto;
margin-right:auto;
width:600px;
height:auto;
max-width:100%;
}
img.hyly_fullwidth{
display:block;
margin-left:auto;
margin-right:auto;
width:auto;
height:auto;
max-width:100%;
} .logo_menu_left ul.main-navigation-menu > li.menu-item-has-children > ul.sub-menu {
z-index: 1;
}
.top_wave_header{ position:relative;}
.top_wave_header .mobile_mode{ display:none;}
.top_wave_header .desktop_mode .bg_wave_image{ width:100%;}
.top_wave_header .close_wave_icon{
position:absolute;
right: 10px;
top: -3px;
z-index: 999999999999;
z-index: 999;
}
.top_wave_header .close_wave_icon a{
display: block;
text-align: center;
position: relative;
top: 0;
right: 0;
font-family: 'Open Sans';
font-size:30px;
}
.top_wave_header .desktop_mode .content_section_wave{
position:absolute;
top:10px;
left:0;
width:100%;
padding:0 10px;
}
.top_wave_header .desktop_mode .angel_image{
display:inline-block;
}
.top_wave_header .desktop_mode .announcement{
display:inline-block;
font-family:'Open Sans';
font-style:normal;
font-weight:600;
font-size:24px;
color:#009ACE;
padding-left: 20px;
}
.top_wave_header .desktop_mode .wave_cta{
float: right;
position: relative;
top: 25px;
right: 40px;
}
.top_wave_header .desktop_mode .wave_cta a{
background: rgba(255,255,255,0.45);
border: 1px solid #009ACE;
box-sizing: border-box;
color: #009ACE;
font-size: 16px;
padding: 6px 15px;
font-family:'Open Sans';
text-transform:uppercase;
}
#tm-fixed.with_wave_banner{
background: none !important;
box-shadow: none !important;
}
#tm-fixed.with_wave_banner .logo_menu_section{ background:#fff !important; float:left; width:100%;}
.fa-times-thin:before {
content: '\00d7';
}
#top_menu .top_wave_header{
position: absolute;
width: 100%;
}
body.with_wave_banner #content{ padding-top:110px;} .page-template-template-webinar .optech_banner:before{
content: '';
position: absolute;
left: 0;
top: 0;
background: url(//hyly.ai/wp-content/themes/hyly/img/yellow_left.jpg) left top no-repeat;
width: 20%;
height: 225px;
background-size: 100%;
}
.page-template-template-webinar .optech_banner:after{
content: '';
position: absolute;
right: 0;
bottom: 0;
background: url(//hyly.ai/wp-content/themes/hyly/img/yellow_right.jpg) right bottom no-repeat;
width: 20%;
height: 225px;
background-size: 100%;
}
.page-template-template-webinar .optech_banner > .vc_column-inner{
width: 65%;
margin:0 auto;
position: relative;
z-index: 1;
}
.optech_banner .employee_regular .employees_icon img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
} .social_media_summit a.blue-btn{
color: #ffffff;
border: 1px solid #A08BCB;
background: #A08BCB;
}
.social_media_summit a.blue-btn:hover,
.social_media_summit a.blue-btn:focus{
color: #A08BCB;
border: 1px solid #A08BCB;
background: none;
}
.social_media_summit.joinus_row a.blue-btn{
margin-top: 0;
}
#event-cycle-slideshow .slidershow_wrapper{
margin: 0 auto;
width: 625px;
height: 345px;
border: 8px solid #FFFFFF;
border-radius:5px;
box-shadow: 2px 2px 4px #333333;
position: relative;
}
#event-cycle-slideshow .slider_next{
width: 57px;
height: 57px;
background: #f8f8f8;
border-radius: 65px;
position: absolute;
z-index: 99;
top: 136px;
left: 592px;
padding: 5px; 
cursor: pointer;
}
#event-cycle-slideshow .slider_prev{
width: 57px;
height: 57px;
background: #f8f8f8;
border-radius: 65px;
position: absolute;
z-index: 99;
top: 136px;
left: -35px;
padding: 5px; 
cursor: pointer;
}
#event-cycle-thumb { 
width: 100%; 
height: 80px; 
margin: 20px 5px; 
}
#event-cycle-thumb li { 
width: 60px; 
float: left; 
margin: 12px; 
list-style: none 
}
#event-cycle-thumb a { 
width: 60px; 
padding: 3px; 
display: block; 
border: 3px solid #FFFFFF;
border-radius:3px;
box-shadow: 1px 1px 3px #333333;
}
#event-cycle-thumb li.activeSlide a { 
border: 3px solid #0a526f;
border-radius:3px;
box-shadow: 1px 1px 3px #333333;
}
#event-cycle-thumb a:focus { 
outline: none; 
}
#event-cycle-thumb img { 
border: none; 
display: block;
}
#event-slider-nav .slick-slide, #event-slider-nav-videos .slick-slide{
border: 2px solid transparent;
margin: 5px;
padding: 3px;
}
#event-slider-nav .slick-current, #event-slider-nav-videos .slick-current{
border: 2px solid #A08BCB;
}
#event-slider-for .slick-slide img, #event-slider-for-videos .slick-slide video{
width: 100%;
}  
.social_media_summit_angel{
background: url(//hyly.ai/wp-content/themes/hyly/img/Artie-hyly-img-295x300.png) left bottom no-repeat !important;
background-size: 150px !important;
padding-bottom: 170px !important;
background-position-x: -55px !important;
}
.event-slider-nav .slick-prev:before, .event-slider-nav .slick-next:before, .event-slider-nav-videos .slick-prev:before, .event-slider-nav-videos .slick-next:before {
font-family: inherit !important;
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.event-slider-nav .slick-prev, .event-slider-nav .slick-next, .event-slider-nav-videos .slick-prev, .event-slider-nav-videos .slick-next{
font-family: FontAwesome !important;
background: #A08BCBBF !important;
width: 30px;
height: 30px;
z-index: 1;
top:45%;
}
.event-slider-nav .slick-prev, .event-slider-nav-videos .slick-prev{
left:0;
}
.event-slider-nav .slick-next, .event-slider-nav-videos .slick-next{
right:0;
}
.event-slider-nav .slick-prev:before, .event-slider-nav-videos .slick-prev:before{
content: "\f104";
}
.event-slider-nav .slick-next:before, .event-slider-nav-videos .slick-next:before{
content: "\f105";
} .story-hero .story-hc h1.title_on_top{
margin-top:70px !important;
} #blog-contents .news_list .single_news_post .blogCategory {
box-shadow: 0px 1px 7px 3px #e2e2e2;
border: 1px solid #F2F2F2;
margin-bottom: 30px;
border-radius: 10px;
overflow: hidden;
}
#blog-contents .news_list .single_news_post .news_body{
padding: 25px;
}
#blog-contents .news_list .single_news_post .news_image img{
width:100%;
}
#blog-contents .news_list .single_news_post .news_image{
position: relative;
}
#blog-contents .news_list .single_news_post .news_image span{
position: absolute;
left: 15px;
top: 15px;
display: inline-block;
border: 1px solid #258FD2;
color: #258FD2;
background:#ffffff;
padding: 1px 8px;
border-radius:5px;
}
#blog-contents .news_list .single_news_post .post-info{
margin-bottom: 10px;
}
#blog-contents .news_list .single_news_post .post-info a{
font-size:14px;
color:#999;
}
#blog-contents .news_list .single_news_post .title h4 a{
font-size:24px;
}
#blog-contents .news_list .single_news_post .post-excerpt{
font-size:14px;
color: #000;
}
#blog-contents .news_list .single_news_post .post-read-more a{
font-size: 14px;
}
#blog-contents .news_list .single_news_post:nth-child(3n+1){ clear:left;}
.single_lesson_post .blog-post .content .title h4{ text-align: center;}
.event-slider-for .slick-prev, .event-slider-for .slick-next, .event-slider-for-videos .slick-prev, .event-slider-for-videos .slick-next {
font-family: FontAwesome !important;
background: #26BBED !important;
width: 30px;
height: 50px;
z-index: 1;
top: 45%;
}
.event-slider-for .slick-next:before, .event-slider-for-videos .slick-next:before {
content: "\f105";
font-family: FontAwesome !important;
}
.event-slider-for .slick-prev:before, .event-slider-for-videos .slick-prev:before {
content: "\f104";
font-family: FontAwesome !important;
}
.event-slider-for .slick-prev, .event-slider-for-videos .slick-prev {
left: 0;
}
.event-slider-for .slick-next, .event-slider-for-videos .slick-next {
right: 0;
}
@media (max-width: 991px){
#blog-contents .news_list .single_news_post:nth-child(3n+1) {
clear: none;
}
#blog-contents .news_list .single_news_post:nth-child(2n+1) {
clear: left;
}
#blog-contents .news_list.inner-wrapper {
width: calc(100% - 100px);
}
} .bold, .bold *{ font-weight: bold !important;}
.italic, .italic *{ font-style: italic !important;}
.underline, .underline *{ text-decoration: underline !important;}
.searchbar .searchform{
width:600px; max-width: 90%;
margin: 0 auto 50px auto;
}
.searchbar .searchform #search_btn{
width: 100%;
min-height: 50px;
font-size: 18px;
}
.searchbar .searchform .form-control{
min-height:50px;
}
.searchbar .searchform #reset_btn{
position: absolute;
right: 20px;
top: 15px;
background: none;
border: 0;
box-shadow: none;
outline: none;
color: #e64c4c;
}
.no_posts{
clear: both;
text-align: center;
font-size: 25px;
margin: 100px 0;
float: left;
width: 100%;
}
.gradient_arrow_button a {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 16.2px;
line-height: 19px;
background: linear-gradient(92.27deg, #26BBED 0%, #B581E7 120.04%) !important;
-webkit-background-clip: text  !important;
-webkit-text-fill-color: transparent  !important;
background-clip: text  !important;
text-fill-color: transparent  !important;
}
.gradient_arrow_button a img {
margin-left: 2px;
}
.gradient_button a{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px; text-align: center;
background: linear-gradient(92.27deg, #26BBED 0%, #B581E7 120.04%);
color: #fff;
padding: 10px 18px;
}
.blue_cta_button a{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
background: #333333;
padding: 10px 15px;
display: inline-block;
}
.blue_cta_button a:hover{
background: #26BBED !important;
}
.client-logos.leasing_system_logos{
align-items: center;
justify-content: center;
}
.swiper-container-client-logos11, .swiper-container-client-logos22, .swiper-container-client-logos33{
width: 100% !important;
}
.client-logos.leasing_system_logos .cl-logo,
.client-logos.leasing_system_logos .cl-logo,
.client-logos.leasing_system_logos .cl-logo {
text-align: center;
margin-bottom: 30px;
}
.hyly-home-journey-experiences-client-logos .journey-experiences-tab-titles {
width: 600px;
margin: 0 auto;
max-width: 90%;
}
.hyly-home-journey-experiences-client-logos .single_journey_experience_top_section{
background: none;
}
.hyly-home-journey-experiences-client-logos .single_journey_experience_tab_content_top {
padding: 0;
background: none;
border-radius: 0;
margin: 0;
}
.blue_global_button a{
font-family: 'Raleway';
font-style: normal;
font-size: 18px;
color: #fff;
background: #26bbed;
padding: 10px 15px;
line-height: 26px;
display: inline-block;
} .static_form_banner {
position: fixed;
bottom: 0;
width: 100%;
height: auto;
background: #fff; filter: drop-shadow(0px -2px 10px rgba(0, 0, 0, 0.2));
z-index: 9999999;
}
.static_form_banner .static_form_banner_first_wrapper::before{
background: linear-gradient(90.72deg, #26BBED 0.23%, #AB84D0 102.49%);
width: 90%;
margin:0 auto;
content: '';
display: block;
height: 2px;
}
.static_form_banner .static_form_banner_wrapper {
padding: 5px 0 25px 0;
text-align: left;
background: #fff;
}
.static_form_banner .ai_banner_wrapper{
width: 900px !important;
margin: 0 auto;
max-width: 100%;
}
.static_form_banner .ai_banner_wrapper .middle_text_top{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28px;
color: #333333;
margin-bottom: 7px;
margin-top: 15px;
}
.static_form_banner .ai_banner_wrapper .middle_text{
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #333333;
}
.static_form_banner #customForm .quick_form_7_css{
position: relative;
top: 4px;
}
.static_form_banner #customForm .quick_form_7_css #zcWebOptin:hover{
background-color: #26BBED !important;
border-color: #26BBED !important;
}
.static_form_banner #customForm .quick_form_7_css #errorMsgDiv{
display: none !important;
} .row-reverse {
flex-direction: row-reverse;
}
.static_form_banner_new .ai_banner_wrapper{
display: none;
background: #fff;
box-shadow: 0px 0px 40px 0px #00000040;
}
.static_form_banner_new .ai_banner_wrapper_toggle_down i{
float: right;
position: relative;
top: 2px;
}
.static_form_banner_new .ai_banner_wrapper_toggle_down{
width: 400px;
font-family: Raleway;
font-size: 24px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0.02em;
text-align: left;
background: linear-gradient(90.72deg, #26BBED 0.23%, #AB84D0 102.49%);
color: #fff;
padding: 10px 25px; float: left;
cursor: pointer;
}
.static_form_banner_new{
position: fixed; left: 15px;
bottom: 15px;
width: 600px;
z-index: 99999999;
max-width: 100%;
}
.static_form_banner_new.active .ai_banner_wrapper_toggle_down{
background: transparent;
position: absolute;
right: 0;
font-size: 0;
padding: 2px 10px;
background: linear-gradient(90.72deg, #26BBED 0.23%, #AB84D0 102.49%);
width: auto;
}
.static_form_banner_new.active .ai_banner_wrapper_toggle_down i{
font-size: 24px;
}
.static_form_banner_new.active .ai_banner_wrapper_toggle_down i:before {
content: "\f107";
}
.static_form_banner_new .ai_banner_wrapper .hbspt-form{
position: relative;
top: 50px;
padding: 0 5px;
}
@media only screen and (min-width: 1024px) {
.static_form_banner .ai_banner_wrapper {
width: 100% !important;
margin: 0 auto;
max-width: 100%;
text-align: left;
}
}
@media only screen and (max-width: 1024px) {
.static_form_banner .ai_banner_wrapper .middle_text_top{
font-size: 16px;
line-height: 18px;
}
.static_form_banner .ai_banner_wrapper .middle_text{
font-size: 14px;
line-height: 16px;
}
.static_form_banner .quick_form_7_css{
height: auto !important;
}
}
@media only screen and (max-width: 768px) {
.static_form_banner .static_form_banner_wrapper {
padding: 15px 0 15px 0;
}
.static_form_banner .static_form_banner_wrapper{ text-align: center;}
.static_form_banner .ai_banner_wrapper .middle_text_top{
font-size: 16px;
line-height: 18px;
margin-top: 0;
}
.static_form_banner .ai_banner_wrapper .middle_text{
font-size: 12px;
line-height: 16px;
}
.static_form_banner .ai_banner_wrapper .col-sm-6{ width: 100%;}
.static_form_banner .ai_banner_wrapper .SIGNUP_FLD{
margin: 0 5% 10px 5% !important;
}
body{ padding-bottom: 50px;}
.static_form_banner .quick_form_7_css{
margin: 0 auto;
}
}  .row>*:not(.col-1):not(.col-2):not(.col-3):not(.col-4):not(.col-5):not(.col-6):not(.col-7):not(.col-8):not(.col-9):not(.col-10):not(.col-11):not(.col-12):not(.col-xs-1):not(.col-xs-2):not(.col-xs-3):not(.col-xs-4):not(.col-xs-5):not(.col-xs-6):not(.col-xs-7):not(.col-xs-8):not(.col-xs-9):not(.col-xs-10):not(.col-xs-11):not(.col-xs-12):not(.col-sm-1):not(.col-sm-2):not(.col-sm-3):not(.col-sm-4):not(.col-sm-5):not(.col-sm-6):not(.col-sm-7):not(.col-sm-8):not(.col-sm-9):not(.col-sm-10):not(.col-sm-11):not(.col-sm-12):not(.col-md-1):not(.col-md-2):not(.col-md-3):not(.col-md-4):not(.col-md-5):not(.col-md-6):not(.col-md-7):not(.col-md-8):not(.col-md-9):not(.col-md-10):not(.col-md-11):not(.col-md-12):not(.col-lg-1):not(.col-lg-2):not(.col-lg-3):not(.col-lg-4):not(.col-lg-5):not(.col-lg-6):not(.col-lg-7):not(.col-lg-8):not(.col-lg-9):not(.col-lg-10):not(.col-lg-11):not(.col-lg-12){
width:inherit;
}
.container > .row{ width: 100%;}
@media (max-width:768px) {
.row>.col-xs-12 {
width: 100%
}
.row>.col-xs-11 {
width: 91.66666667%
}
.row>.col-xs-10 {
width: 83.33333333%
}
.row>.col-xs-9 {
width: 75%
}
.row>.col-xs-8 {
width: 66.66666667%
}
.row>.col-xs-7 {
width: 58.33333333%
}
.row>.col-xs-6 {
width: 50%
}
.row>.col-xs-5 {
width: 41.66666667%
}
.row>.col-xs-4 {
width: 33.33333333%
}
.row>.col-xs-3 {
width: 25%
}
.row>.col-xs-2 {
width: 16.66666667%
}
.row>.col-xs-1 {
width: 8.33333333%
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{
float: left;
padding: 0 15px;
}
}
@media (min-width:768px) {
.container {
width: 750px
}
.row>.col-sm-12 {
width: 100%
}
.row>.col-sm-11 {
width: 91.66666667%
}
.row>.col-sm-10 {
width: 83.33333333%
}
.row>.col-sm-9 {
width: 75%
}
.row>.col-sm-8 {
width: 66.66666667%
}
.row>.col-sm-7 {
width: 58.33333333%
}
.row>.col-sm-6 {
width: 50%
}
.row>.col-sm-5 {
width: 41.66666667%
}
.row>.col-sm-4 {
width: 33.33333333%
}
.row>.col-sm-3 {
width: 25%
}
.row>.col-sm-2 {
width: 16.66666667%
}
.row>.col-sm-1 {
width: 8.33333333%
}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{
float: left;
padding: 0 15px;
}
}
@media (min-width:992px) {
.container {
width: 970px
}
.row>.col-md-12 {
width: 100%
}
.row>.col-md-11 {
width: 91.66666667%
}
.row>.col-md-10 {
width: 83.33333333%
}
.row>.col-md-9 {
width: 75%
}
.row>.col-md-8 {
width: 66.66666667%
}
.row>.col-md-7 {
width: 58.33333333%
}
.row>.col-md-6 {
width: 50%
}
.row>.col-md-5 {
width: 41.66666667%
}
.row>.col-md-4 {
width: 33.33333333%
}
.row>.col-md-3 {
width: 25%
}
.row>.col-md-2 {
width: 16.66666667%
}
.row>.col-md-1 {
width: 8.33333333%
}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
float: left;
padding: 0 15px;
}
}
@media (min-width:1200px) {
.container {
width: 1170px;
width: 80%;
}
.container .container{ width: 100%;}
.row>.col-lg-12 {
width: 100%
}
.row>.col-lg-11 {
width: 91.66666667%
}
.row>.col-lg-10 {
width: 83.33333333%
}
.row>.col-lg-9 {
width: 75%
}
.row>.col-lg-8 {
width: 66.66666667%
}
.row>.col-lg-7 {
width: 58.33333333%
}
.row>.col-lg-6 {
width: 50%
}
.row>.col-lg-5 {
width: 41.66666667%
}
.row>.col-lg-4 {
width: 33.33333333%
}
.row>.col-lg-3 {
width: 25%
}
.row>.col-lg-2 {
width: 16.66666667%
}
.row>.col-lg-1 {
width: 8.33333333%
}
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{
float: left;
padding: 0 15px;
}
} #banner-timer .timer_structure .single_number{ 
display: inline-block;
margin: 0 10px;
}
#banner-timer .timer_structure .single_number span{ 
display: block;
}
#banner-timer .timer_structure .single_number span.number{ 
font-family: Open Sans;
font-size: 41.5px;
font-weight: 400;
line-height: 48.22px;
text-align: center;
color: #FFFFFF;
}
#banner-timer .timer_structure .single_number span.text{ 
font-family: Raleway;
font-size: 10px;
font-weight: 600;
line-height: 12px;
text-align: center;
color: #FFFFFF;
}
.top_timer_banner .optech_col2{
justify-content: center;
}
#banner-timer{ min-height: 62px;}
#tm-fixed .top_aim_header.top_timer_banner .optech_col1 img {
width: auto;
}
#tm-fixed #banner-timer .timer_structure .single_number span.number{ 
font-size: 32px;
line-height: 40px;
}
#tm-fixed #banner-timer .timer_structure .single_number span.text{ 
font-size: 7.41px;
}
#tm-fixed #banner-timer{ min-height: 50px;}
@media (max-width: 1280px){
.top_optech_header.top_timer_banner .optech_col1, .top_optech_header.top_timer_banner .optech_col2 {
text-align: center !important;
}
.top_optech_header.top_timer_banner .optech_col1 {
display: block !important;
justify-content: center;
}
.top_optech_header.top_timer_banner .optech_col3{
display: flex !important;
justify-content: center;
width: 100%;
}
.top_optech_header.top_timer_banner .optech_col1 {
width: 100%;
justify-content: center;
margin-bottom: 10px;
}
.top_optech_header.top_timer_banner .optech_col1 img {
max-width: 80%;
}
}  @media (min-width: 768px){
#tm-fixed a.section-txt {
font-size: 20px;
line-height: 45px;
}
.author.archive .inner-wrapper .row .blogCategory:nth-child(2n+1){ clear:left;}
.page-template-template-optech h2{ font-size:50px !important;}
.joinus_row .joinus_content p,
.joinus_row .joinus_content li,
.page-template-template-optech .joinus_section p,
.page-template-template-optech .joinus_section li,
.page-template-template-optech .team_opts .wpb_text_column p,
.lifecycle_section p, 
.clmposter_Section p,
.about_us .lifecycle_section p{
font-size: 20px !Important;
}
.page-template-template-optech .team_opts .wpb_text_column p{ font-size:16px !important;}
.page-template-template-optech .joinus_section p{
font-size:16px !important;	
}
.optech_banner .banner_content .bannner_title h1{ font-size:72px !important;}
.optech_banner .banner_content .new_bannner_title h1{ font-size:55px !important;}
.page-template-template-webinar .optech_banner .banner_content .bannner_title h1{font-size:60px !important;}
.page-template-template-optech .joinus_section h2{ font-size:30px !important; font-size:26px !important;}
.page-template-template-optech .team_opts .wpb_text_column h3{ font-size:20px !important; margin-bottom:5px;}
.key_defination > .row > .col-sm-9{
padding-left:50px;
}
.optech_banner .employees_icons.swiper-wrapper {
display: flex;
justify-content: center;
align-self: center;
}
}
@media (min-width: 992px){
.author.archive .inner-wrapper .row .blogCategory:nth-child(3n+1){ clear:left;}
.author.archive .inner-wrapper .row .blogCategory:nth-child(2n+1){ clear:none;}
}
@media (max-width: 1280px) and (min-width: 768px){
#tm-fixed .landing-nav.desktop-visible{ display:none !important;}
#tm-fixed a.section-txt{ display:inline-block !Important;}
#tm-fixed .hy-quick-nav.desktop-visible{ display:none !important;}
}
@media (min-width: 1280px){
.xs-nav-list.mobile-visible{ display:none !important;}
.nav-list.desktop-visible{ display:block !important}
#tm-fixed .logo-section .logo.mobile-visible{ display:none !important;}
.mobile-visible{ display:none;}
}
@media (max-width: 1280px){
.mobile-visible{ display:inherit;}
.optech_banner.optech_aim_banner {
background-size: 180px;
}
}
@media (max-width: 1280px){
#blog_menu_fixed span.menu-bars-fixed {
color: #000;
}
#drop_blog_menu_fixed, #drop_blog_top_menu{
padding-bottom: 50px;
} .hyly-home-center-hero-v3 .hyly-landing-hp-v3 h3 {
font-size: 16px !important;
}
.xs-nav-list.mobile-visible{ display:block !important;}
.nav-list.desktop-visible{ display:none !important}
#tm-fixed .logo-section .logo.desktop-visible{ display:none !important;}
.desktop-visible{ display:none;}
.optech_banner .banner_content { background-size:100% 100%;}
.optech_banner{ background-size:100% 100%;} .top_optech_header{ height:80px;}
.top_optech_header.top_aim_header{ 
height: auto;
background-size: cover;
background-position: 60% top !important
}
.top_optech_header .optech_col2{ width: 100%; justify-content: center;}
.top_optech_header .optech_col1,
.top_optech_header .optech_col2{ }
.top_optech_header .optech_col3, .top_optech_header .optech_col1{ display:none !important;}
.top_optech_header .optech_col1,
.top_optech_header .optech_col2{ text-align:center !important}
.top_optech_header .optech_col1 img{ width:125px;}
.top_optech_header .optech_col2 .banner-tagline{
display: none;
}
.top_optech_header .optech_col2 p {
margin: 20px 0 0 0;
font-size: 17px;
color: #fff; text-align: center;
padding-left: 0;
}
body:not(.page-template-template-optech) #top_menu { }
#tm-fixed .top_optech_header {
height: auto;
}
#tm-fixed .top_optech_header.top_aim_header {
height: auto;
}
#tm-fixed .top_optech_header .optech_col2 p {
margin: 0 0 0 0;
font-size: 14px;
}
#tm-fixed .top_optech_header.top_aim_header .optech_col2 p {
margin: 0 0 0 0;
font-size: 14px;
}
body:not(.page-template-template-optech) #tm-fixed { height:auto !important;
}
.top_optech_header .optech_col1 .mobile_icon,
.top_optech_header .optech_col2 .mobile_icon{ display:inline-block;}
.top_optech_header.top_aim_header .optech_col2 p{ display:inline-block;
margin: 0 0;
font-size: 20px;	
}
.top_optech_header .optech_col2 .mobile_icon{ margin-left:10px; position: relative; top: 0;}
#tm-fixed .top_optech_header .optech_col2 .mobile_icon{ top: 0;}
#tm-fixed .top_optech_header .optech_col2 .mobile_icon img{
width: 35px;
}
body:not(.page-template-template-optech) .drop_blog_menu{ }
body:not(.page-template-template-optech) #tm-fixed .drop_blog_menu{ top:50px; } .xs-nav-list p .fa{ color:#fff; float:right;}
.story-posts .story-post .sp-contents h1,
.story-posts .story-post .sp-hero .sp-hero-img h1{
font-size: 1.8rem !important;
}
.story-posts .story-post .sp-contents h2 {
font-size: 1.5rem !important;
}
.story-posts .story-post .sp-contents h3 {
font-size: 1.2rem !important;
}
.story-posts .story-post .sp-contents h4 {
font-size: 1rem !important;
}
.tax-series_block .story-posts .story-post .sp-contents p,
.tax-series_block .story-posts .story-post .sp-contents p a,
.tax-series_block .story-posts .story-post .sp-contents ul,
.tax-series_block .story-posts .story-post .sp-contents li,
.tax-series_block .story-posts .story-post .sp-contents li a,
.tax-series_block #blog-contents p, 
.tax-series_block #blog-contents ul, 
.tax-series_block #blog-contents li, 
.tax-series_block #blog-contents p a, 
.tax-series_block #blog-contents li a,
.tax-series_block .story-toc p, 
.tax-series_block .story-toc ul, 
.tax-series_block .story-toc li, 
.tax-series_block .story-toc p a, 
.tax-series_block .story-toc li a,
.single-post .story-posts .story-post .sp-contents p,
.single-post .story-posts .story-post .sp-contents p a,
.single-post .story-posts .story-post .sp-contents ul,
.single-post .story-posts .story-post .sp-contents li,
.single-post .story-posts .story-post .sp-contents li a,
.single-post #blog-contents p, 
.single-post #blog-contents ul, 
.single-post #blog-contents li, 
.single-post #blog-contents p a, 
.single-post #blog-contents li a,
.single-post .story-toc p, 
.single-post .story-toc ul, 
.single-post .story-toc li, 
.single-post .story-toc p a, 
.single-post .story-toc li a{
font-size: 1rem;
}
.top_wave_header .desktop_mode .content_section_wave{
top:0px;
}
}
@media (max-width: 1024px){
.top_wave_header .desktop_mode{ display:none;}
.top_wave_header .mobile_mode{ display:block;}
.top_wave_header .mobile_mode .announcement{
font-size:18px;
}
.top_wave_header .mobile_mode .bg_wave_image_mobile{
display:none;
}
.top_wave_header .mobile_mode .angel_image{ max-width:70px;}
}
@media (max-width: 960px){
.top_optech_header.top_aim_header .optech_col2 p {
margin: 0 0;
font-size: 18px;
}
}
@media (max-width: 768px){
.optech_banner.optech_aim_banner .banner_content .bannner_title h2 {
font-size: 26px !important;
}
.optech_banner.optech_aim_banner .banner_content .new_bannner_title h1 {
font-size: 36px !important;
}
.optech_banner.optech_aim_banner .banner_content .banner_content{
padding: 0;
}
.page-template-template-optech .optech_banner.optech_aim_banner .banner_content .banner_content p {
font-size: 20px !important;
}
.story-hero .story-hc h1.title_on_top{
margin-top:30px !important;
}
}
@media (max-width: 767px){
.optech_banner {
background-position: center;
top: 0;
position: relative;
}
.optech_banner .banner_content { margin-top: 0;
margin-bottom: 5px;
}
.optech_banner .banner_content .bannner_image img {
width:200px;
max-width:100%;
height: auto;
}
.page-template-template-optech .joinus_section .vc_column_container>.vc_column-inner {
height: auto !important;
margin-bottom: 25px;
}
.page-template-template-optech .social_icons ul li:last-child{ display:block;}
.page-template-template-optech .social_icons ul li {
display: inline-block;
margin: 0 4px;
margin-bottom: 20px;
}
.clmposter_Section, .clmposter_Section h2{ text-align:center !important;}
.page-template-template-optech .vc_column_container.vc_col-sm-4:nth-child(2) h2:after {
top: 85px;
} .page-template-template-optech h2{ font-size:24px !important;}
.joinus_row .joinus_content p,
.joinus_row .joinus_content li,
.page-template-template-optech .joinus_section p,
.page-template-template-optech .team_opts .wpb_text_column p,
.lifecycle_section p, 
.clmposter_Section p,
.about_us .lifecycle_section p{
font-size: 16px !Important;
}
.joinus_row .joinus_content li{ margin-bottom: 0;}
.optech_banner .banner_content .bannner_title h1{ font-size:40px !important;}
.page-template-template-optech .joinus_section h2{ font-size:20px !important;}
.page-template-template-optech .team_opts .wpb_text_column h3{ font-size:16px !important;}
.page-template-template-optech .vc_column_container.vc_col-sm-4:nth-child(2) h2:after{
position: relative;
top: 0 !important;
right: 0 !important;
display: block;
margin-top: 15px;
width:100%;
}
.page-template-template-optech .vc_column_container.vc_col-sm-4 {
margin-bottom: 30px;
}
.page-template-template-optech .joinus_section .vc_btn3-container button, .page-template-template-optech .joinus_section .vc_btn3-container a {
font-size: 16px;
}
.page-template-template-optech .entry-content > .vc_row.wpb_row.vc_row-fluid.joinus_row,
.page-template-template-optech .entry-content > .vc_row.wpb_row.vc_row-fluid.team_section,
.page-template-template-optech .entry-content > .vc_row.wpb_row.vc_row-fluid {
margin-top: 40px !important;
margin-bottom: 40px !important;
margin-bottom: 0 !important;
padding-bottom: 40px !important;
float: left;
width: 100%;
}
.page-template-template-optech .entry-content > .vc_row.wpb_row.vc_row-fluid:first-child {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.page-template-template-optech .entry-content > .vc_row.wpb_row.vc_row-fluid:last-child{
margin-bottom:0 !important;	
}
.page-template-template-optech .joinus_section .vc_column_container:first-child > .vc_column-inner:after,
.page-template-template-optech .joinus_section .vc_column_container:last-child > .vc_column-inner:after{
width: 90%;
left:0;
}
.optech_banner .banner_content .bannner_title h3 {
font-size: 30px !important;
}
.optech_banner .banner_content {
padding: 25px;
}
.optech_banner .banner_content > .wpb_wrapper{
padding: 25px 15px;
}
.page-template-template-optech .clmposter_Section .vc_column_container.vc_col-sm-6{
margin-top:25px;
}
.top_wave_header .mobile_mode .bg_wave_image_ipad{
display:none;
}
.top_wave_header .mobile_mode .bg_wave_image_mobile{
display:block;
}
.top_wave_header .mobile_mode .angel_image {
max-width: none; 
}
.top_wave_header .desktop_mode .content_section_wave {
top: 15px;
}
body.with_wave_banner #content{ padding-top:120px;}
.page-template-template-webinar .optech_banner > .vc_column-inner{
width: 80%;
}
.container > .row {
margin: 0 auto;
}
.gradient_arrow_button a {
font-size: 12px;
line-height: 14px;
}
.hyly-home-journey-experiences-client-logos .single_journey_experience_tab{
padding: 0 5px !important;
border-bottom: 0 !important;
}
.hyly-home-journey-experiences-client-logos .journey-experiences-tab-titles-wrapper .row{
align-items: center;
justify-content: center;
}
.hyly-home-journey-experiences-client-logos .single_journey_experience_tab:after {
top: -10px;
top: 15px;
right: 0;
}
.client-logos.leasing_system_logos .cl-logo, .client-logos.leasing_system_logos .cl-logo, .client-logos.leasing_system_logos .cl-logo{
width:50%;
}
#tm-fixed .wpb_column.top-touch-menu {
float: right;
}
.static_form_banner_new .ai_banner_wrapper .col-sm-6.col-xs-6{
width: 100%;
}
.static_form_banner_new .ai_banner_wrapper img{ display: none;}
.static_form_banner_new {
position: fixed;
right: 0;
bottom: 15px;
width: 600px;
z-index: 99999999;
max-width: 90%;
left: 0;
margin: 0 auto;
bottom: 20px;
width: 300px;
left: 15px;
right: auto;
width: 260px;
}
.static_form_banner_new .ai_banner_wrapper_toggle_down{
float: none;
margin: 0 auto;
max-width: 100%;
font-size: 20px;
font-size: 15px;
padding: 10px 12px;
}
.static_form_banner_new .ai_banner_wrapper_toggle_down i {
top: 5px;
}
.static_form_banner_new .ai_banner_wrapper .hbspt-form {
position: relative; top: 20px;
padding: 0 5px;
min-height: 340px;
}
.static_form_banner_new .ai_banner_wrapper {
width: 100%;
}
}
@media (max-width: 768px) and (min-width: 500px){
.page-template-template-optech h2{
font-size: 40px !important;
}
}
@media (max-width: 600px){
.top_optech_header.top_aim_header .optech_col2 p {
margin: 0 0;
font-size: 14px;
}
.top_optech_header.top_aim_header .optech_col2 p {
margin: 0 0;
}
.top_wave_header .desktop_mode .content_section_wave {
top: 10px;
}
.optech_banner.optech_aim_banner {
background-size: 110px;
}
.optech_banner.optech_aim_banner .banner_content .bannner_title h2 {
font-size: 20px !important;
}
.optech_banner.optech_aim_banner .banner_content .new_bannner_title h1 {
font-size: 28px !important;
}
.page-template-template-optech .optech_banner.optech_aim_banner .banner_content .banner_content p {
font-size: 16px !important;
}
}
@media (max-width: 550px){
body.with_wave_banner #content{ padding-top:110px;}
}
@media (max-width: 500px){
.joinus_row .joinus_content p {
font-size: 18px;
}
.page-template-template-optech .joinus_section p {
font-size: 15px;
}
.page-template-template-optech .team_opts .wpb_text_column p {
font-size: 15px;
}
.lifecycle_section p, .clmposter_Section p {
font-size: 18px;
}
.page-template-template-optech .clmposter_Section .vc_column_container.vc_col-sm-6 {
margin-bottom: 25px;
}
.about_us .lifecycle_section p {
font-size: 18px;
}
.optech_banner .banner_content .bannner_image img {
width: 150px;
}
.key_defination > .row > [class*='col-'] {
display: block;
width: 100%;
text-align: center;
}
.key_defination .key_defination_img {
display: block;
height: auto;
}
.key_defination > .row > .col-sm-3:before, .key_defination > .row > .col-sm-3:after {
content: "";
height: 1px;
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(38,187,237,1) 50%,rgba(0,0,0,0) 100%);
width: 90%;
right: auto;
left: auto;
bottom: 0;
top:auto;
}
.key_defination .key_defination_img img {
margin: 0 auto 15px auto;
}
.key_defination_title{ margin-top:10px;}
.key_defination_title h2{ padding-right:0 !important;}
.key_defination .key_defination_title h2 a{ font-size:24px;}
.key_defination .key_defination_description{ font-size:16px;}
.top_wave_header .desktop_mode .content_section_wave {
top: 0;
}
.top_wave_header .mobile_mode .angel_image {
max-width: 70px;
}
body.with_wave_banner #content{ padding-top:100px;}
.page-template-template-webinar .optech_banner > .vc_column-inner{
width: 95%;
}
}
@media (max-width: 420px){
.top_optech_header.top_aim_header .optech_col2 p, #tm-fixed .top_optech_header.top_aim_header .optech_col2 p{ font-size: 12px;}
}
@media (max-width: 350px){ .top_optech_header .optech_col1,
.top_optech_header .optech_col2{ padding:0 5px;}
.top_optech_header .optech_col2 p,
#tm-fixed .top_optech_header .optech_col2 p{ font-size:12px;} .top_wave_header .mobile_mode .angel_image {
max-width: 55px;
}
.top_wave_header .desktop_mode .announcement{ padding-left:5px;}
body.with_wave_banner #content {
padding-top: 85px;
}
.top_optech_header.top_aim_header .optech_col2 p {
font-size: 12px;
}
#tm-fixed .top_optech_header.top_aim_header .optech_col2 p {
margin: 13px 0 0 0;
font-size: 12px;
}
.top_optech_header.top_aim_header .optech_col2 p{ font-size: 12px;}
}