@charset "UTF-8";
/* CSS Document */
body {
/*
  width: 100%;
  height: 100%;
  margin: 0px;
*/
  background-color: #FFF;
  color: #333;
}
a {
/*  text-decoration: none;*/
}
btn:active {
  background-color: #008bd1;
}
.btn {
  margin-bottom: 0px;
}
img {
  max-width: 100%;
}

#securityMain ul {
  margin: 10px 0px 0px 30px
}
#securityMain #resources-section ul {
  margin: 10px 0px 0px 0px
}
#securityMain ul li {
  margin: 0px 0px 10px 0px;
  line-height: 15px;
}
.clearFloat {
  clear: both;
}
#brochure_single {
  margin: 0px auto;
  max-width: 100%;
}
#simply-smarter.security h2 {margin-bottom: 10px;}


#simply-smarter.security #hero h1 {
margin-bottom: 20px;
width: 100%;
}

#simply-smarter.security #hero .h3 {
color: #ffffff;
font-weight: 300;
}

/********** Main ****************/
#securityMain {
  /*	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	position: inherit;*/
}

#securityMain .h6 {
margin-bottom: 0px;
}

/* #.# Hero Styles
------------------------------*/
.simply-smarter-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 2.4;
}

/**** Sections****/
#overview_container, #sec01, #sec02, #sec03, #sec04, #additional-resources {
  margin: 20px 0px 0px 0px;
    padding: 10px 0;
}
.content-space {
    margin: 15px 0;
}

#overview_container img {
/*  border: thin #A19D9D solid;*/
}
#overview_container #security-seal {align-self: center; text-align: center;}
#overview_container .flex {flex-wrap: wrap;}
/*#overview_container {
  width: 1024px;
  margin: 0px auto;
}*/
#overview {
  max-width: 1000px;
  margin: 0px auto;
  padding: 0px 15px 0px 15px;
  overflow: hidden;
  text-align: justify;
}
#top_image_container {
  width: 1024px;
  margin: 0px auto;
}
.doc-thumb-portrait {
  border: 1px solid #DDDDDD;
  margin-bottom: 15px;
}

#bitdefender {
    background-color: #dddddd;
    
}


#print_container {
  padding: 30px 0px
}

.threats {
  margin: 20px -15px;
}

#overview_container .threats .h6 {
  margin-bottom: 10px;
}

/********* Resources Section ******/
#resources-section {
  padding: 20px 0;
/*  background-image: url(/portals/1/images/whats-new-grey-background.png);*/
  color: #ffffff;
   background-color: #035C7A;
/*
  background-size: cover;
  background-repeat: no-repeat;
    
*/
}
#resources-section H2 {
  color: #ffffff;
  text-align: center;
}
/*.resource-container {
  display: flex;
  justify-content: space-evenly;
  min-width: min-content;
  min-height: 1px;
  width: 100%;
  padding: 10px;
      flex-wrap: wrap;
}
*/

  .resource-container {
    display: block;
  }
  
#simply-smarter.security #hero {
    min-height: 190px;
    background-color: #cf112d;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#simply-smarter.security #hero h1 .sub {
    font-size: 22px;
  }
  
  
/* #.# Hero Styles
------------------------------*/  
@media handheld, only screen and (min-width:768px) {
#simply-smarter.security #hero {
/*    background-image: url(/portals/0/images/simply-smarter-education-banner.png);*/
  /* background-image: url(/portals/0/images/security-banner4-fade.png), url(/portals/0/images/globe.png), linear-gradient(270deg, rgba(112, 3, 9, 1) 0%, rgba(112, 3, 9, 1) 47%, rgba(206, 17, 43, 1) 100%);*/
     background-image: linear-gradient(270deg, rgba(112, 3, 9, 1) 0%, rgba(112, 3, 9, 1) 47%, rgba(206, 17, 43, 1) 100%);
   background-position: right center, center top;
    background-size: 49%, 25%, auto;
   min-height: 205px;
  text-align: left;
  }  
  
  #simply-smarter.security #hero h1 {
margin-top: 40px;
width: 100%;
}
 
.simply-smarter-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 2.4;
  }
  
#simply-smarter.security #hero h1 .sub {
    font-size: 15px;
  }
  
  
  .resource-container {
  display: flex;
  justify-content: space-evenly;
  min-width: min-content;
  min-height: 1px;
  width: 100%;
  padding: 10px;
      flex-wrap: wrap;
}

}


@media handheld, only screen and (min-width:1425px) {
#simply-smarter.security #hero {
/*    background-image: url(/portals/0/images/simply-smarter-education-banner.png);*/
  /* background-image: url(/portals/0/images/security-banner4-fade.png), url(/portals/0/images/globe.png), linear-gradient(270deg, rgba(112, 3, 9, 1) 0%, rgba(112, 3, 9, 1) 47%, rgba(206, 17, 43, 1) 100%);*/
   background-position: right center, center top;
  /*  background-size: 40%, 25%, auto;*/
   min-height: 300px;
  text-align: left;
  }  
  
  #simply-smarter.security #hero h1 .sub {
    font-size: 24px;
  }
  

}




