@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;1,200;1,400;1,500;1,600&display=swap');

* {
	box-sizing: border-box;
}
body {
	margin: 0;
	height: 100%;
	color:#000000;
	font-family: 'Montserrat', sans-serif;
	font-weight:400; 
	    background-size: 100%;
	 background-attachment: fixed;
}
button, input {
	border: 0;
	background: 0;
	margin: 0;
	padding: 0;
}
p, span, a, div, input {
	font-size: 1em;
}
p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
}
h1, h2, h3, h4 {
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
}

.kou{float: left;
background: #fa582d;
color: #fff;
padding: 10px 20px 10px 20px;
border-radius: 10px;margin-bottom: 10px;}

a {
	text-decoration: none;
	cursor: pointer;
	color: black;
}
a:focus, a:hover {
    color: #000000;
    text-decoration: none;
}

.saga{     z-index: 9999;
    position: absolute;
    font-size: 40px;
    right: 0;
    /* width: 100%; */
    float: left;
    text-align: right;
    top: -24px;
    right: -30px;
    color: #fff;
    float: right;
    /* font-size: 21px; */
    font-weight: 700;
    line-height: 1;
    /* color: #000; */
    text-shadow: 0 0x 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}

.coo{    padding: 0px 0px;}

.arrow_down{      margin: 0 auto;
    display: table;
    font-size: 41px;
    margin-top: -26px;
    position: relative;
    z-index: 9999;
    color: #fa582d;
    animation: bounce 0.6s;
    animation-direction: alternate;
    animation-iteration-count: infinite; 
}

.cookiealert button{    margin: 0;
    text-align: center;
    padding: 9px 0px 10px 10px;
    background: #fff;
    color: #000;float: left;
    width: auto;
    padding: 9px 16px; }

.border_box .btn-primary:focus {
    color: #000000;
    background-color: #28609000;
    border-color: transparent;
}

.border_box .btn-primary.focus, .btn-primary:focus{color:#000;}

.border_box .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #000;
    background-color: transparent;
    border-color: transparent;
-webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 0%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 0%);
}

.border_box .btn-primary.focus, .btn-primary:focus {
    color: #000000;
    background-color: #28609000;
    border-color: #122b400d;
}

