/*
Theme Name:     Divi Child Theme
Description:    Child theme for customization 09-23-2016
Author:         Aimee Ardines
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
/* set all h4 to this line-height, cause Divi line-height layout isn't working */
h4{
  line-height: 1.5em !important;
}
/*Hide the vertical grey border of the sidebar*/
#main-content .container:before {
  width: 0;
}
/*Homepage headline*/
h1{
  font-size: 40px; line-height: 1.75em;
  word-wrap: normal;
}
/*each module header on homepage*/
.home-page h1{
  font-size: 35px;
}
.home-page h2{
  font-size: 25px;
}
/* Adds customize li icon and margin */
.home-page ul{
  list-style-type:none;
  padding-left: 20px;
  text-indent: -24px;
  font-size: 18px;
}
.home-page ol{
  padding-left: 20px;
  text-indent: -20px;
  font-weight: bold;
  font-size: 18px;
}
div.et_pb_text ol{
  padding-left: 20px;
  text-indent: -20px;
}
div.et_pb_text ol ul{
  text-indent: 0px;
}
.home-page ul li{
  color: #000000;
}
.home-page ul li:before{
  font-family: 'ETmodules';
  color: #3366ff;
  content: "\4e";
  font-size: 18px;
  font-weight: bold !important;
  margin-right: 5px;
}
.home-page ol li{
  color: #3366ff !important;
}
.home-page ol li strong{
  color: #000000;
}
/* ul layout for white text */
.industries-ul-white ul{
  list-style-type:none;
  padding-left: 20px;
  text-indent: -24px;
  font-size: 22px;
}
.industries-ul-white ul li{
  color: #ffffff;
}
.industries-ul-white ul li:before{
  font-family: 'ETmodules';
  color: #3366ff;
  content: "\4e";
  font-size: 22px;
}
/* ul layout for black text */
.industries-ul-black ul{
  list-style-type:none;
  padding-left: 20px;
  text-indent: -24px;
  font-size: 22px !important;
}
.industries-ul-black ul li{
  color: #000000 !important;
}
.industries-ul-black ul li:before{
  font-family: 'ETmodules';
  color: #3366ff;
  content: "\4e";
  font-size: 22px !important;
}

/* removes the default logo border on the image slider plugin */
.wrapper .jw_easy_slider_name{
  display:none;
}
.jcarousel-wrapper a{
  display: none;
}
.jcarousel-wrapper{
  box-shadow: 0 0 2px transparent !important;
  border: none !important;
}
.jcarousel ul li {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
#main-footer .et_pb_section {
  background-color: #555555 !important;
}
.es-footer h3{
  font-size:15px;
}
.es-footer h4, .es-footer-navigation h4{
  font-size:14px;
}
.es-footer-navigation strong a{
  font-size:14px;
  font-weight: bold;
  color: #ffffff;
  display:inline !important;
  border-right:2px solid #ffffff !important;
  margin-right:5px;
  padding-right:4px;
}
#es-footer-nav-lastchild{
    border-right:none !important;
}
#main-header{
  position: fixed !important;
}
ul li.menu-item {
  line-height:50px;
}
.et_hide_primary_logo .logo_container {
  height:0px;
}
/* change navigation color on hover */
#top-menu-nav #top-menu li a:hover, .et_mobile_menu li a:hover{
  color: #f59c40 !important;
  opacity: 1 !important;
}
/*button on primary nav*/
#et-top-navigation .et_pb_button {
  margin-top: 0px;
  font-size: inherit;
  font-weight: inherit;
}
#et-top-navigation .et_pb_button:after {
font-size: 23px;
}
.signup-btn{
  background-color:#f59c40 !important;
}
.signup-btn:hover {
  color: #ffffff !important;
  opacity: 0.8 !important;
  cursor: pointer;
}
.btn-signup-redirect {
  cursor: pointer;
}
.btn-signup-campaigns {
  background-color: #f59c40;
  color: #ffffff;
}
.btn-signup-campaigns:hover {
  opacity: 0.8 !important;
}
/*color of the responsive menu icon*/
.mobile_menu_bar, .mobile_menu_bar:before{
  color:#ffffff !important;
}
/*border of the navigation menu on mobile*/
.et_mobile_menu{
  border-top:1px solid #cccccc !important;
}

