/*
  Theme Name: FlowXDigital
  Theme URI: https://flowx.digital/
  Author: FlowX Digital
  Author URI: https://flowx.digital/
  Description: FlowX Digital designed and developed for the FlowX Digital website use only
  Tags: flowxdigital
  Version: 1.0
  Requires at least: 5.0
  Tested up to: 5.4
  Requires PHP: 7.0
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.htpl
  Text Domain: flowxdigital
  This theme, like WordPress, is licensed under the GPL.
*/

body {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  background: #fff;
  color: #5f6368
}
h1, h2, h3 {
  color: #353a42;
  text-transform: uppercase;
  font-weight: 900
}
h1 {
  color: #202124;
  font-weight: 900;
  font-size: 40px
}
h2 {
  font-size: 30px
}
h3 {
  font-size: 20px
}
a {
  color: #0c6ffd;
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
  text-underline-offset: .3ex;
  transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s;
}
a:hover {
  text-decoration-thickness: 0.8px;
  text-underline-offset: .5ex;
  transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s;
}
img {
  width: 100%
}
p {
  padding: 0px;
  margin: 0px
}
label {
  font-weight: 700;
  margin-bottom: 5px
}
.form-control::placeholder {
  color: #b8c8dd !important;
}

.site-content {
  padding: 40px 0px 60px 0px
}

.container {
  position: relative
}

.block-header {
  text-align: center;
  margin: 0px 0px 40px
}
.sub-header {
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
  margin: -35px 0px 40px
}

.white-sm-block {
  padding: 15px;
  background: #fff;
  text-shadow: 1px 1px #fff;
  color: #5c5c5c;
  -webkit-border-radius: 4px;
  border-radius: 4px
}
.white-sm-block b {
  color: #000
}
.gray-block {
  padding: 120px 0px 100px 0px;
  margin: 0px 0px 100px;
  background: #f8f9fa
}
.f-alert {
  display: flex;
  color: #556b8c;
  background: #f9fbff;
  border: 1px solid #e6effd;
  -webkit-border-radius: 12px;
  border-radius: 12px
}
.f-alert i {
  color: #a2c8ff;
  font-size: 30px;
  margin-right: 15px
}
.f-alert h2, .f-alert .sub-header {
  margin: 0px;
  text-align: left
}
.f-alert h2 {
  font-weight: 700
}
.f-alert .sub-header {
  margin: 2px 0px 15px
}

.header {
  padding: 0px 20px;
  border: 1px solid #dbdce0;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.12), inset 0 -1px 0 0 #dadce0;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.12), inset 0 -1px 0 0 #dadce0;
}

.logo {
  position: absolute;
  top: 14px;
  left: 0px
}

.logo img {
  width: auto;
  height: 30px
}

