/*
Theme Name:     Appdev Child
Theme URI:      https://www.livemeshthemes.com/appdev
Description:    Child theme for the Appdev Theme by LiveMesh
Author:         LiveMesh
Author URI:     http://themeforest.net/user/livemesh
Template:       appdev
Version:        0.2.0
*/


/* IMP: Make sure you input  Dosis as the custom font for Headings in the Fonts tab in the theme options panel. */
/*================================
    Width
================================*/

.width-1px {
  width: 1px;
}

.width-2px {
  width: 2px;
}

.width-3px {
  width: 3px;
}

.width-4px {
  width: 4px;
}

.width-5px {
  width: 5px;
}

.width-6px {
  width: 6px;
}

.width-7px {
  width: 7px;
}

.width-8px {
  width: 8px;
}

.width-9px {
  width: 9px;
}

.width-10px {
  width: 10px;
}

.width-15px {
  width: 15px;
}

.width-20px {
  width: 20px;
}

.width-25px {
  width: 25px;
}

.width-30px {
  width: 30px;
}

.width-35px {
  width: 35px;
}

.width-40px {
  width: 40px;
}

.width-50px {
  width: 50px;
}

.width-55px {
  width: 55px;
}

.width-60px {
  width: 60px;
}

.width-65px {
  width: 65px;
}

.width-70px {
  width: 70px;
}

.width-75px {
  width: 75px;
}

.width-80px {
  width: 80px;
}

.width-85px {
  width: 85px;
}

.width-90px {
  width: 90px;
}

.width-100px {
  width: 100px;
}

.width-120px {
  width: 120px;
}

.width-130px {
  width: 130px;
}

.width-150px {
  width: 150px;
}

.width-180px {
  width: 180px;
}

.width-200px {
  width: 200px;
}

.width-250px {
  width: 250px;
}

.width-300px {
  width: 300px;
}

.width-350px {
  width: 350px;
}

.width-400px {
  width: 400px;
}

.width-450px {
  width: 450px;
}

.width-500px {
  width: 500px;
}

.width-550px {
  width: 550px;
}

.width-600px {
  width: 600px;
}

.width-650px {
  width: 650px;
}

.width-700px {
  width: 700px;
}

.width-750px {
  width: 750px;
}

.width-800px {
  width: 800px;
}

.width-850px {
  width: 850px;
}

.width-900px {
  width: 900px;
}

.width-950px {
  width: 950px;
}

.width-1000px {
  width: 1000px;
}

.width-10 {
  width: 10%;
}

.width-12 {
  width: 12%;
}

.width-15 {
  width: 15%;
}

.width-20 {
  width: 20%;
}

.width-25 {
  width: 25%;
}

.width-30 {
  width: 30%;
}

.width-35 {
  width: 33.33%;
}

.width-40 {
  width: 40%;
}

.width-45 {
  width: 45%;
}

.width-50 {
  width: 50%;
}

.width-55 {
  width: 55%;
}

.width-60 {
  width: 60%;
}

.width-65 {
  width: 66.66%;
}

.width-70 {
  width: 70%;
}

.width-75 {
  width: 75%;
}

.width-80 {
  width: 80%;
}

.width-85 {
  width: 85%;
}

.width-90 {
  width: 90%;
}

.width-95 {
  width: 95%;
}

.width-100 {
  width: 100%;
}

.width-auto {
  width: auto
}
.padding-0 {
  padding: 0px !important;
}

.padding-1 {
  padding: 1px;
}

.padding-2 {
  padding: 2px;
}

.padding-3 {
  padding: 3px;
}

.padding-4 {
  padding: 4px;
}

.padding-5 {
  padding: 5px;
}

