﻿.HomeSliderContainer{
    float:none !important;
    position:relative;
    width:100%;
    /*height:691px;*/
    background-color:#eef;
    border-bottom:none !important;
}

.HomeSliderContainer .BannerImg{
    /*cursor: move; 
    position: absolute; 
    overflow: hidden; 
    left: 0px; 
    top: 0px;*/ 
    width:100%;
    height:100%;
    background: url(../Images/AdvertisementTopBG.png) no-repeat top right;
    background-size:contain;
    background-color:#ffffff;
}

   .HomeSliderContainer .BannerImg .BannerTextContainer{
       font-family:'Proxima Nova Regular';
       float:left;
       margin-left: 27%;
       margin-top: 9%;
   }

      .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader{
          width:370px;
          height:90px;
          float:left;
      }

         .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1{
             font-size:30pt;
             /*font-family:'Proxima Nova Regular';*/
             font-family:'Proxima Nova Semibold';
         }

      .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText{
          font-size:11pt;
          margin-top:32px;
          width:475px;
          float:left;
          
      }

         .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p{
            width:350px;
            float:left;
            margin-left:5px;
         }

         .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText .BannerTextRight{
            margin-left:25px;
         }


.ProductBodyTopContainer{
    width:100%;
    height:340px;
    font-family: 'Proxima Nova Light';
    font-size:11pt;
}

    .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer{
        width:100%;
        height:100%;
    }

        .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer{
            width:60%;
            height:100%;
            background-color:#000000;
            color:#ffffff;
            padding-top:35px;
            float:left;
        }

            .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer .GrafiwrapInfoLeftContLimiter{
                width:570px;
                margin:0 auto;
            }

            .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer .GrafiwrapInfoHeader{
            }

                .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer .GrafiwrapInfoHeader h1{
                    margin:0;
                    font-family: 'Proxima Nova Bold';
                    font-size:20pt;
                }

            .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer .GrafiwrapInfoSubHeader{
                margin-top:3px;
            }

            .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer .GrafiwrapInfoLine{
                width:30px;
                height:2px;
                background-color:#23b153;
                margin-top:30px;
            }

            .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer .GrafiwrapInfoText{
                margin-top:40px;
            }

        .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoRightContainer{
            width:40%;
            height:100%;
            float:left;
        }

    .ProductBodyTopContainer .GrafiwrapProductListContainer{
        width:100%;
        float:left;
        min-height:480px;
        padding-top:55px;
    }

        .ProductBodyTopContainer .GrafiwrapProductListContainer a{
            color:#000000;
            text-decoration:none;
        }

        .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProductListLimiter{
            width:1075px;
            margin:0 auto;
        }

        .ProductBodyTopContainer .GrafiwrapProductListContainer ul{
            padding:0;
        }

            .ProductBodyTopContainer .GrafiwrapProductListContainer ul li{
                list-style:none;
                display:inline-block;
                margin-bottom:70px;
                margin-top:20px;
            }

                .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct{
                    width:275px;
                    margin:0 40px;
                }

                    .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductTitle{
                    }

                        .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductTitle h2{
                            font-family: 'Proxima Nova Bold';
                            font-size:14pt;
                        }

                    .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductBox{
                        width:223px;
                        height:245px;
                        border:1px solid #c2c7cc;
                        margin-top:25px;
                        background-color:#ffffff;
                        /*-webkit-box-shadow: -30px 0px 0px 15px rgba(243,244,245,1);
                        -moz-box-shadow: -30px 0px 0px 15px rgba(243,244,245,1);
                        box-shadow: -30px 0px 0px 15px rgba(243,244,245,1);*/
                    }

                    .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductBox:after{
                        content: " ";
                        position:absolute;
                        width: 200px;
                        /*right: 0;
                        bottom: 0;*/
                        height: 243px;
                        margin-top:-227px;
                        z-index:-1;
                        -webkit-box-shadow: -7px 0px 0px 15px rgba(243,244,245,1);
                        -moz-box-shadow: -7px 0px 0px 15px rgba(243,244,245,1);
                        box-shadow: -7px 0px 0px 15px rgba(243,244,245,1);
                    }

                    .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductBox:hover:after{
                        -webkit-box-shadow: -7px 0px 0px 15px rgba(194,199,204,1);
                        -moz-box-shadow: -7px 0px 0px 15px rgba(194,199,204,1);
                        box-shadow: -7px 0px 0px 15px rgba(194,199,204,1);
                    }

                        .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductBox .GrafiwrapProductImage{
                        }

                        .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductBox .GrafiwrapProductInfo{
                            padding:0 25px;
                            font-size:10pt;
                            margin-top:3px;
                            height:105px;
                            overflow:hidden;
                        }

                            .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductBox .GrafiwrapProductInfo p{
                                height:99px;
                                overflow:hidden;
                            }

                        .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductBox .GrafiwrapExamineButtonCapsule{
                            width:78px;
                            height:45px;
                            padding-top:10px;
                            position:absolute;
                            margin-left:167px;
                            margin-top:-30px;
                            background-color:#ffffff;
                        }

                        .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductBox .GrafiwrapExamineButton{
                            border:1px solid #32784a;
                            width:78px;
                            height:25px;
                            margin:0 auto;
                        }

                        .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductBox:hover .GrafiwrapExamineButton{
                            background-color:#32784a;
                        }

                            .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductBox .GrafiwrapExamineButton .GrafiwrapExamineButtonText{
                                color:#32784a;
                                float:left;
                                margin: 2px 5px 0 13px;
                            }

                            .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductBox .GrafiwrapExamineButton .GrafiwrapExamineButtonArrows{
                                width:12px;
                                height:10px;
                                float:left;
                                margin-top:7px;
                                background:url(../Images/Icons/ExamineArrowIcon.png) no-repeat;
                            }

                            .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductBox:hover .GrafiwrapExamineButton .GrafiwrapExamineButtonText{
                                color:#ffffff;
                            }

                            .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct .GrafiwrapProductBox:hover .GrafiwrapExamineButton .GrafiwrapExamineButtonArrows{
                                background:url(../Images/Icons/ExamineArrowIconW.png) no-repeat;
                            }