.highlight{
  font-size:100px !important;
  color:yellow !important;
}
/* margin for the navigation menu so that the menu header's height won't be destroy on different screensize */
#top-menu li {
  padding-right: 15px !important;
}
/* hide default submenu on mobile view */
#mobile_menu {
  /* display:none !important; */
  padding:0px !important;
}
#mobile_menu li.menu-item {
  line-height:25px !important;
}
/* signup button on header change the font color on hover */
#mobile_menu #menu-item-3971 a:hover{
  color: #ffffff !important;
}
@media only screen and (min-width: 981px) {
  /* center the submenu div */
  .sub-menu {
    display:block !important;
    left: -100% !important;
    width: 270px !important;
    position: relative;
    border: 1px solid #fff;
    border-radius: 5px !important;
    line-height:25px !important;
    padding:10px 0px !important;
  }

  ul li:hover .sub-menu {
    transition: all .50s ease-in-out !important;
  }
  .sub-menu .sub-menu {
    left: 0% !important;
  }
  .sub-menu li {
    padding:0 10px !important;
  }
  .sub-menu li.menu-item, #mobile_menu li, .sub-menu {
      line-height: 25px !important;
  }
  .sub-menu li, .sub-menu li a{
    width: 100% !important;
  }
  .sub-menu li a:hover{
    background-color: #f6f9fc !important;
  }
  .sub-menu:after, .sub-menu:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " "; height: 0; width: 0; position: absolute;
    pointer-events: none;
  }
  .sub-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f6f9fc;
    border-width: 10px;
    margin-left: -10px;
  }
  .sub-menu:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f6f9fc;
    border-width: 16px;
    margin-left: -16px;
  }
}