/* padding top */
.padding-top-0 {
  padding-top: 0px;
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-15 {
  padding-top: 15px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-25 {
  padding-top: 25px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-top-35 {
  padding-top: 35px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-top-45 {
  padding-top: 45px;
}

.padding-top-50 {
  padding-top: 50px;
}

.padding-top-55 {
  padding-top: 55px;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-top-65 {
  padding-top: 65px;
}

.padding-top-70 {
  padding-top: 70px;
}

.padding-top-75 {
  padding-top: 75px;
}

.padding-top-80 {
  padding-top: 80px;
}

.padding-top-85 {
  padding-top: 85px;
}

.padding-top-90 {
  padding-top: 90px;
}

.padding-top-95 {
  padding-top: 95px;
}

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

.padding-top-110 {
  padding-top: 110px;
}

.padding-top-120 {
  padding-top: 120px;
}

.padding-top-130 {
  padding-top: 130px;
}

.padding-top-140 {
  padding-top: 140px;
}

.padding-top-150 {
  padding-top: 150px;
}

/* padding right */

.padding-right-0 {
  padding-right: 0px;
}

.padding-right-5 {
  padding-right: 5px;
}

.padding-right-10 {
  padding-right: 10px;
}

.padding-right-15 {
  padding-right: 15px;
}

.padding-right-20 {
  padding-right: 20px;
}

.padding-right-25 {
  padding-right: 25px;
}

.padding-right-30 {
  padding-right: 30px;
}

.padding-right-35 {
  padding-right: 35px;
}

.padding-right-40 {
  padding-right: 40px;
}

.padding-right-45 {
  padding-right: 45px;
}

.padding-right-50 {
  padding-right: 50px;
}

.padding-right-55 {
  padding-right: 55px;
}

.padding-right-60 {
  padding-right: 60px;
}

.padding-right-65 {
  padding-right: 65px;
}

.padding-right-70 {
  padding-right: 70px;
}

.padding-right-75 {
  padding-right: 75px;
}

.padding-right-80 {
  padding-right: 80px;
}

.padding-right-85 {
  padding-right: 85px;
}

.padding-right-90 {
  padding-right: 90px;
}

.padding-right-95 {
  padding-right: 95px;
}

.padding-right-100 {
  padding-right: 100px;
}

/* padding left */

.padding-left-0 {
  padding-left: 0px;
}

.padding-left-5 {
  padding-left: 5px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-left-15 {
  padding-left: 15px;
}

.padding-left-20 {
  padding-left: 20px;
}

.padding-left-25 {
  padding-left: 25px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-left-35 {
  padding-left: 35px;
}

.padding-left-40 {
  padding-left: 40px;
}

.padding-left-45 {
  padding-left: 45px;
}

.padding-left-50 {
  padding-left: 50px;
}

.padding-left-55 {
  padding-left: 55px;
}

.padding-left-60 {
  padding-left: 60px;
}

.padding-left-65 {
  padding-left: 65px;
}

.padding-left-70 {
  padding-left: 70px;
}

.padding-left-75 {
  padding-left: 75px;
}

.padding-left-80 {
  padding-left: 80px;
}

.padding-left-85 {
  padding-left: 85px;
}

.padding-left-90 {
  padding-left: 90px;
}

.padding-left-95 {
  padding-left: 95px;
}

.padding-left-100 {
  padding-left: 100px;
}

/*padding bottom*/

.padding-bottom-0 {
  padding-bottom: 0px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-bottom-15 {
  padding-bottom: 15px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-25 {
  padding-bottom: 25px;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-35 {
  padding-bottom: 35px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-bottom-45 {
  padding-bottom: 45px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.padding-bottom-55 {
  padding-bottom: 55px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-bottom-65 {
  padding-bottom: 65px;
}

.padding-bottom-70 {
  padding-bottom: 70px;
}

.padding-bottom-75 {
  padding-bottom: 75px;
}

.padding-bottom-80 {
  padding-bottom: 80px;
}

.padding-bottom-85 {
  padding-bottom: 85px;
}

.padding-bottom-90 {
  padding-bottom: 90px;
}

.padding-bottom-95 {
  padding-bottom: 95px;
}

.padding-bottom-100 {
  padding-bottom: 100px;
}

/* margin top */

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-1 {
  margin-top: 1px;
}

.margin-top-2 {
  margin-top: 2px;
}

.margin-top-3 {
  margin-top: 3px;
}

.margin-top-4 {
  margin-top: 4px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-6 {
  margin-top: 6px;
}

.margin-top-7 {
  margin-top: 7px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-top-9 {
  margin-top: 9px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-15 {
  margin-top: 15px;
}

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

.margin-top-25 {
  margin-top: 25px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-35 {
  margin-top: 35px;
}

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

.margin-top-45 {
  margin-top: 45px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-top-55 {
  margin-top: 55px;
}

.margin-top-60 {
  margin-top: 60px;
}

.margin-top-65 {
  margin-top: 65px;
}

.margin-top-70 {
  margin-top: 70px;
}

.margin-top-75 {
  margin-top: 75px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-top-85 {
  margin-top: 85px;
}

.margin-top-90 {
  margin-top: 90px;
}

.margin-top-95 {
  margin-top: 95px;
}

.margin-top-100 {
  margin-top: 100px;
}
.margin-top-200 {
  margin-top: 200px;
}
.margin-top-300 {
  margin-top: 300px;
}
.margin-top-400 {
  margin-top: 400px;
}
.margin-top-500 {
  margin-top: 500px;
}
.margin-top-600 {
  margin-top: 600px;
}

.margin-top-1rem { margin-top:1rem; }
.margin-top-2rem { margin-top:2rem; }
.margin-top-3rem { margin-top:3rem; }
.margin-top-4rem { margin-top:4rem; }
.margin-top-5rem { margin-top:5rem; }
.margin-top-6rem { margin-top:6rem; }
.margin-top-7rem { margin-top:7rem; }
.margin-top-8rem { margin-top:8rem; }
.margin-top-9rem { margin-top:9rem; }
.margin-top-10rem { margin-top:10rem; }
.margin-top-15rem { margin-top:15rem; }
.margin-top-20rem { margin-top:20rem; }
.margin-top-25rem { margin-top:25rem; }
.margin-top-30rem { margin-top:30rem; }
.margin-top-35rem { margin-top:35rem; }
.margin-top-40rem { margin-top:40rem; }
.margin-top-45rem { margin-top:45rem; }
.margin-top-50rem { margin-top:50rem; }


.margin-top-150 {
  margin-top: 150px;
}
/* margin right */
.margin-right-0 {
  margin-right: 0px;
}

.margin-right-1 {
  margin-right: 1px;
}

.margin-right-2 {
  margin-right: 2px;
}

.margin-right-3 {
  margin-right: 3px;
}

.margin-right-4 {
  margin-right: 4px;
}

.margin-right-5 {
  margin-right: 5px;
}

.margin-right-6 {
  margin-right: 6px;
}

.margin-right-7 {
  margin-right: 7px;
}

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

.margin-right-9 {
  margin-right: 9px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-15 {
  margin-right: 15px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-25 {
  margin-right: 25px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-right-35 {
  margin-right: 35px;
}

.margin-right-40 {
  margin-right: 40px;
}

.margin-right-45 {
  margin-right: 45px;
}

.margin-right-50 {
  margin-right: 50px;
}

.margin-right-55 {
  margin-right: 55px;
}

.margin-right-60 {
  margin-right: 60px;
}

.margin-right-65 {
  margin-right: 65px;
}

.margin-right-70 {
  margin-right: 70px;
}

.margin-right-75 {
  margin-right: 75px;
}

.margin-right-80 {
  margin-right: 80px;
}

.margin-right-85 {
  margin-right: 85px;
}

.margin-right-90 {
  margin-right: 90px;
}

.margin-right-95 {
  margin-right: 95px;
}

.margin-right-100 {
  margin-right: 100px;
}

/* margin bottom */

.margin-bottom-0 {
  margin-bottom: 0px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

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

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-25 {
  margin-bottom: 25px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-35 {
  margin-bottom: 35px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-45 {
  margin-bottom: 45px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-bottom-55 {
  margin-bottom: 55px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-bottom-65 {
  margin-bottom: 65px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.margin-bottom-75 {
  margin-bottom: 75px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.margin-bottom-85 {
  margin-bottom: 85px;
}

.margin-bottom-90 {
  margin-bottom: 90px;
}

.margin-bottom-95 {
  margin-bottom: 95px;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

/* margin left */

.margin-left-0 {
  margin-left: 0px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-left-15 {
  margin-left: 15px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-left-25 {
  margin-left: 25px;
}

.margin-left-30 {
  margin-left: 30px;
}

.margin-left-35 {
  margin-left: 35px;
}

.margin-left-40 {
  margin-left: 40px;
}

.margin-left-45 {
  margin-left: 45px;
}

.margin-left-50 {
  margin-left: 50px;
}

.margin-left-55 {
  margin-left: 55px;
}

.margin-left-60 {
  margin-left: 60px;
}

.margin-left-65 {
  margin-left: 65px;
}

.margin-left-70 {
  margin-left: 70px;
}

.margin-left-75 {
  margin-left: 75px;
}

.margin-left-80 {
  margin-left: 80px;
}

.margin-left-85 {
  margin-left: 85px;
}

.margin-left-90 {
  margin-left: 90px;
}

.margin-left-95 {
  margin-left: 95px;
}

.margin-left-100 {
  margin-left: 100px;
}

.embed {
    position: relative;
    padding: 0px;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}

embed {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; 
}

.embed iframe,
.embed object,
.embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.post-img, .embed {
  margin: 0 0 15px 0;
}


p {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 26px;
}
.width-50 {
    width: 50%;
    float: left;
    padding-right: 8%;
}
#pl-5115 .panel-row-style.panel-row-style-for-5115-0  { display: block !important; }
h1, h2, h3, h4, h5, h6, #before-content-area h1, #before-content-area h2, #sitemap-template h2, #archives-template h2, .archive h2, #portfolio-full-width .entry-title, #portfolio-template .entry-title, .post-snippets .hentry .entry-title, #retina-text h3 { font-family: 'Dosis'; font-weight: 500; }
#content .hentry .entry-meta span a, .entry-title, .entry-title a, #primary-menu > ul.menu > li > a { font-family: 'Roboto'; }
#portfolio-full-width .entry-title, #portfolio-template .entry-title, .post-snippets .hentry .entry-title { font-size: 16px; }
.testimonials2-slider-container blockquote > p, blockquote, .pullquote { font-family: 'Dosis'; }
button, .button, .button:active, .button:visited, input[type="button"], input[type="submit"], input[type="reset"] { font-family: 'Dosis'; }
.single.postid-4296 img.featured { display: none; }
#content .hentry .entry-meta span a, .entry-title, .entry-title a, #primary-menu > ul.menu > li > a {
    font-family: 'dosis' !important;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 18px;
}
#site-logo {
    top: 0px !important;
    max-width: 340px !important;
    margin: 5px 0px 0 0;
}
#header.site-header.sticky #site-logo {
    top: 0px !important;
}
a.site-button {
    color: #fff;
    text-indent: unset;
    padding-bottom: 15px;
    line-height: 8px;
    width: auto;    
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
    background: #43609c;
    display: inline-block;
    padding: 15px 25px;
    margin: 0;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #5582de;
    margin-bottom: 25px;
}
a.site-button:hover {
    background: #df4756;
    color: #fff;
    border: 2px solid #bf2030;
    box-shadow: 2px 2px 15px #6c6d6f;
}
ul.list-style-1 li {
    color: #fff;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 1px;
}
#header.sticky #primary-menu > ul.menu > li > a {
    font-size: 16px;
    line-height: 85px !important;
}
.design-box-1 {
    background: #176b73;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 30px 30px 10px 30px;
    margin-bottom: 40px;
    box-shadow: 0px 0px 20px #aaa;
    border: 1px solid #fff;
}
ul.list-style-2 li {
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}
.design-box-2 {
    background: #fff;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 30px 30px 10px 30px;
    margin-bottom: 40px;
    box-shadow: 0px 0px 20px #676767;
    border: 1px solid #fff;
    color: #000;
}
#featured-app-new {
    overflow: hidden;
    background-color: #587cd8;
    -moz-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    -webkit-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    text-shadow: 1px 1px #313131;
    color:#fff;
}
#featured-app-new h1,
#featured-app-new h2, 
#featured-app-new h3,
#featured-app-new h4 {
    color:#fff;
}
/*h3.fancy-header {
    text-shadow: 1px 1px #565656
}
*/
.section1 {
    background: #fff;
}
.section2 {
    background: #bdd7db;
}
#pg-5115-16, #pg-5115-30, #pg-5115-31, #pg-5115-32 {
    margin-bottom: 0px !important;
}
ul.list-style1 {
    margin-top: 30px;
}
ul.list-style1 li {
    font-size: 20px;
    line-height: 28px;    
}
#primary-menu {
   margin-right: 0px !important;
}
.entry-content img, 
.comment-content img {
    margin: auto;
}




#featured-app .app-screenshot {
    position: relative;
}
#featured-app .app-screenshot img {
    margin:auto;
}
#feature-pointers {
    position: relative;
    text-align: center;
    height: 0px;
}
#feature-pointers img {
    opacity: 1;
}
#featured-app .app-screenshot {
    left: 0px;
}
#feature-pointers img.feature1 {
    top: -475px;
    left: 420px;
    position: absolute;
    margin: auto;
}
#feature-pointers img.feature2 {
    top: -435px;
    left: 60px;
    position: absolute;
    margin: auto;
}
#feature-pointers img.feature3 {
    top: -205px;
    left: 430px;
    position: absolute;
    margin: auto;
}
#feature-pointers img.feature4 {
    top: -175px;
    left: 75px;
    position: absolute;
    margin: auto;
}
#featured-app .What-it-does-text {
    padding-top: 150px;
}
.top-headerbutton1 {display: inline-block; margin:20px 10px 0 0;}
.top-headerbutton2 {display: inline-block; margin-top:20px;}

.widht-25 { float: left; width: 24%; padding-right: 1%; margin: 0 0 20px 0; }
.widht-50 { float: left; width: 49%; padding-right: 1%; margin: 0 0 20px 0; }
.widht-50-2 { float: right; width: 49%; padding-left: 1%; margin: 0 0 20px 0; }
.widht-100 {float: left; width: 100%; margin: 0 0 20px 0; }
.clear {clear: both;}
input[type="number"], input[type="date"] {
    padding: 15px 10px;
    height: auto;
}
.text-input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    height: auto;
    line-height: 24px;
    background: #FDFDFD;
    color: #48484A;
    border: solid 1px #DDD;
    box-shadow: inset 0 0 10px #EAEAEA;
    border-radius: 5px;
    padding: 16px;
    width: 100%;
}
.pull-left {float: left;}
.pull-right {float: right;}
.wpcf7-textarea.textarea {height: 150px;}
.wpcf7-submit {
    color: #fff !important;
    background-color: #4b4b4b !important;
    border-color: #4b4b4b !important;
    background-image: none;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    background-color: #46A5D5 !important;
    border-color: #37B4EE #1C8BBE #1C8BBE #37B4EE;
}
button.default, .button.default, input[type="submit"], input[type="reset"], button[type="submit"] {
    background: blue;
}
#title-area {
    display: block;
    padding: 40px 0 25px;
    background: #014b92;
}
/*--------------------------------------------------*/
.site-button-orange{    
    background-color:#fc7101 !important;
    border:0 !important;
    margin-bottom: 10px !important;
}
.site-button.site-button-orange:hover {
    background-color:#43609c !important;
}
.features-list-alternate .click-the-button p {
    margin-bottom: 10px;
}
.dropdown-menu-wrap > ul.menu > li:hover ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}
.popup-form {
    padding: 10px;
    max-width: 800px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"] {
    width: 100%;
}
.popup-section input[type="text"],
.popup-section input[type="text"], 
.popup-section input[type="email"], 
.popup-section input[type="url"], 
.popup-section input[type="tel"], 
.popup-section input[type="number"], 
.popup-section input[type="date"], 
.popup-section input[type="file"] {
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 5%;
    margin-top: 0px;
    position: relative;
    z-index: 9999;
    width: 100%;
}
.popup-section input[type="submit"] {
    font-size: 32px;
}
.popup-section .wpcf7-submit {
    background: rgb(49, 64, 121) !important;
}
.popup-section .widht-25 { float: left; width: 24%; padding-right: 1%; margin: 0 0 0px 0; }
.popup-section .widht-50 { float: left; width: 49%; padding-right: 1%; margin: 0 0 0px 0; }
.popup-section .widht-50-2 { float: right; width: 49%; padding-left: 1%; margin: 0 0 0px 0; }
.flex-item h3 {
    min-height: 75px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}
body.single-post p {
	text-align: justify;
  /*  text-align: left;*/
}
/*body.blog #title-area {
  display: none;
}
body.single.single-post #title-area {
  display: none;
}*/
#comments-template {
  display: none !important;
}
body.single.single-post .paragraph,
body.single.single-post .panel-grid ul li,
.paragraph1 {
  text-align: justify !important;
}
body.single-post #content .hentry h2.entry-title a {
    font-size: 32px;
    color: #24678d;
}
.button.default.green-button {
    background: #0e910e;
    border-color: green;
}

ul.category-list {
	padding-left: 0px;
}

/* #iphone-slider1 .flexslider ul.slides li:nth-child(1) {
  display: block;
} */

body.layout-2c-l #main .inner {
  display: block;
}

body.layout-2c-l #main .inner #content {
  width: 100%;
}
@media only screen and (max-width: 767px) {
    .header-elements.alignright {
      margin: 0 0 15px 0px;
    }
    .popup-form {
        padding: 25px 10px 10px 10px;
        max-width: 320px;
    }
    .width-50 {
        width: 100%;
        padding-right: 0%;
    }
    .features-list-alternate .iphone-slider-container { 
        margin-top: 0; 
    }
    .top-headerbutton1 { 
        margin:0px 0px 20px 0; 
        float: left; 
        width: 48%; 
    }
    .top-headerbutton2 { 
        margin:0px 0 20px; 
        float: right; 
        width: 48%;
    }
    #site-logo {
       position: relative;
       margin: 10px auto 0;
       top: 0;
    }
    #mobile-menu ul.sub-menu {
        display: block;
    }
    .popup-section .widht-50 { 
        float: none; 
        width: 100%; 
        padding-right: 0%; 
        margin: 0 0 15px 0; 
    }
    .popup-section .widht-50-2 { 
        float: none; 
        width: 100%; 
        padding-left: 0%; 
        margin: 0 0 15px 0; 
    }
    .popup-section input[type="submit"] {
        font-size: 25px;
        margin: 0px auto;
        text-align: center;
        display: block;
    }
    #content .zero-margin img {
        float: left;
    }
    #content .zero-margin {
        margin-right: 0 !important;
        padding: 10px 0 0 0 !important;
    }
    #header a#mobile-menu-toggle {  
      right: -20px !important;
  }
}
/* @media only screen and (max-width: 767px) */

.wpcf7-form-control-wrap.captcha{
  top: -10px;
}

.wpcf7-form-control-wrap.captcha label{
  display: flex;
}
.wpcf7-quiz-label{
  margin: 15px 0;
}
#captcha-field{
  width: 100px;
  height: 50px;
  margin-left: 10px;
}
#captcha-field2{
  width: 100px;
  height: 50px;
  margin-left: 10px;
  /* margin-top: 20px; */
}

