body {
 font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;
 font-weight: 400;
 color: #000;
 position: relative;
 background-color: #fff
}
a {
 color: #436AA6
}
a:hover {
 text-decoration: none
}
a.live-chat {
 position: fixed;
 z-index: 99999999;
 right: -87px;
 bottom: 150px;
 color: #FFF;
 font-size: 16px;
 background: #EE163A;
 padding: 5px 5px 7px 5px;
 width: 117px;
 transition-duration: 0.9s
}
a.live-chat:hover, a.live-chat:focus, a.live-chat:active {
 right: 0;
 background: #000;
 text-decoration: none
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
 font-family: 'Montserrat', sans-serif;
 font-weight: 400;
 color: #000
}
h1, .h1 {
 font-size: 2.5rem
}
h2, .h2 {
 font-size: 2rem
}
h3, .h3 {
 font-size: 1.75rem
}
h4, .h4 {
 font-size: 1.5rem
}
h5, .h5 {
 font-size: 1.25rem
}
h6, .h6 {
 font-size: 1rem;
 line-height: 1.5rem
}
hr {
 border: 1px
}
.lead-1 {
 font-size: 2.5rem;
 font-weight: 300
}
.lead-2 {
 font-size: 2rem;
 font-weight: 300
}
.lead-3 {
 font-size: 1.75rem;
 font-weight: 300
}
.lead-4 {
 font-size: 1.5rem;
 font-weight: 300
}
.lead-5 {
 font-size: 1.25rem;
 font-weight: 300
}
.lead-6 {
 font-size: 1rem;
 font-weight: 300
}
.display-5 {
 font-size: 3rem;
 line-height: 3rem;
 font-weight: 300
}
.mb-md-10 {
 margin-bottom: 6rem!important
}

@media (max-width:767px) {
.display-4 {
 font-size: 2.5rem
}
.h1, .h2, h1, h2 {
 font-size: 1.75rem
}
.mb-md-10 {
 margin-bottom: auto!important
}
.display-5 {
 font-size: 2rem;
 line-height: 2rem
}
}
.font-weight-bold, strong {
 font-family: 'Montserrat', sans-serif;
 font-weight: 500!important
}
.font-weight-boldh {
 font-family: 'Roboto', sans-serif;
 font-weight: 500!important
}
/*.breadcrumb {
 background-color: transparent;
 margin-bottom: 0rem
}
.breadcrumb-white, .breadcrumb-white li, .breadcrumb-white li a, .breadcrumb-white li a:hover {
 color: #fff!important
}*/
.breadcrumb {
  background-color: transparent;
  margin-bottom: 0rem;
}
.breadcrumb-white, .breadcrumb-white li, .breadcrumb-white li a, .breadcrumb-white li a:hover {
  color: #fff !important;
}
.breadcrumb-item {
    position: relative;
}
.breadcrumb-item + .breadcrumb-item::before {
  height: 12px;
  width: 20px;
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 50 50"><path fill="rgb(150,155,155)" d="M18.356,7.059L32.471,20.945h0L36,24.415,18.645,42.058l-3.529-3.471L29,24.473,14.885,10.588Z"></path></svg>') no-repeat;
  background-size: 14px 14px;  
}
@media (min-width:1420px) {
.container {
 max-width: 1400px
}
}

@media (min-width:1650px) {
.container {
 max-width: 1600px
}
}
.nav-topbar a {
 display: block;
 font-size: 14px;
 padding: 5px 8px 5px
}
.nav-topbar a:hover {
 text-decoration: none
}
.navbar-top {
 top: 0rem;
 width: 100%;
 padding: 0rem;
 z-index: 100;
 box-shadow: -1px 0 30px rgba(111,114,229,.2)
}
.navbar-top-hover .nav-item .nav-link {
 border-bottom: 2px solid #f5f5f5
}
.navbar-top-hover .nav-item .active, .navbar-top-hover .nav-item .nav-link:hover {
 border-bottom: 2px solid #1769a0
}

@media(min-width:992px) {
.navbar-top .nav-item .nav-link {
 text-transform: none!important;
 padding: 1rem 1rem!important;
 display: inline-block;
 color: #436AA6
}
}

@media(min-width:1400px) {
.navbar-top .nav-item .nav-link {
 text-transform: none!important;
 padding: 1.25rem 2rem!important;
 display: inline-block;
 color: #436AA6
}
}
.navbar-top .nav-item .nav-link-buy {
 background-color: #f58b3c;
 color: #FFF
}
.navbar-top .nav-item .nav-link-buy:hover {
 background-color: #e46526
}
.alert-warning {
 background-color: #f8f6a2;
 border: 1px solid #eee090
}
.product-vs a {
 display: inline-block;
 padding: 10px;
 border: 1px solid #ccc
}
.product-vs a span {
 font-size: 20px
}
.modal-content {
 border-radius: 0;
 border: none
}
.modal-backdrop {
 background-color: #145477
}
.carousel-inner {
 padding-bottom: 20px
}
.carousel-indicators {
 bottom: -20px
}
.carousel-indicators li {
 height: 14px;
 width: 14px;
 border-radius: 7px;
 background-color: #449FF9
}
.carousel-indicators .active {
 background-color: #06c
}
.carousel-control-next, .carousel-control-prev {
 height: 50px;
 top: 45%
}
.bg-right-arrow:after {
 content: '';
 height: 18px;
 width: 18px;
 position: absolute;
 top: 4px;
 right: -9px;
 z-index: 1;
 background-color: #dc3545;
 border-left: 1px solid #dc3545;
 border-bottom: 1px solid #dc3545;
 transform: rotate(-45deg)
}
.card-testimonials:after {
 content: '';
 height: 20px;
 width: 20px;
 position: absolute;
 bottom: -10px;
 left: 50px;
 z-index: 10;
 background-color: #fff;
 border-left: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 transform: rotate(-45deg)
}
.card-testimonials-info {
 padding-left: 40px
}
.card-testimonials-info:before {
 font-family: "fontello";
 content: '\e80f';
 position: absolute;
 font-size: 24px;
 left: 20px;
 top: 10px;
 color: #ccc
}
.card-testimonials-info:after {
 content: '';
 height: 20px;
 width: 20px;
 position: absolute;
 bottom: -10px;
 left: 50px;
 z-index: 10;
 background-color: #f0f7ff;
 border-left: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 transform: rotate(-45deg)
}
.card-testimonials-grey {
 position: relative
}
.card-testimonials-grey:after {
 content: '';
 height: 20px;
 width: 20px;
 position: absolute;
 bottom: -10px;
 left: 50px;
 z-index: 10;
 background-color: #F4F4F4;
 border-left: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 transform: rotate(-45deg)
}
.no-quote {
 padding-left: .5rem!important
}
.no-quote::before {
 content: none!important
}
.card-dark {
 background-color: #cde5f2
}
.card-dark .card-header {
 background-color: #a1cfe7
}
.card-header-new {
 background-color: #0f6594
}
a.btn {
 border-radius: 0rem
}
a.btn-orange, .btn-orange {
 background-color: #f58b3c
}
a.btn-orange:hover, .btn-orange:hover {
 background-color: #e46526
}
a.btn-primary {
 background-color: #145477;
 border: 1px solid #0b374f
}
a.btn-primary:hover {
 background-color: #0b374f
}
a.btn-outline-primary {
 color: #0b374f;
 border: 1px solid #0b374f
}
a.btn-outline-primary:hover {
 border: 1px solid #0b374f;
 background-color: #145477
}

