@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
body{
	padding:0;
	margin:0;
	font-family: 'Poppins'!important;
	color:#4d4c4c;
	font-weight:300;
	font-size:18px;
	background-color:#f4f4f4;
}
div, p, a, ul, li, img, span, strong, h1, h2, h3{
	padding:0;
	margin:0;
	font-family: 'Poppins'!important;
}
ul, li{
	list-style-type:none;
}
img{
	font-size:0;
	line-height:0;
}
h2{
	font-size:36px;
	line-height:40px;
	color:#00bceb;
	font-weight:300;
	font-family: 'Poppins'!important;
}
p{
	color:#585858;
	font-size:18px;
	line-height:26px;
	font-family: 'Poppins'!important;
}
.outerWraper{
	width:100%;
}
.Wraper{
	width:1171px;
	margin:0 auto;
}
.outerWraper .topLogo{
	width:1171px;
	margin:0 auto;
	padding:25px 0;}
	
.outerWraper .Banner{
	background:url(/sw/swchannel/images/users/146998/Cisco_Microsite/banner.png) no-repeat 100% 0 #ededed;
	height:251px;
	max-height:251px;
	display:flex;
	align-items: center;
}
.outerWraper .BodyContent{
	padding:50px 0 100px;
}
.outerWraper .BodyContent h2{
	padding:0 0 20px;
}
.outerWraper .BodyContent p{
	padding:0 0 25px;
	
}
.outerWraper .BodyContent .Loginpanel{
	width:500px;
	padding:50px 0 0 ;
	font-family: 'Poppins'!important;
}
.outerWraper .BodyContent .Loginpanel h3{
	font-size:30px;
	line-height:32px;
	color:#0d274d;
	font-weight:300;
	padding:0 0 15px;
	font-family: 'Poppins'!important;
}
.outerWraper .BodyContent .Loginpanel a{
	background-color:#00bceb;
	padding:10px 80px;
	display:inline-block;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:20px;
	-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px; /* future proofing */
-khtml-border-radius: 50px; /* for old Konqueror browsers */
font-family: 'Poppins'!important;
font-weight:300!important;
}
.outerWraper .BodyContent .Loginpanel a:hover{
	background-color:#01abd6;
}
.outerWraper  .Footer{
	background-color:#0d274d;
	padding:30px 0 0 0;
	color:#fff;
	font-family: 'Poppins'!important;
}
.outerWraper  .Footer .Wraper{
	display:flex;
	flex-wrap: wrap;
}
.outerWraper  .Footer .Wraper .FootSec1, .FootSec2, .FootSec3, .FootSec4{
	width:25%;
	
}
.outerWraper  .Footer .Wraper .FootSec1 ul, .FootSec2 ul, .FootSec3 ul, .FootSec4 ul{
	font-size:14px;
	color:#f1f1f1;
}
.outerWraper  .Footer .Wraper .FootSec1 ul li, .FootSec2 ul li, .FootSec3 ul li, .FootSec4 ul li{
	padding:0 0 8px;
}
.outerWraper  .Footer .Wraper .FootSec1 ul li a, .FootSec2 ul li a, .FootSec3 ul li a, .FootSec4 ul li a{
	text-decoration:none;
	color:#fff;
	font-family: 'Poppins'!important;
	font-size: 14px!important;
    font-weight: 300!important;
}
.FootSec3 ul li:last-child{
	display:flex;
	align-items: center;
}
.FootSec3 ul li:last-child span{
	padding:0 0 0 15px;
}
.outerWraper  .Footer .Wraper .FootSec1 ul li a:hover, .FootSec2 ul li a:hover, .FootSec3 ul li a:hover, .FootSec4 ul li a:hover{
	color:#fff;
	text-decoration:underline;
}
.outerWraper  .Footer .FootSec5{
	width:100%;
	border-top:1px solid #223a5d;
	padding:20px 0;
	margin:30px 0 0 0;
}
.outerWraper  .Footer .FootSec5 ul{
	display:flex;
	justify-content: center;
	width:100%;
	font-family: 'Poppins'!important;
	font-size:12px!important;
}
.outerWraper  .Footer .FootSec5 ul li{
	padding:0 30px 0 0;
}
.outerWraper  .Footer .FootSec5 ul li:last-content{
	padding:0!important;
}
.outerWraper  .Footer .FootSec5 ul li a{
	color:#fff;
	text-decoration:none;
	font-family: 'Poppins'!important;
	font-size: 14px!important;
    font-weight: 300!important;
}
.outerWraper .Footer .FootSec5 ul li a:hover{
	text-decoration:underline;
}



@media screen and (max-width:1170px){
	.outerWraper .topLogo, .Wraper{
		width:90%;
	}
}
@media screen and (max-width:999px){
	.outerWraper .topLogo, .Wraper{
		width:90%;
	}
	.outerWraper .Banner h2{
		background:#fff;
		opacity: 0.8;
		width: 50%;
		display: inline;
		padding: 0 50px;
	}
	h2 {
    font-size: 32px;
	}
	.outerWraper .BodyContent .Loginpanel h3{
		    font-size: 27px;
	}
	.Loginpanel p{
		font-size:17px;
	}
	.outerWraper .BodyContent .Loginpanel a{
		padding: 10px 40px;
		font-size: 18px;
	}
	.outerWraper .Footer .Wraper .FootSec1, .FootSec2, .FootSec3, .FootSec4 {
		width: 33%;
	}
	.outerWraper .Footer .Wraper .FootSec1, .FootSec2{
		margin:0 0 30px;
	}
	.outerWraper .Footer .FootSec5 ul{
		display:block;
		text-align:center;
	}
	.outerWraper .Footer .FootSec5 ul li {	
		margin: 0px 20px 0 0;
		padding:0;
		width: auto;
		display: inline;
		}
}

@media screen and (max-width:800px){
	.outerWraper .Footer .Wraper .FootSec1 ul, .FootSec2 ul, .FootSec3 ul, .FootSec4 ul{
		font-size:12px;
	}
	h2 {
    	font-size: 28px;
	}
	.outerWraper .BodyContent .Loginpanel a {
		padding: 8px 35px;
		font-size: 17px;	
	}
	.outerWraper .BodyContent .Loginpanel h3 {
		font-size: 25px;	
	}
	.Loginpanel p {	
		font-size: 16px;	
	}
	.outerWraper .Footer .Wraper .FootSec1, .FootSec2, .FootSec3, .FootSec4 {
		width: 50%;	
	}
	.outerWraper .BodyContent .Loginpanel{
		width: 100%;
	}
	.topLogo img{
		margin:0 auto;
		display:block;
	}
	
}
@media screen and (max-width:379px){
	h2 {
		font-size: 26px;
		line-height: 30px;	
	}
	P{font-size: 16px;}
	.outerWraper .BodyContent .Loginpanel h3{
		padding: 0 0 5px;
	}
}