p .wpcf7-form-control-wrap.captcha{
  top: 10px;
}

@media only screen and (min-width: 992px) {
	.modal-lg, .modal-xl {
	    max-width: 1000px;
	}
}

@media only screen and (min-width:1025px) and (max-width:1320px) {
  #site-logo {
      top: 0px !important;
      max-width: 20% !important;
      margin: 20px 0px 0 0;
  }
  #site-description.site-description h2 {
      font-size: 30px;
  }
  #site-description.site-description {
    left: 21%;
  }
}
/* @media only screen and (min-width:1025px) and (max-width:1270px) { */

@media only screen and (max-width:1024px) {
  #site-description.site-description {
    left: auto;
    text-align: center;
    width: 100%;
  }
}
/* @media only screen and (max-width:1024px) { */

.image-right {
	margin:0 0 15px 15px !important;
}
.image-left {
	margin:15px 15px 0 0 !important;
}


.embed {
    position: relative;
    padding: 0px;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}

embed {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
}

.embed iframe,
.embed object,
.embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.post-img, .embed {
	margin: 0 0 15px 0;
}

#emailForm .footer p {
    margin: 0;
}
#emailForm .footer .form-control {
    margin-bottom: 0px;
}


div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea {
  max-width: 100%;
}
.home-footer-form input[type=text],
.home-footer-form input[type=email],
.home-footer-form input[type=number] {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: .25rem;
  transition: border-color .15s 
  ease-in-out, box-shadow .15s 
  ease-in-out;
  box-shadow: 0 0 0 transparent;
  border-radius: 4px;
  border: 1px solid #8c8f94;
  background-color: #fff;
  color: #2c3338;
  margin-bottom: 15px;
}
.home-footer-form textarea {
  margin-bottom: 15px;
  width: 100%;
  font-weight: 400;
  border: 1px solid #8c8f94 !important;
  width: 100%;
  max-width: 100%;
}
.home-footer-form input[type=submit] {
  color: #fff !important;
  background-color: #d61a2b !important;
  border-color: #d61a2b !important;
  width: 100% !important;
  padding: 10px 50px !important;
}
.wpforms-container textarea.wpforms-field-medium {
  padding: 15px !important;
}
.wpforms-submit {
  margin-top: 15px !important; 
}
.wpforms-container.wpforms-container-full {
  margin-top: 0px !important;
}
.wpcf7 .widht-50,
.wpcf7 .widht-50-2 {
  width: 100%;
  padding: 0;
}
.wpcf7-quiz-label {
    margin: 4px 15px 0;
    float: left;
}
#captcha-field {
    float: left;
    width: 100px;
    height: 35px;
    margin-left: 0px;
}
#features img,
.features-section img {
  max-width: none !important;
}
.template-img img {
    width: 100%;
    margin-left: 0;
    max-width: none;
}
.width-100 {
    width: auto;
    max-width: none !important;
}
.btn-rose {
  color: #fff !important;
    background-color: #d61a2b !important;
    border-color: #d61a2b!important;
    width: 100% !important;
    padding: 10px 50px !important;
}
.btn-rose:hover {
    background-color: transparent !important;
    border-color: #d61a2b!important;
    width: 100% !important;
    padding: 10px 50px !important;
}
input[type="submit"]:hover, input[type="reset"]:hover {
    background: #df4756;
    border: 2px solid #bf2030;
    box-shadow: none;
    color: #fd5c6b !important;
}
.text-input {
  box-shadow: none;
}
.wsmenu > .wsmenu-list > li a.btn {
    padding: 5px 20px !important;
}
.btn.btn-md {
    padding: 10px 50px !important;
}
.hero-1-txt {
  padding: 160px 0;
}
.modal-lg,
.modal-xl {
  top: 15%;
}
.wpcf7-quiz.text-input {
  width: 100px;
  height: 30px;
  margin-left: 10px;
}
.screen-reader-response {
  display: none;
}
.wpcf7-not-valid-tip {
  font-size: 12px;
  color: red;
}
.footer-right-logo img {
  width: 100px;
}
.footer-copyright span{
  font-weight: 500;
}
.footer p {
    margin: 0;
}
.footer .form-control {
    margin-bottom: 0px;
}
.blog-post-txt {}
.blog-post-txt .p-md {
}
.wpforms-container .wpforms-field, 
.wp-core-ui div.wpforms-container .wpforms-field {
    padding: 10px 0 !important;
}