@media (max-width:767px) {
.btn-md-block {
 display: block!important
}
}

@media (max-width:575px) {
.btn-sm-block {
 display: block!important
}
}

@media(max-width:992px) {
.table-specifications table p {
 font-size: 12px
}
.table-specifications table .lead {
 font-size: 14px
}
}
.table-hover tbody tr:hover {
 background-color: rgba(0,0,0,.025)
}
.table-striped tbody tr:nth-of-type(2n+1) {
 background-color: #F4FAFF
}

@media (max-width:767px) {
.table-responsive-small .table td, .table-responsive-small .table th {
 font-size: 12px!important
}
}
.text-dotted {
 border-bottom: 1px dotted #bbb
}
.dd-none {
 display: none
}
.text-hover {
 color: #000;
 border-bottom: 2px solid #0072c6;
 transition: all
}
.text-hover:hover {
 border-bottom: 2px solid #0072c6;
 background-color: #0072c6;
 color: #fff
}
.text-hover-white {
 color: #fff;
 border-bottom: 2px solid #0072c6;
 transition: all
}
.text-hover-white:hover {
 border-bottom: 2px solid #0072c6;
 background-color: #0072c6;
 color: #fff
}
.overlay-dark {
 background: rgba(0,0,0,.8)
}
.bg-hover:hover {
 border: 1px solid #ddd;
 -webkit-box-shadow: 0 5px 30px 5px rgba(0,0,0,.12);
 -moz-box-shadow: 0 5px 30px 5px rgba(0,0,0,.12);
 box-shadow: 0 5px 30px 5px rgba(0,0,0,.12)
}
.bg-white {
 background: #fff
}
.bg-green-light {
 background-color: #2099b9
}
.bg-green-dark {
 background-color: #226577
}
.bg-green-dark-5 {
 background-color: rgba(34,101,119,.7)
}
.bg-ash {
 background-color: #e9f1f6
}
.bg-dark-new {
 background-color: #145477!important
}
.bg-hex {
 background-color: #8e517d!important
}
.bg-info {
 background-color: #f0f7ff!important
}
.bg-primary {
 background-color: #cde5f2!important
}
.bg-light {
 background-color: #f8fbff!important
}
.bg-grey {
 background-color: #f4f4f4!important
}
.bg-grey-light {
 background-color: #f9f9f9
}
.bg-yellow-light {
 background-color: #f8f6ef!important
}
.bg-blue {
 background-color: #0072c6
}
.bg-darkblue {
 background-color: #1769a0
}
.bg-blue-light {
 background-color: #EBF6FF
}
.bg-blue-dark {
 background-color: #153972
}
.bg-lime {
 background-color: #f9f8fc
}
.bg-lime-dark {
 background-color: #103844
}
.bg-orange {
 background-color: #FFF4E9
}
.bg-orange-dark {
 background-color: #df7300
}
.bg-primary-light {
 background-image: -webkit-linear-gradient(270deg, rgba(226,242,255,1) 0%, rgba(255,255,255,1) 100%);
 background-image: -moz-linear-gradient(270deg, rgba(226,242,255,1) 0%, rgba(255,255,255,1) 100%);
 background-image: -o-linear-gradient(270deg, rgba(226,242,255,1) 0%, rgba(255,255,255,1) 100%);
 background-image: linear-gradient(180deg, rgba(226,242,255,1) 0%, rgba(255,255,255,1) 100%)
}
.bg-light-lg-left {
 background: #e9f1f6;
 background: -moz-linear-gradient(left, #e9f1f6 50%, #fff 30%);
 background: -webkit-linear-gradient(left, #e9f1f6 50%, #fff 30%);
 background: linear-gradient(to right, #e9f1f6 50%, #fff 30%)
}
.bg-light-lg-right {
 background: #f8fbff;
 background: -moz-linear-gradient(right, #f8fbff 50%, #fff 30%);
 background: -webkit-linear-gradient(right, #f8fbff 50%, #fff 30%);
 background: linear-gradient(to left, #f8fbff 50%, #fff 30%)
}
.bg-light-lg-left-arrow:after {
 content: '';
 height: 30px;
 width: 30px;
 position: absolute;
 top: 50%;
 margin-top: -15px;
 right: -15px;
 z-index: 10;
 background-color: #f8fbff;
 transform: rotate(-45deg)
}
.bg-light-lg-right-arrow:after {
 content: '';
 height: 30px;
 width: 30px;
 position: absolute;
 top: 50%;
 margin-left: -15px;
 left: 0;
 z-index: 10;
 background-color: #f8fbff;
 transform: rotate(-45deg)
}
.bg-yb-lg {
 background: #34b8f8;
 background: -moz-linear-gradient(right, #34b8f8 50%, #ffbe4a 30%);
 background: -webkit-linear-gradient(right, #34b8f8 50%, #ffbe4a 30%);
 background: linear-gradient(to left, #34b8f8 50%, #ffbe4a 30%)
}

@media (max-width:991px) {
.bg-yb-lg {
 background: #ffbe4a
}
.bg-light-lg-left, .bg-light-lg-right {
 background: #e9f1f6
}
.bg-light-lg-left-arrow:after, .bg-light-lg-right-arrow:after {
 position: static
}
}
.arrow-plus {
    display: block;
    padding: 0 5px;
    position: absolute;
    bottom: -30px;
    right: 7px;
}
.arrow-plus::before {
    content: '';
    height: 80px;
    width: 60px;
    position: absolute;
    top: -40px;
    right: -35px;
    z-index: -1;
    background-color: #dc3545;
    border-left: 1px solid #dc3545;
    border-bottom: 1px solid #dc3545;
    transform: rotate(-45deg);
}
.progress-bar {
 background-color: #145477
}
.box1, .box2, .license {
 display: none
}
.nav-topbar a {
 display: block;
 font-size: 14px;
 padding: 4px
}
.navbar-light {
 padding: 0
}
.navbar-light .navbar-brand-logo {
 padding: 0;
 position: relative;
 top: -20px
}
.navbar-light .button {
 position: relative;
 top: -10px
}
.navbar-light .navbar-nav .nav-link {
 text-transform: uppercase;
 font-weight: 500;
 padding: .5rem 2rem
}
.navbar-light .navbar-nav .nav-link-last {
 padding: .5rem 0rem .5rem 2rem!important
}

@media (max-width:767px) {
.navbar-light .navbar-nav .nav-link {
 text-transform: uppercase;
 font-weight: 400;
 padding: .5rem .5rem
}
}
.event-left {
 position: relative
}
.event-left::before {
 position: absolute;
 content: ""
}
.event-left::before {
 width: 1px;
 height: calc(100% - 10px);
 margin: auto;
 left: 0;
 background: #d9d9d9
}
.event-left .card {
 position: relative
}
.event-left .card::before {
 position: absolute;
 border-top: 1px solid #ccc;
 content: "";
 width: 30px;
 left: -30px;
 top: 24px
}
.event-left .card::after {
 position: absolute;
 content: "";
 top: 20px;
 left: -1.85rem;
 width: 10px;
 height: 10px;
 border-radius: 50%;
 background: #145477
}
.accordions-new .card {
 margin-bottom: 10px;
 background-color: #f9f9f9;
 border-radius: 0;
 border: 0
}
.accordions-new .card-link {
 background-color: transparent;
 color: #000;
 font-weight: 500;
 position: relative;
 padding-right: 35px
}
.accordions-new .card-header {
 border-bottom: none
}
.accordion-plus .card {
 background-color: transparent;
 margin-bottom: 20px;
 border: none
}
.accordion-plus .card-header:last-child {
 border-bottom: none!important
}
.accordion-plus .card-link {
 background-color: #E6F1FB;
 position: relative;
 padding: 10px 40px 10px 15px;
 border: 1px solid rgb(158,193,237);
 border-radius: 0
}
/*.accordion-plus .card-link:after {
 font-size: .75rem;
 font-family: 'fontello';
 content: '\e84f';
 position: absolute;
 right: 15px;
 top: 16px
}
.accordion-plus .collapsed:after {
 content: '\e84e'
}*/
.accordion-plus .card-body {
 padding: 20px 0
}
.accordion-plus .card-link:after {
  position: absolute;
  height: 14px;
  width: 14px;
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="rgb(0,0,0)" d="M48,29H2V21H48v8Z"></path></svg>') no-repeat;
  background-size: 14px 14px;
  right: 15px;
  top: 16px;
}
.accordion-plus .collapsed:after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="rgb(0,0,0)" d="M48,29H29V48H21V29H2V21H21V2h8V21H48v8Z"></path></svg>') no-repeat;
  background-size: 14px 14px;
}

.single-review {
 display: block;
 position: relative;
 margin: 12px 0
}
.single-review .title {
 display: inline-block;
 font-size: 13px;
 vertical-align: middle;
 text-transform: uppercase;
 font-weight: 600;
 width: 50px;
 color: #bababa
}
.single-review .review-count-section {
 display: inline-block;
 width: 60%;
 vertical-align: middle
}
.single-review .review-count-section .progress {
 height: 5px;
 width: 100%;
 margin: 0;
 background-color: #f3f3f3;
 box-shadow: none;
 border-radius: 0
}
.single-review .count-review {
 display: inline-block;
 font-size: 13px;
 text-transform: uppercase;
 font-weight: 600;
 margin-left: 8px;
 color: #bababa;
 vertical-align: middle
}
.rating-section {
 display: block;
 position: relative;
 text-align: center;
 margin-top: 8px
}
.rating-section .rating-number {
 font-size: 70px;
 font-weight: 600;
 line-height: 50px;
 color: #033770;
 display: block;
 position: relative
}
.rating-section .start-review {
 margin-top: 8px;
 display: block;
 position: relative
}
.rating-section .count-number {
 display: block;
 position: relative;
 font-size: 15px;
 font-weight: 600;
 color: #000
}
a.gotoTop {
 position: fixed;
 z-index: 1100;
 right: 0;
 bottom: 120px;
 width: 30px;
 color: #FFF;
 background-color: #666;
 padding: 2px 10px 5px 10px;
 display: none
}
a.gotoTop:hover {
 text-decoration: none;
 background-color: #06C
}
.footer a {
 color: rgba(255,255,255,.9)!important
}
.footer a:hover {
 color: rgba(255,255,255,1)!important
}
.visible-sm, .visible-md, .visible-lg {
 display: inline-block
}

@media (max-width:767px) {
.visible-sm {
 display: none!important
}
}

@media (max-width:991px) {
.visible-md {
 display: none!important
}
}

@media (max-width:1170px) {
.visible-lg {
 display: none!important
}
}
.list-block {
 display: inline-block;
 background-color: #34b8f8;
 font-size: 20px;
 line-height: 40px;
 text-align: center;
 width: 40px;
 height: 40px;
 border-radius: 20px
}


ul.list-unstyled {
  list-style: none;
  padding-left: 0px;
}
ul.list-unstyled li {
  padding-top: 5px;
  text-align: left;
}
ul.list-check {
  list-style: none;
  padding-left: 25px;
}
ul.list-check li {
  position: relative;
  text-align: left;
  padding-bottom: 5px;
}
ul.list-check li:before {
  position: absolute;
  height: 20px;
  width: 20px;
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="rgb(40,170,70)" d="M20.5,42a2.368,2.368,0,0,1-1.759-.766l-14-14.423a2.584,2.584,0,0,1,0-3.626l3.988-4.109a2.4,2.4,0,0,1,3.518,0l8.249,8.5L38.755,8.76a2.4,2.4,0,0,1,3.518,0l3.988,4.109a2.584,2.584,0,0,1,0,3.626l-24,24.737A2.37,2.37,0,0,1,20.5,42Z"></path></svg>') no-repeat;
  background-size: 20px 20px;
  top: 5px;
  margin-left: -25px;
}
ul.list-check-orange {
  list-style: none;
  padding-left: 25px;
}
ul.list-check-orange li {
  position: relative;
  text-align: left;
  padding-bottom: 5px;
}
ul.list-check-orange li:before {
  position: absolute;
  height: 20px;
  width: 20px;
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="rgb(230,100,30)" d="M20.5,42a2.368,2.368,0,0,1-1.759-.766l-14-14.423a2.584,2.584,0,0,1,0-3.626l3.988-4.109a2.4,2.4,0,0,1,3.518,0l8.249,8.5L38.755,8.76a2.4,2.4,0,0,1,3.518,0l3.988,4.109a2.584,2.584,0,0,1,0,3.626l-24,24.737A2.37,2.37,0,0,1,20.5,42Z"></path></svg>') no-repeat;
  background-size: 20px 20px;
  top: 5px;
  margin-left: -25px;
}
ul.list-check-white {
  list-style: none;
  padding-left: 25px;
}
ul.list-check-white li {
  position: relative;
  text-align: left;
  padding-bottom: 5px;
}
ul.list-check-white li:before {
  position: absolute;
  height: 20px;
  width: 20px;
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="rgb(255,255,255)" d="M20.5,42a2.368,2.368,0,0,1-1.759-.766l-14-14.423a2.584,2.584,0,0,1,0-3.626l3.988-4.109a2.4,2.4,0,0,1,3.518,0l8.249,8.5L38.755,8.76a2.4,2.4,0,0,1,3.518,0l3.988,4.109a2.584,2.584,0,0,1,0,3.626l-24,24.737A2.37,2.37,0,0,1,20.5,42Z"></path></svg>') no-repeat;
  background-size: 20px 20px;
  top: 4px;
  margin-left: -25px;
}
ul.list-bullet {
  list-style: none;
  padding-left: 25px;
}
ul.list-bullet li {
  position: relative;
  text-align: left;
  padding-bottom: 5px;
}
ul.list-bullet li:before {
  position: absolute;
  height: 20px;
  width: 20px;
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><circle fill="rgb(255,255,255)" cx="25" cy="25" r="10"/></svg>') no-repeat;
  background-size: 20px 20px;
  top: 4px;
  margin-left: -25px;
}
ul.list-right {
  list-style: none;
  padding-left: 14px;
}
ul.list-right li {
  position: relative;
  text-align: left;
}
ul.list-right li:before {
  position: absolute;
  height: 20px;
  width: 20px;
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 50 50"><path fill="rgb(122,122,122)" d="M18.356,7.059L32.471,20.945h0L36,24.415,18.645,42.058l-3.529-3.471L29,24.473,14.885,10.588Z"></path></svg>') no-repeat;
  background-size: 14px 14px;
  top: 5px;
  margin-left: -20px;
}
ul.list-righta {
  list-style: none;
  padding-left: 14px;
}
ul.list-righta li {
  position: relative;
  text-align: left;
}
ul.list-righta li:before {
  position: absolute;
  height: 20px;
  width: 20px;
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 50 50"><path fill="rgb(0,0,0)" d="M18.356,7.059L32.471,20.945h0L36,24.415,18.645,42.058l-3.529-3.471L29,24.473,14.885,10.588Z"></path></svg>') no-repeat;
  background-size: 14px 14px;
  top: 5px;
  margin-left: -20px;
}

/*
ul.list-check {
 list-style: none;
 padding-left: 20px
}
ul.list-check li {
 padding-top: 5px; 
}
ul.list-check li:before {
 font-family: "fontello";
 content: '\e826';
 margin-right: 10px;
 margin-left: -20px;
 color: #218838
}
ul.text-white li:before {
 color: #fff!important
}
ul.list-right {
 list-style: none;
 padding-left: 20px
}
ul.list-right li {
 padding-top: 5px; 
}
ul.list-right li:before {
 font-family: "fontello";
 content: '\e83e';
 margin-right: 10px;
 margin-left: -20px;
 color: #7a7a7a
}*/
ul.list-error {
 list-style: none;
 padding-left: 20px
}
ul.list-error li {
 padding-top: 5px; 
}
ul.list-error li:before {
 font-family: "fontello";
 content: '\e814';
 margin-right: 5px;
 margin-left: -20px;
 color: #dc3545
}
ul.list-unstyled {
 list-style: none;
 padding-left: 0
}
ul.list-unstyled li {
 padding-top: 5px;
}
.rtl ul.list-check, .rtl ul.list-right {
 padding-left: 0!important;
 padding-right: 25px!important;
}
.rtl ul.list-check li:before, .rtl ul.list-right li:before {
 margin-right: -25px!important;
 margin-left: 10px;
}
.testimonial:before {
 position: absolute;
 font-family: "fontello";
 content: "\e80f";
 color: #ccc;
 top: 20px;
 left: 20px
}
.testimonial:after {
 position: absolute;
 font-family: "fontello";
 font-size: 20px;
 content: "\e87a";
 color: #ccc;
 bottom: -20px;
 left: 30px
}
.g-recaptcha div {
 margin: 0 auto
}
.border-down {
 border-bottom: 1px solid #ccc;
 width: 280;
 margin: 20px auto
}

@media (max-width:576px) {
.border-down {
 width: 80%
}
}
.border-down::before {
 background-color: #fff;
 color: #000;
 position: relative;
 margin-left: 46%;
 bottom: -13px;
 font-family: "fontello";
 content: "\e804";
 width: 40px;
 border: 1px solid #ccc;
 border-radius: 15px;
 padding: 5px 10px
}
.img-round, .img-round .img-border, .img-round .img-border-double, .img-round .img-shadow-inner:after, .img-round img {
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%
}
.rating_widget {
 padding: 0;
 width: 160px
}
.rating_widget li {
 line-height: 0;
 width: 28px;
 height: 28px;
 padding: 0;
 margin: 0;
 margin-left: 2px;
 list-style: none;
 float: left;
 cursor: pointer
}
.rating_widget li span {
 display: none
}
.list-pro {
 list-style: none
}
.list-pro .active p {
 color: #000
}
.list-pro .active .h4 {
 font-weight: 500
}
.dash-link {
 position: relative;
 overflow: hidden
}
.dash-icon:after {
 position: absolute;
 content: "";
 border: 1px dashed #0072c6;
 height: 100%;
 left: 15px;
 top: 33%;
 bottom: 0
}
.dash-icon:before {
 position: absolute;
 content: "";
 border: 7px solid transparent;
 z-index: 11;
 left: 12px;
 top: 60%
}
.list-pro li:last-child .dash-icon:before {
 content: none
}
.scroll-down-link {
 margin-left: -44px!important;
 line-height: 60px;
 position: absolute;
 left: 50%;
 bottom: 0;
 color: #ee163a;
 text-align: center;
 font-size: 70px;
 z-index: 100;
 height: 20px;
 width: 80px;
 text-decoration: none;
 -webkit-animation: avia_fade_move_down 2s ease-in-out infinite;
 animation: avia_fade_move_down 2s ease-in-out infinite
}
.top1 ::after {
 font-family: "fontello";
 content: '\e849';
 font-size: 45px;
 font-weight: 700
}

@media(min-width:767px) {
.scroll-down-link {
 margin: 0 0 0 -197px!important
}
}
@-webkit-keyframes avia_fade_move_down {
0% {
-webkit-transform:translate(0, -20px);
opacity:0
}
50% {
opacity:1
}
100% {
-webkit-transform:translate(0, 20px);
opacity:0
}
}
@keyframes avia_fade_move_down {
0% {
transform:translate(0, -20px);
opacity:0
}
50% {
opacity:1
}
100% {
transform:translate(0, 20px);
opacity:0
}
}
#countDown span {
 display: inline-block;
 background-color: #ecf11e;
 height: 50px;
 width: 150px;
 border-radius: 3px;
 margin-right: 10px;
 margin-bottom: 10px;
 line-height: 48px;
 border-bottom: 4px solid #e3e805;
 color: #c00;
 font-weight: 700
}
.countDown span {
 color: #fff;
 background-color: #dc3545;
 border: 1px solid #c82333;
 border-radius: 5px;
 padding: 8px;
 margin: 0 2px;
 width: 70px;
 text-align: center;
 display: inline-block
}
#cookie-bar {
 display: block;
 direction: ltr;
 color: #ddd;
 min-height: 30px;
 position: fixed;
 left: 0;
 width: 100%;
 z-index: 99999;
 padding: 6px 20px 4px;
 background-color: #464646;
 text-align: center;
 bottom: 0
}
#cookie-bar a {
 color: #fff
}
#cookies {
 margin: 0 20px;
 line-height: 20px;
 background: #45AE52;
 border: none;
 color: #fff;
 padding: 4px 12px;
 border-radius: 3px;
 cursor: pointer;
 font-size: 13px;
 font-weight: 700
}
.list-group-item.active {
 background-color: #145477;
 border-color: #114b6b
}
#banner-top {
 top: 0;
 position: relative
}
.icon-cross-custom, .icon-cross-custom:hover {
 color: #fff;
 font-size: 16px;
 position: absolute;
 right: 8px;
 top: 8px
}

@media(max-width:1200px) {
.bg-lg-hide {
 background-image: none!important
}
}

@media(max-width:992px) {
.bg-md-hide {
 background-image: none!important
}
}

@media(max-width:768px) {
.bg-sm-hide {
 background-image: none!important
}
}

@media(min-width:768px) {
.tab-store {
 margin-right: 3rem
}
.tab-store a {
 position: relative
}
.tab-store a.active {
 border-right-color: transparent
}
.tab-store a.active:after {
 position: absolute;
 content: "";
 border: 12px solid transparent;
 border-left-color: transparent;
 border-left-color: #145477!important;
 right: -25px;
 top: 25%
}
}
.order-blue {
 background-color: #c7def933;
 border: 1px solid #4691f24d
}
.order-green {
 border: 1px solid #2ecd004d;
 background-color: #eaf7e666
}
.order-red {
 border: 1px solid #e100004d;
 background-color: #f7d4d41a
}
.order-voilet {
 border: 1px solid #cdcdf7;
 background-color: #d7d7f71a
}
.order-yellow {
 border: 1px solid #ffb4004d;
 background-color: #f7eacd4d
}
.pull-right {
 float: right
}
.step-next {
 background: #f4f6f6;
 border: 1px solid #e3e9e9;
 color: #586266;
 -webkit-box-shadow: inset 0 1px 0 #f8fafa;
 -moz-box-shadow: inset 0 1px 0 #f8fafa;
 box-shadow: inset 0 1px 0 #f8fafa;
 text-shadow: 0 1px 0 #fff
}
.btn-small {
 font-size: 13px;
 line-height: 16px;
 padding: 5px 9px 6px
}
hr.divider {
 border-top: 1px dashed #e0e0e0;
 margin: 25px 0
}
.margin-sides-5 {
 margin-left: 5px!important;
 margin-right: 5px!important
}
.icon-video-play {
 position: absolute;
 color: #fff;
 background-color: rgba(0,0,0,.6);
 border: 4px solid #fff;
 box-shadow: 3px 3px 45px #000;
 padding: 7px 0 7px 8px;
 border-radius: 50%;
 left: 44%;
 top: 38%
}
.icon-video-play:hover {
 color: rgba(249,92,73,1);
 border-color: rgba(249,92,73,1)
}
.marquee {
 height: 125px;
 overflow: hidden;
 position: relative
}
.marquee div {
 display: block;
 height: 125px;
 position: absolute;
 overflow: hidden
}
.marquee span {
 float: left;
 display: inline-block
}
@keyframes marquee {
0% {
transform:translate(0, 0)
}
100% {
transform:translate(-100%, 0)
}
}
.icon-features .icon {
 padding: 18px 15px
}
.text-black {
 color: #000
}
.text-shadow {
 text-shadow: 2px 2px 4px #000
}
.box-count {
 position: relative
}
.box-count.box-count-1::before, .box-count.box-count-2::before, .box-count.box-count-3::before {
 position: absolute;
 right: 0;
 text-shadow: 2px 2px 7px #ddd;
 top: -17px;
 opacity: .08;
 font-size: 6rem;
 font-family: 'Merriweather', serif;
 font-weight: 700;
 color: #1e1e1e
}
.box-count.box-count-1::before {
 content: "1"
}
.box-count.box-count-2::before {
 content: "2"
}
.box-count.box-count-3::before {
 content: "3"
}
.text-blue {
 color: #0072c6
}
.p-sm {
 font-size: 14px!important
}
.opacity-7 {
 opacity: .7
}
.bb-large {
 position: relative
}
.bb-large::before {
 font-family: "fontello";
 content: '\e855';
 position: absolute;
 text-align: center;
 font-size: 16px;
 width: 30px;
 left: 50%;
 margin-left: -10px;
 bottom: 10px;
 color: #0072c6;
 background-color: #fff;
 z-index: 1020
}
.bb-large::after {
 content: "";
 display: block;
 border-bottom: 1px solid #ddd;
 width: 280px;
 position: absolute;
 left: 50%;
 margin-left: -140px;
 bottom: 20px
}
.bb-yellow::before {
 background-color: #f8f6ef!important
}
.bb-small::after {
 content: "";
 display: block;
 border-bottom: 1px solid #ddd;
 width: 180px;
 position: absolute;
 left: 50%;
 margin-left: -90px;
 bottom: 20px
}
.border-btm-large::after {
 content: "";
 display: block;
 border-bottom: 1px solid #fff;
 width: 280px;
 position: relative;
 left: 50%;
 margin-left: -140px;
 top: 22px
}
.border-btm-small::after {
 content: "";
 display: block;
 border-bottom: 1px solid #fff;
 width: 100px;
 position: relative;
 left: 50%;
 margin-left: -50px;
 bottom: 22px
}
.overlay-caption {
 width: 66px;
 height: 66px;
 background: #0072c6;
 border-radius: 100%;
 font-size: 23px;
 padding: 16px;
 color: #fff;
 display: table;
 position: relative;
 bottom: 200px;
 margin-left: 46%;
 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

@media(max-width:575px) {
.overlay-caption {
 bottom: 148px;
 margin-left: 40%
}
}
.pro-section .product-section, .pro-section .product-section1, .pro-section .product-section2 {
 border: 1px solid #e0ecf9;
 padding: 32px 32px 48px;
 position: relative;
 vertical-align: top;
 background: #fff
}
.pro-section .product-section1 {
 box-shadow: -6px 2px 15px 0 #e7e7e7, 0 0 1px 0 #b7b7b7
}
.pro-section .product-section2 {
 box-shadow: 0 6px 13px 0 #e7e7e7, 0 0 1px 0 #b7b7b7
}
.pro-section .active {
 box-shadow: 2px 6px 16px 0 #e7e7e7, 0 0 1px 0 #b7b7b7, 2px 2px 6px 0 #bdbddc;
 background-color: #f2f8ff;
 z-index: 2
}
.product-section ul, .product-section1 ul, .product-section2 ul {
 padding: 0;
 margin: 0;
 list-style: none
}
.pro-section .active .name:after {
 content: "\e83c";
 font-family: fontello;
 font-size: 20px;
 color: #4a95e3;
 position: relative;
 left: 8px
}
.pro-section .name {
 font-weight: 700;
 font-size: 24px;
 line-height: 32px
}
.pro-section .type {
 font: 400 24px/32px;
 margin: 0 0 32px
}
.pro-section .price {
 font-weight: 700;
 font-size: 32px;
 line-height: 32px;
 margin: 0 0 32px;
 min-height: 56px;
 padding: 0
}
.product-section .select, .product-section1 .select, .product-section2 .select {
 background-color: #fff;
 border: 1px solid rgba(72,117,179,.3);
 border-radius: 3px;
 color: #4d94e0;
 font-size: 21px;
 padding: 10px 0 10px 26px
}
.product-section .dropdown-menu.show, .product-section1 .dropdown-menu.show, .product-section2 .dropdown-menu.show {
 width: 100%;
 font-size: 20px;
 z-index: 0
}
.pro-section .dd-heading::before {
 content: "\e87d";
 font-family: fontello;
 font-size: 24px;
 position: relative;
 left: -15px
}
.pro-section .dropdown-toggle::after {
 display: inline-block;
 margin-left: 12.255em
}
.pro-section .dd-heading {
 position: absolute;
 left: 49px
}
.pro-section .dd-content {
 padding-left: 24px
}
.pro-section .dd-content::before {
 content: "\e87d";
 font-family: fontello;
 font-size: 24px;
 position: relative;
 left: -15px;
 color: #4a95e3
}
.pro-section .dropdown-toggle.select:hover {
 border: 1px solid #4a95e3
}

@media(max-width:991px) {
.pro-section .product-section .dropdown-menu.show, .product-section1 .dropdown-menu.show, .product-section2 .dropdown-menu.show {
 width: 100%;
 font-size: 16px;
 z-index: 0
}
.pro-section .product-section .select, .pro-section .product-section1 .select, .pro-section .product-section2 .select {
 font-size: 16px
}
.pro-section .dd-heading::before {
 font-size: 16px
}
.pro-section .dropdown-toggle::after {
 display: inline-block;
 margin-left: 12.255em
}
.pro-section .dd-heading {
 position: absolute;
 left: 49px
}
.pro-section .dd-content {
 padding-left: 24px
}
.pro-section .dd-content::before {
 font-size: 16px
}
.pro-section .dd-heading::before {
 font-size: 16px
}
.pro-section .dd-heading {
 position: absolute;
 left: 34px
}
.pro-section .dropdown-toggle::after {
 display: inline-block;
 margin-left: 10em
}
}
.heading-decor {
 background: #0077c8;
 margin-bottom: 50px;
 padding: 0 30px;
 position: relative
}
.bg-light.about-section-second .right-shape {
 width: 4%
}
.about-section-second {
 padding: 90px 0 75px;
 overflow: hidden;
 position: relative
}

@media(max-width:1500px) {
.t-section-second .triangle-shape {
 border-width: 0 0 630px 1038px
}
}

@media(max-width:1110px) {
.about-section-second .triangle-shape {
 border-width: 0 0 630px 1038px
}
}
h1.line-head {
 color: #0077c8
}
.line-head::after {
 border-bottom: 6px solid #0077c8;
 width: 363px;
 content: "";
 display: block
}
.line-heading::after {
 content: "";
 display: block;
 border-bottom: 6px solid #fff
}
.about-section-second .triangle-shape {
 border-color: transparent transparent #0077c8;
 border-style: solid;
 border-width: 0 0 760px 1038px;
 content: "";
 height: 0;
 position: absolute;
 right: 0;
 bottom: 0;
 width: 0;
 z-index: 1
}
.about-section-second .right-shape {
 background: #0077c8;
 height: 100%;
 position: absolute;
 right: 0;
 top: 0;
 width: 27%;
 z-index: 1
}
.about-section-second .right-shape::before {
 border-color: transparent #0077c8 transparent transparent;
 border-style: solid;
 border-width: 0 524px 525px 0;
 content: "";
 height: 0;
 left: -434px;
 position: absolute;
 top: 0;
 width: 0
}

@media(max-width:991px) {
.about-section-second .right-shape::before {
 border-color: transparent #0077c8 transparent transparent;
 border-style: solid;
 border-width: 0 376px 520px 0;
 content: "";
 height: 0;
 left: -308px;
 position: absolute;
 top: 0;
 width: 0
}
}
.about-section-second .triangle-shape {
 border-width: 0 0 646px 789px
}
.about-section-second .meet-block h2 {
 padding: 0 0 6px 35px;
 border-color: #fff;
 color: #fff;
 margin: 0
}
.about-section-second .meet-block .h4 {
 color: #fff;
 margin: 0;
 text-align: left;
 font-weight: 700;
 padding-right: 40px
}
.about-section-second .meet-block div a {
 border: 3px solid #fff;
 width: 200px;
 background: transparent;
 margin-top: 20px;
 color: #fff;
 font-size: 14px
}
.about-section-second .meet-block div a:hover {
 background-color: #fff!important;
 color: #0077c8!important
}
.about-section-second .text-block {
 width: 65%
}
.about-section-second .meet-block {
 clear: both;
 float: right;
 position: relative;
 z-index: 2;
 padding-top: 100px;
 text-align: left
}
.about-section-second .right-shape {
 width: 18%
}

@media(max-width:767px) {
.about-section-second .right-shape {
 display: none
}
.about-section-second .triangle-shape {
 border-width: 0 0 290px 875px
}
.about-section-second .text-block {
 width: 100%;
 padding-bottom: 11px
}
}

@media(max-width:767px) and (max-width:1199px) {
.about-section-second .triangle-shape {
 border-width: 0 0 172px 596px
}
.about-section-second {
 padding: 0
}
}

@media (min-width:767px) and (max-width:991px) {
.about-section-second .triangle-shape {
 border-width: 0 0 760px 423px
}
.meet-block img {
 display: none
}
.about-section-second .meet-block {
 padding-top: 18px!important
}
.about-section-second .meet-block .h4 {
 font-size: 18px!important
}
}

@media (min-width:991px) and (max-width:1199px) {
.about-section-second .triangle-shape {
 border-width: 0 0 529px 776px
}
.about-section-second .right-shape {
 width: 15%
}
}
.v-section {
 position: relative;
 margin: 0 auto;
 background: #fff;
 box-shadow: 0 0 10px #666;
 padding: 40px
}
.v-sec {
 padding: 100px 0;
 margin-top: 0
}
.videobox {
 position: absolute;
 top: -140px;
 right: -100px
}
.overlay-light {
 background: rgba(224,224,224,.8)
}
.v-m-bg {
 background: #0072c6
}

@media(max-width:767px) {
.videobox {
 position: relative;
 top: -7px;
 right: 0
}
}
.screencontainer {
 border-radius: 15px;
 box-shadow: 0 0 10px #666;
 background: #fff;
 padding: 10px;
 max-width: 1000px;
 margin: 20px auto;
 text-align: center;
 position: relative;
 margin-top: 50px
}
.screencontainer-hpage {
 margin-top: -250px!important;
 margin-bottom: 80px!important
}

@media(max-width:767px) {
.screencontainer-hpage {
 margin-top: -106px!important;
 margin-bottom: 0px!important
}
.v-section {
 position: relative;
 margin: 0 auto;
 background: #fff;
 background-color: rgb(255,255,255);
 box-shadow: 0 0 10px #666;
 padding-left: 16px;
 padding-right: 15px
}
.screencontainer {
 border-radius: 0;
 box-shadow: 0 0 0 0;
 background: #fff;
 padding: 10px;
 text-align: center;
 position: relative
}
}
.navbar-top-hover .nav-item .nav-link {
 border-bottom: 2px solid #cde5f2
}
.testimonial-footer::before {
 position: absolute;
 content: "";
 border: 15px solid transparent;
 border-bottom-color: transparent;
 border-bottom-color: #0072c6;
 top: -30px;
 left: 47%
}

@media (min-width:991px) and (max-width:1199px) {
.about-section-second .meet-block {
 padding-top: 18px!important
}
.about-section-second .meet-block .h4 {
 font-size: 18px!important
}
.about-section-second .triangle-shape {
 border-width: 0 0 522px 642px
}
}
.testimonial-footer::before {
 position: absolute;
 content: "";
 border: 15px solid transparent;
 border-bottom-color: transparent;
 border-bottom-color: #0072c6;
 top: -30px;
 left: 47%
}
.list-share li {
 display: inline-block
}
ul.list-share li a .icon-facebook {
 background-color: #45619d
}
ul.list-share li a .icon {
 color: #fff;
 font-size: 12px;
 padding: 9px 8px;
 border-radius: 50%
}
ul.list-share li a .icon-twitter {
 background-color: #55acee
}
ul.list-share li a .icon-gplus {
 background-color: #dd4b39
}
ul.list-share li a .icon-linkedin {
 background-color: #1e87be
}
.testimonial-footer {
 position: relative
}
.screencontainer #working-video {
 position: absolute;
 top: 50%;
 margin-top: -79px;
 left: 50%;
 margin-left: -79px
}
.screencontainer #working-video .youtube-btn {
 position: absolute;
 z-index: 9;
 top: 55px;
 width: 50px;
 height: 50px;
 color: #fff;
 left: 58px;
 border-radius: 50%
}
.screencontainer #working-video .iq-waves {
 position: absolute;
 width: 80px;
 height: 80px;
 z-index: 2
}
.screencontainer #working-video .iq-waves .waves {
 -webkit-animation: 3s ease-in-out 0s normal none infinite running waves;
 animation: 3s ease-in-out 0s normal none infinite running waves;
 animation-delay: 0s;
 background: rgb(235,0,0) none repeat scroll 0 0 padding-box;
 border-radius: 50%;
 width: 150px;
 height: 150px;
 opacity: 0;
 position: absolute
}
.screencontainer #working-video .iq-waves .wave-1 {
 -webkit-animation-delay: 0s;
 animation-delay: 0s
}
.screencontainer #working-video .iq-waves .wave-2 {
 -webkit-animation-delay: 1s;
 animation-delay: 1s
}
.screencontainer #working-video .iq-waves .wave-3 {
 -webkit-animation-delay: 2s;
 animation-delay: 2s
}
.screencontainer .youtube-btn {
 position: absolute;
 z-index: 9;
 top: 55px;
 width: 50px;
 height: 50px;
 color: #fff;
 left: 58px;
 border-radius: 50%
}
.screencontainer .youtube-btn:hover {
 color: #fff
}

