/*--------------------Global------------------- */


html, body {
  font-family: "univia-pro",sans-serif;

  }


a {
    color: #929292;
    text-decoration: none;
}

.link-style-none a:focus, a:hover {
    text-decoration: none;
    color: #49af2a;
}

.font-weight-light {
    font-weight: 300;
}


.block-fill-height-100 {
    display: table;
    width: 100%;
    height: 100vh;
}

.block-fill-height-75 {
    display: table;
    width: 100%;
    height: 75vh;
}


.font-weight-medium {
    font-weight: 500 !important;
}


/*--------------------Zivigo Global------------------- */

.green {
    color: #58c139;
}

.bg-green {
    background-color: #58c139;
}




/*--------------------navbar------------------- */

.navbar-fixed-top {
    text-align: center;
}

ul.nav.navbar-nav.navbar-right {
    display: inline-block;
    float: none !important;
}

.navbar-toggle {
    display: inline;
    float: left;
    margin: 0;
}


.nav-bordered.nav-stacked > li.active > a, .nav-bordered.nav-stacked > li.active > a:hover, .nav-bordered.nav-stacked > li.active > a:focus {
    border-left-color: #58c139;
}


.nav-bordered > li.active > a, .nav-bordered > li.active > a:hover, .nav-bordered > li.active > a:focus {
    font-weight: 700;
    color: #000000;
    border-bottom-color: #58c139;
}


.nav-bordered > li > a:hover, .nav-bordered > li > a:focus {
    color: #000000;
    background-color: transparent;
}

.nav-bordered > li > a {
    display: inline-block;
    padding: 10px 0;
    font-weight: 300;
    color: #616161;
    border-bottom: 4px solid transparent;
}

/*--------------------Search------------------- */

label.rd-navbar-search-form-input {
    width: 100%;
}


.rd-navbar-search {
    visibility: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 70px;
    z-index: 2;
}


.rd-navbar-search input[type="text"] {
    visibility: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 70px;
    z-index: 2;
    padding-left: 15px;
    color: white;
    font-weight: 300;
    font-size: larger;
    background-color: #444444;
    border: solid 1px #000000;
}


/*--------------------logo------------------- */

.navbar-header {
    display: block;
    float: none;
}


a.navbar-brand {
    float: none;
}


i.fa.fa-zivigo-logo {
    font-size: 1.7em;
    color: black;
}


/*--------------------hero section------------------- */


.home-display-1 {
    font-size: 3em;
}

i.fa.fa-pyrmad.app-graph {
    font-size: 83em;
    color: rgba(102, 102, 102, 0.08);
    position: absolute;
    right: 0px;
    top: -98px;
}


.bg-product-1 {
    background: url(../images/bluetooth-ear-phone@2x.png) no-repeat 97% 50%;
    background-size: 41%;
    height: 100%;
    min-height: 600px;
}


/*--------------------owl-slider------------------- */

.bg-product-2 {
    background: url(../images/wireless-speaker@2x.png) no-repeat 97% 50%;
    background-size: 41%;
    height: 100%;
    min-height: 600px;
}



.bg-product-3 {
    background: url(../images/watterproof-speaker@2x.png) no-repeat 91% 50%;
    background-size: 25%;
    height: 100%;
    min-height: 600px;
}

/*--------------------box-statment section------------------- */

.panel-orange {
    background-color: #f08609;
}

.panel-purple {
    background-color: #b92fd2;
}


.f-products-home {
    min-height: 400px;
    height: 400px;
}

.panel-bold.f-products h3 {
    color: #212121;
}

.panel-bold.f-products p {
    color: #676767;
}

.panel-bold.f-products.f-grey {
    background-color: #f8f9f9;
}

.panel-bold.f-products-home h3 {
    color: #212121;
}

.panel-bold.f-products-home p {
    color: #676767;
}

.panel-bold.f-products-home.f-grey {
    background-color: #f8f9f9;
}


.btn-purple-outline {
    border: 1px solid #b92fd2;
    color: #ffffff;
    background: #b92fd2;
}

.btn-orange-outline {
    border: 1px solid #f08609;
    color: #ffffff;
    background: #f08609;
}

.btn-green-outline {
    border: 1px solid #58c139;
    color: #ffffff;
    background: #58c139;
}

a.btn.btn-orange-outline:hover {
    color: white;
    background-color: #ff8a00;
    border-color: #ff8a00;
}

a.btn.btn-purple-outline:hover {
    color: white;
    background-color: #d212f5;
    border-color: #d212f5;
}