@media only screen and (max-width:2550px) {
  .hero-1-txt {
    padding: 330px 0 360px;
  }
}

@media only screen and (max-width:1920px) {
  .hero-1-txt {
    padding: 260px 0 300px;
  }
}

@media only screen and (max-width:1720px) {
  .hero-1-txt {
    padding: 210px 0 260px;
  }
}

@media only screen and (max-width:1560px) {
  .hero-1-txt {
    padding: 170px 0 210px;
  }
}

@media only screen and (max-width:1470px) {
  .hero-1-txt {
    padding: 140px 0 180px;
  }
}

@media only screen and (max-width:1270px) {
  .hero-1-txt {
    padding: 135px 0;
  }
}

@media only screen and (max-width:1170px) {
  .hero-1-txt {
    padding: 120px 0;
  }
}

@media only screen and (max-width:767px) {
  .width-100 {
    width: 100%;
  }

  .mobile-bottom-60 {
    margin-bottom: 60px;
  }

  .mobile-home-screen-image {
    margin-bottom: 30px;
    margin-top: 30px;
  }

  #content-5 {
    padding: 0 0 0 0;
  }

  img.footer-image {
    width: 100%;
  }

  footer.division {
    margin-bottom: 50px;
  }

  .btn-rose {
      padding: 10px 10px !important;
  }
  .btn-rose:hover {
      padding: 10px 10px !important;
  }
  .wsmenu > .wsmenu-list > li a.btn {
      padding: 5px 10px !important;
  }
  .btn.btn-md {
      padding: 10px 10px !important;
  }
  .btn.btn-md {
      font-size: 16px;
      letter-spacing: 0px;
  }

  #blog-section {
    padding-top: 80px !important;
  }
}
/* @media only screen and (max-width:767px) { */