@media(max-width:1200px) {
.screencontainer .youtube-btn {
 width: 20px;
 height: 20px;
 left: 22px;
 top: 22px;
 bottom: 20%
}
.screencontainer #working-video .iq-waves .waves {
 width: 80px;
 height: 80px
}
}
@-webkit-keyframes waves {
0% {
-webkit-transform:scale(.2, .2);
transform:scale(.2, .2);
opacity:0
}
50% {
opacity:.9
}
100% {
-webkit-transform:scale(.9, .9);
transform:scale(.9, .9);
opacity:0
}
}
@keyframes waves {
0% {
-webkit-transform:scale(.2, .2);
transform:scale(.2, .2);
opacity:0
}
50% {
opacity:.9
}
100% {
-webkit-transform:scale(.9, .9);
transform:scale(.9, .9);
opacity:0
}
}

@media(max-width:992px) {
.screencontainer #working-video {
 position: absolute;
 z-index: 9;
 width: 50px;
 height: 50px;
 color: #fff;
 border-radius: 50%;
 margin-left: -43px;
 margin-top: -57px
}
.screencontainer #working-video .youtube-btn {
 position: absolute;
 z-index: 9;
 border-radius: 50%;
 top: 29px;
 left: 19px
}
.youtube-btn i.h2 {
 font-size: 20px
}
}
.m-lg-minus {
 margin-top: -50px
}
.bg-70:hover {
 background-color: #0689eac9!important;
 transition: 0.7s
}
.visible-text {
 visibility: hidden
}
.bg-70:hover .visible-text {
 visibility: visible
}
.bg-30:hover {
 background-color: #0689eac9!important;
 transition: 0.7s
}
.bg-30:hover .visible-text {
 visibility: visible
}
.btn-effect {
 border: 3px solid #21caff;
 color: #fff!important;
 padding: 10px 38px 10px 38px
}
.btn-effect:hover {
 background-color: #21caff;
 color: #fff
}
.carousel-3d-controls[data-v-43e93932] {
 position: absolute;
 top: 50%;
 height: 0;
 margin-top: -30px;
 left: 0;
 width: 100%;
 z-index: 1000
}
.prev[data-v-43e93932] {
 left: 45%!important;
 font-size: 40px!important;
 font-weight: bold!important;
 color: #0f86e3!important
}
.next[data-v-43e93932] {
 font-size: 40px!important;
 font-weight: bold!important;
 color: #0f86e3!important;
 left: 50%;
 top: 191px
}
.carousel-3d-controls[data-v-43e93932] {
 position: absolute;
 top: 88%!important
}
.img-block {
 border-radius: 6px;
 box-shadow: rgba(0,0,0,.2) 0 2px 7px -1px;
 position: relative
}
.img-block:hover {
 -moz-box-shadow: rgba(0,0,0,.5) 0 4px 10px;
 -webkit-box-shadow: rgba(0,0,0,.5) 0 4px 10px;
 box-shadow: rgba(0,0,0,.5) 0 4px 10px;
 outline: 0
}
.img-sec .text {
 visibility: hidden
}
.img-sec:hover .text {
 visibility: visible
}
.v-tab {
 border-left: 1px solid #dfdfdf
}
.v-tab .nav-link.active, .v-tab .show>.nav-link {
 border-left: 3px solid #0072c6;
 background-color: #e0e7ef;
 border-radius: 0;
 padding: 20px;
 font-weight: 700;
 color: #0072c6
}
.v-tab .nav-link, .v-tab>.nav-link {
 font-weight: 700;
 color: #0072c6;
 padding: 20px
}
.v-tab .nav-link:hover {
 border-left: 3px solid #0072c6;
 background-color: #e0e7ef;
 border-radius: 0;
 padding: 20px;
 font-weight: 700;
 color: #0072c6
}