@media only screen and (min-width: 981px){}
.et-fixed-header #top-menu a,
.et-fixed-header #et_search_icon:before, .et-fixed-header #et_top_search .et-search-form input, .et-fixed-header .et_search_form_container input, .et-fixed-header .et_close_search_field:after, .et-fixed-header #et-top-navigation .et-cart-info {
  color: #000000 !important;
}
/* disable the logo from resizing into bigger image */
#logo{
  max-width:250px !important;
  max-height: 90px !important;
}
/* change subheader font color during on scroll */
#main-header .nav li ul a {
  color: #000000 !important;
}
@media all and (max-width: 479px)  {
  .gallery-item {
    float:left;
    width:100%;
    cursor: pointer !important;
  }
}
@media all and (min-width: 480px) and (max-width: 980px) {
  .gallery-item {
    float:left;
    width:44%;
    margin-right: 3% !important;
    margin-left: 3% !important;
    cursor: pointer !important;
  }
}
@media only screen and (min-width: 981px) {
  .gallery-item {
    float:left;
    width:29%;
    margin-right: 2% !important;
    margin-left: 2% !important;
    cursor: pointer !important;
  }
}
.gallery-item-details {
  display:none;
  clear:both;
}
/* add underline to text on hover */
.join-us h1 span strong a:hover {
  text-decoration: underline;
}
.gallery-item a{
  width: 100% !important;
}
/* image on the team page */
.gallery-item div .et_pb_main_blurb_image {
  margin-bottom: 0px !important;
}
/* sets the image on the team page the same as it's container's with */
.gallery-item div div a img{
  width: 100% !important;
  height: 170px !important;
}
/* set style on image gallery on team page */
.blurb-description {
  padding: 0 5% 5%;
  height: 120px !important;
  max-height: 120px !important;
  min-height: 120px !important;
}
/* circle use to flip the team image gallery */
.icon-circle {
  color: #555555;
  float: right;
  font-size: 20px;
}
.blue-text {
  color:#3c80a3 !important;
}
.blue-text:hover, .team-widget div h4:hover {
  text-decoration: underline !important;
}
@media all and (max-width: 479px)  {
  .card {
    float:left;
    width:90% !important;
    margin-right: 5% !important;
    margin-left: 5% !important;
    cursor: pointer !important;
  }
}
@media all and (min-width: 480px) and (max-width: 980px) {
  .card {
    float:left;
    width:41%;
    margin-right: 3% !important;
    margin-left: 3% !important;
    cursor: pointer !important;
  }
  .card-left {
	  margin-left: 6% !important;
  }

  .card-right {
	  margin-right: 6% !important;
  }
}
@media only screen and (min-width: 981px) {
  .card {
    float:left;
    width:19.6%;
    margin-right: 3% !important;
    margin-left: 3% !important;
    cursor: pointer !important;
  }

  .card-left {
	  margin-left: 14% !important;
  }

  .card-right {
	  margin-right: 14% !important;
  }
}
.card {
	height:340px;
  z-index : 1;
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 1.0s linear;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
.card.active {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  /* box-shadow: -5px 5px 5px #aaa; */
}
.card-front {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: block;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  box-sizing: border-box;
  color: white;
  text-align: center;
}
.card-image img {
  width: 100% !important;
  max-height: 250px !important;
}
.card-front:hover, .card-back:hover {
  -webkit-box-shadow: 0px -1px 5px 3px rgba(230,108,44,1);
  -moz-box-shadow: 0px -1px 5px 3px rgba(230,108,44,1);
  box-shadow: 0px -1px 5px 3px rgba(230,108,44,1);
}
/* blog post */
.post-content {
  margin-top: 30px !important;
}
.post-content p {
  font-size: 17px;
  font-weight: 400 !important;
  font-color: #5f666b;
  line-height: 1.5em !important;
}
.blogs-content article a.entry-featured-image-url {
  border-radius: 15px !important;
  border: 1px solid #e6e6e6;
}
.blogs-content article a.entry-featured-image-url img{
  border-radius: 15px !important;
  padding: 40px 10px 10px 10px !important;
  height: 300px !important;
}
.blogs-title article#post-24950 {
  margin-bottom: 30px !important;
}
.blogs-content article#post-24950 div a:hover {
  border: 3px solid #000000;
  color: #000000 !important;
}
/* make the post title above the featured image */
.blogs-content article h2.entry-title {
  display: table-header-group !important;
}
.blogs-content article p.post-meta {
  display: table-row-group !important;
}
.blogs-content article a.entry-featured-image-url {
  display: table-footer-group !important;
}
/* blog sidebar widgets */
div div.et_pb_widget_area div.et_pb_widget {
  margin-bottom: 30px !important;
}
/* subscribe to our blog widget */
div#text-9 h4.widgettitle {
  font-size: 18px !important;
  color: #f59c40 !important;
  font-weight: bold !important;
}
.subscribe-sub-text {
  font-size: 16px;
  font-weight: bold !important;
  color: #555555;
}
input.required.email {
  height: 40px !important;
  width: 100% !important;
  margin-top: 10px;
}
/* error message when email is invalid */
.required.email.mce_inline_error{
  border-color: #dd3333 !important;
}
div.mce_inline_error {
  background-color: #dd3333 !important;
  font-size: 16px !important;
}
/* response message when the email is valid */
#mce-error-response, #mce-success-response {
  font-size: 16px !important;
  font-weight: bold !important;
  color: #4caf50  !important;
}
.join-us-button {
  height: 45px !important;
  width: 50% !important;
  margin-top: 10px;
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 16px !important;
  background-color: #4caf50 !important;
  border: none !important;
  border-radius: 3px !important;
  cursor: pointer !important;
}
.join-us-button:hover {
  opacity: .7 !important
}
#mce-error-response a {
  color: #007bb6 !important;
}
/* header on each post title */
article div.et_post_meta_wrapper h1.entry-title, article h2.entry-title a {
  font-weight: bold !important;
  font-size: 30px !important;
  color: #f59c40 !important;
}
article div.et_post_meta_wrapper p.post-meta, article p.post-meta{
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 17px !important;
}
.comment-form, .comment-content{
  font-weight: bold !important;
  font-size: 14px !important;
}
/* comment's submit button */
.form-submit input#submit{
  border-color: #3366ff;
  color: #3366ff;
}
.form-submit input#submit:hover{
  border-color: transparent;
}
.logged-in-as a {
  color: #3366ff;
}
/* images on each blog post */
article#post-24950 div.et_post_meta_wrapper img{
  border: 1px solid #e6e6e6;
  padding: 10px 10px 10px 10px;
  border-radius: 15px;
  height: 300px !important;
}
article.post, article.et_pb_post.page.status-publish{
  padding: 30px 30px 30px 30px;
  -webkit-box-shadow: 0px 4px 9px -2px rgba(85,85,85,1);
  -moz-box-shadow: 0px 4px 9px -2px rgba(85,85,85,1);
  box-shadow: 0px 4px 9px -2px rgba(85,85,85,1);
}
/* blog post design after search button is click */
article.post, article.et_pb_post.page.status-publish, #content-area #left-area .entry p{
  font-weight: 400 !important;
  color: #353535 !important;
  font-size: 17px;
  line-height: 1.5em !important;
}
article.post h2.entry-title, article.post h2.entry-title a{
  font-size: 32px !important;
  font-weight: bold !important;
  color: #f59c40  !important;
}
article.post p.post-meta{
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 17px !important;
}
/* social media icons on sidebar */
div#zoom-social-icons-widget-2 ul li, div#zoom-social-icons-widget-3 ul li{
  margin: 2px 1px 2px 1px !important;
}
/* widget title and content on left sidebar */
div#archives-3 .widgettitle, div#zoom-social-icons-widget-2 .widgettitle, div#categories-4 .widgettitle, div#recent-posts-3 .widgettitle {
  font-size: 18px !important;
  color:#f59c40 !important;
  font-weight: bold !important;
}
div#archives-3 ul li a, div#categories-4 ul li a, div#recent-posts-3 ul li a {
  font-size: 16px !important;
  font-weight: bold !important;
}
div#archives-3 ul li a:hover, div#categories-4 ul li a:hover, div#recent-posts-3 ul li a:hover {
  color:#3366ff;
}
div#categories-4 ul li span, div#recent-posts-3 ul li span {
  font-size: 14px !important;
  font-weight: bold;
  color: #666666 !important;
  font-style: italic;
}
/* social media icon on each blog post sidebar */
ul.zoom-social-icons-list li a span {
  border-radius: 3px !important;
}
/* comment header text color */
a.publisher-anchor-color header h3 span {
  color:#3366ff !important;
}
/* search text */
#searchsubmit {
  font-weight: bold;
  color: #000000;
}
/* sidebar padding on each blog post */
#sidebar {
  padding-left: 0px !important;
}
/* add box box-shadow on blog title section */
.es-blog-title {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.es-blog-title div.et_pb_row {
  padding-bottom: 0px !important;
}
.es-blog-title div.et_pb_row div div h1 {
  font-size: 50px !important;
}
/* tooltip styles */
.et-tooltip {
  cursor: pointer;
  text-decoration: underline;
}
.et-tooltip .et-tooltip-box {
  font-size: 14px !important;
  background-color: #f6f9fc;
}
/* hide the social media share on main blog page */
.nc_socialPanel {
  display: none;
}
article.et_pb_post div.nc_socialPanel {
  display: flex;
}
/* select country input box on pricing page */
.select-country div div.et_pb_blurb_container {
  width: 90% !important;
  padding-left: 5px !important;
}
.select-country div div.et_pb_blurb_container p {
  width: 100% !important;
}
.select-country div div.et_pb_blurb_container p input {
  width: 100% !important;
  height: 40px;
  color: #000000;
  font-weight: bold;
  font-size: 18px;
}
/* select country flag image */
.select-country div div img {
  width: 100% !important;
}
/* boxes on support page */
.support-box {
  border: 1px solid #d6d6c2 !important;
  height: 200px !important;
  max-height: 200px !important;
  min-height: 200px !important;
  padding: 20px 20px 20px 20px !important;
}
.support-box-blue {
  background-color: #f6f9fc !important;
}
.support-box-white {
  background-color: #eeeeee !important;
}
.support-box-blue:hover, .support-box-white:hover {
  opacity: 0.8 !important;
}
/* make each list's line height exact- not so big not so small */
.list-line-height li {
  margin-bottom: 25px !important;
}
.margin-top-20 {
  margin-top: 20px;
}
/* pricing table styles */
.table-striped thead tr th {
  font-size: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #000000;
}
.table-striped thead tr td, .table-striped tbody tr td {
  font-size: 16px;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
}
.table-striped tbody tr:nth-child(2n+1) {
  background-color: #f6f9fc;
}
.sliderright, .sliderleft, .slidercenter output {
  font-size: 18px !important;
  color: #000000 !important;
}
/* country dropdown style */
.autocomplete-suggestions {
  font-size: 16px;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #ffffff;
}
.display-none {
  display: none;
}
#flag-dropdown {
  width: 10% !important;
  float: left !important;
  margin-right: 3% !important;
  height: 40px !important;
}
#autocomplete {
  width: 87% !important;
}
/* contact us page confirmation text */
.wpforms-confirmation-container-full {
  font-size: 17px !important;
}
#wpforms-submit-25739 {
  font-size: 17px;
  color: #ffffff;
  background-color: #f59c40;
  border-radius: 3px;
  border: 1px solid #b07b3e;
}
.padding-top-zero {
  padding-top: 0px !important;
}
.padding-bottom-zero {
  padding-bottom: 0px !important;
}
/* new team page */
.team-member img.down-arrow-white, .team-member img.down-arrow-orange, .team-member img.up-arrow-white {
  height: 20px !important;
  width: 20px !important;
  float: right !important;
  margin-top: -20px;
  margin-right: 10px;
}
.team-member img.down-arrow-orange, .team-member img.up-arrow-white {
  display: none;
}
.team-member > img:hover {
  cursor: pointer !important;
}
.job-description {
  padding-top: 10px !important;
  background-color: transparent !important;
}
.job-description h4, .job-description h5 {
  text-align: center;
}
.job-description h5 strong {
  color: #000000;
}
.job-description h4 strong {
  color: #f59c40;
}
.team-description {
  display: none;
  margin-top: 20px;
  padding: 15px !important;
  background-color: #e2e2e2;
  border-radius: 10px;
  text-align: center;
}
.font-weight-500, .team-description p {
  font-weight: 500;
}
/* arrow pointers on the team description */
.team-description {
	position: relative;
	background: #ffffff;
	border: 4px solid #BFBDBD;
  color: rgba(0, 0, 0, 0.87) !important;
}
.team-description:after, .team-description:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.team-description:after {
	border-color: rgba(226, 226, 226, 0);
	border-bottom-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}
