/* -----------------------------------------
			   RESET CSS
-------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html{overflow-x:hidden;scroll-behavior: smooth;}
body {
  line-height: 1;
}

ul {
  list-style: none;
}

ol{padding-left:15px;}

ol li{padding-top:10px;}


blockquote, q {
  quotes: none;
}


blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}


table {
  border-collapse: collapse;
  border-spacing: 0;
}


html {
  overflow-y: scroll;
  font-size: 15px;
}


body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, .btn-simple, a, .td-name, td {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}


body {
  background-color: #ffffff;
  font-family: 'Quicksand', sans-serif;
  font-size: 1rem;
  color: #555;
  font-weight: 400;
  line-height: 1.75;
}

#tawkchat-minified-box{display:none!important;}


p:not(:last-child) {
 
}


.lead {
  font-weight: 400;
}


h1, h2, h3, h4, h5 {
  margin: 0 0 1rem;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  line-height: 1.21;
  color: initial;
}


h1 {
  margin-top: 0;
  font-size: 3.052em;
}


h2 {
  font-size: 2.441em;
}


h3 {
  font-size: 1.953em;
}


h4 {
  font-size: 1.563em;
}


h5 {
  font-size: 1.35em;
}


small, .text_small {
  font-size: 0.8em;
}
.nav-item a{font-size:.9em!important;}

strong, b {
  font-weight: 600 !important;
  font-family: 'Quicksand', sans-serif!important;
}




.ptb-50 {
  padding: 50px 0;
}

.ptb-100 {
  padding: 100px 0;
}


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

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

.pt-165 {
  padding-top: 165px;
}


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

.pb-130 {
  padding-bottom: 125px;
}

.pb-165 {
  padding-bottom: 165px;
}



.mt--165 {
  margin-top: -165px !important;
}


.gray-light-bg {
  background: #f5f5f5;
}


.primary-bg {
  background: #214771;
}


.secondary-bg {
  background: #7100b9;
}


.color-primary {
  color: #3575af;
}


.color-secondary {
  color: #7100b9;
}


.gradient-bg {
  background: linear-gradient(75deg, #1b364f 10%, #3575af) !important;
}

.lead2{padding:50px;font-size:1.7rem;}
.white-bg {
  background: #ffffff;
}

.blue{color:#0f76bc;}

a {
  color: #3575af;
}


a:hover {
  color: #0073ec;
  text-decoration: none;
}



.animated-btn {
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}


.animated-btn:hover {
  transform: translate(0, -3px);
  -webkit-transform: translate(0, -3px);
}


.outline-btn, .secondary-solid-btn, .primary-solid-btn, .solid-white-btn, .outline-white-btn, .secondary-outline-btn, .main-btn {
  padding: 12px 30px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 13px;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}


@media only screen and (max-width:479px){.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{padding-left:110px}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{left:99px}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after{left:65px}
}


#about-mark{width:80%;margin-top:-30px;}



.primary-main-solid-btn {
  border: 1px solid #0073ec;
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3575af), to(#214771));
  background-image: linear-gradient(to bottom, #3575af, #214771);
  color: #ffffff;
    
}


.primary-main-solid-btn:hover {
background: #3772b2; /* Old browsers */
background: -moz-linear-gradient(top, #3772b2 0%, #27607f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3772b2 0%,#27607f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3772b2 0%,#27607f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3772b2', endColorstr='#27607f',GradientType=0 ); /* IE6-9 */

  border-style : Solid;
  border-color : #29B1FC;
  border-color : rgba(41, 177, 252, 1);
  border-width : 1px;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0F76BC',endColorstr='#000000' , GradientType=1);
  color: #FFF!important;
}