@media(max-width:767px) {
.w-sm-100 {
 width: 100%!important
}
}
.v-tab1 {
 border-left: 2px solid #e1e4e8
}
.v-tab1 .nav-link {
 padding-left: 20px;
 border-left: 2px solid transparent!important
}
.v-tab1 .nav-link.active, .v-tab1 .show>.nav-link {
 border-radius: 0;
 border-left: 2px solid #0072c6!important;
 padding: 0 0;
 padding-left: 20px;
 background-color: transparent;
 color: #000
}
.v-tab1 .nav-link {
 border-radius: 0
}
.v-tab1 .nav-link, .v-tab1>.nav-link {
 color: #bfbfbf
}
.v-tab1 .nav-link.active p.h4, .v-tab1 .nav-link:hover p.h4 {
 color: #0072c6
}
.v-tab1 .nav-link:hover {
 border-radius: 0!important;
 border-left: 2px solid #0072c6!important;
 padding-left: 20px;
 color: #000;
 transition: .5s
}
.v-tab1 a[aria-selected="false"] {
 animation-name: animation
}
@keyframes animation {
from {
opacity:0
}
to {
opacity:1
}
}
.testimonial-sec {
 position: relative;
 transition-duration: 0.6s;
 -webkit-filter: grayscale(100%) opacity(40%);
 -moz-filter: grayscale(100%) opacity(40%);
 filter: grayscale(100%) opacity(100%);
 transition: 0.5s ease
}
.testimonial-sec:hover {
 -webkit-filter: grayscale(0%) opacity(100%);
 -moz-filter: grayscale(0%) opacity(100%);
 filter: grayscale(0%) opacity(100%)
}
.testimonial-sec:hover span {
 opacity: 1
}
.testimonial-sec span {
 opacity: 0;
 position: absolute;
 z-index: 2;
 bottom: 0;
 left: 0;
 width: 100%;
 padding: .3125rem .625rem;
 font-size: 20px;
 font-weight: 500;
 background-size: cover;
 text-align: center;
 color: #fff;
 transition: 1s;
 background-color: #0072c6
}
.bg-30:hover .invisible-text {
 visibility: hidden
}
.bg-70:hover .invisible-text {
 visibility: hidden
}