.team-description:before {
	border-color: rgba(250, 117, 48, 0);
	border-bottom-color: #BFBDBD;
	border-width: 26px;
	margin-left: -26px;
}
/* end of arrow pointer styles */
/* start of ribbon header on team page */
.ribbon {
 z-index: 1;
 font-size: 30px !important;
 width: 90%;
 position: relative;
 background: rgba(230, 108, 44, 0.76);
 color: #fff;
 text-align: center;
 padding: .15em 2em .15em !important;
 margin: 2em auto 3em;
 }
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -.5em;
 border: 1em solid rgba(230, 108, 44, 0.43);
 z-index: -3;
}
.ribbon:before {
 left: -1.2em;
 border-right-width: 1.2em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -1.2em;
 border-left-width: 1.2em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: rgba(230, 108, 44, 0.43) transparent transparent transparent;
 bottom: -.5em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: .5em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: .5em 1em 0 0;
}
/* end of the ribbon style */



/* custom modification */

/* Poppins from https://fonts.google.com/specimen/Poppins#standard-styles */

/* devanagari */
@font-face {
  font-family: 'Poppins-Light';
/*  font-style: normal;
    font-weight: 300;*/
  src: url(/wp-content/uploads/fonts/poppins-300-devanagari.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins-Light';
  src: url(/wp-content/uploads/fonts/poppins-300-latinext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins-Light';
  src: url(/wp-content/uploads/fonts/poppins-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins-Regular';
/*  font-style: normal;
  font-weight: 400;*/
  src: url(/wp-content/uploads/fonts/poppins-400-devanagari.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins-Regular';
  src: url(/wp-content/uploads/fonts/poppins-400-latinext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins-Regular';
  src: url(/wp-content/uploads/fonts/poppins-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins-Medium';
/*  font-style: normal;
    font-weight: 500;*/
  src: url(/wp-content/uploads/fonts/poppins-500-devanagari.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins-Medium';
  src: url(/wp-content/uploads/fonts/poppins-500-latinext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins-Medium';
  src: url(/wp-content/uploads/fonts/poppins-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins-SemiBold';
/*  font-style: normal;
    font-weight: 600;*/
  src: url(/wp-content/uploads/fonts/poppins-600-devanagari.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url(/wp-content/uploads/fonts/poppins-600-latinext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url(/wp-content/uploads/fonts/poppins-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins-Bold';
/*  font-style: normal;
  font-weight: 700;*/
  src: url(/wp-content/uploads/fonts/poppins-700-devanagari.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins-Bold';
  src: url(/wp-content/uploads/fonts/poppins-700-latinext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins-Bold';
  src: url(/wp-content/uploads/fonts/poppins-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@keyframes fade {
  from { opacity: 0; }
    to { opacity: 1; }
}

@media only screen and (max-width: 600px) {
  h1 {
    font-size: 30px !important;
  }
  h2 {
    font-size: 24px !important;
    line-height: 1.5em !important;
  }
  h3 {
	font-size: 18px !important;  
  }
  h4 {
    font-size: 16px !important;
  }

  #banner div.et_pb_container.clearfix div.et_pb_button_wrapper > a,
  .home-page-header h4 {
    font-size: 16px !important;
  }

  .engage-content .panel-header {
    font-size: 20px !important;
    word-wrap: normal;
  }

  .panel-button a,
  .engage-content h5 {
    font-size: 14px !important;
  }
  
}

body {
  font-family: Poppins-Medium !important;
  font-size: 100%;
}

body h1,
body h2,
body h3 {
  font-family: Poppins-Bold !important;
}

body h4,
body h5,
body h6,
body p,
body a {
  font-family: Poppins-Regular !important;
}

div.et_pb_text ol li, div.et_pb_text ul li {
  font-family: Poppins-Regular !important;
}

#main-header a {
  font-family: Poppins-Light !important;
}

#main-header {
  background-color: #ffffff !important;
  color: #000000 !important;
}

#main-header #top-menu-nav .menu-item a {
  color: #000000 !important;
  padding-right: 15px !important;
  font-size: 16px !important;
}

#main-header #top-menu-nav .current-menu-item > a,
#main-header #top-menu-nav .current-menu-parent > a,
#main-header #top-menu-nav .current-menu-parent .current-menu-item a {
  color: #f59c40 !important;
}

#et_mobile_nav_menu > div > span.mobile_menu_bar.mobile_menu_bar_toggle::before {
  color: #000000 !important;
}

#et_mobile_nav_menu > div > #mobile_menu {
  background-color: #ffffff !important;
  color: #000000 !important;
}

#et_mobile_nav_menu > div > #mobile_menu .menu-item > a {
  color: #000000;
}

#et_mobile_nav_menu > div > #mobile_menu .current-menu-item a {
  color: #f59c40 !important;
}

#signup-button {
  /* transition: all .50s ease-in-out !important; */
  background-color: #f59c40;
  color: #ffffff;
  border-radius: 3px;
  padding: 0 20px;
}

#signup-button:hover {
  background-color: #c75418;
  border-color: #be5017;
}

#page-side-bar #side-bar-content .header-content div {
  position: relative;
}

#side-bar-content > div.et_pb_fullwidth_header_container.left > div > div > div {
  line-height: 0.9em;
}

#page-side-bar #side-bar-content .header-content a::before {
  display: none;
  content: '';
  width: 14px;
  height: 14px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background-color: #f49c3f;
  position: absolute;
}

#page-side-bar #side-bar-content .header-content a.mPS2id-highlight::before {
  display: inline-block;
}

#page-side-bar #side-bar-content .header-content a::after {
  transition: all .20s ease-in-out !important;
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  border: 2px solid rgba(120, 125, 127, .8);
  position: absolute;
  top: 2px;
  left: 2px;
}

#page-side-bar #side-bar-content .header-content a:hover:after {
  border: 2px solid #f49c3f !important;
}