.resource-container .resource-item {
  flex: 1 0 0;
  text-align: center;
  min-height: 1px;
  cursor: pointer;
  /*max-width: 225px;*/
  margin: 0 10px;
  padding: 10px;
}
.resource-container .resource-item A {
  text-align: center;
  text-decoration: none;
    display: block;
    color: #ffffff;
    padding: 5px;
}
li.resource-item a:hover, li.resource-item a:focus {
  -webkit-box-shadow: 0px 5px 9px 1px rgb(0 0 0 / 65%);
  -moz-box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, 0.65);
  box-shadow: 0px 5px 9px 1px rgb(0 0 0 / 65%);
  background-color: #ffffff;
  padding: 5px;
    color: #0065bd;
}
/*
#item-1-title, #item-2-title, #item-3-title, #item-4-title {
  color: #ffffff;
  font-weight: bold;
  padding: 5px;
}
#item-1:hover #item-1-title, #item-2:hover #item-2-title, #item-3:hover #item-3-title, #item-4:hover #item-4-title {
  color: #0074AD;
}
*/

#resources-section img {
  margin: 20px 0 5px 0;
  flex-shrink: 0;
  border: #000000 solid 1px;
  
}
/*
#resources-section #item-1-title, #resources-section #item-2-title, #resources-section #item-3-title, #resources-section #item-4-title {
  color: #ffffff;;
  font-weight: bold;
  padding: 5px;
}
*/
#resources-section #additional-resources-button {
  text-align: center;
}