@media(max-width:767px) {
.bg-70-fix, .bg-30-fix {
 background: #0072c6!important
}
.visible-text {
 visibility: visible
}
.invisible-text {
 display: none
}
.bg-70:hover, .bg-30:hover {
 background-color: transparent!important;
 transition: 0!important
}
}
.sm-meet-block div a {
 border: 3px solid #fff;
 width: 200px;
 background: transparent;
 margin-top: 20px;
 color: #fff;
 font-size: 14px
}
.sm-meet-block a:hover {
 background-color: #fff!important;
 color: #0077c8!important
}
.sm-meet-block::before {
 content: "";
 display: block;
 border-bottom: 104px solid transparent;
 border-left: 323px solid white
}

@media (max-width:991px) {
.sm-meet-block::before {
 content: "";
 display: block;
 border-bottom: 124px solid transparent;
 border-left: 800px solid white
}
}
.youtube-btn {
 position: absolute;
 font-size: 22px;
 z-index: 9;
 top: 33%;
 width: 50px;
 height: 50px;
 left: 46%;
 color: #fff;
 border-radius: 50%
}
.youtube-btn:hover {
 color: #fff
}
#working-video .iq-waves {
 left: 35%;
 position: absolute;
 width: 50px;
 height: 50px;
 top: 18%;
 z-index: 2
}

