﻿.margin-top10px{margin-top:10px}
.margin-top25px{margin-top:25px}
.margin-top30px{margin-top:30px}
.margin-top35px{margin-top:35px}
.margin-top50px{margin-top:50px}
.margin-top60px{margin-top:60px}



.margin-bottom-x105{margin-bottom:105px}
.margin-bottom-x20{margin-bottom:20px}

.margin-bottom-x40{margin-bottom:40px}
.margin-bottom-x65{padding-bottom:65px}
.margin-right-x80{margin-right:80px}
.pad-left-x80{padding-left:80px;padding-right:80px;}



::-webkit-input-placeholder {/* chrome*/
 
 font-style:italic;
 font-family:'Segoe UI';
 
}

h1,h2,h3 {
    font-family:"SymantecSans"
}
p {
font-family:'SF Text','Helvetica Neue','Segoe UI';
}

::-moz-placeholder { font-style:italic;font-family:'Segoe UI'; } /* firefox 19+*/
:-ms-input-placeholder { font-style:italic;font-family:'Segoe UI'; } /* IE */
:-moz-placeholder { font-style:italic;font-family:'Segoe UI'; } /* firefox 18-*/

#home-top-banner {
    height:440px;
}

#banner-support-soln {
    height:300px;
}

#banner-search {
    height:195px;
}

#form-control search-text {
    height:60px;
    width:1140px;
}


#hair-line {
    height:1px;
    color:#f8f8f8;
}






#panel-banner{
 
  overflow: hidden;
  position: relative;
  min-width: 300px;
  height:300px;
  
}



#content-top
{
    padding-left:290px;
    padding-right:290px;
}



#product-button-margin 
{
    height:55px;
}