.border_box .btn-primary:active:hover{color:#000;}

.cookiealert .acceptcookies button:hover{background:#fff;}
.cookiealert .btn-primary:hover{background-color: #ffffff; color: #000;}
.cookiealert .btn-primary:active{background-color: #ffffff; color: #000;}

.cookiealert .btn-primary:focus {background-color: #ffffff; color: #000;}

@keyframes bounce {
  from { transform: translate3d(0, 0, 0);     }
  to   { transform: translate3d(0, 10px, 0); }
}


.sp_banner{font-size: 50px;
font-weight: bold;
margin-bottom: 42px;
float: left;
width: 100%;}

.btn-primary {
	background: #fa582d;
	border-color: #fa582d;
	border-radius: 100px;
	font-weight: 600;
	text-decoration: none !important;
}
.video_button{position: relative;
    text-decoration: none;
    color: #000;
    font-weight: 700;}

.card_area h2{     position: absolute;
    top: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border-top: 2px solid #fff;
    line-height: 30px;}

.video_button i{font-size: 40px;
    position: relative;
    top: 6px;
    right: -10px;
    color: #fa582d;}

.arrow_button{position: relative;
    text-decoration: none;
    color: #000;
    font-weight: 700;}

.arrow_button i{    font-size: 30px;
    position: relative;
    top: 6px;
    right: -4px;
    color: #fa582d;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

 
.card_area{    background: #fff;
    padding: 300px 30px 50px 30px;}
.card_area h3{color:#333;}
.card_area p{color:#333;}

.card{background-size: cover;}

.video_back{background-image:url("../images/banner1.jpg");     background-size: cover;
    margin-top: 50px;
    padding: 120px 0px;}

.video_back h2{    color: #ffffff;
    font-weight: bold;    font-size: 22px;}
.video_back p{color:#fff;}
.video_back .btn{color:#fff;}
.video_back .btn:hover{color:#fff;}

 .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
     background-color: #204d7400;
    border-color: #122b4000;
}

.btn-primary:hover {
    color: #fff;
    background-color: #28609000;
    border-color: #204d7400;
}
 
.btn {
	padding: 10px 30px;
}

.card_area:hover{-webkit-box-shadow: 3px 3px 44px 3px rgba(0,0,0,0.57);
-moz-box-shadow: 3px 3px 44px 3px rgba(0,0,0,0.57);    border: 5px solid #fff;
box-shadow: 3px 3px 44px 3px rgba(0,0,0,0.57);transition: 0.3s;}

.card1{background-image: url("../images/Prisma-Access - Image.PNG");background-size: cover;}
.card2{background-image: url("../images/Prisma-Access Insights - Image.PNG");background-size: cover;}
.card3{background-image: url("../images/SASE-for Dummies - Image.PNG");background-size: cover;}


ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

header{margin:0px;     padding: 25px 0px 25px 50px ;}
section{margin:0px; padding:60px 0px; font-size:16px; line-height:21px;}
section h3{margin:0px; padding:0px 0px 15px 0px; font-size: 22px; line-height:normal; color: #fa582d; font-weight:600;}
section p{margin:0px; padding:0px 0px 15px 0px; line-height:22px; display: block;}
section a{color:#007bff; text-decoration: underline;}
section a .btn{background: #fa582d; color:#ffffff; padding:10px 40px; font-weight:600; text-decoration: none !important;}
section ul{margin: 0px;padding: 0px 0px 15px 15px;}
section ul li{list-style: disc; line-height:27px;}



.secBlock{padding:0px 0px 0px 0px; margin: 0px;}
.secBlock h3{margin:0px; padding:0px 0px 15px 0px; font-size: 22px; line-height:normal; color: #fa582d; font-weight:600;}
.secBlock .sub{}
.secBlock p{margin:0px; padding:0px 0px 15px 0px; line-height:21px; display: block;}
.secBlock ul{margin: 0px;padding: 0px 0px 15px 15px;}
.secBlock ul li{list-style: disc;}
.more-info{background: #f0f0f0; margin:60px 0px 0px 0px; padding: 0px;}
.more-info p{padding:40px 0px; font-size: 22px; font-weight:600; color: #fa582d;}

.h2{color: #000000;
    font-weight: bold;
    font-size: 22px;}
.close_box{    width: 100px;
    height: 80px;
    position: absolute;
    z-index: 999;
    background: #fff;
    right: 0;
} 
.more-info2{ margin:60px 0px 0px 0px; padding: 0px;}
.more-info2 p{padding: 0px 0px;
    font-size: 35px;
    font-weight: 600;
    color: #000000;}
footer{margin:0px; padding:0px 0px 60px 0px; font-size: 14px; line-height:21px; }
footer p{margin:0px; padding:0px 0px; color: #989898;}
footer p a{color:#989898;}
.spacer20{height: 20px; width: 100%; display: block;}


.top_padd_per .h2{padding-top: 25%;}

form input {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight:400;
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 15px;
	border:1px solid #d0d0d0;
}

form select{margin-bottom: 15px;}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0; 
    line-height: normal;
    float: left;
    width: auto;
}
form p{
    float: left;
    font-size: 16px;
    margin-left: 10px;    
	width: 85%;
}
form{    padding: 35px 35px;
    border: 1px solid #f15623;
    border-radius: 10px;}

button{width: 100%;
    padding: 14px 0px;
    border: 0;
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
    font-weight:600 !important;
	text-transform: uppercase;
}
form span{font-size:14px;float: left;}
.chk{float: left;
    width: 200px;}

.ccta{  
    position: initial;
    bottom: 150px;
    border-radius: 50px !important;    transform: rotate(0deg) !important; }
      
        
        .item a img:nth-child(1){display: none;}
        .item a img:nth-child(2){display: block !important;}
span a{    color: #fa582d;
    font-size: 12px;
    text-decoration: none;}

.terms{margin: 13px 0px 11px 0px;
    font-size: 12px;
    line-height: 18px;}

.ccta{background: #fa582d;
    color: #ffffff;
    float: left;
    padding: 13px 30px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    border-radius: 41px;
    position: fixed;
    right: 0;
    z-index: 99;
    border: 1px solid #fff;
    padding-right: 40px; } 

.ccta i{    position: absolute;
    font-size: 23px;
    right: 16px;}

.paloalto_banner{
	background-image: url(../images/header.png); min-height: 74vh;background-repeat: no-repeat;background-size: cover;
}

.vf{  position: absolute;
    z-index: 9999;
    left: 0%;
    right: 0;
    bottom: 0%;    font-size: 50px;
    font-weight: bolder;}

.vf h3{   font-size: 50px;
    font-weight: bolder; color: #fff;
    text-shadow: 1px 4px 7px rgba(0,0,0,.6); } 

.vf a{ margin-bottom: 100px   } 

.blck3{background-color: #f4f4f2; padding: 20px;min-height: 280px }
.blck3 h3{color: #000000; font-weight: bold}
.blck3 p{color: #5f5f5f; font-size: 14px  }
.orangeBg{
	background-color: #f4f4f2;
}

.orangeBg {
	color:  #000; text-align: center;padding: 40px;
}
.btmScion{
	background-color: #ffffff;
	padding: 0;
	margin-right: 10px;
	width: 48%;
	
}

.btmScion h3{
	 padding-top: 30px;
	text-align: left;
	color: #000000;
	 
}

.btmScion p{ 
	text-align: left;
	color: #5f5f5f;
	
	
}
.btmScion a{ 
	float: left
	
	
}

.socialIco{
	margin: auto;
	margin: 0;
	text-align: center;
	
}

.socialIco ul{
	display: inline-block;
        margin: 0;
        padding: 0;
	
}

.socialIco ul li{
	display: inline-block; 
        padding: 10px;
	
}

.alert {
	padding: 9px 0px;}

.secBlockS2{padding:20px 0px 30px 0px; margin: 0px;}
.secBlockS2 h3{margin: 0px;
    padding: 30px 0px 15px 0px;
    font-size: 18px;
    line-height: normal;
    color: #ffffff;
    font-weight: 600;
    text-align: left;}
.secBlockS2 .sub{}
.secBlockS2 p{    margin: 0px;
    padding: 0px 0px 15px 0px;
    line-height: 21px;
    display: block;
    text-align: left;
    color: #fff;
    font-size: 13px;
    line-height: 19px;}
.secBlockS2 ul{margin: 0px;padding: 0px 0px 15px 15px;}
.secBlockS2 ul li{list-style: disc;}
.secBlockS2 .blck3{background-color: #f4f4f2; padding: 20px;min-height: 300px }

.paddingO{
	padding: 0!important;
}
.paddingT60{
	padding-top: 60px;
}
.marg20{
    margin-top: 19%;
}


.border_box{border: 1px solid #e2e2e2;}

.btn-primary:hover{color:#333;}

.btn {
    flex-grow: 0;
    flex-shrink: 0;
    display: inline-block;
    font-family: Decimal,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: 600;
    color: #141414;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 2px solid transparent;
    line-height: 1.25em;
    border-radius: 50px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
	.btn-primary {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    padding: 0;
    max-width: 100%;
    text-align: left;
}
		@media (min-width: 768px){
.btn {
    padding: 15px 25px;
    font-size: 16px;
}
			}
		
		@media (min-width: 768px){
			
.btn-primary i, .btn-primary-outline i {
    width: 70px;
    height: 50px;
    border-radius: 50px;
    margin-left: 15px;
    background-size: 20px 20px;
}
	}	
		.btn-primary i {
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid transparent;
    border-color: #fa582d;
    background-color: #fa582d;
    background-image: url("../images/arrow-right-white.svg");
    transition: background-image .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out;
}
		.btn-primary:hover i {
    border-color: #fa582d;
    background-color: #fff;
    background-image: url("../images/arrow-right-orange.svg");
}

.br{display: none;}

.modal-content {	background-color: rgb(0 0 0 / 0%);}

@media (max-width: 767px){
	
	.btn-primary i{width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: 8px;}
	
	.more-info2 p {    font-size: 26px;}
	
	.more-info2 {margin: 40px 0px 0px 0px;}
	
	section { padding: 30px 0px;}
	
	.video_back {margin-top: 0px;    padding: 60px 0px;}
	
	.mg_area{height: auto!important;padding-bottom: 30px;}
	.mg_area h1{margin-top:0; padding-top:0;}
	.top_padd_per .h2 { padding-top: 2%;}
	.card_area { padding: 160px 30px 50px 30px;margin-bottom: 10px;}
	.secBlockS2 {    padding: 20px 0px 0px 0px;}
	.sp_banner {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 0px;}
	
	.mg_area{height: auto!important;padding-bottom: 30px;}
	.mg_area h2{margin-top:0; padding-top:0;}
	
	.br{display: block;}
	
}
@media (max-width: 767px){

.btn-primary i, .btn-primary-outline i {
width: 50px;
height: 30px;
border-radius: 50px;
margin-left: 10px;
background-size: 20px 20px;
}
	
	.coo a {width:100%; text-align: center;}
	
}
 
@media (max-width: 768px){
	
	 .btmScion{width: 100% !important;}
	
	.vf h3 {font-size: 28px;}
	
	.paloalto_banner { background-position: right; }
	
	.paddingT60 {
    padding-top: 23px;
}

}

@media (max-width: 991px){
	
	.block_img{float:left; width:100%;}
	.block_img img{width:100%;}
	.blck3 {
    background-color: #f4f4f2;
    padding: 20px;
    min-height: 230px;
    float: left;
    margin-bottom: 30px;
}
	.top_padd_per .h2 {
    padding-top: 4%;
}
	.mg_area{height: auto!important;padding-bottom: 30px;}
	.mg_area h2{margin-top:0; padding-top:0;}
	
	.ccta {
    background: #fa582d;
    color: #ffffff;
    float: left;
    padding: 13px 30px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    border-radius: 41px;
    position: fixed;
    right: 0;
    z-index: 99;
    border: 1px solid #fff;
    width: 100%;
    border-radius: 0px !important;    bottom: 0;
}
	
	.paloalto_banner{height: 64vh;}
	
	.vf h3{    font-size: 46px;}
	
}

@media (max-width: 1198px){
	
	 .btmScion a {
    float: left;
    margin-bottom: 29px;
}
	
	p{font-size: 14px;}
	
 
	
	.secBlock h3 { 
		font-size: 16px;}

}

@media (max-width: 667px){
	
 
	
	.coo {
    padding: 0px 30px;
    width: 100%;
    text-align: center;
    float: left;
}
}
	

@media (max-width: 468px){
	
	 .btmScion{ 
	width: 100% !important;
	
}
	
	.coo {
    padding: 0px 30px;
    width: 100%;
    text-align: center;
    float: left;
}
}