@media(max-width:999px) {
#working-video .iq-waves {
 left: 32%;
 top: 15%;
 z-index: 2
}
}

@media(max-width:991px) {
#working-video .iq-waves {
 left: 43%;
 top: 35%;
 z-index: 2
}
.youtube-btn {
 top: 41%;
 left: 47%
}
}

@media(max-width:576px) {
#working-video .iq-waves {
 left: 38%;
 top: 30%;
 z-index: 2
}
.youtube-btn {
 top: 42%;
 left: 46%
}
}
#working-video .iq-waves .waves {
 -webkit-animation: 3s ease-in-out 0s normal none infinite running waves;
 animation: 3s ease-in-out 0s normal none infinite running waves;
 animation-delay: 0s;
 background: rgb(235,0,0) none repeat scroll 0 0 padding-box;
 border-radius: 50%;
 width: 80px;
 height: 80px;
 opacity: 0;
 position: absolute
}
#working-video .iq-waves .wave-1 {
 -webkit-animation-delay: 0s;
 animation-delay: 0s
}
#working-video .iq-waves .wave-2 {
 -webkit-animation-delay: 1s;
 animation-delay: 1s
}
#working-video .iq-waves .wave-3 {
 -webkit-animation-delay: 2s;
 animation-delay: 2s
}
@-webkit-keyframes waves {
0% {
-webkit-transform:scale(.2, .2);
transform:scale(.2, .2);
opacity:0
}
50% {
opacity:.9
}
100% {
-webkit-transform:scale(.9, .9);
transform:scale(.9, .9);
opacity:0
}
}
@keyframes waves {
0% {
-webkit-transform:scale(.2, .2);
transform:scale(.2, .2);
opacity:0
}
50% {
opacity:.9
}
100% {
-webkit-transform:scale(.9, .9);
transform:scale(.9, .9);
opacity:0
}
}
.side-fix {
 position: fixed;
 z-index: 99999999;
 right: -98px;
 top: 150px;
 color: #fff;
 font-size: 16px;
 background: #05aee7;
 transition-duration: 0.9s;
 border-radius: 3px 0 0 0
}
.side-fix i {
 font-size: 22px
}
.side-fix:hover, .side-fix:focus, .side-fix:active {
 width: auto;
 right: 0;
 background: #05aee7;
 text-decoration: none
}
.side-fix .media span {
 position: relative;
 top: 2px
}
.side-fix a {
 color: #fff
}
.bg-dark-orange {
 background: #ff780c;
 border-radius: 3px 0 0 0
}
.bg-dark-orange:hover {
 color: #fff;
 background: #e26603
}
.media-h:hover {
 background: #0688b4;
 color: #fff
}