@media only screen and (min-width:1024px) {
  .top-header-inner { display: none !important; }
  #header {
      position: fixed;
      top: 0px;
      box-shadow: 0 0 20px #ababab;
  }
  body.wp-singular #main {
    padding-top: 100px;
  }
}

/* Answer headings share the article's centered reading width and side gutter. */
.custom-html-widget > h1:has(~ .answer-article) {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 708px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

/* Keep exported logo images inside their links at the tablet breakpoint. */
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  #site-logo a.logo-black img {
    max-width: 100%;
    height: auto;
    margin: 0;
  }
}


/* October 2026 design pass: scoped to reviewed pages. */
/* Keep the established Dosis display face; preload its local 600 weight. */
@font-face { font-family: Dosis; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/dosis-600.ttf") format("truetype"); }
body.design-pass #container { background: #fff; }
body.design-pass #panel-8909-1-0-0 .custom-html-widget > h1 { max-width: 800px; padding: 0 24px; margin: 40px auto 24px; font-family: Dosis, Roboto, sans-serif; font-weight: 600; font-size: clamp(1.875rem, 1.2rem + 1.5vw, 2.625rem); line-height: 1.2; letter-spacing: -.025em; color: #123c60; }
body.design-pass .answer-article { max-width: 800px; margin: 0 auto 64px; padding: 0 24px; color: #334155; }
body.design-pass .answer-article :is(p,li) { font-size: 18px; line-height: 1.75; }
body.design-pass .answer-article p { margin-bottom: 24px; }
body.design-pass .answer-article :is(h2,h3) { font-family: Dosis, Roboto, sans-serif; font-weight: 600; color: #123c60; margin: 40px 0 16px; line-height: 1.3; }
body.design-pass .answer-article h2 { font-size: clamp(1.4rem, 1.1rem + .7vw, 1.75rem); }
body.design-pass .answer-article h3 { font-size: 21px; }
body.design-pass .answer-article > .answer-summary, body.design-pass .answer-article:not(:has(> .answer-summary)) > p:first-of-type { background: #edf4fa; border-left: 4px solid #14548a; padding: 24px; color: #123c60; }
body.design-pass .answer-article a { color: #134e80; text-decoration: underline; text-underline-offset: 3px; }
body.design-pass .answer-article li { margin-bottom: 12px; }
@media(max-width:767px) { body.design-pass .answer-article > .answer-summary, body.design-pass .answer-article:not(:has(> .answer-summary)) > p:first-of-type { padding: 20px; } body.design-pass #panel-8909-1-0-0 .custom-html-widget > h1 { margin-top: 28px; padding-inline: 8px; } }

body.design-pass :is(a,button,input,select,textarea,[tabindex]):focus-visible { outline: 3px solid #135476; outline-offset: 4px; box-shadow: 0 0 0 2px #fff; }
body.design-pass :is(h1,h2,h3,p,li) { overflow-wrap: break-word; }
body.design-pass :is(header,footer) a { text-underline-offset: 3px; }

body.design-pass .top-header { background: #d81919; }
body.design-pass #mobile-menu-toggle { min-width: 44px; min-height: 44px; }

@media(max-width:767px) { body.design-pass #mobile-menu-toggle { margin-right: 12px; } }

/* Keep the existing closing demo link and its wording; reuse the brand red. */
body.design-pass .answer-article a[href$="/request-a-demo/"] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; box-sizing: border-box; padding: 8px 20px; margin-block: 8px; border-radius: 4px; background: #d81919; color: #fff; text-decoration: none; font-weight: 600; }
/* Inline prose links follow the sentence rhythm; standalone buttons retain their target size. */
body.design-pass .answer-article p a[href$="/request-a-demo/"] { display: inline; padding: .15em .5em; min-height: 0; margin-block: 0; line-height: inherit; border-radius: 4px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
body.design-pass .answer-article a[href$="/request-a-demo/"]:hover { background: #b81515; }

/* Standard header rows: 174px at 1024, 201px at 1025–1240, 101px from 1241.
   Match clearance to the actual row break; keep the following-sibling CTA integration. */
@media only screen and (min-width: 1024px) and (width < 1241px) {
  body:has(#header.site-header) #main:has(.custom-html-widget > h1 ~ .answer-article) {
    padding-top: 201px;
  }
}

@media only screen and (min-width: 1024px) and (width < 1025px) {
  body:has(#header.site-header) #main:has(.custom-html-widget > h1 ~ .answer-article) {
    padding-top: 174px;
  }
}

/* Related links and their existing demo CTA share the answer's reading gutter. */
body.design-pass .custom-html-widget > h1 ~ nav:has(~ .answer-article) {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin: 0 auto 24px;
  padding: 0 24px;
}
body.design-pass .custom-html-widget > h1 ~ nav:has(~ .answer-article) > p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
body.design-pass .custom-html-widget > h1 ~ nav:has(~ .answer-article) a[href$="/request-a-demo/"] {
  box-sizing: border-box;
  width: auto !important;
  max-width: 100%;
  min-height: 44px;
  padding: 10px 20px !important;
  white-space: normal;
}

/* The four older templates retain the longer “How It Works” menu label.
   Their second row clears at 1249px rather than the newer template's 1241px. */
@media only screen and (min-width: 1241px) and (width < 1249px) {
  body.answer-legacy-nav #main:has(.custom-html-widget > h1 ~ .answer-article) {
    padding-top: 201px;
  }
}