﻿.RenderBodyContainer{
    /*background: linear-gradient(90deg, #f9f9fa 50%, white 50%);*/
    /*background: linear-gradient(30deg, #f9f9fa 50%, white 50%);*/
    /*background: rgba(249,249,250,1);
    background: -moz-linear-gradient(left, rgba(249,249,250,1) 0%, rgba(249,249,250,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(249,249,250,1)), color-stop(60%, rgba(249,249,250,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(249,249,250,1) 0%, rgba(249,249,250,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(249,249,250,1) 0%, rgba(249,249,250,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(249,249,250,1) 0%, rgba(249,249,250,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(249,249,250,1) 0%, rgba(249,249,250,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9fa', endColorstr='#ffffff', GradientType=1 );*/
}

.HomeSliderContainer{
    float:none !important;
    position:relative;
    width:100%;
    /*height:697px;*/
    background-color:#ffffff;
    border-bottom:none;    
}

.HomeSliderContainer .BannerImg{
    /*cursor: move; 
    position: absolute; 
    overflow: hidden; 
    left: 0px; 
    top: 0px;*/ 
    width:100%;
    height:83%;
    /*background: url(../Images/PaintProtectionBannerNBG.png) no-repeat top right;*/
    /*background-size:contain;*/
    border-bottom:none !important;
    background: rgba(249,249,250,1);
    background: -moz-linear-gradient(left, rgba(249,249,250,1) 0%, rgba(249,249,250,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(249,249,250,1)), color-stop(70%, rgba(249,249,250,1)), color-stop(70%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(249,249,250,1) 0%, rgba(249,249,250,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(249,249,250,1) 0%, rgba(249,249,250,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(249,249,250,1) 0%, rgba(249,249,250,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(249,249,250,1) 0%, rgba(249,249,250,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9fa', endColorstr='#ffffff', GradientType=1 );
}

    .HomeSliderContainer .BannerImg .BannerImgLimiter{
        width:1213px;
        margin:0 auto;
    }

   .HomeSliderContainer .BannerImg .BannerTextContainer{
       font-family:'Proxima Nova Regular';
       float:left;
       /*margin-top: 5%;*/
       margin-left:100px;
       /*margin-left: 22%;
       margin-top: 5%;*/
   }

      .HomeSliderContainer .BannerImg .BannerTextContainer .ProductSubLogo{
          margin-left:-35px;
      }

      .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader{
          width:425px;
          /*height:65px;*/
          float:left;
          margin-top:-15px;
      }

         .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1{
             font-size:14pt;
             font-family:'Proxima Nova Regular';
             float:left;
         }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1 b{
                font-family:'Proxima Nova Bold';
                font-size:18pt;
                float:left;
                margin-top:-3px;
                margin-right:5px;
            }

      .HomeSliderContainer .BannerImg .BannerTextContainer .BannerLine{
          width:30px;
          height:2px;
          margin-top:15px;
          background-color:#23b153;
      }

      .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText{
          font-size:11pt;
          margin-top:27px;
          width:475px;
          float:left;          
      }

      .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextList{
                    
      }

        .HomeSliderContainer .BannerImg .BannerTextContainer ul{
            margin-top:125px;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer ul li{
                list-style:square;
                margin:20px 0;
            }

         .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p{
            /*width:350px;*/
            float:left;
            /*margin-left:5px;*/
         }

         .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText .BannerTextRight{
            margin-left:25px;
         }

   .HomeSliderContainer .BannerImg .BannerMiniSliderContainer{
       font-family:'Proxima Nova Regular';
       float:right;
       margin-top: 30px;
       /*margin-left: 183px;*/
       /*margin-left: 22%;
       margin-top: 5%;*/
   }

        .HomeSliderContainer .BannerImg .BannerMiniSliderContainer .GrafitackIconContainer{
            width:110px;
            height:75px;
            background:url(../Images/Icons/GraficastIcon.png) no-repeat;
            margin-left: 95px;
        }

        .HomeSliderContainer .BannerImg .BannerMiniSliderContainer .BannerMiniSlider{
            width:448px;
            height:252px;
            background-color:black;
            margin-top:40px;
        }

            .HomeSliderContainer .BannerImg .BannerMiniSliderContainer .BannerMiniSlider ul li{
                margin-left:-40px;
            }

            .HomeSliderContainer .BannerImg .BannerMiniSliderContainer .BannerMiniSlider .BannerMiniSliderElement{
                width:448px;
                height:252px;
            }


.ProductBodyTopContainer{
    width:100%;
    /*height:317px;*/
    height:inherit;
    font-family: 'Proxima Nova Light';
    font-size:11pt;
}

    .ProductBodyTopContainer .ProductBodyTopLimiter{
        width:1104px;
        margin:0 auto;
    }

        .ProductBodyTopContainer .ProductDetailsHeader{
            border-bottom:1px solid #c2c7cc;
            height:40px;
            padding-left:40px;
        }

            .ProductBodyTopContainer .ProductDetailsHeader h2{
                font-family: 'Proxima Nova Light';
                font-size:18pt;
                margin:0;
            }

        .ProductBodyTopContainer .ProductDetailsText{
            padding-left:40px;
            padding-bottom:30px;
            border-bottom:1px solid #c2c7cc;
        }

            .ProductBodyTopContainer .ProductDetailsText b{
                font-family:'Proxima Nova Bold';
                float:left;
                min-width:150px;
            }

            .ProductBodyTopContainer .ProductDetailsText .DetailBigTitle{
                margin-bottom:20px;
                margin-top:40px;
            }

                .ProductBodyTopContainer .ProductDetailsText .DetailBigTitle h3{
                    font-family:'Proxima Nova Bold';
                    font-size:20pt;
                }

            .ProductBodyTopContainer .ProductDetailsText .DetailSmallTitle{
                margin-bottom:20px;
                margin-top:20px;
            }

                .ProductBodyTopContainer .ProductDetailsText .DetailSmallTitle h4{
                    font-family:'Proxima Nova Bold';
                    font-size:12pt;
                }

            .ProductBodyTopContainer .ProductDetailsText ul.ColorDetails{
                margin:0;
            }

                .ProductBodyTopContainer .ProductDetailsText ul.ColorDetails li{
                    list-style:none;
                    display:inline-block;
                }

                    .ProductBodyTopContainer .ProductDetailsText ul.ColorDetails li .DetailColorElement{
                        text-align:center;
                        font-family:'Proxima Nova Bold';
                    }

                        .ProductBodyTopContainer .ProductDetailsText ul.ColorDetails li .DetailColorElement span{
                            font-size:9pt;
                        }

            .ProductBodyTopContainer .ProductDetailsText ul.ReferenceDetails{
                margin:0;
            }

                .ProductBodyTopContainer .ProductDetailsText ul.ReferenceDetails li{
                    list-style:none;
                    display:inline-block;
                    min-width:320px;
                    font-size:9pt;
                }

                .ProductBodyTopContainer .ProductDetailsText ul.ReferenceDetails li:before{
                    content:" ";
                    width:5px;
                    height:5px;
                    display:block;
                    background:url(../Images/Icons/GreenLiDot.png) no-repeat;
                    float: left;
                    margin-top: 6px;
                    margin-right: 5px;
                }

                    .ProductBodyTopContainer .ProductDetailsText ul.ReferenceDetails li .ReferenceElement{
                        text-align:left;                        
                    }

                        .ProductBodyTopContainer .ProductDetailsText ul.ReferenceDetails li .ReferenceElement span{
                            font-size:10pt;
                            font-family:'Proxima Nova Bold';
                            margin-right:7px;
                        }

            .ProductBodyTopContainer .ProductDetailsText .DetailElement{
                margin-top:3px;
            }

                .ProductBodyTopContainer .ProductDetailsText .DetailElement .DetailTitle{
                    font-family:'Proxima Nova Semibold';
                    width:145px;
                    float:left;
                }

                .ProductBodyTopContainer .ProductDetailsText .DetailElement .DetailText{
                    margin-left:20px;
                }

            .ProductBodyTopContainer .ProductDetailsText .ImplementText{
                font-family:'Proxima Nova Semibold';
            }

            .ProductBodyTopContainer .ProductDetailsText ul{
                padding:0;
                margin-bottom:60px;
            }

                .ProductBodyTopContainer .ProductDetailsText ul li{
                    list-style:none;
                    display:inline-block;
                    margin-right:10px;
                    /*min-width:230px;*/
                }

                .ProductBodyTopContainer .ProductDetailsText ul.DocumentsDetails li{
                    min-width:230px;
                }

                    .ProductBodyTopContainer .ProductDetailsText ul li a{
                        color:#000000;
                        text-decoration:none;
                        font-family:'Proxima Nova Semibold';
                        padding-left:10px;
                    }

                    .ProductBodyTopContainer .ProductDetailsText ul li a:before{
                        content: " ";
                        display:block;
                        width:20px;
                        height:18px;
                        background:url(../Images/Icons/DownloadIcon.png) no-repeat;
                        float:left;
                        margin-top:2px;
                    }

@media only screen and (max-width: 767px){
/*.HomeSliderContainer {
    height: 150px;
}*/

.HomeBodyContainer .HomeBodyTop{
        margin-top:30%;
    }

.HomeSliderContainer .BannerImg{
    /*background: url(../Images/PaintProtectionBannerNBG.png) no-repeat top center;*/
    background-size:cover;
    background-color:#ffffff;
    height:101%;
}

    .HomeSliderContainer .BannerImg .BannerMiniSliderContainer .BannerMiniSlider{
        width:320px;
    }

    .HomeSliderContainer .BannerImg .BannerImgLimiter{
        width:100%;
    }

    .HomeSliderContainer .BannerImg .BannerTextContainer {
        margin-left: 2%;
        margin-top: 2%;
    }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader {
            width: 100%;
            height: 45px;
            margin-top:5px;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1 {
                /*font-size: 7pt;*/
                font-size:3vw;
            }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1 b{
                font-size:16pt;
            }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerLine{
                    margin-top:10px;
                }

                .HomeSliderContainer .BannerImg .BannerTextContainer ul{
                    margin-top:100px;
                    width:285px;
                }

                    .HomeSliderContainer .BannerImg .BannerTextContainer ul li{
                        margin:10px 0;
                    }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText {
            font-size:9pt;
            width: 100%;
            margin-top:50px;
            padding:0 10px;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p {
                width: initial;
                margin-left:0;
                margin-right: 5px;
            }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText .BannerTextRight {
                margin-left: 0;
            }

        .ProductBodyTopContainer{
            margin-top:50px;
        }

            .ProductBodyTopContainer .ProductBodyTopLimiter{
                width:100%;
            }

            .ProductBodyTopContainer .ProductDetailsHeader{
                border-bottom:none;
            }

            .ProductBodyTopContainer .ProductDetailsHeader h2{
                font-size:14pt;
            }

            .ProductBodyTopContainer .ProductDetailsText{
                font-size:10pt;
                padding-left:10px;
                /*width: 314px;*/
                width: 100%;
            }

                .ProductBodyTopContainer .ProductDetailsText .DetailBigTitle h3{
                    font-size:14pt;
                }    
                
            .ProductBodyTopContainer .ProductDetailsHeader{
                padding-left:10px;
            }

            .ProductBodyTopContainer .ProductDetailsText ul.ReferenceDetails li{
                min-width:310px;
                margin-right:0;
                padding-right:5px;
            }
}

@media only screen and (min-width: 425px) and (max-width: 767px){
    .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText {
        width: 46%;
    }

    .HomeSliderContainer .BannerImg .BannerTextContainer ul{
        margin-top:140px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    /*.RenderBodyContainer{
        background-color:#000000;
    }*/

    .HomeSliderContainer{
        height:280px;
    }

        .HomeSliderContainer .BannerImg .BannerImgLimiter{
            width:100%;
        }

    .HomeSliderContainer .BannerImg .BannerTextContainer {
        margin-left: 5%;
        margin-top: 0%;
        width:100%;
    }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader {
            width: 300px;
            height: 35px;
            margin-top: 10px;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1 {
                font-size: 15pt;
            }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText {
            font-size: 10pt;
            /*width: 360px;*/
            width: 42%;
            margin-top:40px;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p {
                /*width: 142px;*/
                margin-left:0;
                margin-right:5px;
            }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText .BannerTextRight {
                margin-left: 20px;
            }

    .ProductBodyTopContainer{
        margin-top:50px;
    }

        .ProductBodyTopContainer .ProductBodyTopLimiter{
            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 .BannerImgLimiter{
        width:100%;
        max-width:1213px;
    }

    .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p{
        width:435px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1750px) {
    /*.HomeSliderContainer{
        height:555px;
    }*/

        .HomeSliderContainer .BannerImg .BannerTextContainer {
            margin-left: 10% !important;
            margin-top: 3% !important;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText {
                font-size: 12pt;
            }
}

/*@media only screen and (min-width: 2300px){
    .RenderBodyContainer{
        background-color:#000000;
    }
}*/