@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
body{
    font-family: 'Lato', sans-serif;
    background-color: #f7f7f7;
}
.product-d{
            border:solid 3px #E8E8E8;
                background-color: #FFFFFF;
    -webkit-transition: 0.7s;
            transition: 0.7s; 
}
#firstProduct{

            -webkit-box-shadow: 0 8px 5px -5px #aaaaaa;
	   -moz-box-shadow: 0 8px 5px -5px #aaaaaa;
            box-shadow: 0 8px 5px -5px #aaaaaa;
}

#firstProduct .product-num {
    background-color:#1261C9;
    color:#FFFFFF;
}
.title-color{
    color:#003AA5;
}
.fs12{
    font-size: 12px;
}
.t-details{
    background-color: #f7f7f7;
    color:#333333;

}
.t-details th:first-child{
    border-top:0px;
    padding-top: 10px; 
}
.t-details td,.t-details th{
    padding: 0px 5px 0px 10px;
}

.product-d:hover{
   border-color: #aaaaaa;
            -webkit-transition: 0.7s;
            transition: 0.7s;
}

.product-d h5{
    font-size: 18px;
    color:#212121;
    font-weight:900;
}

.product-d ul{
    font-size: 14px;
    color:#444444;
}

.bl{
    border-left:solid 1px #E8E8E8;
}

.bt{
    border-top:solid 1px #E8E8E8;
}

.page-title{
    color:#666666;
}

.intro-text p{
    font-size: 14px;
    color:#444444;
    /* text-align: justify; */
}
.intro-text ul{
    font-size: 14px;
}

.nav-link{
    background-color: #eeeeee;
}

div[id*=accordion]{
    border:solid 3px #E8E8E8;
}
div[id*=accordion] .btn-link{
    color: #444444;
}
.card{
    border:none;
    border-bottom: solid 1px #eee;
}

.card-header{
    padding:0em;
    border-bottom:none;
    background-color:transparent;
}
.card-body{
    font-size: 14px;
    color:#444444;
}

.banner{
    background-position-y: 10%;
    background-image: url('../images/banner.jpg'); 
}


.product-c .product-num {
    background-color:#E8E8E8;
    color:#333333;
    font-weight: 900;
    font-size: 14px;
}

.review-text p,.text{
    font-size: 14px;
    text-align: justify;
}

.btn-primary{
    border-color: #1261C9;
    background-color: #1261C9;
    white-space: normal;
}

.left-0{
    left:0px;
}

.footer{
    font-size: 14px;
    color:#777777;
}

.table{
    font-size: 11px;
}

.color-link{
    color:#0056b3;
}

.rate{
    color:#454545;
    font-size: 40pt;
}

.pos-top-right{
    right:20px; top:20px;
}

.wp-block-group{
    
    margin-top: 1rem!important;
    margin-left: .25rem!important;
    margin-right: .25rem!important;
    display: flex;
    flex-wrap: wrap;
    word-wrap: break-word;
}
.wp-block-group:not(.footer){
    margin-bottom: 1rem!important;
}
.wp-block-group .wp-block-group__inner-container{
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
}

.wp-block-group .wp-block-group__inner-container{
    padding-right: 15px;
    padding-left: 15px;
}

.wp-block-group .wp-block-group__inner-container p{
    color: #343a40!important;
    /* text-align: justify; */
}

.wp-block-group .wp-block-group__inner-container ul{
    color: #343a40!important;
}


.wp-block-button__link{
    color: #fff;
    padding: .375rem .75rem;
    background-color: #007bff;
    border-radius: .25rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 180px;
    text-align: center;
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
}

.wp-block-button__link:hover{
    color: #ffffff;
    text-decoration: none;
    background-color: #0069d9;
}

.wp-block-group:not(.top-products) .wp-block-group__inner-container h2{
    margin-bottom: 1.5rem!important;
    margin-top: 1.5rem!important;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.2;
    color:#1492CD;
}

.wp-block-group:not(.top-products) .wp-block-group__inner-container h3{
    text-align: center!important;
    margin-bottom: 1rem!important;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
}

.wp-block-columns{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.wp-block-column{
    /* -ms-flex: 0 0 50%; */
    /* flex: 0 0 50%; */
    /* max-width: 50%; */
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.responsive img{
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto!important;
    margin-right: auto!important;
    display: block!important;
}

.wp-block-group .img-border img{
    border:1px solid #dee2e6!important
}

.top-products .responsive img{
    margin-left: auto!important;
    margin-right: auto!important;
    display: block!important;
}

.has-small-font-size{
    font-size: 80%;
    font-weight: 400;
}


    .modal {
        overflow-y: auto !important;
    }
    body .modal-open {
        overflow: hidden;
    }
@media (max-width: 960px) {

}
@media only screen and (min-width : 768px) and (max-width: 1023px){
    .wp-block-column{
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media only screen and (min-width : 0px) and (max-width: 767px){

    .wp-block-button__link{
        width: inherit;
    }
    .wp-block-group__inner-container{
        padding-left: 0px;
        padding-right: 0px;
    }

    .wp-block-group .wp-block-group__inner-container{
        padding-right: 0px;
        padding-left: 0px;
    }

    .wp-block-group__inner-container h3{
        font-size: 1.5em !important;
    }

    .wp-block-column{
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media all and (max-width: 767px){
    .pos-top-right{
    right:-15px; top:-15px;
    }
}

@media all and (min-width: 768px) and (max-width:1024px){
    .pos-top-right{
    right:0px; top:0px;
    }
}

.ratings {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #e0e0e0;
    overflow: hidden;
}
.full-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: orange;
}
.empty-stars:before, .full-stars:before {
    font-family: FontAwesome;
    content:"\f005 \f005 \f005 \f005 \f005";
    font-size: 1.15em;
}
.empty-stars:before {
    /* -webkit-text-stroke: 1px #e0e0e0; */
}
.full-stars:before {
    /* -webkit-text-stroke: 1px orange; */
}
/* Webkit-text-stroke is not supported on firefox or IE */

/* Firefox */
 @-moz-document url-prefix() {
    .full-stars {
        color: orange;
    }
}
/* IE */
 <!--[if IE]> .full-stars {
    color: #ECBE24;
}
<![endif]-->