@media handheld, only screen and (min-width: 768px) {
    #resources-section img {
        max-width: 200px;
    } 
    
    
    
}
#office-data-security-infographic, #security-flyer, #security-guide, #security-guide, #guide-sec-checklist, #it-ref-guide, #guide-sec-infographic {
  margin: 0 auto;
}
/*********** Section 01 ***********/
/*#sec01_Container {
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
#sec01 {
  width: 100%;
  height: auto;
  max-width: 1024px;
  margin: 0px auto;
  padding: 50px 0px;
  position: relative;
  overflow: hidden;
}*/
#sec01 .content {
  width: 500px;
  margin: 0px;
  padding: 0px 20px;
  color: #333;
  float: right;
  text-align: justify;
}
#sec01 .content .btn {
  margin: 10px 0px 0px 0px;
}
#sec01 .imgs {
  margin: 30px 0px 0px 0px;
  float: left;
}
#sec01 #security_video {
   padding: 28px 0;
 /* background-image: url(https://play.vidyard.com/vP1vWE2WdV7UFL96uKRHjz.jpg);
  background-size: cover;
  	width: 470px;
	height: 372px;
	float:left;*/
}
#sec01 #security_video #securityVid01 {
  margin-top: 60px;
}
/**************** Section 02 ***************/
/*#sec02_Container {
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
#sec02 {
  width: 100%;
  height: auto;
  max-width: 1024px;
  margin: 0px auto;
  padding: 50px 0px;
  position: relative;
  overflow: hidden;
}*/
#sec02 .content {
  width: 510px;
  margin: 0px;
  padding: 0px 20px;
  color: #333;
  float: left;
  text-align: justify;
}
#sec02 .content .btn {
  margin: 10px 0px 0px 0px;
}
#sec02 .imgs {
  margin: 30px 0px 0px 0px;
  float: right;
}
/*********** Section 03 ***********/
/*#sec03_Container {
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
#sec03 {
  width: 100%;
  height: auto;
  max-width: 1024px;
  margin: 0px auto;
  padding: 50px 0px;
  position: relative;
  overflow: hidden;
}*/
#sec03 .content {
  width: 510px;
  margin: 0px;
  padding: 0px 20px;
  color: #333;
  float: right;
  text-align: justify;
}
#sec03 .content .btn {
  margin: 10px 0px 0px 0px;
}
#sec03 .imgs {
  margin: 30px 0px 0px 0px;
  float: left;
}
/*********** Section 03a ***********/
#sec03a_Container {
  width: 100%;
  height: 0px;
  padding: 0px;
  background-color: #008bd1;
  box-shadow: 0px 6px 5px -4px #666 inset, 0px -6px 5px -4px #666 inset;
  overflow: hidden;
}
#sec03a {
  width: 100%;
  height: auto;
  max-width: 1024px;
  margin: 0px auto;
  padding: 20px 0px;
  position: relative;
  color: #fff;
  overflow: hidden;
}
.sec3a_sections {
  /*	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.25);*/
  height: auto;
  width: 1024px;
  overflow: hidden;
  margin: 10px 0px;
}
#sec03a_Container H2 {
  text-align: center;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.56);
  color: #FFFFFF;
}
#sec03a H2, #sec03a H3, #sec03a H4 {
  color: #FFFFFF;
}
#sec03a_Container span {
  cursor: pointer;
  font-size: 30px;
  position: absolute;
  right: 10px;
  top: 0px;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.56);
}
#sec03a .leftContent {
  width: 550px;
  margin: 0px;
  padding: 10px 20px;
  float: left;
  text-align: justify;
}
#sec03a .leftContent .btn {
  margin: 10px 0px 0px 0px;
}
#sec03a .rightContent .btn {
  margin: 10px 0px 0px 0px;
}
#sec03a .rightContent {
  width: 550px;
  margin: 0px;
  padding: 10px 20px;
  float: right;
  text-align: justify;
}
#sec03a .leftImgs {
  margin: 35px 0px 0px 10px;
  float: left;
}
#sec03a .rightImgs {
  margin: 35px 0px 0px 0px;
  float: right;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.showFeature {
  display: block;
  -webkit-animation: fade-in 5s 1;
  -moz-animation: fade-in 5s 1;
  -o-animation: fade-in 5s 1;
  animation: fade-in 5s 1;
}
.hideFeature {
  display: none;
}
.featureBtns {
  margin: 0px auto 20px;
  text-align: center;
}
/*********** Section 04 ***********/
/*#sec04_Container {
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
#sec04 {
  width: 100%;
  height: auto;
  max-width: 1024px;
  margin: 0px auto;
  padding: 50px 0px;
  position: relative;
  overflow: hidden;
}*/
#sec04 .content {
  width: 510px;
  margin: 0px;
  padding: 0px 20px;
  color: #333;
  float: left;
  text-align: justify;
}
#sec04 .content .btn {
  margin: 10px 0px 0px 0px;
}
#sec04 .imgs {
  margin: 30px 0px 0px 0px;
  float: right;
}
#sec04a_Container {
  width: 100%;
  height: 0px;
  padding: 0px;
  background-color: #008bd1;
  box-shadow: 0px 6px 5px -4px #666 inset, 0px -6px 5px -4px #666 inset;
  overflow: hidden;
  background-image: url(/Portals/0/assets/images/securityStandardsMasthead.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0px -130px;
}
#sec04a {
  width: 100%;
  height: auto;
  max-width: 1024px;
  margin: 0px auto;
  padding: 20px 0px;
  position: relative;
  color: #fff;
  overflow: hidden;
}
#sec04a #security_standards_sub {
  width: 90%;
  margin: 0px auto;
}
#sec04a H1, #sec04a H2, #sec04a H3, #sec04a H4 {
  color: #FFFFFF;
}
#sec04a_Container span {
  cursor: pointer;
  font-size: 30px;
  position: absolute;
  right: 10px;
  top: 0px;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.56);
}
/*********** Section 05 ***********/
/*#sec05_Container {
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#sec05 {
	
	margin:0px auto;
	position:relative;
	overflow:hidden;
}*/
#sec05 .content {
  margin: 0px;
  padding: 0px 20px;
  color: #333;
  float: right;
}
#sec05 .content .btn {
  margin: 10px 0px 0px 0px;
}
@media handheld, only screen and (max-width: 1024px) {
  #overview_container {
    width: inherit;
  }
  #top_image_container {
    width: inherit;
    margin: 0px auto;
  }
}
/*----------------------------Tablet Portrait and under -------------*/
@media handheld, only screen and (max-width: 768px) {
  img {
    width: 100%;
  }
  #sec01 .content, #sec02 .content, #sec03 .content, #sec04 .content, #sec05 .content {
    width: 97%;
    margin: 0px;
    padding: 0px 20px;
    color: #333;
    float: none;
    text-align: justify;
  }
  #sec03a .rightContent, #sec03a .leftContent, #sec04a .content {
    width: 97%;
    color: #FFFFFF;
    float: none;
    text-align: justify;
  }
  #sec03a .leftImgs, #sec03a .rightImgs {
    float: none;
    width: 100%;
  }
  .sec3a_sections {
    width: 100%;
  }
  #sec04a {
    width: 98%;
  }
  #sec05 .content {
    text-align: center;
    padding-bottom: 10px;
  }
  #securityMain .imgs {
    float: none;
    width: 100%;
  }
  #sec01 #security_video {
    /*	width: 100%;
	height: auto;
	float:none;*/
    position: relative;
    /*top: -30px*/;
  }
  #sec01, #sec02, #sec03, #sec04, #sec05 {
    padding: 0px;
  }
}
#additional-resources {
    background-color: #035C7A;
}

#additional-resources h3, #additional-resources h2 {
  color: #FFFFFF;
}

#additional-resources a {
  color: #FFFFFF;
}

#additional-resources a:hover, #additional-resources a:focus {
  color:   #0065bd;
  text-decoration: underline;
}



/*---------------------------Whitepapers Section Formatting---------------------------------*/
/*@media screen and (min-width:768px){ 
	#it-ref-guide { background-image: url(http://siica.sharpusa.com/Portals/0/forms/images/thumb_doc-IT-Reference-Guide.png); background-position: center center; }
	#sec-suite-broch { background-image: url(http://siica.sharpusa.com/portals/0/forms/images/doc-Security_Suite_Brochure.png); }
	#guide-sec-infographic { background-image: url(http://siica.sharpusa.com/Portals/0/forms/images/thumb-doc-Security-Infographic.png); }
}*/