@media only screen and (max-width: 767px){
/*.HomeSliderContainer {
    height: 150px;
}*/

.HomeBodyContainer .HomeBodyTop{
        margin-top:30%;
    }

.HomeSliderContainer .BannerImg{
    background: url(../Images/AdvertisementTopBG.png) no-repeat top center;
    background-size:cover;
    background-color:#ffffff;
    height:101%;
}

    .HomeSliderContainer .BannerImg .BannerTextContainer {
        margin-left: 2%;
        margin-top: 2%;
    }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader {
            width: 50%;
            height:inherit;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1 {
                /*font-size: 7pt;*/
                font-size:4vw;
            }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText {
            font-size: 2.42vw;
            width: 50%;
            margin-top:0;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p {
                width: initial;
                margin-left:0;
                margin-right: 5px;
            }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText .BannerTextRight {
                margin-left: 0;
            }

    .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProductListLimiter{
        width:100%;
    }

        .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer{
            width:75%;
            padding: 35px 20px;
        }

            .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer .GrafiwrapInfoHeader h1{
                font-size:18pt;
            }

            .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer .GrafiwrapInfoSubHeader{
                font-size:9.5pt;
            }

            .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer .GrafiwrapInfoText{
                margin-top:30px;
                font-size:9.5pt;
            }

        .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoRightContainer{
            width:25%;
        }

        .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer .GrafiwrapInfoLeftContLimiter{
            width:100%;
        }

        .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProduct{
            margin:0 7px 0 37px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    /*.RenderBodyContainer{
        background-color:#000000;
    }*/

    .HomeSliderContainer{
        height:280px;
    }

    .HomeSliderContainer .BannerImg .BannerTextContainer {
        margin-left: 5%;
        margin-top: 5%;
    }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader {
            width: 230px;
            height: 35px;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1 {
                font-size: 15pt;
            }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText {
            font-size: 10pt;
            width: 312px;
            margin-top:40px;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p {
                width: 100%;
                margin-left:0;
                margin-right:5px;
            }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText .BannerTextRight {
                margin-left: 20px;
            }

    .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer{
        width:75%;
        padding: 35px 20px;
    }

        .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoLeftContainer .GrafiwrapInfoLeftContLimiter{
            width:100%;
        }

    .ProductBodyTopContainer .GrafiwrapInfoGeneralContainer .GrafiwrapInfoRightContainer{
        width:25%;
    }

    .ProductBodyTopContainer .GrafiwrapProductListContainer .GrafiwrapProductListLimiter{
        width:100%;
    }

.FooterGeneralContainer{
    height:126px;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1523px) {
    /*.HomeSliderContainer .BannerImg .BannerTextContainer {
            margin-left: 18% !important;
            margin-top: 2% !important;
        }*/

    .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p{
        width:435px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1750px) {
    .HomeSliderContainer{
        height:500px;
    }

        .HomeSliderContainer .BannerImg .BannerTextContainer {
            margin-left: 18% !important;
            margin-top: 4% !important;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText {
                font-size: 12pt;
            }
}

/*@media only screen and (min-width: 2300px){
    .RenderBodyContainer{
        background-color:#000000;
    }
}*/