#page-side-bar #side-bar-content .header-content a span {
  display: none;
  opacity: 0;
  animation: fade 0.5s ease-in-out !important;
  position: absolute;
  left: -10px;
  top: -9px;
  font-size: 16px;
  color: #000000;
  padding: 7px 15px 7px 33px;
  background-color: #ffffff;
  border-radius: 35px;
  border: 1px solid rgba(120, 125, 127, .8);
  white-space: nowrap;
}

#page-side-bar #side-bar-content .header-content a:hover span {
  display: block;
  opacity: 1
}

#products {
  min-height: 1050px;
}

.product-features {
  min-height: 875px !important;
}

#products .product-diagram {
  background-image: url("/wp-content/uploads/product_diagram/bg.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 550px;
  width: 100%;
}

#products .product-diagram {
  padding-top: 90px;
  width: 365px;
  left: 0;
  right: 0;
  margin: auto;
}

#products .products-block .product-diagram {
  position: absolute;
}

#products .product-diagram > div {
  background-repeat: no-repeat;
  background-position: center;
  width: 75px;
  height: 75px;
  position: absolute;
}

#products .product-diagram .facebook {
  background-image: url("/wp-content/uploads/product_diagram/fb.png");
  margin-top: 80px;
  margin-left: 123px;
}