a.btn.btn-green-outline:hover {
    color: white;
    background-color: #59d833;
    border-color: #59d833;
}


/*--------------------explore------------------- */

.bg-sport {
    background: url(../images/bg-2.jpg) no-repeat 50%;
    background-size: cover;
}


#explore .fa-after:after {
    color: #58c139;
    font-size: 1.2em;
    padding: 0 0.3em;
    content: '\f006';
    font-family: 'zivigo';
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    line-height: 0.5;
    text-rendering: auto;
}


section#great i {
    font-size: 2.5em;
    padding-right: 0.3em;
    color: black;
}

section#great h4 {
    font-size: 2.5em;
    padding-bottom: 0.7em;
}



/*--------------------Footer------------------- */

.bg-footer-dark-grey {
    background-color: #242424;
}

#footer-top input.form-control.m-b {
    min-width: 78%;
    max-width: 78%;
    padding: 1.5em;
    display: inline-block;
}

section#footer-top .btn {
    border-radius: 0 !important;
    padding: 0.7em;
}

section#footer-top input.form-control {
    border-radius: 0 !important;
}


.bg-footer-light-grey {
    background-color: #393b38;
}

.social-links > li > a {
    padding: 0.5em 0.5em;
}

.social-links > li > a {
    color: #d2d4d5;
    font-size: 2.5rem;
}

.nav-bordered > li > a:hover, .nav-bordered > li > a:focus {
    color: #58c139;
    background-color: transparent !important;
}


.footer-brand i.fa.fa-zivigo-logo {
    color: #777777;
    font-size: 2.3em;
}

.footer-brand {
    margin-top: 0.5em;
}

hr.custom-line {
    width: 60%;
}



/*--------------------products hero------------------- */

.bg-products-hero {
    background: url(../images/products-hero.jpg) no-repeat 50%;
    background-size: cover;
}

/*---------------product-boxes --------------- */


.panel-orange-hover:hover {
    background-color: #f08609;
}

.back-product-1:hover div.panel-orange-hover {
    background-color: #f08609;
}

.panel-purple-hover:hover {
    background-color: #b92fd2;
}

.back-product-2:hover div.panel-purple-hover {
    background-color: #b92fd2;
}

.panel-green-hover:hover {
    background-color: #58c139;
}

.back-product-3:hover div.panel-green-hover {
    background-color: #58c139;
}

.f-products {
    min-height: 390px;
    height: 300px;
}


li.highlight {
    text-transform: capitalize;
}


li.highlight:before {
    content: '';
    display: block;
    border: 1px solid #d2d2d2;
    position: relative;
    text-align: center;
    width: 12px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 5px;
}

.more-link {
    color: #f08609;
}


.a-text-strike {
    text-decoration: line-through!important;
}


span.sx-price-whole {
    font-weight: bold;
}

sup.sx-price-currency {
    top: -3px;
    right: -2px;
}

sup.sx-price-fractional {
    right: 2px;
    top: -5px;
}


span.sx-price.sx-price-large {
    padding-right: 6px;
}


.statcard.text-center.space-10 {
    padding-top: 10px;
}


/*---------------warranty --------------- */

section#warranty-main p {
    font-family: 'Open Sans', sans-serif;
}

section#warranty-main h4 {
    margin-top: 1.4em;
}

/*---------------about --------------- */

.bg-about-hero {
    background: url(../images/bg-about-hero.jpg) no-repeat 50%;
    background-size: 100%;
}

section#about-hero {
    position: relative;
}

.waves:before {
    content: '';
    font-family: 'zivigo';
    content: '\f00e';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    text-rendering: auto;
    z-index: 1;
    color: rgba(88, 193, 57, 0.13);
    font-size: 67rem;
    position: absolute;
    top: 1%;
    left: 51%;
    transform: rotate(20deg);
}


/*---------------contact --------------- */

section#co-info i {
    color: #58c139;
    font-size: 1.5em;
}


span.mfValidation.show.error {
    color: #53b735 !important;
    font-size: 12px !important;
    margin: 0 !important;
    position: absolute;
    top: 5px;
    right: 20px;
    letter-spacing: 1px;
    z-index: 1;
}



span.mfValidation.show.hide {
    color: #53b735 !important;
    font-size: 12px !important;
    margin: 0 !important;
    position: absolute;
    top: 5px;
    right: 20px;
    letter-spacing: 1px;
}