#npe-top {
    font-size: 250%;
    color:aqua;
}






 .offset-btn-npe:hover{background-color:#FFD664; text-decoration:none;color: #333333;text-align:center}
  .offset-btn-npe:focus{Background-color: #ffe283; color: #333333; border: 1px #00aeef;}
  .offset-btn-npe:active{Background-color: #f8a156; color: #333333}
  .offset-btn-npe:disabled{Background-color: #f8f8f8; color: #a0a0a0;}
 
  .btnOrangeTxtCntr a:hover{background-color:#FFD664; text-decoration:none;color: #333333;text-align:center}
  .btnOrangeTxtCntr a:focus{Background-color: #ffe283; color: #333333; border: 1px #00aeef;}
  .btnOrangeTxtCntr a:active{Background-color: #f8a156; color: #333333}
  .btnOrangeTxtCntr a:disabled{Background-color: #f8f8f8; color: #a0a0a0;}

          





a.offset-btn-npe 
{
    padding-left:35px;
    padding-right:35px;
    height:60px;
    color:#333333;
    text-align:center;
    background-color:#ffe283;
    display:table-cell;
    font-size: 21px;
    font-family:'Segoe UI';
    font-weight: 400;
    text-decoration:none;
    vertical-align:middle;
    padding-bottom:16px;
    padding-top:16px;
     
}


div#click-here a, div#npe-instructions-p3 a, div#npe-beta-3rd-party-content a, div#norton-prod-key-content a
{ 
    color:#00AEEF;
    text-decoration:none;
    
}
div#click-here a:link, div#npe-instructions-p3 a:link, div#npe-beta-3rd-party-content a:link, div#norton-prod-key-content a:link { color:#00AEEF;}
div#click-here a:hover, div#npe-instructions-p3 a:hover, div#npe-beta-3rd-party-content a:hover, div#norton-prod-key-content a:hover { color:#0089C6;}
div#click-here a:active, div#npe-instructions-p3 a:active, div#npe-beta-3rd-party-content a:active, div#norton-prod-key-content a:active { color:#003663;}
div#still-problems a:hover {color:#ffffff}
div#still-problems a {color:#ffffff}
#icon-txt-npe-beta
{
    margin-top:10px;
}


#npe-separator-hor
{
    margin-top:15px;
    background-image:url(../images/horizontal_divider.png);
    background-repeat:no-repeat;
    width:978px;
    height:1px;
}
           


#dld-inst-header
{
    margin-top:43px;
}

#npe-instructions
{
    margin-top:23px;
}

div#npe-instructions ol {padding-left:25px;}    
div#npe-instructions li {padding-left:25px;}    

strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#npe-instructions-p2
{
    margin-top:43px;
}

#npe-instructions-p3
{
    margin-top:15px;
}


#npe-beta-3rd-party
{
    margin-top:43px;
}

#npe-beta-3rd-party-content
{
    margin-top:0px;
}

#norton-prod-key
{
    margin-top:43px;
}

#norton-prod-key-content
{
    margin-top:23px;
}



#abovefooternbrt {
    padding-left: 290px;
    padding-right: 290px;
    background-color:#ffffff;
}


#banner_npe{
position:relative;
vertical-align:top;

}
#imgbannernpe{
 background-image:url(../images/option-two.png);
 min-height: 210px;
 background-size:cover;
 

}


#paddingbuttontellmemore {
    padding-left: 50px;
    padding-bottom: 40px;

}



#imagesupport{
    background:url(../images/option-one.png);
   background-size:100% 100%;
	height: inherit;	
	height: 257px;
	background-position: center;
	background-repeat: no-repeat;
	overflow:hidden;
	max-height: inherit;
	top:0;
	left:0;
    background-size:contain;
    margin-top:45px;
    
	}

#imagenbrt1 {

background-color:#038EDA;}

#imagenbrt{
    background-image:url(../images/option-three.png);
    background-position: center;
	min-height:423px;
	background-repeat: no-repeat;
	overflow:hidden;
	top:0;
	left:0;
    background-size:cover;
   
    
	}
	
   
  .fontText {font-family: "MyWebFont";}
  .fontLight {font-family: "MyThinWebFont";}
  .fontRaleway {font-family: "MyButtonFont";}
  .btnTealTxtCntr {font-family: "MyButtonFont";}
  .btnYellowTxtCntr {font-family: "MyButtonFont";}
  #hero-banner {min-height: 515px;}


  
  .fontText {font-family: "MyWebFont";}
  .textLeft { text-align:left; }
  .listMrgnBtmXLG ul li { margin-bottom:20px }
  .listMrgnTopXXLG ul { margin-top:25px }
  .fontAltXLG { font-size:56px; }
  .txtAltDrkGry {color:#343434;}
  .fontNorm { font-weight:normal; }
  .fontLight {font-family: "MyThinWebFont";}
  .listNone { list-style:none; }
  .txtAltGry {color:#575757;}

  .unit { float:left; }
  .btnOrangeTxtCntr a, .btnOrangeTxtCntr a:visited { color:black; }
  


  .btnOrangeTxtCntr a {
  text-decoration: none;
  background-color:#ffe283;
  min-height:60px;

  padding-top:18px;
  padding-bottom:18px;
  padding-right:35px;
  padding-left:35px;
  display:inline-block;
  text-align:center;
  
  white-space:nowrap;
  }

  .btntext
  {
  font-size: 21px;
  color: black;
  font-family: 'Segoe UI';
  
  font-weight: 400;
  white-space: normal;
  }

  .searchImg {
  height:60px;
  width:60px;
  }

.glass {
    padding-left: 12px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 11px;
    background-color:white;
}

.input-group-addon {
    padding: 0px 0px;
    border:none;
    background-color: transparent;
}
 

  .bckSolidGry { background:#cfd0cc; }
  .bckSolidDrkGry { background:#666666; }
  .bckSolidMedGry { background:#e3e3e3; }
  .clearfix { display:block; }

  .searchBox {
  width:100%;
  padding-top:65px;
  padding-right:80px;
  padding-bottom:65px;
  padding-left:80px;
  
  }
.panel-banner {
    padding-left:0;
    padding-right:0;
}


  #nru-search-form { position:relative; width:100%; }

  .inputBorder {
  width:80%;
  height:60px;
  border:1px solid #d7d7d7;
  border-left:none;
  padding-left:8px;

  }
.form-control, .form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}



  
  .bodyText {
  font-size: 27px;
  
  font-family:'SF Text','Helvetica Neue','Segoe UI';
  font-weight: 200;
  color:#b0b0b0;
  }



.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}


.section {
    width: 100%;
    position: relative;
    overflow: hidden;
}

section.hero {
    background:url(../images/hero-image.png) no-repeat center right;
    min-height:440px;
    position:relative;
    background-size: cover;
}
section.hero h1 {
    
    font-weight: 200;
    color:#ffffff;
    font-size: 48px;
     margin-bottom: 16px;
     line-height:1.3;
}

   
section.hero p {
    
    
     color:#ffffff;
     font-size: 27px;
     line-height:1.3;
     font-weight:400;
        
}
 .overview-txt {
        position: relative;
        padding-top: 120px;
        
        padding-left: 80px;
        padding-bottom:133px;
       

    }
.features h2, .colfeatures h2{
    font-size:24px;
    color: #808080;
    
     font-weight: 400;
     margin-bottom:5px;
     line-height: 1.2;
}
.features h3, .colfeatures h3{
    color: #464646;
    
    margin-top:0;
    margin-bottom:20px;
    font-size:33px;
}
section.features p {
    color: #585858;
   
    font-weight: 400;
    margin:0;
}

section.colfeatures p {
    color: #585858;
   
    font-weight: 400;
    margin:0;
    padding-bottom:30px;
}
.paddingzero {
padding:0px;
}


#still-problems {
    
    padding-top:30px;
    padding-bottom:40px;
    padding-left:80px;
    background-color:#666666;
}
section.stillfeatures h2 {
    color: #ffffff;
    
    font-weight: 200;
    margin:0;
   
}
.font-bold {
    font-family:SymantecSans;
    
    color:#ffffff;

}
.font-regular {
    font-family:'SF Text', 'Helvetica Neue', 'Segoe UI',' Roboto', 'sans-serif';
    font-weight:200;
     color:#ffffff;
}


 .stillpara2 {margin-bottom:25px;}

   section.features .right-col .text-position {
        padding-top:70px;
        padding-left:80px;
        padding-right:80px;
        
    }
   section.stillfeatures h2 {
        font-size: 24px;
       
        margin-bottom:20px;
    }
    section.stillfeatures p {
        font-size: 15px;
        margin-bottom:10px;
    }
    @media (min-width:768px) and (max-width:770px) {
  
 #imagenbrt {
        height: 475px;
    }
     #imgbannernpe {
    
    height: 420px;
    
}

}

@media (min-width:770px) and (max-width:835px) {
  

    #imagenbrt {
        height: 480px;
    }
     #imgbannernpe {
    
    height: 405px;
    
}
}
@media (min-width:835px) and (max-width:1095px) {
    #imgbannernpe {
    
    height: 386px;
    
}
    #imagenbrt {
    
    height: 443px;
    
}
    section.colfeatures.text-position p{
        padding-bottom: 10px;
    }


 

