@charset "UTF-8";

/* Version 2023.06 - 2023-06-15 18:00 */

/* BEGIN: ALL DEVICES */

/* Text */

a {text-decoration:none;color:inherit;}
a:hover, .link {text-decoration:underline;color:#e30414;}

h1 {font-size:2.0em;font-weight:900;}
h2 {font-size:1.6em;font-weight:700;}
h3 {font-size:1.4em;font-weight:500;}
h4 {font-size:1.2em;font-weight:300;}
h5 {font-size:1.0em;font-weight:100;}

/* Header */

.topbar {background:#F1F1F1;color:#666;font-size:14px;line-height:40px;padding:0 30px;}
.topbar a {color:inherit;}
.topbar a:hover {color:#e30414;}

.header {background:#FFF;}
.logo img {max-width:220px;max-height:50px;}
.claimtext {position:absolute;top:-999em;left:-999em;width:0;height:0;font-size:0;line-height:0;text-indent:-999em;overflow:hidden;}

.main-menu{position:inherit;top:inherit;left:inherit;right:inherit;width:auto;height:auto;transition:all .3s ease-in-out;}
.main-menu ul{text-align:left;padding:0;margin:0;}
.main-menu ul li{padding:15px 0;}
.main-menu ul li a span.badge.custom-nav-badge{position:absolute;top:0;right:-15px;}
.main-menu ul>li a{margin:0 0 0 20px; /*font-size:14px;color:#363232;*/display:block;font-weight:400; /*background-color:transparent;border-radius:0;padding:0;*/}
.main-menu ul>li .submenu{width:250px;background-color:#f4f7fa;border:1px solid #ebebeb;border-radius:4px;position:absolute;top:55px;left:-4.2em;right:0;visibility:hidden;opacity:0;transition:all .3s ease-in-out;transform:rotateX(-90deg) rotateY(0);transform-origin:0 0;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.12);box-shadow:0 2px 8px rgba(0,0,0,.12);}
.main-menu ul>li .submenu.dropdown-menu{margin:0;padding:0;}
.main-menu ul>li:hover .submenu{visibility:visible;opacity:1;transform:rotateX(0) rotateY(0);}
.dropdown:hover>.dropdown-menu {display:block;}
.dropdown>.dropdown-toggle:active {pointer-events:none;}
.main-menu ul>li .submenu> a{display:block;padding:7px 15px;margin:0;color:#363232;}
.main-menu ul>li .submenu> a:hover{background:#ebebeb;}
.main-menu ul>li .submenu> a:active{background:inherit;}
.main-menu ul>li .submenu:before,
.main-menu ul>li .submenu:after{content:'';height:0;width:0;position:absolute;pointer-events:none;border:12px solid transparent;border-bottom:12px solid #f4f7fa;top:-25px;left:calc(50% - 12px);}
.main-menu ul li.dropdown .dropdown-toggle::after{position:relative;top:2px;}

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

/* Breadcrumb */

.breadcrumb {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;-webkit-border-bottom-right-radius: 0.5rem;-webkit-border-bottom-left-radius: 0.5rem;-moz-border-radius-bottomright: 0.5rem;-moz-border-radius-bottomleft: 0.5rem;border-bottom-right-radius: 0.5rem;border-bottom-left-radius: 0.5rem;}
.breadcrumb li:first-child {padding-left:0;}
.breadcrumb li {display:inline-block;line-height:20px;color:#000;text-transform:uppercase;font-size:10px;font-family:rubik,Arial,Helvetica,sans-serif;font-weight:400;}
.breadcrumb li:before {content:">";margin:0 5px;}
.breadcrumb li:first-child:before {display:none}

/* Callout */

.bd-callout-info {--bd-callout-bg: rgba(var(--bs-info-rgb), .075);--bd-callout-border: rgba(var(--bs-info-rgb), .5);}
.bd-callout {padding: 1.25rem;margin-top: 1.25rem;margin-bottom: 1.25rem;background-color: var(--bd-callout-bg, var(--bs-gray-100));border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));}

/* Magazine */

.post-detail ol {--bd-callout-bg: rgba(var(--bs-info-rgb), .075);--bd-callout-border: rgba(var(--bs-info-rgb), .5);padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;background-color:var(--bd-callout-bg, var(--bs-gray-100));border-left:0.25rem solid var(--bd-callout-border, var(--bs-gray-300));clear:both;list-style:none;padding-left:2%;}
.post-detail ol li {margin:0 0 0.5em 20px;padding-left:0px;display:block;position:relative;counter-increment:inst;}
.post-detail ol li::before {content:counter(inst);background:#87e3f8;color:#fff;font-size:1em;font-weight:700;font-style:italic;text-shadow:1px 1px rgba(2, 91, 132, 0.5);border-radius:0 0.675em 0.675em 0;text-align:center;padding-top:0;padding-left:0.25%;left:-5%;height:1.5em;width:1.5em;position:absolute;transition:all 0.2s ease-in-out;z-index:-1;}
.post-detail img {max-width:100%;height:auto;}

.steps {clear:both;list-style:none;padding-left:2%;}
.steps li {margin:0 0 0.5em 0;padding-left:10px;display:block;position:relative;counter-increment:inst;}
.steps li::before {content:counter(inst);background:#87e3f8;color:#fff;font-size:1em;font-weight:700;font-style:italic;text-shadow:1px 1px rgba(2, 91, 132, 0.5);border-radius:0 0.675em 0.675em 0;text-align:center;padding-top:0;padding-left:0.25%;left:-5%;height:1.5em;width:1.5em;position:absolute;transition:all 0.2s ease-in-out;z-index:-1;}

.post-social {text-align:center;}
.post-social a.facebook {background-color:#3b5999;}
.post-social a {position:relative;display:inline-block;width:45px;height:45px;margin-right:10px;vertical-align:top;}
.post-social a.twitter {background-color:#55acee;}
.post-social a.pinterest {background-color:#bd081c;}
.post-social a.linkedin {background-color:#01a2dd;}
.post-social a.whatsapp {background-color:#1d9e11;}
.post-social a:last-child {margin-right:0;}
.post-social a i {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:20px;color:#ffffff;}

.side-item {overflow:hidden;position:relative;}
.side-image {float:none !important;margin:0 0 30px 0 !important;position:relative;}
.widget-blog .widget-title {margin-bottom:25px;margin-top:0;font-size:20px;font-weight:600;color:#000;}
/*.widget-blog.widget-recent-post .widget-content a {display:block;color:#000;font-weight:500;font-size:14px;}*/
.penci-image-holder {position:relative;width:100%;height:240px;background:#f5f5f5;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;overflow:hidden;}
.side-item-text {position:absolute;z-index:1;bottom:30px;padding:15px 10px 0 20px;left:20px;right:20px;background:#fff;}

/* Footer */

.newsletter {padding:80px 0 60px;background-color:#F1F1F1;}
.footer {padding:50px 0px 30px;border-top:solid 5px #f0af10;}
.bottom {padding:20px 0px 20px;}

.prj-name {font-size:2.4em;line-height:1em;font-weight:900;}
.prj-desc {font-size:1.5em;line-height:1.2em;font-weight:100;}

.phone {font-size:20px;font-weight:700;color:#fcb800;}

.list-social {margin:0;padding:0}
.list-social li {position:relative;display:inline-block;margin-right:20px;vertical-align:top}
.list-social li a {display:inline-block;font-size:18px;color:#666}
.list-social li a:hover {color:#fcb800}
.list-social li a.facebook i {color:#3b5998}
.list-social li a.twitter i {color:#0084b4}
.list-social li a.instagram i {color:#C32AA3}

.img-cp {max-height:35px;-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.img-cp:hover {-webkit-filter:grayscale(0%);filter:grayscale(0%);transition:all .5s;}

#back2top {position:fixed;bottom:80px;right:30px;width:45px;height:45px;z-index:10000;background-color:transparent;border:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2);-ms-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2);opacity:0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;display:none}
#back2top em {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#000;z-index:10001;font-size:30px}
#back2top:hover {cursor:pointer;background-color:#e6e6e6}
#back2top.active {bottom:80px;display:block;opacity:1}

/* Pagination */

.pagination {padding:30px 0 0;}
.pagination li {display:inline-block;margin-right:10px;vertical-align:top;}
.pagination li:last-child {margin-right:0;}
.pagination li.active {border:none;}
.pagination li.active a {background-color:#fcb800;color:#000;}
.pagination li>a {padding:0 14px;position:relative;display:inline-block;z-index:30;line-height:32px;border:none;background-color:#f5f5f5;color:#000;vertical-align:middle;font-size:14px;}

/* Spacer */

.mt-50 {margin-top:50px;}
.mb-50 {margin-bottom:50px;}
.mh-70 {min-height:70px;}
.mh-90 {min-height:90px;}
.mh-110 {min-height:110px;}

/* END: ALL DEVICES */

/* BEGIN: MEDIA QUERIES */

/* Very small devices */
@media (max-width:320px) {

}

/* Landscape phone to portrait tablet */
@media (min-width:321px) and (max-width:767px) {
  .logo img {max-width:200px;max-height:45px;}
  .newsletter {padding:40px 0 30px;}
  .bottom {padding:10px 0px;}
  .footer, .bottom {text-align:center;}

  .footer .menu li:first-child {border-top:dotted 1px #BBB;}
  .footer .menu li {border-bottom:dotted 1px #BBB;}

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

  .prj-name {font-size:1.8em;}
  .prj-desc {font-size:1.2em;line-height:1.2em;font-weight:100;}

  /* Magazine */

  .post-detail ol {padding-left:0;}
  .post-detail ol li {margin:0 0 0.5em 13px;padding-left:15px;}

  #col-dx_blog-article img {max-width:100%;height:auto;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991px) {
  .newsletter {padding:40px 0 30px;}

  .img-cp{float:right!important;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) and (max-width:1199px) {
  .newsletter {padding:60px 0 45px;}

  .img-cp{float:right!important;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
  .img-cp{float:right!important;}
}

/* END: MEDIA QUERIES */






/* Version 2020.06 - 2020-04-11 02:00 */

/* BEGIN:ALL DEVICES */
/* ----------------- */

/* TEXT */

h1, h2, h3, h4, h5, h6 {position:relative;margin-top:0;margin-bottom:10px;}
h1 {font-size:24px;font-weight:900;}
h2 {font-size:22px;font-weight:500;}
h3 {font-size:20px;font-weight:400;}
h4 {font-size:18px;}
p {font-size:16px;}
a:hover {text-decoration:none;}
.widget-title {font-size:24px;font-family:Poppins;font-weight:600;color:#FFF;}
.smallest, smallest {font-size:50%;font-weight:400;}

/* HEADER */

header .standard {min-height:127px;}
.ps-logo img {max-height:55px;margin:15px 0px 15px;}
.logo {position: absolute;top:-999em;left:-999em;width:0;height:0;font-size:0;line-height:0;text-indent:-999em;overflow:hidden;}
.header_top {background:#F1F1F1;color:#666;line-height:40px;}
.header_middle {padding:0px;border-bottom:solid 1px #DDD;}
.header_top a, .header_middle a {color:#333;}
.header-middle--sticky, .header-bottom--sticky {position: fixed;width: 100%;z-index: 1000;padding: 0;background-color: #fff;-webkit-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.1);-moz-box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.1);box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.1);}
.header-middle--sticky {top:0;}
.header-bottom--sticky {top:87px;}
.navbar {padding: .5rem 0;}

.claim-top {font-weight:900;font-size:54px;line-height:54px;margin-top:30px;color:#000;}
.claim-middle {font-weight:900;font-size:48px;color:#0A660E;}
.claim-bottom {font-weight:500;font-size:24px;line-height:32px;color:#000;text-align:justify;}

.breadcrumb {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 0;margin-bottom:1rem;list-style:none;border-radius:.25rem;}
.breadcrumb li:first-child {padding-left:10px !important;}
.breadcrumb li {display:inline-block;line-height:20px;color:#000;text-transform:uppercase;font-size:10px;font-family:rubik,Arial,Helvetica,sans-serif;font-weight:400;}
.breadcrumb li:before {content:">";margin:0 5px;}
.breadcrumb li:first-child:before {display:none}

/* FOOTER */

.ps-newsletter {padding:50px 0 25px;background-color:#86b3da;border-bottom:solid 1px #AAA;}
.ps-footer {padding:30px 0px 15px;background-color:#2E363F;font-size:14px;font-family:Montserrat;color:#FFF;border-top:solid 1px #EEE;}
.ps-footer__widgets {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.ps-footer__widgets a {color:#EEE;text-decoration-color:#FFF;}
.ps-footer__widgets a:hover {text-decoration:none;color:#FFF;}
.ps-list--link {padding-left:0;}
.ps-list--link li {display:block;padding:2px 0}
.ps-list--link li a {display:inline-block;line-height:16px;position:relative}
.ps-list--link li a:before {content:'';position:absolute;top:100%;left:0;width:100%;height:1px;background-color:#FFF;-webkit-transform:scale3d(0, 1, 1);-moz-transform:scale3d(0, 1, 1);-ms-transform:scale3d(0, 1, 1);-o-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);-o-transition:transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}
.ps-list--link li a:hover:before {-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%}
.ps-list--social {margin:0;padding:0}
.ps-list--social li {position:relative;display:inline-block;margin-right:20px;vertical-align:top}
.ps-list--social li a {display:inline-block;font-size:24px;}
.ps-list--social li a:hover {color:#fcb800}
#back2top {position:fixed;bottom:30px;right:30px;width:45px;height:45px;z-index:10000;background-color:#FFF;border:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2);-ms-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2); /*visibility:hidden;*/opacity:0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;display:none}
#back2top i {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#000;z-index:10001;font-size:30px}
#back2top:hover {cursor:pointer;background-color:#e6e6e6}
#back2top.active {bottom:30px;display:block;opacity:1}


.ps-footer__widgets {display:-webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;flex-flow: row nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-top:50px;}
@media (max-width:767px) {
  .ps-footer__widgets {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap}
  .ps-footer__widgets>* {width: 100%;max-width: 25%}
  .ps-footer__widgets .widget_contact-us {max-width: 100%;width: 100%}
}

@media (max-width:479px) {
  .ps-footer__widgets>* {max-width:100%}
  .ps-footer__copyright {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;text-align: center}
  .ps-footer__copyright p {display: block;width: 100%}
  .ps-footer__copyright p span {display: block;padding-bottom: 10px}
}
.widget {position: relative;padding-bottom:20px;margin-bottom:20px; /*max-width:20%;*/}
.widget_contact-us .widget_content .ps-list--social {padding-top:0px}


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


.form-check-label {line-height:24px;}


.steps {
  clear: both;
  list-style: none;
  padding-left: 2%;
}
.steps li {
  margin: 0 0 2em 0;
  padding-left: 40px;
  display: block;
  position: relative;
  counter-increment: inst;
}
.steps li::before {
  content: counter(inst);
  background: rgba(2, 91, 132, 0.35);
  color: #fff;
  font-size: 1em;
  font-weight: 700;
  font-style: italic;
  text-shadow: 1px 1px rgba(2, 91, 132, 0.5);
  border-radius: 0 0.675em 0.675em 0;
  font-size: 1.5em;
  text-align: center;
  padding-top: 0;
  padding-left: 2.25%;
  left: -5%;
  top: 0.35em;
  height: 1.35em;
  width: 1.35em;
  position: absolute;
  transition: all 0.2s ease-in-out;
  z-index: -1;
}
@media (min-width: 33em) {
  .steps li:before {
    border-radius: 50%;
    font-size: 1.5em;
    height: 1.35em;
    margin-left: 2.5%;
    padding-left: 0;
    padding-top: 0;
    top: -0.15em;
    width: 1.35em;
    z-index: -1;
  }
}

.score {display:block;font-size:16px;position:relative;overflow:hidden;}
.score-wrap {display:inline-block;position:relative;height:19px;}
.score .stars-active {color:#EEBD01;position:relative;z-index:10;display:inline-block;overflow:hidden;white-space:nowrap;}
.score .stars-inactive {color:#DDD;position:absolute;top:0;left:0;-webkit-text-stroke:initial; /* overflow:hidden; */}

/* --------------- */
/* END:ALL DEVICES */

/* BEGIN:MEDIA QUERIES */
/* ------------------- */

/* Very small devices */
@media (max-width:320px) {

}

/* Landscape phone to portrait tablet */
@media (min-width:321px) and (max-width:767px) {
  .claim-top {font-weight:900;font-size:38px;line-height:38px;margin-top:0px;color:#000;}
  .claim-middle {font-weight:900;font-size:36px;margin-top:15px;color:#0A660E;}
  .claim-bottom {font-weight:500;font-size:18px;line-height:21px;color:#000;}

  .ps-logo img {display:block;margin:10px auto;width:200px;}

  .ps-footer {padding:35px 0px;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
  header {min-height:87px;}
  .header_middle {min-height:87px;}
  .header_middle .list-inline {margin-top:1.5rem;}
  .header_middle .d-md-block {display:inline-block !important;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
  header {min-height:87px;}
  .background-img {background:url('https://cdn.enrgcommerce.com/project/books.enricochelini.it/img/header-background.png') no-repeat center center / cover;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
  header {min-height:87px;}
}

/* ----------------- */
/* END:MEDIA QUERIES */









/*Extra small devices (portrait phones, less than 576px)*/
@media (min-width:320px) and (max-width:575px){
  html{
    font-size:14px;
  }

  h1{
    font-size:2.25rem;
  }
  h2{
    font-size:1.7441em;
  }
  .hero-content-left h1{
    font-size:32px !important;
    line-height:initial;
  }
  .mt--120{
    margin-top:-50px;
  }
  .pt-150{
    padding-top:50px;
  }

  /*navbar*/
  .main-menu ul li{
    padding:15px 0 0;
  }

  /*promo*/
  .row> div[class*='col-']:last-of-type{
    margin-bottom:0;
  }
  .about-content-right{
    margin-top:20px;
  }

  /*counter*/
  .counter{
    margin-top:25px;
  }
  .single-card{
    padding:10px 15px;
    margin-bottom:25px;
    margin-left:16px;
  }
  .single-card:nth-child(2n){
    top:0;
  }

  /*client*/
  .client-section-wrap.d-flex{
    display:inherit !important;
  }

  /*subscribe form*/
  .subscribe-form{
    width:100%;
  }

  .download-btn a.btn{
    margin:7px 0;
  }

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width:576px) and (max-width:767px) {

  .mt--120{
    margin-top:-50px;
  }
  .pt-150{
    padding-top:60px;
  }

  /*promo*/
  div[class*='col-']:not(:last-of-type){
    margin-bottom:20px !important;
  }
  .row> div[class*='col-']:last-of-type{
    margin-bottom:0;
  }
  .about-content-right{
    margin-top:20px;
  }

  /*subscribe form*/
  .subscribe-form{
    width:100%;
  }

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width:768px) and (max-width:991px) {
  .mt--120{
    margin-top:-50px;
  }
}


/*========================================
        03. PRE DEFINE CLASS CSS
==========================================*/
.ptb-100{
  padding:100px 0;
}
.pt-100{
  padding-top:100px;
}
.pt-150{
  padding-top:150px;
}
.pb-100{
  padding-bottom:100px;
}
.mt--120{
  margin-top:-120px;
}
.gray-light-bg{
  background:#f4f7fa;
}
.primary-bg{
  background:#6730e3;
}
.secondary-bg{
  background:#9629e6;
}
.color-primary{
  color:#6730e3;
}
.color-secondary{
  color:#9629e6
}
.white-bg{
  background:#ffffff;
}

.bg-color-1{
  background:#399fb6;
}
.bg-color-2{
  background:#0ba077;
}
.bg-color-3{
  background:#6582ed;
}
.bg-color-4{
  background:#399fb6;
}

.icon-color-1{
  background:#efdff7;
  color:#b17cc6;
}
.icon-color-2{
  background-color:#c6e6fd;
  color:#63b0e3;
}
.icon-color-3{
  background-color:#efe3e3;
  color:#ed7265;
}
.icon-color-4{
  background-color:#ddedea;
  color:#45d7ba;
}
.icon-color-5{
  background-color:#ffe0e3;
  color:#bd2130;
}
.icon-color-6{
  background-color:#e2e8ff;
  color:#6582ed;
}

.outline-btn, .solid-btn, .primary-solid-btn{
  padding:10px 25px;
  font-family:'Open Sans', sans-serif
}

.primary-solid-btn{
  border-color:#202877;
  background:#202877;
  color:#ffffff;
}
.primary-solid-btn:hover{
  background:transparent;
  color:#081d43;
  border-color:#081d43;
}
.solid-btn{
  color:#fff;
  -webkit-box-shadow:0 20px 30px 0 rgba(67,37,204,.2);
  box-shadow:0 20px 30px 0 rgba(67,37,204,.2);
  background:#6730e3;
  border:2px solid #6730e3;
  border-radius:30px;
}

.solid-btn:hover{
  background:transparent;
  color:#202877;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.outline-btn{
  border-radius:30px;
  color:#6730e3;
  display:inline-block;
  border:2px solid #6730e3;
}
.outline-btn:hover{
  color:#fff;
  background:#6730e3;
  -webkit-box-shadow:0 20px 30px 0 rgba(67,37,204,.2);
  box-shadow:0 20px 30px 0 rgba(67,37,204,.2);
}

.primary-bg h1, .primary-bg p{
  color:#fff;
}
.white-bg h1, .white-bg p{
  color:inherit;
}
.google-play-btn, .app-store-btn{
  padding:12px 30px;
  font-family:'Montserrat', sans-serif;
  font-weight:700;
}
.google-play-btn{
  background:#ffffff;
  border-color:#ffffff;
  color:#0a3e74;
  border-radius:30px;
}
.app-store-btn{
  border-radius:30px;
  color:#ffffff;
  border-color:#ffffff;
}
.app-store-btn:hover{
  background:#ffffff;
  color:#6730e3;
}

/*form field css*/
.form-control{
  border-color:#ebebeb;

}
.form-control:focus{
  outline:none;
  box-shadow:none;
}

input[type]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
select.form-control.has-value{
  color:#b1b1b1 !important;
  font-size:13px;
}

input[type]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
select.form-control.has-value{
  /* Firefox 18- */
  color:#b1b1b1;
  font-size:13px;
}

input[type]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
select.form-control.has-value{
  /* Firefox 19+ */
  color:#b1b1b1;
  font-size:13px;
}

input[type]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
select.form-control.has-value{
  color:#b1b1b1;
  font-size:13px;
}

.section-heading h2 span{
  font-weight:400;
  font-size:2rem;
}


/*=========================================
            04. HEADER CSS
============================================*/
.main-menu{
  position:inherit;
  top:inherit;
  left:inherit;
  right:inherit;
  width:auto;
  height:auto;
  transition:all .3s ease-in-out;
}
.main-menu ul{
  text-align:left;
  padding:0;
  margin:0;
}
.main-menu ul li{
  padding:15px 0;
}
.main-menu ul li a span.badge.custom-nav-badge{
  position:absolute;
  top:0;
  right:-15px;
}
.main-menu ul>li a{
  margin:0 0 0 20px;
  /*font-size:14px;
  color:#363232;*/
  display:block;
  font-weight:400;
  /*background-color:transparent;
  border-radius:0;
  padding:0;*/
}
.main-menu ul>li .submenu{
  width:250px;
  background-color:#f4f7fa;
  border:1px solid #ebebeb;
  border-radius:4px;
  position:absolute;
  top:55px;
  left:-4.2em;
  right:0;
  visibility:hidden;
  opacity:0;
  transition:all .3s ease-in-out;
  transform:rotateX(-90deg) rotateY(0);
  transform-origin:0 0;
  -webkit-box-shadow:0 2px 8px rgba(0,0,0,.12);
  box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.main-menu ul>li .submenu.dropdown-menu{
  margin:0;
  padding:0;
}
.main-menu ul>li:hover .submenu{
  visibility:visible;
  opacity:1;
  transform:rotateX(0) rotateY(0);
}
.dropdown:hover>.dropdown-menu {
  display:block;
}

.dropdown>.dropdown-toggle:active {
  pointer-events:none;
}
.main-menu ul>li .submenu> a{
  display:block;
  padding:7px 15px;
  margin:0;
  color:#363232;
}
.main-menu ul>li .submenu> a:hover{
  background:#ebebeb;
}
.main-menu ul>li .submenu> a:active{
  background:inherit;
}
.main-menu ul>li .submenu:before,
.main-menu ul>li .submenu:after{
  content:'';
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
  border:12px solid transparent;
  border-bottom:12px solid #f4f7fa;
  top:-25px;
  left:calc(50% - 12px);
}
.main-menu ul li.dropdown .dropdown-toggle::after{
  position:relative;
  top:2px;
}
.navbar-brand{
  font-size:inherit;
  height:auto;
  padding:0;
  margin-bottom:-8px;
}
.navbar-toggler{
  background:transparent;
  padding:0;
  font-size:inherit;
  transition:all .3s ease-in-out;
}

.navbar-toggler span{
  color:#ffffff;
  opacity:0.8;
  font-size:17px;
}
.navbar-toggler:focus, .navbar-toggler:hover{
  outline:none;
  opacity:1;
}
.custom-nav ul li a{
  color:#fafafa;
  opacity:0.8;
}
.affix {
  background-color:#202877;
  -webkit-transition:padding 0.2s ease-out;
  -moz-transition:padding 0.2s ease-out;
  -o-transition:padding 0.2s ease-out;
  transition:padding 0.2s ease-out;
}
.white-bg.affix, .custom-nav.affix{
  background:#ffffff;
  border-bottom:1px solid #ebebeb;
}

.white-bg.affix ul li a{
  color:#081d43 !important;
  opacity:0.8;
}
.white-bg.custom-nav ul li a:hover{
  opacity:1;
}
.bg-transparent ul li a{
  color:#ffffff;
  opacity:0.8;
}
.bg-transparent ul li a:hover, .white-bg.affix ul li a:hover{
  opacity:1;
}
.bg-transparent.affix{
  background-image:linear-gradient(to right, rgba(32, 40, 119, 1), rgba(55, 46, 149, 1), rgba(83, 49, 177, 1), rgba(114, 48, 205, 1), rgba(150, 41, 230, 1)) !important;
}

@media (min-width:320px) and (max-width:992px){
  .navbar{
    background:#202877 !important;
    padding:0;
  }

  .navbar .show {padding:0 0 15px;}

  .white-bg.affix, .custom-nav.affix, .navbar.white-bg{
    background:#ffffff !important;
    border-bottom:1px solid #ebebeb;
  }
  .white-bg.custom-nav ul li a, .custom-nav ul li a{
    color:#081d43 !important;
  }
  .white-bg.navbar .navbar-toggler span{
    color:#202877;
  }

  .main-menu ul>li .submenu{
    left:0;
    top:10px;
    position:relative;
  }
  .main-menu ul li{
    padding:15px 0 0;
  }
  .main-menu ul>li a{
    margin:0;
  }
  .main-menu ul>li .submenu:before, .main-menu ul>li .submenu:after{
    left:15px;
  }

  .ptb-100{
    padding:55px 0;
  }
  .pt-100{
    padding-top:55px;
  }
  .pb-100{
    padding-bottom:55px;
  }
}

@media (min-width:992px){
  .navbar{
    /*border-bottom:1px solid rgba(0, 0, 0, 0);
    background:transparent;
    -o-transition:border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
    -webkit-transition:border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
    -moz-transition:border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
    transition:border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
    -webkit-backface-visibility:hidden;*/
    float:right;
  }
}

/*=========================================
            05. HERO SECTION CSS
============================================*/
.hero-animation-img, .hero-content-left{
  position:relative;
  z-index:2;
}

.hero-content-left h1{
  font-weight:100;
  font-size:42px;
}
.hero-content-left h1 span{
  font-weight:700;
}
@media (min-width:992px){
  .hero-animation-img {
    position:relative;
    display:block;
    width:100%;
  }

  .animation-one {
    -webkit-animation:move-one 7s ease-in-out infinite;
    animation:move-one 7s ease-in-out infinite;
  }
  @keyframes move-one {
    0% {
      -webkit-transform:translateX(0) translateY(5px);
      transform:translateX(0) translateY(5px)
    }
    50% {
      -webkit-transform:translateX(0) translateY(-5px);
      transform:translateX(0) translateY(-5px)
    }
    100% {
      -webkit-transform:translateX(0) translateY(5px);
      transform:translateX(0) translateY(5px)
    }
  }
  @-webkit-keyframes move-one {
    0% {
      -webkit-transform:translateX(0) translateY(5px);
      transform:translateX(0) translateY(5px)
    }
    50% {
      -webkit-transform:translateX(0) translateY(-5px);
      transform:translateX(0) translateY(-5px)
    }
    100% {
      -webkit-transform:translateX(0) translateY(5px);
      transform:translateX(0) translateY(5px)
    }
  }

  .animation-two {
    position:absolute;
    bottom:-10px;
    -webkit-animation:move-two 8s ease-in-out infinite;
    animation:move-two 8s ease-in-out infinite;
  }
  @-webkit-keyframes move-two {
    0% {
      -webkit-transform:translateX(-25px) translateY(-225px);
      transform:translateX(-25px) translateY(-225px)
    }
    50% {
      -webkit-transform:translateX(-25px) translateY(-205px);
      transform:translateX(-25px) translateY(-205px)
    }
    100% {
      -webkit-transform:translateX(-25px) translateY(-225px);
      transform:translateX(-25px) translateY(-225px)
    }
  }
  @keyframes move-two {
    0% {
      -webkit-transform:translateX(-25px) translateY(-225px);
      transform:translateX(-25px) translateY(-225px)
    }
    50% {
      -webkit-transform:translateX(-25px) translateY(-205px);
      transform:translateX(-25px) translateY(-205px)
    }
    100% {
      -webkit-transform:translateX(-25px) translateY(-225px);
      transform:translateX(-25px) translateY(-225px)
    }
  }

  .animation-three {
    position:absolute;
    -webkit-animation:move-three 9s ease-in-out infinite;
    animation:move-three 9s ease-in-out infinite
  }
  @-webkit-keyframes move-three {
    0% {
      -webkit-transform:translateX(-45px) translateY(-225px);
      transform:translateX(-45px) translateY(-225px)
    }
    50% {
      -webkit-transform:translateX(-45px) translateY(-205px);
      transform:translateX(-45px) translateY(-205px)
    }
    100% {
      -webkit-transform:translateX(-45px) translateY(-225px);
      transform:translateX(-45px) translateY(-225px)
    }
  }
  @keyframes move-three {
    0% {
      -webkit-transform:translateX(-45px) translateY(-225px);
      transform:translateX(-45px) translateY(-225px)
    }
    50% {
      -webkit-transform:translateX(-45px) translateY(-205px);
      transform:translateX(-45px) translateY(-205px)
    }
    100% {
      -webkit-transform:translateX(-45px) translateY(-225px);
      transform:translateX(-45px) translateY(-225px)
    }
  }
  .animation-four {
    position:absolute;
    -webkit-animation:move-four 6s ease-in-out infinite;
    animation:move-four 6s ease-in-out infinite
  }
  .animation-new{
    position:absolute;
    bottom:10px;
  }
  @-webkit-keyframes move-four {
    0% {
      -webkit-transform:translateX(330px) translateY(-215px);
      transform:translateX(330px) translateY(-215px)
    }
    50% {
      -webkit-transform:translateX(330px) translateY(-240px);
      transform:translateX(330px) translateY(-240px)
    }
    100% {
      -webkit-transform:translateX(330px) translateY(-215px);
      transform:translateX(330px) translateY(-215px)
    }
  }
  @keyframes move-four {
    0% {
      -webkit-transform:translateX(330px) translateY(-215px);
      transform:translateX(330px) translateY(-215px)
    }
    50% {
      -webkit-transform:translateX(330px) translateY(-240px);
      transform:translateX(330px) translateY(-240px)
    }
    100% {
      -webkit-transform:translateX(330px) translateY(-215px);
      transform:translateX(330px) translateY(-215px)
    }
  }

}

@media (min-width:992px) and (max-width:1199px) {
  .animation-four, .animation-new{
    display:none !important;
  }
}
.hero-content-left, .sign-up-form-wrap{
  z-index:2;
}
.bottom-img{
  position:relative;
  bottom:-10px;
  width:100%;
}
.bottom-img img, .bottom-img-absolute img{
  width:100%;
}
.bottom-img-absolute{
  bottom:-40px;
  width:100%;
  position:absolute;
}
.shape-bg{
  bottom:-8px;
}

.section-shape{
  bottom:-8px;
  left:0;
  right:0;
}
.section-shape img{
  width:100%;
}

.hero-7{
  width:100%;
  position:relative;
}
.hero-7:after {
  content:' ';
  background-image:url("../img/hero-bg-2.jpg");
  background-size:cover;
  background-position:center center;
  position:absolute;
  width:100%;
  border-radius:0;
  transform:skewY(-5deg);
  top:-180px;
  right:0;
  bottom:140px;
  z-index:-1;
}
.hero-7:before{
  position:absolute;
  content:'';
  background:rgba(0, 67, 139, 0.85);
  width:100%;
  height:100%;
  left:0;
  transform:skewY(-5deg);
  top:-140px;
  right:0;
  bottom:-50px;
}

/*hero subscribe form*/
.subscribe-form{
  position:relative;
  display:block;
  width:65%;
}
.subscribe-form #email {
  background:#FDFCFB;
  font-family:inherit;
  color:#737373;
  letter-spacing:1px;
  text-indent:5%;
  border-radius:30px;
}
.subscribe-form input.button{
  position:absolute;
  right:4px;
  border-radius:30px;
  padding:initial;
  top:4px;
  bottom:4px;
  width:30%;
}
/*subscribe form footer*/

.subscribe-form-footer{
  position:absolute;
  top:8px;
  width:100%;
}

.subscribe-form-footer input.form-control{
  padding:1.275rem 0.95rem;
  border-radius:30px;
}
.subscribe-form-footer input.button{
  border-radius:30px;
}
.shape-img{
  position:relative;
  z-index:2;
  width:100%;

}
.shape-img img{
  width:100%;
  position:absolute;
  max-width:none;
  height:auto;
  top:-2px;
}

/*animation shape*/

@-webkit-keyframes p1 {
  0% {
    left:0px;
    top:0px
  }
  50% {
    left:0;
    top:800px
  }
  100% {
    left:0px;
    top:0px
  }
}

@keyframes p1 {
  0% {
    left:800px;
    top:0px
  }
  50% {
    left:0px;
    top:800px
  }
  100% {
    left:800px;
    top:0px
  }
}

@-webkit-keyframes p2 {
  0% {
    left:0;
    top:100px
  }
  50% {
    left:0;
    top:800px
  }
  100% {
    left:0;
    top:100px
  }
}

@keyframes p2 {
  0% {
    left:0;
    top:100px
  }
  50% {
    left:0px;
    top:800px
  }
  100% {
    left:0;
    top:100px
  }
}

@-webkit-keyframes p3 {
  0% {
    left:300px;
    top:900px
  }
  50% {
    left:500px;
    top:0px
  }
  100% {
    left:300px;
    top:900px
  }
}

@keyframes p3 {
  0% {
    left:300px;
    top:900px
  }
  50% {
    left:500px;
    top:0px
  }
  100% {
    left:300px;
    top:900px
  }
}

@-webkit-keyframes p4 {
  0% {
    left:1000px;
    top:500px
  }
  50% {
    left:00px;
    top:500px
  }
  100% {
    left:1000px;
    top:500px
  }
}

@keyframes p4 {
  0% {
    left:1000px;
    top:500px
  }
  50% {
    left:0px;
    top:500px
  }
  100% {
    left:1000px;
    top:500px
  }
}

@-webkit-keyframes p5 {
  0% {
    left:500px;
    top:1000px
  }
  50% {
    left:50%;
    top:0px
  }
  100% {
    left:500px;
    top:1000px
  }
}

@keyframes p5 {
  0% {
    left:500px;
    top:1000px
  }
  50% {
    left:50%;
    top:0px
  }
  100% {
    left:500px;
    top:1000px
  }
}

@-webkit-keyframes p6 {
  0% {
    left:500px;
    top:200px
  }
  50% {
    left:50%;
    top:70%
  }
  100% {
    left:500px;
    top:200px
  }
}

@keyframes p6 {
  0% {
    left:500px;
    top:200px
  }
  50% {
    left:50%;
    top:70%
  }
  100% {
    left:500px;
    top:200px
  }
}

@-webkit-keyframes p7 {
  0% {
    left:50px;
    top:10%
  }
  50% {
    left:50%;
    top:10%
  }
  100% {
    left:50px;
    top:10%
  }
}

@keyframes p7 {
  0% {
    left:50px;
    top:10%
  }
  50% {
    left:50%;
    top:10%
  }
  100% {
    left:50px;
    top:10%
  }
}

@-webkit-keyframes p8 {
  0% {
    left:0;
    top:20%
  }
  50% {
    left:50%;
    top:20%
  }
  100% {
    left:0;
    top:20%
  }
}

@keyframes p8 {
  0% {
    left:0;
    top:20%
  }
  50% {
    left:50%;
    top:20%
  }
  100% {
    left:0;
    top:20%
  }
}

@-webkit-keyframes p9 {
  0% {
    left:1000px;
    top:100px
  }
  50% {
    left:500px;
    top:950px
  }
  100% {
    left:1000px;
    top:100px
  }
}

@keyframes p9 {
  0% {
    left:1000px;
    top:100px
  }
  50% {
    left:500px;
    top:950px
  }
  100% {
    left:1000px;
    top:100px
  }
}



.circles {
  overflow:hidden;
  width:100%;
  position:absolute;
  height:1200px;
}
.point {
  border-radius:50%;
  z-index:999;
  position:absolute;
}
.animated-point-1 {
  background-color:red;
  height:12px;
  width:12px;
  position:relative;
  -webkit-animation-name:p1;
  -webkit-animation-duration:80s;
  -webkit-animation-iteration-count:infinite;
  animation-name:p1;
  animation-duration:80s;
  animation-iteration-count:infinite;
}

.animated-point-2 {
  background-color:green;
  height:15px;
  width:15px;
  position:relative;
  -webkit-animation-name:p2;
  -webkit-animation-duration:90s;
  -webkit-animation-iteration-count:infinite;
  animation-name:p2;
  animation-duration:90s;
  animation-iteration-count:infinite
}

.animated-point-3 {
  background-color:orange;
  height:8px;
  width:8px;
  position:relative;
  -webkit-animation-name:p3;
  -webkit-animation-duration:80s;
  -webkit-animation-iteration-count:infinite;
  animation-name:p3;
  animation-duration:80s;
  animation-iteration-count:infinite
}

.animated-point-4 {
  background-color:pink;
  height:10px;
  width:10px;
  position:relative;
  -webkit-animation-name:p4;
  -webkit-animation-duration:80s;
  -webkit-animation-iteration-count:infinite;
  animation-name:p4;
  animation-duration:80s;
  animation-iteration-count:infinite
}

.animated-point-5 {
  background-color:#ffc64c;
  height:12px;
  width:12px;
  position:relative;
  -webkit-animation-name:p5;
  -webkit-animation-duration:50s;
  -webkit-animation-iteration-count:infinite;
  animation-name:p5;
  animation-duration:50s;
  animation-iteration-count:infinite
}

.animated-point-6 {
  background-color:#ffc64c;
  height:10px;
  width:10px;
  position:relative;
  -webkit-animation-name:p6;
  -webkit-animation-duration:70s;
  -webkit-animation-iteration-count:infinite;
  animation-name:p6;
  animation-duration:70s;
  animation-iteration-count:infinite
}

.animated-point-7 {
  background-color:orange;
  height:14px;
  width:14px;
  position:relative;
  -webkit-animation-name:p7;
  -webkit-animation-duration:70s;
  -webkit-animation-iteration-count:infinite;
  animation-name:p7;
  animation-duration:70s;
  animation-iteration-count:infinite
}

.animated-point-8 {
  background-color:purple;
  height:8px;
  width:8px;
  position:relative;
  -webkit-animation-name:p8;
  -webkit-animation-duration:50s;
  -webkit-animation-iteration-count:infinite;
  animation-name:p8;
  animation-duration:50s;
  animation-iteration-count:infinite
}

.animated-point-9 {
  background-color:purple;
  height:12px;
  width:12px;
  position:relative;
  -webkit-animation-name:p9;
  -webkit-animation-duration:100s;
  -webkit-animation-iteration-count:infinite;
  animation-name:p9;
  animation-duration:100s;
  animation-iteration-count:infinite
}

/*hero 2 css*/
.hero-section-2, .hero-section-3{
  position:relative;
  overflow:hidden;
}

.hero-section-2:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:100%;
  height:175%;
  bottom:0;
  background-image:url(../img/hero-bg-shape-3.svg);
  background-repeat:no-repeat;
  background-size:cover;
}

.shape-image{
  position:absolute;
  width:100%;
  height:auto;
  bottom:76px;
  z-index:0;
  left:268px;
  overflow:hidden;
  background-size:cover;
  right:0;
}

@media (min-width:320px) and (max-width:767px){
  .shape-image{
    display:none;
  }
}


/*hero background video css*/

.video-section-wrap{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.video-section-wrap .background-video-overly {
  display:flex;
  flex-direction:column;
  justify-content:center;
  background-image:linear-gradient(to right, rgba(32, 40, 119, 0.64), rgba(55, 46, 149, 0.65), rgba(83, 49, 177, 0.72), rgba(114, 48, 205, 0.62), rgba(150, 41, 230, 0.6));
}




/*=========================================
            09. VIDEO PROMO CSS
============================================*/
.background-img{
  position:relative;
  width:100%;
  display:block;
}

.background-img:before{
  position:absolute;
  content:'';
  width:100%;
  height:100%;
  top:0;
  left:0;
}




/*=========================================
            10. COUNTER CSS
============================================*/
.counter-wrap{
  background:#ffffff;
  width:100%;
  display:block;
  position:relative;
  bottom:-60px;
  padding:30px 0;
  border-radius:6px;
  box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.12);
}

.counter-wrap{
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  grid-auto-flow:dense;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(255px,1fr));
}

.counter-wrap li{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  overflow:hidden;
  text-align:center;
  border-right:1px solid #ebebeb;
  margin:10px 0 !important;
}
.counter-wrap li:last-child{
  border-right:none;
  margin-right:0 !important;
}
.single-counter span{
  font-weight:bold;
  font-family:'Montserrat', sans-serif;
  color:#9629e6;
  font-size:25px;
  line-height:28px;
}

/*=========================================
            11. PRICING CSS
============================================*/

.pricing-section{
  display: flex;
  padding-top: 55px;
  padding-bottom: 55px;
  flex-wrap: wrap;
  position: relative;
  background:#f8f8f8;
}
.pricing-section-left-bg-graphics{
  position: absolute;
  top: -15%;
  right: -10%;
  z-index: -1;
}
.pricing-section-left-bg-graphics img{
  width: 100%;
}
.pricing-section-right-bg-graphics{
  position: absolute;
  left: -5%;
  bottom: -10%;
}
.pricing-section-right-bg-graphics img{
  width: 100%;
}
.pricing-container{
  background-color: transparent;
}
.pricing-title{
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.pricing-title h2{
  font-family: Montserrat;
  font-weight: 800;
  font-size: 45px;
  line-height: 1;
  color: #303669;
  margin-bottom: 20px;
}
.pricing-title p{
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  max-width: 700px;
}
.pricing-plan-cards-section{
  display: flex;
  flex-direction: row;
  padding-top: 25px;
  padding-bottom: 25px;
  justify-content: center;
  align-items: center;
}
.pricing-card-section{
  padding: 20px;
}
.pricing-card{
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 45px 40px 55px 40px;
  border-radius: 50px;
  text-align: center;
}
.pricing-card:hover{
  box-shadow: 0 3px 47px rgba(0,0,0,0.15);
  cursor: pointer;
}
.pricing-rate{
  color: #303669;
  font-weight: 800;
  font-family: Montserrat;
  font-size: 59px;
  line-height: 1;
}
.featured {
  border: 7px dashed #35a7d1;
}
.featured .pricing-rate:before {
  content: "Popolare";
  display:block;
  width:120px;
  font-size:12px;
  font-weight:600;
  margin:0 auto 15px auto;
  border-radius: 100px;
  text-transform:uppercase;
  color:#FFFFFF;
  background-color:#16a3d0;
  padding: 10px 15px;
}
.pricing-period{
  font-size: 18px;
  font-family: Poppins;
  font-weight: 600;
  color: #17a4d1;
}
.pricing-text{
  font-size: 18px;
  font-family: Poppins;
  font-weight: 400;
  color: #000;
  margin-top: 20px;
}
.pricing-all-plan-features-section{
  text-align: left;
  width: 100%;
  display: flex;
  margin: 15px 0;
}
.pricing-all-plan-features-section ul{
  list-style: none;
  padding-left: 20px;
}
.pricing-all-plan-features-section li{
  font-size: 14px;
  color: #000;
  font-family: Poppins;
  font-weight: 300;
  line-height: 2;
  background: url(../img/pricing-section-true.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  padding-left: 35px;
  text-align: left;
  margin-top: 5px;
}
.basic-plan-features-section li:nth-child(3){
  background: url(../img/pricing-section-false.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  padding-left: 35px;
}
.basic-plan-features-section li:nth-child(4){
  background: url(../img/pricing-section-false.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  padding-left: 35px;
}
.medium-plan-features-section li:nth-child(4){
  background: url(../img/pricing-section-false.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  padding-left: 35px;
}
@media screen and (max-width: 991.98px){
  .pricing-plan-cards-section {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .pricing-title p{
    max-width: 428px;
  }
}




/*=========================================
            12. TESTIMONIAL CSS
============================================*/
.testimonial-wrap{
  padding:30px;
}
.testimonial-wrap span.icon{
  font-size:35px;
  color:#202877;
}
.testimonial-wrap blockquote{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  height:127px;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  margin-bottom:0;
}

.client-say{
  position:relative;
  display:inline-block;
}
.client-say p{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  height:115px;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  margin-bottom:0;
  float:left;
}
.client-say img{
  position:relative;
  width:6% !important;
  display:initial !important;
  top:5px;
  margin-right:10px;
}
.author-info{
  display:flex;
  align-items:center;
}

.author-img{
  width:4.425rem;
  height:4.425rem;
  line-height:4.425rem;
}

.dot-indicator.owl-theme button.owl-dot span{
  display:inline-block;
  width:12px;
  height:12px;
  box-sizing:border-box;
  background:#d8d8d8;
  border-radius:50%;
  -webkit-transform:scale(0.8);
  transform:scale(0.8);
  transition:0.3s;
}
.dot-indicator.owl-theme button.owl-dot:focus{
  border:none;
  outline:none;
}
.dot-indicator.owl-theme button.owl-dot.active span{
  background:#9629e6;
  border:2px solid transparent;
  -webkit-transform:scale(0.8);
  transform:scale(0.8);
}
.screen-carousel.dot-indicator.owl-theme .owl-nav.disabled+.owl-dots{
  margin-top:20px;
}

.arrow-indicator.owl-theme .owl-nav{
  position:absolute;
  left:0;
  margin-top:4px;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]{
  width:40px;
  height:40px;
  margin:2px;
  box-shadow:0 0 0 1px #ebebeb;
  background:#ffffff;
  border-radius:50%;
}

.arrow-indicator.owl-theme .owl-nav [class*=owl-]:focus{
  outline:none;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-] span{
  font-size:20px;
  line-height:20px;
  color:#9629e6;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]:hover{
  background:#9629e6 !important;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]:hover span{
  color:#ffffff !important;
}


.background-shape-right{
  position:relative;
}
.background-shape-right:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:100%;
  height:100%;
  top:0;
  left:50%;
  background-image:url(../img/shape-bg-right.svg);
  background-repeat:no-repeat;
}


/*=========================================
            13. CONTACT FORM CSS
============================================*/
.sign-up-form-wrap{
  display:block;
  box-shadow:0 2px 4px 0 rgba(0,0,0,0.12);
  min-height:650px;
}

.shadow-lg{
  box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;
}
.list-creative>li+li {
  border-top:1px solid #ebebeb;
}
@media (min-width:992px){
  .list-creative>li {
    padding:30px 0;
  }
}
.list-terms-medium {
  position:relative;
  padding-left:30px;
}
.list-terms-medium::before {
  content:'';
  position:absolute;
  top:2px;
  left:0;
  bottom:2px;
  width:4px;
}
.list-terms-medium dt {
  letter-spacing:.1em;
  font-weight:700;
  text-transform:uppercase;
  font-size:14px;
  color:#565656;
}
.list-creative .address::before {
  background:#9629e6;
}
.list-creative .phone::before {
  background:#202877;
}
.list-creative .email::before {
  background:#007bff;
}
.list-terms-medium a,.list-terms-medium p, .list-terms-medium a:active, .list-terms-medium a:focus {
  color:#9b9b9b;
  text-decoration:none;
}
.list-terms-medium a:hover {
  color:#9629e6;
}

.google-map{
  height:100%;
  margin-bottom:-8px;
}

.google-map iframe{
  width:100%;
  border:0;
  filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
  -webkit-filter:grayscale(99%); /* Chrome 19+ & Safari 6+ */
  -webkit-backface-visibility:hidden;  /* Fix for transition flickering */
}

/*our team css*/
.single-team-member .team-info {
  background-image:linear-gradient(to right, rgba(32, 40, 119, 0.85), rgba(55, 46, 149, 0.9), rgba(83, 49, 177, 0.85), rgba(114, 48, 205, 0.8), rgba(150, 41, 230, 0.8));
  opacity:0;
  visibility:hidden;
  -webkit-transition:opacity 0.3s, visibility 0.3s;
  transition:opacity 0.3s, visibility 0.3s;
}
.team-image img{
  display:block;
  height:100%;
  width:100%;
  overflow:hidden;
}
.team-info {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.team-info h5 {
  -webkit-transition-delay:0.2s;
  transition-delay:0.2s;
  color:inherit;
}
.team-info h6{
  -webkit-transition-delay:0.1s;
  transition-delay:0.1s;
}
.team-info h5, .team-info h6, .team-info .team-social {
  -webkit-transform:translateY(25px);
  transform:translateY(25px);
  opacity:0;
  -webkit-transition:opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  transition:opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  transition:transform 0.45s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  transition:transform 0.45s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);
}
.single-team-member:hover .team-info {
  opacity:1;
  visibility:visible;
}
.single-team-member:hover .team-info h6 {
  opacity:1;
}
.single-team-member:hover .team-info h5, .single-team-member:hover .team-info h6, .single-team-member:hover .team-info .team-social {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0);
}
.team-social li a{
  text-decoration:none;
  color:inherit;
  opacity:0.8;
}
.team-social li a:hover{
  opacity:1;
}
.team-social li a span{
  padding:6px;
}

.visible-info{
  width:100%;
}

/*team single*/
.team-social-list li a{
  padding:5px;
}
.team-social-list li a:hover{
  text-decoration:none;
}

.team-social-list li span {
  font-size:18px;
  line-height:inherit;
  vertical-align:middle;
}
/*skill progressbar*/
.progress {
  position:relative;
  display:-ms-flexbox;
  display:flex;
  height:.875rem;
  overflow:hidden;
  font-size:.75rem;
  background-color:#ebebeb;
  border-radius:30px;
}
.progress-bar {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  -ms-flex-pack:center;
  justify-content:center;
  color:#fff;
  text-align:center;
  white-space:nowrap;
  background-color:#007bff;
  transition:width .6s ease;
}
.progress-item + .progress-item {
  margin-top:24px;
}
.progress-item {
  margin-bottom:20px;
}
.progress-title > h6 {
  font-size:.95375rem;
  margin-bottom:8px;
  font-weight:500;
}

/*progressbar animation*/


.progress span {
  display:block;
  height:100%;
}

.progress-line {
  background-color:#007bff;
  -webkit-animation:progressBar 3s ease-in-out;
  -webkit-animation-fill-mode:both;
  -moz-animation:progressBar 3s ease-in-out;
  -moz-animation-fill-mode:both;
}

@-webkit-keyframes progressBar {
  0% { width:0; }
  100% { width:100%; }
}

@-moz-keyframes progressBar {
  0% { width:0; }
  100% { width:100%; }
}

/*=========================================
           24. SINGLE PAGE HEADER CSS
============================================*/
@media (min-width:320px) and (max-width:576px){
  .page-header-content{
    padding-top:3rem!important;
  }

}