section#form input#text-input, input#email-input, textarea#text-input, input#example-tel-input {
    border-radius: 0 !important;
}


.btn-primary-outline {
    color: #58c139;
    background-color: transparent;
    border-color: #58c139;
    border-radius: 0 !important;
    padding: 13px;
}


.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:hover, .btn-primary-outline:active, .btn-primary-outline.active, .open > .dropdown-toggle.btn-primary-outline {
    color: #fff;
    background-color: #58c139;
    box-shadow: none;
    outline: none;
}


.cell-sm-6.offset-top-30.offset-sm-top-50.mfControls {
    width: 35%;
    margin-left: auto;
    margin-right: auto;
}


/*---------------Google maps --------------- */


/*
* @subsection   RD Google Map
*
* @description  Describes style declarations for RD Google Map extension
*
* @author       Evgeniy Gusarov
* @link         https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
* @version      1.0.0
*/
.rd-google-map {
  color: #333; }
  .rd-google-map__model {
    height: 250px; }
    .rd-google-map__model img {
      max-width: none !important; }
    @media (min-width: 480px) {
      .rd-google-map__model {
        height: 250px; } }
    @media (min-width: 768px) {
      .rd-google-map__model {
        height: 553px; } }
  .rd-google-map__locations {
    display: none; }



/*--------------------responssive utilitys------------------- */
/*---bootsstap overwrites--- */

@media (min-width: 1500px){
}

@media (min-width: 1200px) {
    .container {
    width: 1170px;
}
    
/*---search--- */    
.rd-navbar-static .rd-navbar-search-form, .rd-navbar-fullwidth .rd-navbar-search-form {
    right: 15px;
    left: 67.9%;
}    
    
}

@media screen and (min-width: 768px){
    
    .navbar-fixed-top, .navbar-fixed-bottom {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1030;
}
    
.off-fixed {
    position: relative;
}    
      
    
    .home-display-1 {
    font-size: 4.7em;
    font-weight: 300;
    line-height: 1.1;
}

    .hero-p {
    padding-right: 9em !important;
    padding-top: 1em;
}
    
    
.py-50 {
    padding: 50px 0;
}
    
section#great h3 {
    display: inline-block;
}  
    
.col-sm-offset-1-half {
    margin-left: 12.333333%;
}
    
.min-600 {
       min-height: 600px; 
    }   
    
    
}


@media (min-width: 992px) {
}

/*---navbar--- */

@media (min-width: 768px) {

    
.narrow-col-5 {
    width: 34.166667%;
} 
    
    
.float-sm-right {
    float: right;
}    
    
}

@media (max-width: 767px){
    .block-xs-middle-hero {
    display: table-cell;
    vertical-align: top;
    text-align: center;
}
    
    
.bg-product-1 {
    background: url(../images/bluetooth-ear-phone@2x.png) no-repeat 50% 95%;
    background-size: 50%;
}
    
    
.bg-product-2 {
    background: url(../images/wireless-speaker@2x.png) no-repeat 50% 95%;
    background-size: 70%;
}



.bg-product-3 {
    background: url(../images/watterproof-speaker@2x.png) no-repeat 50% 95%;
    background-size: 50%;
}    
    
    
.block .lead {
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: 1px;
    color: black;
}

    
nav.navbar.navbar-transparent.navbar-fixed-top.navbar-padded.app-navbar.p-t-md {
    background-color: #58c139 !important;
} 

nav.navbar.navbar-transparent.navbar-fixed-top.navbar-padded.app-navbar.p-t-md {
    padding-top: 10px !important;
}
    
.block-py-sm {
    padding: 0 0px !important;
}   

section#great h3 {
    margin: 0 0 2em 0;
}
    
.mb-2-sm-down {
    margin-bottom: 0.2em !important;
}
   
.nav-wrapper.social-nav {
    text-align: center;
}    
    
.social-links {
    display: inline-block;
}
    
 .row.copyrite {
    text-align: center;
}
    
}


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

.sm-w-25 {
    width: 25% !important;
}
}


@media (max-width: 565px){

.bg-product-1 {
    background: url(../images/bluetooth-ear-phone@2x.png) no-repeat 50% 100%;
    background-size: 68%;
}

h1.m-b-sm.font-weight-light.home-display-1 {
    margin-top: 30px;
} 

.nav-bordered > li + li {
    margin-left: 0px;
}    
    
}

@media (min-width: 1825px) {
}

@media (min-width: 2370px)  {
}

@media (max-width: 1200px){

}