#products .product-diagram .messenger {
  background-image: url("/wp-content/uploads/product_diagram/messenger.png");
  margin-top: 105px;
  margin-left: 230px;
}

#products .product-diagram .sms {
  background-image: url("/wp-content/uploads/product_diagram/sms.png");
  margin-top: 140px;
  margin-left: 50px;
}

#products .product-diagram .voice {
  background-image: url("/wp-content/uploads/product_diagram/call.png");
  margin-top: 165px;
  margin-left: 160px;
}

#products .product-diagram .engagespark {
  background-image: url("/wp-content/uploads/product_diagram/brand_logo.png");
  margin-top: 230px;
  margin-left: 85px;
  width: 200px;
}

@-webkit-keyframes spaceboots {
  0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
  10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
  20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
  30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
  40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
  50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
  70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
  80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
  90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
  100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.shake:hover,
.shake:focus {
  -webkit-animation-name: spaceboots;
  -webkit-animation-duration: 0.8s;
  -webkit-transform-origin:50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

#products .product {
  padding: 15px;
  border-radius: 15px;
  min-width: 350px;
  border: 2px rgba(255, 255, 255, 0) solid;
  min-height: 140px;
  width: 40%;
}

#products .products-block .product {
  position: absolute !important;
  z-index: 2;
}

#products .mobile-products-block .product {
  position: relative !important;
  max-width: none;
  width: 100%;
}

#products .product:hover {
  border: 2px #3280a9 solid;
  background-color: #ffffff;
}

#products .product .content {
  width: 98%;
  height: 100%;
  padding: 15px 10px 0 10px;
}

#products .mobile-products-block .product .content {
  margin-left: 120px;
  padding-right: 100px;
}

#products .product .content p.title {
  transition: all 0.5s ease-in-out !important;
  animation: fade 0.5s ease-in-out !important;
  padding-top: 25px;
  font-weight: bold;
  font-size: 18px;
}

#products .product:hover .content p.title {
  padding-top: 0px;
  color: #3280a9;
}

#products .product .content p.details {
  transition: all 0.5s ease-in-out !important;
  animation: fade 0.5s ease-in-out !important;
  display: none;
  font-size: 14px;
  line-height: 1.5em;
}

#products .product:hover .content p.details {
  display: block;
}