#paddingbuttontellmemore{
    padding-left: 80px;
    padding-bottom: 10px;
}


#nru-search-form {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}
}








@media (min-width:768px ) {
    
   
    h2.features, h2.colfeatures  {
        font-size: 24px;
        
        
    }
    section.features p {
        font-size: 18px;
        line-height: 1.4;
    }
  
   
    section.colfeatures p {
        font-size: 18px;
        line-height: 1.4;
        
        
    }
    section.colfeatures .right-col .text-position {
        padding-top:70px;
        padding-left:80px;
        padding-right:80px;
        
    }
    section.colfeatures .left-col .text-position {
        padding-top:70px;
        
    }
   
}
@media (min-width:992px ) {
   
    #imgbannernpe {
        
        min-height: 410px;
    }
   
   
  
     #paddingbuttontellmemore {
    padding-left: 80px;
    padding-bottom: 40px;
    padding-top:20px;

}
}



@media (max-width:480px ) {
    #imgbannernpe {
       
        min-height: 210px;
    }
   
    #imagenbrt {
   
    min-height: 285px;
    }
}
@media (max-width:767px ) {

    section.hero {
        background: url(../images/hero-imagemobile.png) no-repeat center right;
        min-height: 354px;
    }

  
       #imagenbrt {
        background-image: url(../images/option-threemobile.png);
        height: 130px;
        min-height:0;
    }

    #imgbannernpe {
        background-image: url(../images/option-twomobile.png);
        height: 130px;
        min-height:0;
    }


    section.features .right-col .text-position {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .features h2, .colfeatures h2 {
        font-size: 15px;
        margin-bottom: 5px;
        line-height: 1.2;
    }

    .features h3, .colfeatures h3 {
        margin-top: 5px;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 20px;
    }

    section.features p {
        font-size: 13px;
        
        margin-bottom: 35px;
        margin-top: 20px;
        line-height:1.4;
    }

    section.colfeatures p {
        font-size: 13px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    section.stillfeatures h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    section.stillfeatures p {
        font-size: 13px;
        line-height: 1.4;
    }

    #still-problems {
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: left;
        padding-left: 20px;
    }

 
    section.hero h1 {
        font-size: 23.9px;
        margin-bottom: 10px;
        text-align:center;
        margin-top:0;
    }


    section.hero p {
        font-size: 14px;
         text-align:center;
    }

    .overview-txt {
        padding-top: 118px;
        padding-left: 20px;
        padding-bottom: 0px;
        padding-right: 20px;
    }
     .bodyText {
        font-size: 20px;
      
    }
     .stillpara1 {margin-bottom:20px;}
 .stillpara2 {margin-bottom:0px;}
 .text-position {
        text-align:center;
    }
  .btnOrangeTxtCntr a {
  font-size:15px;
  text-decoration: none;
  background-color:#FFCE00;
  
  padding-top:16px;
  padding-right:35px;
  padding-left:35px;
  display:inline-block;
  text-align:center;
  position:absolute;
 
  }

  #nru-search-form .inputBorder {
            width:80%;
            height:35px;
            border:1px solid #d7d7d7;
            padding-left:10px;
           
        }
   .search-banner {
        
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right:20px;
    height:55px;
    }
   
    .overviewimage {
    position:absolute;
    top:0;
    left:0;
    height: 400px;  
    width:320px;
    background-size:100%;
    
   
    }
   
    #imagesupport {
       
    background-size:cover;
	margin-left:auto;
    margin-right:auto;	
	
    }
 
 .searchBox {
 
  padding-top:2px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;
  
  }
 .searchImg {
  height:35px;
  width:5%;
  }
 
  #panel-banner{
 
  overflow: hidden;
  position: relative;

}
     
 
     #paddingbuttontellmemore {
        padding-left: 0px;
        
    }

  
    .pad-left-x80 {
        padding-left: 0px;
        padding-right:0px;
    }
     .overview-txt {
        
        padding-left: 30px;
        padding-right:30px;
    }
     a.offset-btn-npe
{
    padding-left:100px;
    padding-right:100px;
    font-size:14px;
    height:40px;
}


}