@media (max-width:900px) {
.side-fix {
 top: 200px
}
}
.bg-lightt {
 position: relative;
 top: 64px;
 padding: 10px;
 background: #ffffff9e
}
.bg-light-50 {
 position: relative;
 top: -48px;
 padding: 10px;
 background: #c5edffe6;
 text-align: center
}
.onhover-s:hover {
 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}
.youtube-player {
 position: relative;
 padding-bottom: 56.23%;
 height: 0;
 overflow: hidden;
 max-width: 100%;
 background: #000;
 margin: 5px
}
.youtube-player iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 100;
 background: transparent
}
.youtube-player img {
 bottom: 0;
 display: block;
 left: 0;
 margin: auto;
 max-width: 100%;
 width: 100%;
 position: absolute;
 right: 0;
 top: 0;
 border: none;
 height: auto;
 cursor: pointer;
 -webkit-transition: .4s all;
 -moz-transition: .4s all;
 transition: .4s all
}
.youtube-player img:hover {
 -webkit-filter: brightness(75%)
}
.youtube-player .play {
 height: 72px;
 width: 72px;
 left: 50%;
 top: 50%;
 margin-left: -36px;
 margin-top: -36px;
 position: absolute;
 background: url(https://www.systoolsgroup.com/assets/img/yt-play.webp) no-repeat;
 cursor: pointer
}
blockquote {
 font-size: 16px;
 line-height: 26px;
 padding: 15px;
 border-left: 5px solid #06c;
 background-color: #f7f7f7
}
.bg-header-top {
 background: url(../img/bg-shadow-top.png) left bottom repeat-x
}
.goog-te-banner {
 background: none;
}
.skiptranslate, .goog-te-banner table, .goog-te-banner-frame .skiptranslate, .goog-te-spinner-pos {
 display: none !important;
}
.card-hover {border-left: 1px solid #CCC; padding: 5px 0px 5px 11px; margin-bottom: 10px;} .card-hover:hover {border-left: 2px solid #dc3545; padding: 5px 0px 5px 10px; box-shadow: 0px 0px 5px #C0C0C0; -webkit-box-shadow: 0px 0px 5px #C0C0C0;}
@media(min-width: 992px){
footer .flex-custom {-ms-flex-direction: column !important;flex-direction: column !important;}}

.bg-red{background-color:#f71b30}
.icon-bfcm-thunder{content:url(https://www.systoolsgroup.com/assets/img/zig-zag.svg)
}
.bfcm-lines{
white-space: nowrap;
width: 100%;
overflow-x: hidden;
}
.bfcm-lines:nth-child(5){transform:rotate(0deg) translate(-1.25rem,0);z-index:6}
.list{-webkit-animation:loop 30s infinite linear;animation:loop 30s infinite linear}
.list-reverse{-webkit-animation:loop-reverse 30s infinite linear;animation:loop-reverse 30s infinite linear}
@keyframes loop{100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
@keyframes loop-reverse{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}