#products .product .image {
  top: 15px;
  position: absolute;
}

#products .products-block .customer-engagement > div,
#products .products-block .developer-engagement > div,
#products .products-block .employee-engagement > div,
#products .products-block .applicant-engagement > div {
  display: inline-block;
}

#products .products-block .customer-engagement {
  padding-right: 125px;
  top: 5px;
  right: 60%;
}

#products .products-block .developer-engagement {
  padding-right: 125px;
  top: 250px;
  right: 68%;
}

#products .products-block .employee-engagement {
  padding-left: 125px;
  top: 5px;
  left: 60%;
}

#products .products-block .applicant-engagement {
  padding-left: 125px;
  top: 250px;
  left: 68%;
}

#products .products-block .constituent-engagement {
  padding-top: 125px;
  top: 457px;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

#products .products-block .prescreen {
  padding-right: 125px;
  top: 150px;
  right: 66%;
}

#products .products-block .appchat {
  padding-right: 125px;
  top: 270px;
  right: 58%;
}

#products .products-block .refer {
  padding-left: 125px;
  top: 150px;
  left: 66%;
}

#products .products-block .offline {
  padding-left: 125px;
  top: 270px;
  left: 58%;
}

#products .products-block .product-left .content,
#products .products-block .developer-engagement .content,
#products .products-block .customer-engagement .content {
  text-align: right;
}

#products .products-block .product-left .image,
#products .products-block .developer-engagement .image,
#products .products-block .customer-engagement .image {
  right: 20px;
}

#products .products-block .product-right .content,
#products .products-block .applicant-engagement .content,
#products .products-block .employee-engagement .content {
  text-align: left;
}

#products .products-block .product-right .image,
#products .products-block .applicant-engagement .image,
#products .products-block .employee-engagement .image {
  left: 20px;
}

#products .products-block .constituent-engagement .image {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
}

#products .product .image {
  transition: all 0.5s ease-in-out !important;
  animation: fade 0.5s ease-in-out !important;
}

#products .product .image img {
  margin-top:  -15px;
}

#products .customer-engagement:hover .image img {
  content: url("/wp-content/uploads/product_diagram/customer_hover.png");
}

#products .developer-engagement:hover .image img {
  content: url("/wp-content/uploads/product_diagram/developer_hover.png");
}

#products .employee-engagement:hover .image img {
  content: url("/wp-content/uploads/product_diagram/employee_hover.png");
}

#products .applicant-engagement:hover .image img {
  content: url("/wp-content/uploads/product_diagram/applicant_hover.png");
}

#products .constituent-engagement:hover .image img {
  content: url("/wp-content/uploads/product_diagram/constituent_hover.png");
}

.et_pb_bg_layout_light .engage-content .panel-header {
  color: #3280ab;
}

.panel-header span {
  color: #f59c40;
}

.engage-content ul li {
  list-style: none;
  position: relative;
  padding-left: 20px;
  font-size: 16px;
}

.engage-content ul li:before {
  font-family: 'ETmodules';
  content: "\3d";
  font-size: 16px;
  font-weight: bold !important;
  margin-right: 5px;
  position: absolute;
  top: -1px;
  left: -6px;
}

.et_pb_bg_layout_light .engage-content ul li:before {
  color: #3280ab;
}

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

.panel-button > div {
  display: inline-block;
  height: 50px;
}

.panel-button .btn {
  padding: 10px 30px;
  font-size: 16px;
  border-radius: 4px;
  font-weight: bold;
  margin-right: 30px;
  cursor: pointer;
}

.panel-button .btn:hover {
  opacity: 0.8;
}

.btn-default {
  background-color: #ffffff;
  color: #3280a9;
}

.btn-primary {
  background-color: #f59c40; 
  color: #ffffff;
}

.btn-classic {
  background-color: #555555;
  color: #ffffff;
}

#spotlight .spotlight h2 {
  padding-bottom: 50px;
}

#spotlight .spotlight h4 {
  color: #3280ab;
  font-size: 22px;
  font-weight: bold;
}

#spotlight .spotlight .quote {
  font-family: Poppins-Light;
  font-style: italic;
  font-size: 18px;
  padding: 0 0 0 0;
  line-height: 2em;
  color: #4f4f4f !important;
  padding-top: 70px;
}

#spotlight .spotlight .quote::before {
  content: "\201C";
  font-size: 500px;
  padding-top: 140px;
  position: absolute;
  left: -220px;
  color: #d5d5d5;
}

#spotlight .spotlight .quote::after {
  content: "\201D";
  font-size: 500px;
  position: absolute;
  padding-top: 105px;
  right: -90px;
  color: #d5d5d5;
}

#spotlight .spotlight .customer-details {
  padding-top: 50px;
}