.primary-solid-btn {
  border: 1px solid #0073ec;
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3575af), to(#214771));
  background-image: linear-gradient(to bottom, #3575af, #214771);
  color: #ffffff;
    font-size:1.4em;
}


.primary-solid-btn:hover {
background: #3772b2; /* Old browsers */
background: -moz-linear-gradient(top, #3772b2 0%, #27607f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3772b2 0%,#27607f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3772b2 0%,#27607f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3772b2', endColorstr='#27607f',GradientType=0 ); /* IE6-9 */

  border-style : Solid;
  border-color : #29B1FC;
  border-color : rgba(41, 177, 252, 1);
  border-width : 1px;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0F76BC',endColorstr='#000000' , GradientType=1);
  color: #FFF!important;
}


.secondary-solid-btn {
  color: #fff;
  background: #7100b9;
  border: 1px solid #7100b9;
}


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


.secondary-outline-btn {
  color: #7100b9;
  display: inline-block;
  border: 1px solid #7100b9;
}


.secondary-outline-btn:hover {
  background: #7100b9;
  color: #ffffff;
}


.outline-btn {
  position: relative;
  display: inline-block;
  color: #3575af;
  border: 1px solid #3575af;
}


.outline-btn:after {
  content: " ";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  z-index: -1;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: 400ms;
  transition: 400ms;
  text-shadow: 0 0.5px 0.3px rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0073ec), to(#214eec));
  background-image: linear-gradient(to bottom, #0073ec, #214eec);
}


.outline-btn:hover:after {
  opacity: 1;
}


.outline-btn:hover {
  color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3575af), to(#214771));
  background-image: linear-gradient(to bottom, #3575af, #214771);
}

.primary-bg h1, .primary-bg p {
  color: #fff;
}


.solid-white-btn {
  background: #ffffff;
  border-color: #ffffff;
  color: #3575af;
}


.solid-white-btn:hover {
  background: transparent;
  color: #ffffff;
}


.outline-white-btn {
  color: #ffffff;
  border-color: #ffffff;
}


.outline-white-btn:hover {
  background: #ffffff;
  color: #3575af;
}

/*icon size*/

.icon-sm {
  font-size: 25px;
  line-height: 25px;
}


.icon-md {
  font-size: 40px;
  line-height: 40px;
}


.icon-lg {
  font-size: 50px;
  line-height: 50px;
}


/*==================================
       Forms
==================================*/

.form-control {
  border-color: #ebebeb;
  padding: .75rem 0.85rem;
  height: calc(2.56em + .75rem + 2px);
}


.form-control:focus {
  outline: none;
  -webkit-box-shadow: 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;
}


select.form-control.has-value {
  height: 52px;
}


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


.z-index {
  z-index: 9;
}






.height-lg-100vh {
  min-height: 100vh;
}

@media (max-width: 576px) {

  .height-lg-100vh {
    height: auto;
  }
}


.custom-badge {
  top: 5%;
  right: 8%;
}



.bg-transparent ul li a:hover, .white-bg.affix ul li a:hover {
  opacity: 1;
}




.bg-transparent.affix {
    /* background-image: -webkit-gradient(linear, right top, left top, from(#214771), color-stop(#214771), color-stop(#214771), color-stop(#1b364f), to(#132635)) !important;
  background-image: linear-gradient(to left, #214771, #214771, #214771, #1b364f, 132635) !important;}*/
     /*   background-color: #083F59;
    background: #003C5A;
    background-image: url(../../assets/img/blue-bg.png);
    background-image: url(../../assets/img/blue-bg.png), -webkit-gradient(linear, left top, left bottom, from(#000), to(#2A3139));
    background-image: url('../../assets/img/blue-bg.png'), -webkit-linear-gradient(top, #000, #2A3139);
    background-image: url('../../assets/img/blue-bg.png'), -moz-linear-gradient(top, #000, #2A3139);
    background-image: url('../../assets/img/blue-bg.png'), -ms-linear-gradient(top, #000, #2A3139);
    background-image: url('../../assets/img/blue-bg.png'), -o-linear-gradient(top, #000, #2A3139);
    background-image: url('../../assets/img/blue-bg.png'), linear-gradient(top, #000, #333);
    border-bottom: 1px solid #68B2DE; */
  background-image: -webkit-gradient(linear, right top, left top, from(#214771), color-stop(#214771), color-stop(#214771), color-stop(#1b364f), to(#132635)) !important;
  background-image: linear-gradient(to left, #214771, #214771,#214771, #1b364f, #132635) !important; 
}

/*header topbar*/

.topbar-text ul li {
  font-size: 84%;
  line-height: 30px;
  color: #757575;
}


.topbar-text ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
}


.topbar-text ul li a:hover {
  color: #0073ec;
}


.gradient-bg .topbar-text ul li, .gradient-bg .topbar-text ul li a {
  color: #ffffff;
  opacity: 0.8;
}


.gradient-bg .topbar-text ul li a:hover {
  opacity: 1;
}


.topbar-text ul li span {
  font-size: 84%;
}

/*main header section css*/

.header-main {
  position: relative;
  display: block;
}


.main-header-menu-wrap {
  display: block !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: slideInU;
          animation-name: slideInU;
    
}


.main-header-menu-wrap .navbar-toggler.btn:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #0073ec;
}


.main-header-menu-wrap.affix {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
    border-bottom:2px solid #3575af;
     box-shadow: 0 4px 3px -3px black;
}


.header-nav {
  padding:0;
}

@media (min-width: 320px) and (max-width: 767px) {

  .main-navbar-nav {
    padding-bottom: 15px;
  }

  .header-nav {
    padding: 0.5rem 0;
  }
}


.sub-menu-nav-link {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0.8999rem;
  color: #757575;
}


.main-link-toggle::after {
  display: inline-block;
  font-family: "themify";
  font-size: 50%;
  content: "\e64b";
  margin-left: .4rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
  top: -1px;
}

.nav-link{padding:2px 0;}
.footer-bottom{border-top:5px solid #0f76bc;}
.footer-section a{color:#FFF;}
.footer-section a:hover{text-decoration:underline;}
.copyright{background-color:#000;color:#FFF;}
.copyright-text a:hover{color:#0f76bc;} 
.footer-nav-wrap{}

.footer-title{padding-top:20px;color:#FFF!important;}
.footer-address{font-size:.9em;}

.social{}
.social ul{}
.social ul li{display:inline;padding:0 6px;font-size:1.2em;}
.social a:hover{color:#0f76bc;}

.callout{}
.callout-txt{font-size:1.7em;}

.pricebox{margin:2px;background-color:#FFF;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.price-plan{font-size:1.5em;padding:20px 0 4px 0!important;margin:0;}
.price{width:100px;}
.pricing-check{width:20px;position:relative;top:4px;}
.onetime{color:#0f76bc;font-size:.8em;position:relative;top:-8px;}
.featurelist li{padding:0 28px 0 28px;padding-top:0;font-size:.9em;}
.compatibilitylist{margin:0;padding:10px 0;}
.compatibilitylist li{padding:0 ;margin:0;padding-top:0;font-size:.9em;}
.compare-link {font-size:.9em;color:#0f76bc;padding:12px 0;}
.compare-link a:hover{text-decoration:underline;}
.owl-dots{display:none}
.single-testimonial{box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;min-height:300px;width:98%;margin-left:3px;}
.owl-stage{padding:60px 0;}
.owl-carousel{min-height:200px;padding:20px 0;}
.testi{position:relative;top:-100px;left:-10px;margin-bottom:-100px;z-index:1000;}
.mainbutton-txt{font-size:1.7em;}
.downloadnowfor{font-size:.9em;float:left;padding-left:16px;padding-top:10px;text-transform: uppercase}
.buttonimg{float:left;width:40px}
.ratting-content h5{margin-top:20px;}
.grayicons{padding:10px 0;}
.grayicons img{margin:0 4px;}
.arrows{margin-top:180px;}
.contact-address{padding-top:20px;}
.supportform{margin-right:50px;}
.supportform input{box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;margin:10px 0;}
.supportform input:active{box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;margin:10px 0;}
.supportform textarea{box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;margin:10px 0;}
.toslink{position:relative;top:-100px;}
.faq a{font-weight:bold;color:#000;}
.faqbtn{position:relative;top:-120px;}

.device-box{background-color:#FFF;margin:40px 40px;padding: 40px 0;}
#apple{border-top:10px solid #0f76bc;}
#android{border-top:10px solid #68bb20;}

.featurebox{background-color:#FFF;padding:30px;margin:20px 0;}

.iphoneimg{width:93%;position:relative;top:79px;}

.blogphone{width:270px;position:absolute;top:-95px;right:20px;}

.hero-content-wrap h1{padding-bottom:10px}

.comparison {max-width:940px;margin:40px auto;text-align:center;}
.comparison table {width:100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
.comparison td, .comparison th {border-right:1px solid #CCC;empty-cells: show;padding:10px;font-size:1.1em;}
.compare-heading {font-size:18px;font-weight:bold !important;border-bottom:0 !important;padding-top:10px !important;}
.comparison tbody tr:nth-child(odd) {display:none;}
.comparison .compare-row {background:#F5F5F5;border-top:1px solid #e5e5e5;}
.comparison .compare-row2 {background:#EFEFEF!important;border-top:1px solid #EFEFEF;}
.comparison .tickblue {color:#0078C1;}
.comparison .tickgreen {color:#009E2C;}
.comparison th {font-weight:normal;padding:0;}
.comparison tr td:first-child {text-align:left;border-left:1px solid #CCC;}
.comparison .qbse, .comparison .qbo, .comparison .tl {color:#FFF;padding:10px;font-size:13px;border-right:1px solid #CCC;border-bottom:0;text-align:none;text-align:center;}
.comparison .tl2 {border-right:0;}
.comparison .qbse {background:#006633;border-top-left-radius: 3px;border-left:0px;    }
.comparison .qbo {background:#00a069;border-top-right-radius: 3px;border-right:0px;}
.comparison .qbri {background:#00a069;border-top-right-radius: 3px;border-right:0px;color:#FFF;text-align:center;}
.comparison .price-info {padding:5px 15px 15px 15px;text-align:center;background-color:#F5F5F5}
.comparison .price-was {color:#999;text-decoration: line-through;}
.comparison .price-now, .comparison .price-now span {color:#777;}
.comparison .price-now span {font-size:32px;}
.comparison .price-small {font-size: 18px !important;position: relative;top: -11px;left: 2px;}
.comparison .price-buy {background:#ff5406;padding:10px 20px;font-size:12px;display:inline-block;color:#FFF;text-decoration:none; border-radius:3px;text-transform:uppercase;margin:5px 0 10px 0;}
.comparison .price-try {font-size:12px;}
.comparison .price-try a {color:#202020;}
.check{width:26px;}
.tooltipicon{margin:0 6px;}
.listtitle{font-size:1.2em;padding-left:10px;}
.price-info{background-color:#FFF;}

 
@media (max-width: 767px) {
.comparison td:first-child, .comparison th:first-child {display: none;}
.comparison tbody tr:nth-child(odd) {display:table-row;background:#F7F7F7;}
.comparison .row {background:#FFF;}
.comparison td, .comparison th {border:1px solid #CCC;}
.price-info {border-top:0 !important;}
	.shield{width:80%;}
}

@media (max-width: 639px) {
.comparison .price-buy {padding:5px 10px;}
.comparison td, .comparison th {padding:10px 5px;}
.comparison .hide-mobile {display:none;}
.comparison .price-now span {font-size:16px;}
.comparison .price-small {font-size: 16px !important;top: 0;left: 0;}
.comparison .qbse, .comparison .qbo {font-size:12px;padding:10px 5px;}
.comparison .price-buy {margin-top:10px;}
.compare-heading {font-size:13px;}
}




.primary-main-solid-btn{padding: 11px 30px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 13px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;}


/*==================================
        Buttons
==================================*/
.main-btn {
  background : -moz-linear-gradient(50.09% 10.63% -90.43deg,rgba(104, 192, 32, 1) 0%,rgba(106, 143, 34, 1) 43.59%);
  background : -webkit-linear-gradient(-90.43deg, rgba(104, 192, 32, 1) 0%, rgba(106, 143, 34, 1) 43.59%);
  background : -webkit-gradient(linear,50.09% 10.63% ,49.62% 208.98% ,color-stop(0,rgba(104, 192, 32, 1) ),color-stop(0.4359,rgba(106, 143, 34, 1) ));
  background : -o-linear-gradient(-90.43deg, rgba(104, 192, 32, 1) 0%, rgba(106, 143, 34, 1) 43.59%);
  background : -ms-linear-gradient(-90.43deg, rgba(104, 192, 32, 1) 0%, rgba(106, 143, 34, 1) 43.59%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#68C020', endColorstr='#6A8F22' ,GradientType=0)";
  background : linear-gradient(180.43deg, rgba(104, 192, 32, 1) 0%, rgba(106, 143, 34, 1) 43.59%);
  border-style : Solid;
  border-color : rgba(0, 219, 78, 1);
  border-width : 1px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68C020',endColorstr='#6A8F22' , GradientType=1);
  border-color: #00db4e;
    color:#FFF!important;
    text-transform: uppercase;
    
}


.main-btn:hover {
    background: #68c020; /* Old browsers */
background: -moz-linear-gradient(top, #68c020 0%, #6a8f22 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #68c020 0%,#6a8f22 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #68c020 0%,#6a8f22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68c020', endColorstr='#6a8f22',GradientType=0 ); /* IE6-9 */

 
  color: #ffffff;
}

.blue-btn{background : -moz-linear-gradient(50.02% 25.08% -90.18deg,rgba(15, 118, 188, 1) 0%,rgba(0, 0, 0, 1) 43.15%);
  background : -webkit-linear-gradient(-90.18deg, rgba(15, 118, 188, 1) 0%, rgba(0, 0, 0, 1) 43.15%);
  background : -webkit-gradient(linear,50.02% 25.08% ,49.71% 337.32% ,color-stop(0,rgba(15, 118, 188, 1) ),color-stop(0.4315,rgba(0, 0, 0, 1) ));
  background : -o-linear-gradient(-90.18deg, rgba(15, 118, 188, 1) 0%, rgba(0, 0, 0, 1) 43.15%);
  background : -ms-linear-gradient(-90.18deg, rgba(15, 118, 188, 1) 0%, rgba(0, 0, 0, 1) 43.15%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0F76BC', endColorstr='#000000' ,GradientType=0)";
  background : linear-gradient(180.18deg, rgba(15, 118, 188, 1) 0%, rgba(0, 0, 0, 1) 43.15%);
  border-style : Solid;
  border-color : #29B1FC;
  border-color : rgba(41, 177, 252, 1);
  border-width : 1px;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0F76BC',endColorstr='#000000' , GradientType=1);}

.bg-transparent .main-navbar-nav li.header-nav-last-item a.btn {
  background : -moz-linear-gradient(50.09% 10.63% -90.43deg,rgba(104, 192, 32, 1) 0%,rgba(106, 143, 34, 1) 43.59%);
  background : -webkit-linear-gradient(-90.43deg, rgba(104, 192, 32, 1) 0%, rgba(106, 143, 34, 1) 43.59%);
  background : -webkit-gradient(linear,50.09% 10.63% ,49.62% 208.98% ,color-stop(0,rgba(104, 192, 32, 1) ),color-stop(0.4359,rgba(106, 143, 34, 1) ));
  background : -o-linear-gradient(-90.43deg, rgba(104, 192, 32, 1) 0%, rgba(106, 143, 34, 1) 43.59%);
  background : -ms-linear-gradient(-90.43deg, rgba(104, 192, 32, 1) 0%, rgba(106, 143, 34, 1) 43.59%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#68C020', endColorstr='#6A8F22' ,GradientType=0)";
  background : linear-gradient(180.43deg, rgba(104, 192, 32, 1) 0%, rgba(106, 143, 34, 1) 43.59%);
  border-style : Solid;
  border-color : rgba(0, 219, 78, 1)!important;
  border-width : 1px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68C020',endColorstr='#6A8F22' , GradientType=1);
  border-color: #00db4e;
    color:#FFF!important;
    text-transform: uppercase;
}



/*==================================
        NAV
==================================*/

#logoAndNav{
  /*margin-bottom:-100px;*/
}

#logoAndNav{    background-image: -webkit-gradient(linear, right top, left top, from(#214771), color-stop(#214771), color-stop(#214771), color-stop(#1b364f), to(#132635)) !important;
    background-image: linear-gradient(to left, #214771, #214771,#214771, #1b364f, #132635) !important;
}}

.bg-transparent .main-navbar-nav li.header-nav-last-item a.btn:hover {
  background: #ffffff !important;
  color: #3575af !important;
}



.main-sub-menu {
  width: 100%;
  padding-left: 0;
  list-style: none;
}


.sub-menu-nav-group {
  padding-left: 0;
  list-style: none;
}


.u-header__navbar-link {
  color: #757575;
  font-size: 0.875rem;
  font-weight: 300;
  padding-left: .5rem;
  padding-right: .5rem;
}


.custom-nav-item:hover .custom-nav-link, .custom-nav-item:focus .custom-nav-link {
  color: #0073ec;
}


.header-main .active > .custom-nav-link {
  color: Green;
}


.custom-nav-link {
  font-size: 14px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  color: #737373;
  position: relative;
}


.bg-transparent .header-nav a.custom-nav-link, .gradient-bg .header-nav a.custom-nav-link {
  color: #ffffff !important;
  opacity: 0.8;
}


.bg-transparent .header-nav a.custom-nav-link:hover, .gradient-bg .header-nav a.custom-nav-link:hover {
  opacity: 1;
}


.headroom--not-top.slideDown .bg-transparent {
  background: linear-gradient(75deg, #0073ec 10%, #7100b9) !important;
}

@media (max-width: 767px) {

  .bg-transparent .header-nav #navBar.navbar-collapse, .gradient-bg .header-nav #navBar.navbar-collapse {
        background-image: -webkit-gradient(linear, right top, left top, from(#214771), color-stop(#214771), color-stop(#214771), color-stop(#1b364f), to(#132635)) !important;
    background-image: linear-gradient(to left, #214771, #214771,#214771, #1b364f, #132635) !important;
  }

  .bg-transparent .header-nav #navBar.navbar-collapse, .gradient-bg .header-nav #navBar.navbar-collapse {
    padding: 0 15px 15px 15px;
  }
 
  .bg-transparent .header-nav #navBar.navbar-collapse .navbar-nav .nav-link, .gradient-bg .header-nav #navBar.navbar-collapse .navbar-nav .nav-link {
    padding-right: 1rem;
  }
}


.bg-transparent button.navbar-toggler span {
  color: #ffffff;
}


.sub-link-toggle {
  position: relative;
}


.sub-link-toggle::after {
  display: inline-block;
  font-family: "themify";
  font-size: 60%;
  content: "\e649";
  margin-left: auto;
  margin-right: .04rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}


.main-sub-menu .active > .sub-menu-nav-link {
  color: #0073ec;
}


.sub-menu-title {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-family: 'Quicksand', sans-serif
}

.hs-has-sub-menu {
  position: relative;
}

/*nevbar expend css*/

.navbar-expand {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


.navbar-expand .main-navbar-nav {
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}


.navbar-expand .main-navbar-nav .header-nav-last-item {
  text-align: right;
  padding-left: 1rem;
  padding-right: 0;
}


.header-nav-last-item .btn {
  padding: 10px 20px;
  font-size: 12px;
}


.navbar-expand .main-navbar-nav .custom-nav-link {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 0.875rem;
  padding-left: 0.875rem;
}


.navbar-expand .main-navbar-nav .sub-menu-nav-link {
  padding-right: 1.75rem;
  padding-left: 1.75rem;
}


.navbar-expand .main-navbar-nav .sub-menu-nav-group .sub-menu-nav-link {
  padding-left: 0;
}


.navbar-expand .main-navbar-nav .main-sub-menu.hs-sub-menu {
  padding-top: 1rem;
  padding-bottom: 1rem;
}


.navbar-expand .main-navbar-nav .main-sub-menu .hs-has-sub-menu {
  padding: 0;
}


.navbar-expand .main-navbar-nav .main-sub-menu .hs-has-sub-menu .main-sub-menu {
  margin-top: -1.1875rem;
}


.navbar-expand .u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right {
  right: 20%;
}


.navbar-expand .mega-menu-wrap {
  padding: 2.5rem;
  margin-left: 0;
  margin-right: 0;
}


.navbar-expand .u-header__promo {
  border-bottom-right-radius: 0.25rem;
}


.navbar-expand .u-header__promo-card {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 1 0 0%;
  -webkit-box-flex: 1;
          flex: 1 0 0%;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}


.navbar-expand .u-header__promo-card-deck {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
}


.navbar-expand .u-header__promo-card-deck .title-with-icon-item:not(:last-child) .title-with-icon-link {
  position: relative;
}


.navbar-expand .u-header__promo-card-deck .title-with-icon-item:not(:last-child) .title-with-icon-link::after {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -1.5rem;
  border-right: 1px solid #ebebeb;
  height: 100%;
  content: "";
}


.main-sub-menu {
  width: 100%;
  padding-left: 0;
  list-style: none;
}

@media (min-width: 320px) and (max-width: 767px) {

  .main-sub-menu {
    height: 220px;
    overflow-y: scroll;
  }
 
  .menu-titile-icon {
    display: none;
  }
}


.hs-mega-menu-opened a.custom-nav-link:before, .hs-sub-menu-opened a.custom-nav-link:before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(-50%, 0) rotate(-315deg);
  transform: translate(-50%, 0) rotate(-315deg);
  border-radius: 3px;
  background-color: #0073ec;

}


.bg-transparent .hs-mega-menu-opened a.custom-nav-link:before, .bg-transparent .hs-sub-menu-opened a.custom-nav-link:before {
  background: #ffffff;
}

@media (max-width: 767.98px) {

  .hs-mega-menu-opened a.custom-nav-link:before,
  .hs-sub-menu-opened a.custom-nav-link:before,
  .bg-transparent .hs-mega-menu-opened a.custom-nav-link:before,
  .bg-transparent .hs-sub-menu-opened a.custom-nav-link:before {
    display: none;
  }
}

/*menu responsive css*/
@media (min-width: 768px) {

  .navbar-expand-md .main-navbar-nav .custom-nav-link {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }
  
  .navbar-expand-md .main-navbar-nav .main-sub-menu {
    border-top: 2px solid #0073ec;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    -webkit-box-shadow: 0 12px 20px 0 rgba(23, 28, 33, 0.16);
    box-shadow: 0 12px 20px 0 rgba(23, 28, 33, 0.16);
  }
  
  .bg-transparent .navbar-expand-md .main-navbar-nav .main-sub-menu {
    border-top: 2px solid #ffffff;
  }
  
  .navbar-expand-md .hs-has-sub-menu ul.hs-sub-menu > .hs-has-sub-menu ul.hs-sub-menu {
    border-top-right-radius: 0.25rem;
  }
  
  .navbar-expand-md .main-navbar-nav .main-sub-menu.hs-sub-menu {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .navbar-expand-md .main-navbar-nav .main-sub-menu .hs-has-sub-menu .main-sub-menu {
    margin-top: -1.1875rem;
  }

  .navbar-expand-md .main-navbar-nav .main-sub-menu.hs-sub-menu {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
 
  .navbar-expand-md .main-navbar-nav .main-sub-menu .hs-has-sub-menu {
    padding: 0;
  }

  .navbar-expand-md .main-navbar-nav .sub-menu-nav-link {
    padding-right: 1.75rem;
    padding-left: 1.75rem;
  }

  .navbar-expand-md .main-navbar-nav .header-nav-last-item {
    text-align: right;
    padding-left: 1rem;
    padding-right: 0;
  }
 
  .navbar-expand-md .mega-menu-wrap {
    padding: 2.5rem;
    margin-left: 0;
    margin-right: 0;
  }
 
  .navbar-expand-md .main-navbar-nav .sub-menu-nav-group .sub-menu-nav-link {
    padding-left: 0;
  }

  .navbar-expand-md .u-header__promo {
    border-bottom-right-radius: 0.25rem;
  }
}


.menu-banner-wrap {
  position: relative;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  border-bottom-left-radius: 0.25rem;
}


.menu-banner-content {
  z-index: 1;
  width: 100%;
  padding: 2rem 3rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}


.u-header__product-banner {
  background-color: #f5f5f5;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding-right: 1.5rem;
}


.u-header__product-banner-content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}


.u-header__promo {
  background-color: #f5f5f5;
}


.u-header__promo-inner {
  padding: 2rem;
}


.menu-countdown h2 {
  font-size: 25px;
  line-height: 20px;
  margin-bottom: 0;
  opacity: 0.8;
  color: #ffffff;
}


.menu-countdown h6 {
  font-size: 14px;
  line-height: 18px;
}


.offer-countdown-item h2 {
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 0;
  color: #ffffff;
}


.offer-countdown-item h6 {
  font-size: 16px;
  line-height: 18px;
  opacity: 0.8;
}


.title-with-icon-item ~ .title-with-icon-item {
  border-top: 1px solid #ebebeb;
}


.title-with-icon-item {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}


.title-with-icon-link {
  display: block;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  margin-top: 0.65rem;
  margin-bottom: 0.65rem;
  color: #464646;
}


.title-with-icon-link:hover .u-header__promo-title {
  color: #3575af;
}


.menu-titile-icon {
  width: 100%;
  max-width: 2rem;
  margin-right: 1rem;
}


.u-header__promo-title {
  display: block;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.85rem;
  line-height: 1.3rem;
}


.u-header__promo-text {
  display: block;
  color: #77838f;
}


small, .small {
  font-size: 85%;
  font-weight: 400;
}


.u-header__promo-footer {
  background-color: #f5f5f5;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}


.u-header__promo-footer-ver-divider {
  position: relative;
}


.u-header__promo-footer-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}



/*responsive menu css*/
@media (max-width: 767.98px) {
  
  .navbar-expand-md .custom-nav-link, .navbar-expand-md .sub-menu-nav-link {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
 
  .navbar-expand-md .main-link-toggle::after, .navbar-expand-md .sub-link-toggle::after {
    margin-left: auto;
  }
 
  .navbar-expand-md .hs-mega-menu-opened .custom-nav-link-toggle::after, .navbar-expand-md .hs-sub-menu-opened .custom-nav-link-toggle::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .navbar-expand-md .hs-sub-menu-opened > .sub-link-toggle::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
 
  .u-header--bg-transparent .main-navbar-nav {
    padding: 0.875rem 0;
    padding-top: 1rem;
  }

  .navbar-expand-md .sub-menu-title {
    padding-left: 1.5rem;
    margin-bottom: 0;
  }
 
  .u-header--bg-transparent .main-navbar-nav {
    background-color: #fff;
  }
 
  .navbar-expand-md .sub-menu-nav-group {
    padding-top: .5rem;
    padding-left: 1.5rem;
  }
  
  .navbar-expand-md .main-sub-menu:not(.u-header__promo) {
    border-left: 2px solid #0073ec;
  }
 
  .navbar-expand-md .main-sub-menu {
    min-width: 100% !important;
  }
 
  .navbar-expand-md .main-sub-menu .hs-has-sub-menu {
    padding-left: 1.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .navbar-expand-md .main-sub-menu .main-sub-menu, .main-sub-menu .submenu-item {
    padding-left: 1.5rem;
  }
}

/*headerroom*/
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}

@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}


.animated.slideDown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
  }
}

@keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}


.animated.slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}


.headroom {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}


.headroom--pinned {
  display: block;
}


.headroom--unpinned {
  display: none;
}


.headroom--pinned {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}


.headroom--unpinned {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

@media (min-width: 320px) and (max-width: 992px) {
  /* line 1242, src/assets/scss/_main-style.scss */
  .navbar-expand-md .main-navbar-nav .custom-nav-link {
    padding-right: 0.4rem;
    padding-left: 0.4rem;
  }
 
  .ptb-100 {
    padding: 55px 0;
  }
  
  .pt-100 {
    padding-top: 55px;
  }
 
  .pb-100 {
    padding-bottom: 55px;
  }
 
  .pt-165 {
    padding-top: 100px;
  }
}

@media (min-width: 320px) and (max-width: 768px) {
  
  .main-with-padding {
    padding-top: 92px !important;
  }
  
  .main-without-padding {
    padding-top: 36px !important;
  }
 
  .main-without-topbar {
    padding-top: 0 !important;
  }
}

/*==================================
        HERO SECTION CSS
==================================*/
.checkmark{width:28px;margin:0 8px 0 4px;}
#hero-shap-1 {
  top: 0;
}


svg {
  overflow: hidden;
}


svg:root {
  width: 100%;
  height: 100%;
}


svg.shape-bg, svg.promo-bg {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: -1;
}


.hero-image {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}


#promo-shape {
  top: 3.5%;
  width: 100%;
  right: 0;
}


.main-with-padding {
  padding-top: 105px;
}

/*hero equal height*/

.hero-equal-height {
  position: relative;
  min-height: 660px;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

/*hero default*/

.fit-cover {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
}


.z--1 {
  z-index: -1;
}


.animation-image-wrap {
  position: relative;
}


.animation-icon-img {
  position: absolute;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: bounce 1s ease-in-out 0s infinite alternate;
  animation: bounce 1s ease-in-out 0s infinite alternate;
}


.animation-icon-img.animation-icon-1 {
  left: 15%;
  top: 30%;
}


.animation-icon-img.animation-icon-2 {
  left: inherit;
  right: 45%;
  top: 0;
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}


.animation-icon-img.animation-icon-3 {
  top: 30%;
  left: 75%;
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}


.animation-icon-img.animation-icon-4 {
  left: inherit;
  right: 45%;
  top: 60%;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}


.animation-icon-img.animation-icon-5 {
  left: 42%;
  top: 24%;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
}

/*hero section 2*/

.two-col-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


.two-col-list li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 50%;
  padding: 0 12px 8px 0;
  font-size: 14px;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) and (min-width: 320px) {

  .two-col-list li {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}


.shape-bottom img.bottom-shape {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: 0;
  width: 100%;
  margin: 0 auto;
}

/*hero offer section*/





.header-content {
  position: relative;
  padding: 0 0 50px 50px;
  overflow: hidden;
}


.header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
  border: 2px dashed #ebebeb;
  -webkit-clip-path: polygon(0 0, 0% 0, 35% 100%, 0 100%);
  clip-path: polygon(0 0, 0% 0, 35% 100%, 0 100%);
}


.hero-slider-one .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}


.hero-slider-one .owl-item.active .cros-animation {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}


.hero-slider-one .owl-item.active .action-btns {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}


.hero-slider-one .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}



  #stage {
   
  }

  #stage a {
      top:-280px;
      right:50px;
    position: absolute;
     
  }
  #stage a img {
    padding: 10px;
   
  }

  #stage a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  #stage a:nth-of-type(2) {
    z-index: 10;
  }
  #stage a:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }






/*
 * HS Mega Menu - jQuery Plugin
 * @version: 1.0.0 (Sun, 26 Feb 2017)
 *
 * @license:
 *
 * Copyright 2017 HtmlStream
 *
 */

.hs-menu-initialized {
  position: relative;
  z-index: 10;
}


.hs-menu-initialized .animated {
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
}


.hs-overflow-x-locked {
  overflow-x: hidden;
}


.hs-sub-menu,
.hs-mega-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 2;
  margin-top: -.002rem;
  visibility: hidden;
  background-color: #fff;
  opacity: 1 !important;
}


.hs-sub-menu-opened > .hs-sub-menu,
.hs-mega-menu-opened > .hs-mega-menu {
  visibility: visible;
  opacity: 1;
}


.hs-sub-menu {
  min-width: 180px;
}


.hs-has-sub-menu {
  overflow: hidden;
  position: relative;
}


.hs-sub-menu-opened {
  overflow: visible;
}


.hs-sub-menu .hs-sub-menu,
.hs-mega-menu .hs-sub-menu,
.hs-sub-menu .hs-mega-menu,
.hs-mega-menu .hs-mega-menu {
  top: 0;
  left: 100%;
  margin-top: 0;
}

/*------------------------------------
	Vertical Direction
------------------------------------*/

.hs-menu-vertical .hs-sub-menu,
.hs-menu-vertical .hs-mega-menu {
  top: 0;
  left: 100%;
  margin-top: 0;
}


.hs-menu-vertical .hs-sub-menu {
  width: auto;
}


.hs-menu-vertical .hs-mega-menu {
  height: 100%;
}

/*------------------------------------
	Mobile state
------------------------------------*/

.hs-mobile-state .hs-sub-menu,
.hs-mobile-state .hs-mega-menu {
  position: static;
  visibility: visible;
}


.hs-mobile-state .hs-has-mega-menu[data-max-width] > .hs-mega-menu,
.hs-mobile-state .hs-has-sub-menu[data-max-width] > .hs-sub-menu {
  max-width: initial !important;
}

/*------------------------------------
	RTL
------------------------------------*/

.hs-menu-initialized.hs-rtl {
  direction: rtl;
  unicode-bidi: embed;
}


.hs-menu-initialized.hs-rtl .hs-sub-menu,
.hs-menu-initialized.hs-rtl .hs-mega-menu {
  left: auto;
  right: 0;
}


.hs-menu-initialized.hs-rtl .hs-sub-menu .hs-sub-menu,
.hs-menu-initialized.hs-rtl .hs-mega-menu .hs-sub-menu,
.hs-menu-initialized.hs-rtl .hs-sub-menu .hs-mega-menu,
.hs-menu-initialized.hs-rtl .hs-mega-menu .hs-mega-menu {
  left: auto;
  right: 100%;
}

/*------------------------------------
	Smart Position
------------------------------------*/

.hs-menu-initialized:not(.hs-mobile-state) .hs-sub-menu.hs-reversed,
.hs-menu-initialized:not(.hs-mobile-state) .hs-mega-menu.hs-reversed {
  left: auto;
  right: 0;
}


.hs-menu-initialized:not(.hs-mobile-state) .hs-sub-menu .hs-sub-menu.hs-reversed,
.hs-menu-initialized:not(.hs-mobile-state) .hs-mega-menu .hs-sub-menu.hs-reversed,
.hs-menu-initialized:not(.hs-mobile-state) .hs-sub-menu .hs-mega-menu.hs-reversed,
.hs-menu-initialized:not(.hs-mobile-state) .hs-mega-menu .hs-mega-menu.hs-reversed {
  left: auto;
  right: 100%;
}


.hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-sub-menu.hs-reversed,
.hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-mega-menu.hs-reversed {
  right: auto;
  left: 0;
}


.hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-sub-menu .hs-sub-menu.hs-reversed,
.hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-mega-menu .hs-sub-menu.hs-reversed,
.hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-sub-menu .hs-mega-menu.hs-reversed,
.hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-mega-menu .hs-mega-menu.hs-reversed {
  right: auto;
  left: 100%;
}

/*------------------------------------
	Positions
	(only 'horizontal' direction)
------------------------------------*/

.hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-left {
  left: 0;
  right: auto;
}


.hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-right {
  left: auto;
  right: 0;
}


.hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-center {
  right: auto;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.fa-3x{color:#0f76bc;}

/* LARGE SCREEN */
@media only screen and (max-width: 1180px) {
    
}
/* MEDIUM SCREEN */
@media only screen and (min-width: 980px) and (max-width: 1040px) {
    .blogphone{top:-84px;}
}

/* IPAD HORIZONTAL */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #stage a{display:none;}  
    .pricebox{margin-top:30px;}
    .blogphone{display:none;}
}
@media only screen and (max-width: 767px) {}

/* IPAD VERTICAL */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
}

/* IPHONE VERTICAL HORIZONTAL */
@media only screen and (max-width: 479px) {
    #logoAndNav{margin:0;}
    #stage a{display:none;}
    .footer-section{text-align:center;}
    .nav-link{padding:6px 0;}
    .social{display:none;}
    .callout{text-align:center;}
    .hero{text-align:center;}
    .list-unstyled{text-align:left!important;}
    .pricebox{margin-top:30px;}
    #iphonebutton{}
    #androidbutton{margin-left:15px;}
    .header-nav-last-item{margin-top:20px;}
    .alldevices{text-align:center;}
    .pricing{text-align:center;}
    .featurelist{text-align:left;}
    .alldevices h5{margin-top:20px}
    .callout a{margin-top:20px;}
    .arrows{margin-top: 50px;}
.additional h5{padding-top:20px!important}
    .compatibilitylist{text-align:left;}
    #iphonebutton{margin-bottom:20px;}
    .blank{display:none!important;}
    .iphoneimg{top:8px;padding-top:30px;}
    .blogphone{display:none;}
    .video-btn{display:none;}
    .blogphone{display:none;}
}