.menu-toggle {
  display: none
}
.navigation {
  padding: 7px 0px;
  text-align: right
}
.navigation ul {
  margin: 0px;
  padding: 0px;
  list-style: none
}
.navigation ul li, .navigation ul li a {
  display: inline-block
}
.navigation ul li a {
  text-decoration: none;
  color: #5f6368;
  font-size: 15px;
  font-weight: 400;
  padding: 0px 15px
}
.navigation ul li a:hover {
  color: #000
}
.navigation ul li:nth-last-child(2) a {
  display: flex;
  align-items: center;
  height: 48px;
  border: 1px solid #dbdce0;
  margin-left: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.navigation ul li:last-child a {
  display: flex;
  align-items: center;
  height: 48px;
  color: #fff;
  background: #1a73e8;
  margin-left: 10px;
  padding: 0px 15px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.navigation ul li:last-child a:hover {
  background: #0a58ca
}
.navigation ul li:last-child a i {
  margin-left: 15px;
  padding: 16px 0px 16px 20px;
  border-left: 1px solid #184ea7
}

.footer {
  border-top: 1px solid #dbdce0;
  padding: 30px 0px;
}
.footer-bottom {
  display: flex;
  align-items: center;
  color: #777;
  font-size: 15px
}
.footer-bottom img {
  width: auto;
  height: 25px
}
.footer-bottom a {
  text-decoration: none;
  color: #5f6368;
  font-size: 15px;
  font-weight: 400;
  margin-left: 30px;
  padding: 0px
}
.footer-bottom a:first-child {
  margin-left: 0px;
}
.footer-bottom a:hover {
  color: #000
}
.fb-right {
  justify-content: flex-end;
}
.fb-right a {
  color: #000;
  text-decoration: underline;
  margin: 0px
}
.fb-right a:hover {
  text-decoration: none;
}
.fb-right a i {
  color: #5f6368;
  font-size: 25px;
  margin-left: 20px
}
.fb-right a i:hover {
  color: #000
}

.main-actions a {
  margin-right: 10px
}
.sl-phone {
  position: relative
}
.sl-phone-bg img {
  width: auto;
  max-height: 600px
}
.sl-phone-google {
  position: absolute;
  right: 102px;
  top: 70px;
  display: inline-block
}
.sl-phone-google img {
  height: 30px
}
.sl-phone-search {
  position: absolute;
  right: 30px;
  top: 105px;
  width: 235px;
  height: 33px;
  border: 1px solid #dbdce0;
  -webkit-border-radius: 25px;
  border-radius: 25px
}
.sl-phone-search .fa-search {
  position: absolute;
  left: 7px;
  top: 7px;
  color: #dbdce0
}
.sl-phone-search .fa-microphone {
  position: absolute;
  right: 10px;
  top: 7px;
  color: #dbdce0
}
.sl-search-types {
  position: absolute;
  right: 27px;
  top: 135px;
}
.sl-search-types span {
  display: inline-block;
  height: 10px;
  width: 62px;
  background: #dbdce0;
  margin-right: 5px;
  -webkit-border-radius: 25px;
  border-radius: 25px
}
.sl-search-types span:first-child {
  background: #acacac;
  width: 30px;
}
.sl-single-result {
  width: 235px;
  position: absolute;
  right: 30px;
  top: 180px;
}
.sl-single-result .sl-icon {
  position: absolute;
  left: 2px;
  top: 0px;
  background: #fbbc00;
  width: 15px;
  height: 15px;
}
.sl-single-result .sl-title {
  position: absolute;
  left: 23px;
  top: 2px;
  background: #acacac;
  width: 210px;
  height: 10px;
  -webkit-border-radius: 25px;
  border-radius: 25px
}
.sl-single-result .sl-url {
  position: absolute;
  left: 23px;
  top: 16px;
  background: #dbdce0;
  width: 180px;
  height: 10px;
  -webkit-border-radius: 25px;
  border-radius: 25px
}
.sl-single-result .sl-1stline, .sl-single-result .sl-2ndline, .sl-single-result .sl-3rdline {
  position: absolute;
  left: 23px;
  top: 30px;
  background: #dbdce0;
  width: 210px;
  height: 5px;
  -webkit-border-radius: 25px;
  border-radius: 25px
}
.sl-single-result .sl-2ndline {
  top: 40px;
  width: 180px;
}
.sl-single-result .sl-3rdline {
  top: 50px;
  width: 120px;
}
.slsr2 {
  top: 253px;
}
.slsr3 {
  top: 325px;
}
.slsr4 {
  display: none;
  top: 455px;
}
.sl-client-result {
  position: absolute;
  top: 390px;
  right: 87px;
  background: #fff;
  padding: 10px;
  border: 1px solid #dbdce0;
  width: 255px;
  height: 100px;
  -webkit-border-radius: 8px;
  border-radius: 8px
}
.sl-client-result .sl-icon {
  background: #34a854
}
.sl-client-result-inner {
  position: relative
}
.sl-client-result-final {
  right: 30px;
  width: 235px;
  height: auto;
  padding: 0px;
  border: 0px solid #fff;
}
.sl-arrow-up {
  position: absolute;
  top: 0px;
  right: -60px;
  font-size: 30px;
  color: #34a854
}
.sl-phone-stats {
  position: absolute;
  top: 341px;
  left: 0px;
  z-index: 99;
  text-align: left;
  width: 170px;
  padding: 10px;
  background: #dbdce0;
  -webkit-border-radius: 12px;
  border-radius: 12px
}
.sl-phone-stats-single {
  color: #000;
  padding: 5px 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px
}
.sl-phone-stats-single div:first-child {
  font-size: 15px;
  color: #97a3b2
}
.sl-phone-stats-single i {
  color: #34a854
}
.sl-phone-stats .sl-phone-stats-single:first-child {
  margin-bottom: 10px
}
.sl-gif {
  position: absolute;
  top: 320px;
  left: -20px;
  z-index: 99;
  display: none;
  width: 250px;
}
.sl-line {
  position: absolute;
  right: 30px;
  bottom: 80px;
  background: #dbdce0;
  width: 235px;
  height: 1px
}

.seo-powered-by {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 900px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 80px auto -47px auto;
  padding: 20px;
  text-shadow: 1px 1px #fff;
  background: #f8f9fa;
  border: 6px solid #fff;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  text-align: center
}
.seo-powered-by img {
  width: 120px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.challenges-block {
  position: relative;
  z-index: 1;
  padding: 120px 0px 100px 0px;
  margin: 0px 0px 100px;
  background: #f8f9fa
}
.challenges-block .block-header i {
  color: #34a854
}
.challenges-block a {
  font-weight: 900;
  color: #34a854
}

.marketplace-block {
  padding-bottom: 80px
}
.marketplace-block .block-header i {
  color: #4385f5
}
.product-card {
  background: #fff;
  color: #000;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 16px 0px #e2e2e2;
  box-shadow: 0 3px 16px 0px #e2e2e2;
}
.product-card a {
  color: #000;
  text-decoration-color: #0c6ffd
}
.product-card a.pc-img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 250px;
  border-bottom: 1px solid #eee;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  transition: transform 0.3s ease-in-out; /* Add a smooth transition effect */
}
.col-md-3 .product-card a.pc-img {
  height: 180px;
}
.product-card:hover a.pc-img {
  transform: scale(1.1);
}
.product-card h3, .product-card .pc-text, .product-card .pc-footer {
  margin: 0px;
  padding: 15px 20px 0px
}
.product-card h3 {
  position: relative;
  z-index: 2;
  background: #fff
}
.product-card h3 a {
  color: #000
}
.product-card .pc-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #97a3b2;
  padding-bottom: 15px
}
.product-card .pc-footer a {
  font-size: 14px;
}

.page-main-block {
  color: #000;
  margin-bottom: 60px
}
.page-main-block h1 {
  color: #a4b7d0
}
.page-main-block h2 {
  color: #000;
  margin: 20px 0px
}
.page-main-block .col-md-5 {
  background: #fff;
  margin-left: -150px;
  width: calc(150px + 41.66666667%);
  padding: 30px 40px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 3px 16px 0px #e2e2e2;
  box-shadow: 0 3px 16px 0px #e2e2e2
}

.marketplace {
  padding: 60px 0px
}
.marketplace .block-header i {
  color: #0c6ffd
}
.marketplace .product-card h3 {
  font-size: 18px
}
.marketplace .product-card .pc-footer {
  display: block;
  margin-top: 15px;
  padding: 0px
}
.marketplace .product-card .pc-footer a {
  text-decoration: none;
  font-size: 16px;
  display: block;
  background: #0c6ffd;
  padding: 10px;
  margin: 0 -20px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700
}
.marketplace .product-card .pc-footer a:hover {
  background: #0a58ca
}
.marketplace .product-card .pc-footer a i {
  color: #a2c8ff;
  margin-left: 5px
}

.styled1 {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 3px 16px 0px #e2e2e2;
  box-shadow: 0 3px 16px 0px #e2e2e2;
}

h1.post-title {
  margin: 40px 0px 30px
}
.post-title-breadcrumps {
  font-size: 15px;
  margin-bottom: 40px
}
.post-content {
  color: #000
}
.post-content p, .post-content ul, .post-content pre {
  margin-bottom: 30px
}
.post-content h2 {
  margin: 30px 0px
}
.post-content h3, .post-content h4, .post-content h5, .post-content h6 {
  margin: 20px 0px
}

.featured-img {
  width: 100%;
  height: 300px;
  overflow: hidden;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

.owner-message {
  display: flex;
  align-items: flex-end
}
.owner-message .om-img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}
.owner-message .om-message {
  --r: 12px; /* the radius */
  --t: 30px; /* the size of the tail */
  width: calc(100% - 100px);
  padding: 25px 20px;
  -webkit-mask: 
    radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) 
      var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,
    conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) 
      calc(var(--r)/-2) calc(var(--r)/-2) padding-box, 
    radial-gradient(50% 50%,#000 98%,#0000 101%) 
      0 0/var(--r) var(--r) space padding-box;
  background: #f1f1f1;
  color: #000;
  --_d: 0%;
  border-left: var(--t) solid #0000;
  margin-right: var(--t);
  place-self: start
}
.sticky-container {
  position: sticky;
  top: 20px;
}
.sticky-block {
  background: #f1f1f1;
  padding: 20px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.sb-sticky-content {
  display: flex;
}
.sb-sc-action-icon {
  color: #0a58ca;
  font-size: 30px;
  margin-right: 20px
}
.article-sm-card .sm-card {
  position: relative;
  height: 100%;
  padding: 15px;
  padding-bottom: 55px;
  -webkit-box-shadow: 0 2px 16px #0000001a;
  box-shadow: 0 2px 16px #0000001a;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.article-sm-card table {
  width: 100%;
}
.article-sm-card table tr td:first-child {
  padding-right: 15px;
  font-weight: bold;
  font-size: 20px;
}
.article-sm-card .featured-img-container {
  overflow: hidden;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.article-sm-card .featured-img {
  width: 170px;
  height: 135px;
  padding-left: 20px;
  margin: 0px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.article-sm-card .sm-card .sm-card-footer {
  position: absolute;
  width: calc(100% - 30px);
  display: inline;
  margin: 0px;
  padding: 5px 0px;
  border-top: 1px solid #dfe1e4;
  bottom: 5px;
  left: 15px;
}
.entry-author {
  color: #111827;
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
  font-size: 15px;
  line-height: 20px;
}
.entry-date {
  font-size: 14px;
  line-height: 20px;
  color: #6b7280;
}
.post-categories {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.post-categories li {
  display: inline-block;
}
.post-categories li a {
  font-weight: 900;
  margin-right: 10px;
  display: inline-block;
  font-size: 15px;
}
.post-categories li a::before {
  content: '#';
}

.error-404 {
  color: #a4b7d0;
  font-size: 240px
}

.contact-form {
  padding: 30px;
  border: 1px solid #dbdce0;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.12), inset 0 -1px 0 0 #dadce0;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.12), inset 0 -1px 0 0 #dadce0;
}

.button-wrapper {
  background: #f1f1f1;
  padding: 20px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.button-wrapper-text {
  color: #000;
  margin-bottom: 20px;
  font-weight: bold;
}

.btn {
  display: inline-flex;
  align-items: center;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}
.btn i {
  margin-left: 15px;
  padding: 16px 0px 16px 20px;
}
.btn-primary i {
  border-left: 1px solid #184ea7
}
.btn-light i {
  border-left: 1px solid #dbdce0
}
.btn-light {
  border: 1px solid #dbdce0;
  background: #fff
}
.btn-light:hover {
  color: #0a58ca;
  background: #fff
}
.btn-primary:hover {
  background: #0a58ca
}
.wpcf7-submit {
  padding-left: 50px;
  padding-right: 50px
}
.form-control {
  padding: 10px
}
textarea.form-control {
  height: 150px;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  font-size: 15px;
  margin-top: 3px
}
.wpcf7-response-output {
  padding: 15px 20px !important;
  margin: 20px 0px !important;
  -webkit-border-radius: 12px;
  border-radius: 12px
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  color: #664d03 !important;
  font-size: 15px !important;
  background-color: #fff3cd !important;
  border: 1px solid #ffecb5 !important
}
.wpcf7 form.sent .wpcf7-response-output {
  color: #0f5132 !important;
  font-size: 15px !important;
  background-color: #d1e7dd !important;
  border: 1px solid #badbcc !important
}
.form-field-help-text {
  font-size: 15px;
  margin: 5px 0px 0px 0px;
  color: #999
}
.grecaptcha-badge {
  display: none;
}


/* CSS Defaults */
  /* FONT */
    .font8{font-size: 8px;line-height:125%}.font9{font-size: 9px; line-height:125%}.font10{font-size: 10px; line-height:125%}.font11{font-size: 11px; line-height:125%}.font12{font-size: 12px; line-height:125%}.font13{font-size: 13px; line-height:125%}.font14{font-size: 14px; line-height:125%}.font15{font-size: 15px; line-height:125%}.font16{font-size: 16px; line-height:125%}.font17{font-size: 17px; line-height:125%}.font18{font-size: 18px; line-height:125%}.font19{font-size: 19px; line-height:125%}.font20{font-size: 20px; line-height:125%}.font21{font-size: 21px; line-height:125%}.font22{font-size: 22px; line-height:125%}.font23{font-size: 23px; line-height:125%}.font24{font-size: 24px; line-height:125%}.font25{font-size: 25px; line-height:125%}.font26{font-size: 26px; line-height:125%}.font27{font-size: 27px; line-height:125%}.font28{font-size: 28px; line-height:125%}.font29{font-size: 29px; line-height:125%}.font30{font-size: 20px; line-height:125%}.font35{font-size: 35px; line-height:125%}.font40{font-size: 40px; line-height:125%}.font45{font-size: 45px; line-height:125%}.font50{font-size: 50px; line-height:125%}.font55{font-size: 55px; line-height:125%}.font60{font-size: 60px; line-height:125%}
  /* COLOR */
	  .text-white{color:#fff}.text-yellow{color:#ffbc00}.text-red{color:#f5151c}.text-black{color:#000}.text-green{color:#36958e}.text-blue{color: #136cc2}.text-brown{color: #8a6d3b}.text-gray{color: #a3adbd}.text-cyan{color: #15A7C3}.text-orange{color: #FF8A0E}
  /* BACKGROUND */
    .no-bg{background: none}.bg-light-yellow{background:#fbefc8}.bg-light-red{background:#fce8e6}.bg-light-gray{background: #edf1f5}.gray-bg{background: gray}.white-bg{background: white}.light-green{background:#dff0d8}.light-yellow{background:#fcf8e3}.light-red{background:#f2dede}.light-blue{background:#eaf3f8}
  /* MARGIN */
    .mall-0{margin: 0px}.mall-5{margin: 5px}.mall-10{margin: 10px}.mall-15{margin: 15px}.mall-20{margin: 20px}.mall-25{margin: 25px}.mall-30{margin: 30px}.mall-35{margin: 35px}.mall-40{margin: 40px}.mall-45{margin: 45px}.mall-50{margin: 50px}
    .mt-0{margin-top: 0px}.mt-5{margin-top: 5px}.mt-10{margin-top: 10px}.mt-15{margin-top: 15px}.mt-20{margin-top: 20px}.mt-25{margin-top: 25px}.mt-30{margin-top: 30px}.mt-35{margin-top: 35px}.mt-40{margin-top: 40px}.mt-45{margin-top: 45px}.mt-50{margin-top: 50px}.mt-55{margin-top: 55px}.mt-60{margin-top: 60px}.mt-65{margin-top: 65px}.mt-70{margin-top: 70px}.mt-80{margin-top: 80px}.mt-90{margin-top: 90px}.mt-100{margin-top: 100px}.mt-200{margin-top: 200px}
    .mb-0{margin-bottom: 0px}.mb-5{margin-bottom: 5px !important}.mb-10{margin-bottom: 10px}.mb-15{margin-bottom: 15px}.mb-20{margin-bottom: 20px}.mb-25{margin-bottom: 25px}.mb-30{margin-bottom: 30px}.mb-35{margin-bottom: 35px}.mb-40{margin-bottom: 40px}.mb-45{margin-bottom: 45px}.mb-50{margin-bottom: 50px}.mb-55{margin-bottom: 55px}.mb-60{margin-bottom: 60px}.mb-65{margin-bottom: 65px}.mb-70{margin-bottom: 70px}.mb-80{margin-bottom: 80px}.mb-90{margin-bottom: 90px}.mb-100{margin-bottom: 100px}.mb-200{margin-bottom: 200px}
    .ml-0{margin-left: 0px}.ml-5{margin-left: 5px}.ml-10{margin-left: 10px}.ml-15{margin-left: 15px}.ml-20{margin-left: 20px}.ml-25{margin-left: 25px}.ml-30{margin-left: 30px}.ml-35{margin-left: 35px}.ml-40{margin-left: 40px}.ml-45{margin-left: 45px}.ml-50{margin-left: 50px}
    .mr-0{margin-right: 0px}.mr-5{margin-right: 5px}.mr-10{margin-right: 10px}.mr-15{margin-right: 15px}.mr-20{margin-right: 20px}.mr-25{margin-right: 25px}.mr-30{margin-right: 30px}.mr-35{margin-right: 35px}.mr-40{margin-right: 40px}.mr-45{margin-right: 45px}.mr-50{margin-right: 50px}
  /* PADDING */
    .pall-0{padding: 0px}.pall-5{padding: 5px}.pall-10{padding: 10px}.pall-15{padding: 15px}.pall-20{padding: 20px}.pall-25{padding: 25px}.pall-30{padding: 30px}.pall-35{padding: 35px}.pall-40{padding: 40px}.pall-45{padding: 45px}.pall-50{padding: 50px}
    .pt-0{padding-top: 0px}.pt-5{padding-top: 5px}.pt-10{padding-top: 10px}.pt-15{padding-top: 15px}.pt-20{padding-top: 20px}.pt-25{padding-top: 25px}.pt-30{padding-top: 30px}.pt-35{padding-top: 35px}.pt-40{padding-top: 40px}.pt-45{padding-top: 45px}.pt-50{padding-top: 50px}.pt-55{padding-top: 55px}.pt-60{padding-top: 60px}.pt-65{padding-top: 65px}.pt-70{padding-top: 70px}.pt-80{padding-top: 80px}.pt-90{padding-top: 90px}.pt-100{padding-top: 100px}.pt-200{padding-top: 200px}
    .pb-0{padding-bottom: 0px}.pb-5{padding-bottom: 5px}.pb-10{padding-bottom: 10px}.pb-15{padding-bottom: 15px}.pb-20{padding-bottom: 20px}.pb-25{padding-bottom: 25px}.pb-30{padding-bottom: 30px}.pb-35{padding-bottom: 35px}.pb-40{padding-bottom: 40px}.pb-45{padding-bottom: 45px}.pb-50{padding-bottom: 50px}.pb-55{padding-bottom: 55px}.pb-60{padding-bottom: 60px}.pb-65{padding-bottom: 65px}.pb-70{padding-bottom: 70px}.pb-80{padding-bottom: 80px}.pb-90{padding-bottom: 90px}.pb-100{padding-bottom: 100px}.pb-200{padding-bottom: 200px}
    .pl-0{padding-left: 0px}.pl-5{padding-left: 5px}.pl-10{padding-left: 10px}.pl-15{padding-left: 15px}.pl-20{padding-left: 20px}.pl-25{padding-left: 25px}.pl-30{padding-left: 30px}.pl-35{padding-left: 35px}.pl-40{padding-left: 40px}.pl-45{padding-left: 45px}.pl-50{padding-left: 50px}
    .pr-0{padding-right: 0px}.pr-5{padding-right: 5px}.pr-10{padding-right: 10px}.pr-15{padding-right: 15px}.pr-20{padding-right: 20px}.pr-25{padding-right: 25px}.pr-30{padding-right: 30px}.pr-35{padding-right: 35px}.pr-40{padding-right: 40px}.pr-45{padding-right: 45px}.pr-50{padding-right: 50px}
  /* HELPERS */
    .clear{clear: both}.v-center{margin-top: auto; margin-bottom: auto}.nowrap{white-space: nowrap}.italic{font-style: italic}.hide{display: none}.line-through{text-decoration: line-through}.underline{text-decoration: underline}.pointer{cursor: pointer}.not-allowed{cursor:not-allowed}.uppercase{text-transform:uppercase}.inline{display: inline}.inline-block{display: inline-block}.block{display: block}.absolute{position: absolute}.relative{position: relative}.text-left{text-align: left}.text-center{text-align: center}.text-right{text-align: right}.font-slim{font-weight: 100}.font-normal{font-weight: 400}.font-bold{font-weight: 900}.font-xbold{font-weight: 900}.v-center{margin-top: auto;margin-bottom: auto}
  /* SHADOW */
    .shadow{-webkit-box-shadow: 0 2px 16px #0000001a; box-shadow: 0 2px 16px #0000001a}
  /* TRANSITION */
    .trans { transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s}
    .trans:hover { transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s}
  /* DIVIDERS */
    .divider {margin: 50px auto; height: 2px; width: 80%; background: #b3b3b3; background: linear-gradient(90deg, hsl(0deg 0% 100%), hsl(0, 0%, 70%), hsl(0deg 0% 100%))}
  /* ROUND CORNERS */
    .round-8 { -webkit-border-radius: 8px; border-radius: 8px}.round-20 { -webkit-border-radius: 20px; border-radius: 20px}
  /* BACKGROUND IMAGE */
    .background-image {background-position: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
/* END CSS Defaults */

@media screen and (max-width: 992px) {
  .hide-lg, .sl-phone-stats, .sl-gif {display: none !important}
  .seo-powered-by img {width: 80px}
  .button-wrapper {display: none}
}

@media screen and (max-width: 768px) {
  .hide-md {display: none}
  .m-mb20 {margin-bottom: 20px}
  .page-main-block .col-md-7 {display: none}
  .page-main-block .col-md-5 {margin-left: 10px; width: calc(100% - 20px); margin: 0px auto; padding: 20px}
}

@media screen and (max-width: 600px) {
  .seo-powered-by {display: block}
  .seo-powered-by div {width: 50%; float:left; margin-top: 20px}
  .seo-powered-by div:first-child, .seo-powered-by div:last-child {width: 100%;float:none; margin-top: 0px}
}

@media screen and (max-width: 550px) {
  .logo {left: 10px}
  .navigation ul li {display: none}
  .navigation ul li:nth-last-child(2) {display: inline-block}
  .header {padding: 0px}
}

@media screen and (max-width: 435px) {
  .sticky-container .btn {padding-left: 13px; padding-right: 15px}
  .sticky-container .btn i {padding: 15px 0px 16px 15px}
}

@media screen and (max-width: 400px) {
  .btn {padding-left: 10px; padding-right: 12px}
  .btn i {padding: 15px 0px 16px 12px}
}