#spotlight .spotlight .customer-details img {
  height: 170px;
  width: auto;
  border-radius: 100px;
  padding: 10px 0;
  background-color: #f59c40;
  color: #d5d5d5;
}

#spotlight .spotlight .customer-details p {
  padding-top: 20px
}

#spotlight .spotlight .customer-details .name {
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  line-height: 2em;
}

#spotlight .spotlight .customer-details .title {
  font-size: 16px;
  color: #4f4f4f;
}

#main-footer a,
#main-footer span {
  font-family: Poppins-Light !important;
  color: #676767 !important;
  font-size: 16px;
  line-height: 2em;
}

#main-footer h4 {
  font-family: Poppins-Regular !important;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  color: #dedede;
}

#main-footer .row {
  width: 90%;
  margin: auto;
  padding: 20px 5px;
}

#main-footer .col-1 {
  padding: 5px 3px;
  width: 8.25%;
}
#main-footer .col-2 {
  padding: 5px 3px;
  width: 16.50%;
}
#main-footer .col-3 {
  padding: 5px 3px;
  width: 24.75%;
}
#main-footer .col-4 {
  padding: 5px 3px;
  width: 33%;
}
#main-footer .col-5 {
  padding: 5px 3px;
  width: 41.25%;
}
#main-footer .col-6 {
  padding: 5px 3px;
  width: 49.75%;
}
#main-footer .col-7 {
  padding: 5px 3px;
  width: 57.75%;
}
#main-footer .col-8 {
  padding: 5px 3px;
  width: 66%;
}
#main-footer .col-9 {
  padding: 5px 3px;
  width: 74.25%;
}
#main-footer .col-10 {
  padding: 5px 3px;
  width: 82.50%;
}
#main-footer .col-11 {
  padding: 5px 3px;
  width: 90.75%;
}
#main-footer .col-12 {
  padding: 5px 3px;
  width: 99%;
}

#main-footer .row div {
  display: inline-table;
}

#main-footer {
  color: #676767 !important;
}

#main-footer .custom-footer-navbar {
  background-color: #2d2d2d !important;
  padding: 50px 0 30px 0 !important;
}

#main-footer .custom-footer-navbar .logo-content img {
  padding-left: 50px;
}

#main-footer .custom-footer-navbar a {
  color: #676767 !important;
  font-size: 16px;
  line-height: 2em;
}

#main-footer .custom-footer-navbar .icon-phone::before {
  font-family: 'ETmodules';
  font-size: 16px;
  font-weight: bold !important;
  content: "\e090";
  padding-right: 10px;
}

#main-footer .custom-footer-navbar .icon-mail::before {
  font-family: 'ETmodules';
  font-size: 16px;
  font-weight: bold !important;
  content: "\e076";
  padding-right: 10px;
}

#main-footer .custom-footer-navbar .icon-pin::before {
  font-family: 'ETmodules';
  font-size: 16px;
  font-weight: bold !important;
  content: "\e081";
  padding-right: 10px;
}

#main-footer .custom-footer-navbar .link {
  color: #dedede !important;
}

#main-footer .custom-footer {
  background-color: #272727 !important;
}

#main-footer .custom-footer .copyright span {
  padding: 5px;
}

#main-footer .custom-footer .social-block {
  float: right;
}

#main-footer .custom-footer .social-block span {
  margin-right: 10px;
}

#main-footer .custom-footer .social::before {
  font-family: 'ETmodules';
  font-size: 16px;
  font-weight: bold !important;
  background-color: #464646;
  color: #dedede;
  padding: 11px;
  border-radius: 20px;
}

#main-footer .custom-footer .social-facebook::before {
  content: "\e093";
}

#main-footer .custom-footer .social-twitter::before {
  content: "\e094";
}

#main-footer .custom-footer .social-youtube::before {
  content: "\e0a3";
}

#main-footer .custom-footer .social-linkedin::before {
  content: "\e09d";
}

#banner .et_pb_slide_overlay_container {
  z-index: 0 !important;
}

#banner > div > div > div > div.et_pb_container.clearfix > div > div > div.et_pb_button_wrapper {
  text-align: center !important;
}

#products > div.et_pb_row.et_pb_row_0 > div > div.et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_center.et_pb_text_1 {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

#banner .et_pb_slider_container_inner {
  display: inherit !important;
}

#banner div.et_pb_container.clearfix {
  display: block;
}

#main-footer .copyright > div {
  border: none !important;
  padding: 0 !important;
}
.sub-menu-columns ul.sub-menu {
  width: 560px !important;
}
.sub-menu-columns ul.sub-menu li {
  display: inline-block !important;
  float: left !important;
  width: 270px !important;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
  float: left !important;
  margin-right: 10px !important;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
  float: right !important;
}
.sub-menu-columns > ul {
  left: -250px !important;
}