/*@font-face {
    font-family: 'Roboto-Regular';
    src: url('materialize/font/roboto/Roboto-Regular.eot') format('embedded-opentype'), url('materialize/font/roboto/Roboto-Regular.ttf') format('truetype'), url('materialize/font/roboto/Roboto-Regular.woff') format('woff'), url('materialize/font/roboto/Roboto-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Material-Design-Icons';
    src: url('materialize/font/material-design-icons/Material-Design-Icons.woff2') format('woff2'), url('materialize/font/material-design-icons/Material-Design-Icons.eot') format('embedded-opentype'), url('materialize/font/material-design-icons/Material-Design-Icons.svg') format('svg'), url('materialize/font/material-design-icons/Material-Design-Icons.ttf') format('truetype'), url('materialize/font/material-design-icons/Material-Design-Icons.woff') format('woff');
}*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');

html {
    font: normal 16px / 28px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}

h2, h3 {
    font-weight: 300;
}

.product-desc {
    border-left: 5px solid #03A9F4 !important;
    white-space: pre-line;
}

.card-title {
    font-size: 20px !important;
}

/*.carousel .indicators .indicator-item.active {
    background-color: #03a9f4;
}
.carousel .indicators .indicator-item {
    background-color: rgba(3, 169, 244, 0.5);
}*/
/* label color */
.input-field label {
    color: #03a9f4;
}
/* label focus color */
.input-field input[type=text]:focus + label {
    color: #03a9f4;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #03a9f4 !important;
    box-shadow: 0 1px 0 0 #03a9f4;
}
/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #03a9f4 !important;
    box-shadow: 0 1px 0 0 #03a9f4;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #03a9f4 !important;
    box-shadow: 0 1px 0 0 #03a9f4;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #03a9f4 !important;
}


.spacer {
    height: 30px;
}

.customImg {
    width: 100%;
}

.no-margin {
    margin: 0px auto;
}

.owl-prev {
    /*width: 15px;
    height: 100px;*/
    position: absolute;
    top: 40%;
    margin-left: -10px !important;
    display: block !IMPORTANT;
    border: 0px solid black;
}

.owl-next {
    /*width: 15px;
    height: 100px;*/
    position: absolute;
    top: 40%;
    right: -10px !important;
    display: block !IMPORTANT;
    border: 0px solid black;
}

/*.owl-prev i, .owl-next i {
        transform: scale(1,6);
        color: #ccc;
    }*/

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #04c2f2 !important;
}

.owl-theme .owl-nav [class*=owl-] {
    background: #03a9f4 !important;
}

.socail-li {
    display: inline-block;
}

.icon-bg {
    background: #03A9F4;
    color: #ffffff;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    line-height: 1.9;
    font-size: 25px;
    display: block;
    text-align: center;
    border: 1px solid #03A9F4;
}

    .icon-bg:hover {
        background: #ffffff;
        color: #03A9F4;
        border: 1px solid #03A9F4;
    }

.scrollToTop {
    position: fixed;
    bottom: 100px;
    right: 10px;
    display: none;
}

.text-justify {
    text-align: justify !important;
}

.tabs .indicator {
    background-color: #03a9f4 !important
}

.product-carousel {
    /*height: 600px;*/
}

.customCarouselImg{
    height:450px !important;
}

.tabs-content {
    height: -webkit-fill-available !important;
}

.product-carousel .thumbnails {
    top: -90px;
}


/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .container {
        width: 90%;
    }

    .parallax-container {
        min-height: 840px;
        height: auto;
        width: 100%;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .container {
        width: 90%;
    }

    .parallax-container {
        min-height: 840px;
        height: auto;
        width: 100%;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .container {
        width: 90%;
    }

    .parallax-container {
        min-height: 810px;
        height: auto;
        width: 100%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .container {
        width: 90%;
    }

    .parallax-container {
        min-height: 600px;
        height: auto;
        width: 100%;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .container {
        width: 90%;
    }

    .parallax-container {
        min-height: 600px;
        height: auto;
        width: 100%;
    }
}