@media (min-width:768px ) and (max-width:1200px) {
    section.features .right-col .text-position {
    padding-top: 30px;
   
    padding-right: 30px;
}
     section.features p {
        font-size: 15px;
        
    }

    section.colfeatures p {
        font-size: 15px;
        padding-bottom: 52px;
       
    }
    section.features .right-col .text-position {
    padding-top: 60px;
    padding-left: 32.5px;
    padding-right: 28px;
}
     .pad-left-x80 {
    padding-left: 30px;
    padding-right: 30.5px;
}
     #imagesupport {
 
    margin-left: 30px;
    margin-top: 70px;
    height:205px;
    
}
     section.colfeatures .right-col .text-position {
    padding-top: 62px;
    padding-left: 30px;
    padding-right: 30px;
}
     section.colfeatures .left-col .text-position {
    padding-top: 60.5px;
}
    #still-problems {
        padding-left: 31px;
    }
     .overview-txt {
    padding-left: 30px;
    padding-right: 30px;
}
    .header {
        padding-left:30px;
    }
    .searchBox {
    width: 100%;
    padding-top: 68px;
    padding-right: 30px;
    padding-bottom: 67px;
    padding-left: 30px;
}
   

}
@media (max-width:350px) {

  #imagesupport {
        background-image: url(../images/option-onemobile.png);
        height: 138px;
        margin-top: 50px;
    }

}
@media (min-width:350px ) and (max-width:490px) {
    #imagesupport {
           background: url(../images/option-onetab.png) no-repeat center;
    height: 208px;
    margin-top: 50px;
    background-size: cover;
    }
}

@media (min-width:490px ) and (max-width:767px) {
    #imagesupport {
        background: url(../images/option-onetab.png) no-repeat center ;
        height: 300px;
       
        margin-top: 50px;
    }
}

@media (min-width:321px ) and (max-width:767px) {
    section.hero {
        background: url(../images/hero-imagetab.png) no-repeat center right;
        min-height: 354px;
    }

   
       #imagenbrt {
        background: url(../images/option-three.png) no-repeat center;
        min-height: 423px;
        background-size:cover;
    }

    #imgbannernpe {
        background: url(../images/option-two.png) no-repeat;
        background-size:cover;
        min-height: 365px;
    }
        a.offset-btn-npe {
        font-size: 14px;
        height: 40px;
        
     
        padding-left:100px;
        padding-right:100px;
    }
        
}
@media (min-width:768px ) {

    
    section.hero p {
    width:694px;
    }

}
@media (min-width:410px ) and (max-width:767px) {
    .overview-txt {
        padding-top: 149px;
        
    }
}
