body, html {
 font-family: 'CiscoSansTT', Arial;
 font-weight: 100;
 font-size: 16px;
 line-height: 24px;
 -webkit-font-smoothing: antialiased !important;
 color: var(--color-gray-100);
 width: 100% !important;
 height: 100% !important;
 -webkit-hyphens: manual;
 -ms-hyphens: manual;
 hyphens: manual;
 background:#fff;
 scroll-behavior: smooth;
}


h1{

font-style: normal;
font-weight: 350;
font-size: 24px;
line-height: 33px;
text-align: center;
letter-spacing: 0.005em;
color: #1B1C1D;
margin-bottom: 32px;
}
h2{
 font-weight: 200;
 font-size: 28px;
 line-height: 40px;
 margin-bottom:0px;
 margin-top: 0px;
}
h3{
 font-size:2rem;
 font-weight:100;
 ine-height:1.2em;
 margin-bottom:15px;
}



p{
font-family: 'CiscoSansTT', Arial;
font-size: 16px;
margin: 0px 0px 32px 0pc;
font-style: normal;
font-weight: 350;
line-height: 22px;
letter-spacing: 0.005em;
color: #1B1C1D;



}

.intro{
 text-align: center;
}

.top-row {
 height: 28px;
 background-color: #F4F5F6;

}

 
.row{
 width:100% !important;
 margin:0;
 padding:0;
 position:relative;
 overflow:hidden;
} 

.container{
 max-width: 1600px;
 overflow:hidden;
 margin:0 auto;
 padding:16px 40px !important;
 position:relative;
} 

.logo-container {
 padding: 0px 0px;
 margin: 0 auto;
}
 
 

.header{
 width:100%;
 background-image: url("https://image.path.cisco.com/lib/fe40157175640478751676/m/2/Handraiser-form_hero.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px !important;
 
}  






.btn-blue {
 padding: 12px 32px;
 background: #0070D2;
 border-radius: 48px;
 border: none;
 margin: 4px 0px 0px 0px;
 position: relative;
 cursor: pointer;
 color: #ffffff;
 font-family: 'CiscoSans';
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  font-weight: 400; 
 
}

.btn-blue:hover {
 background: #0070D2;
}

.btn-blue a {text-decoration:none;} 




/**** FORM ********/

.form-group {
 margin-bottom: 0px;
}

.form-margin-right{
 padding-right: 0px;
 
}

.form-margin-left{
 padding-left: 0px;
 
}


.form-container{
 position: relative;
 z-index: 99;
 width: 94%;
    height: auto;
 background-color: #fff;
 border: 1px solid #C3C4C5;
 margin: -60px auto 97px ;
 border-radius: 8px;
 padding: 32px;
} 


form {
  width: 100%;
  
}

input {
 width:100%;
 height:48px;

margin:0px 0px 0px 0px;
display:inline-block;
padding: 12px 16px 12px 16px;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #C3C4C5;
border-radius: 8px;
 
 
font-family: 'CiscoSansTT', Arial;
font-style: normal;
font-weight: 350;
font-size: 16px;
line-height: 24px;
color: #1B1C1D;
 
 
 
}

select {
 width:100%;
 height:48px;

margin:0px 0px 0px 0px;
display:inline-block;
padding: 12px 16px 12px 16px;
box-sizing: border-box;

border: 1px solid #C3C4C5;
border-radius: 8px;
 
 
font-family: 'CiscoSansTT', Arial;
font-style: normal;
font-weight: 350;
font-size: 16px;
line-height: 24px;
color: #1B1C1D; 
 
 /** for the dropdown indicator */
      -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    background: url("https://image.path.cisco.com/lib/fe40157175640478751676/m/2/pzn_chevron-down.png") no-repeat right #fff;
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px; 
}


textarea {
 width:100%;
 height:156px;

margin:0px 0px 5px 0px;
display:inline-block;
padding: 12px 16px 12px 16px;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #C3C4C5;
border-radius: 8px;
 
font-family: 'CiscoSansTT', Arial;
font-style: normal;
font-weight: 350;
font-size: 16px;
line-height: 24px;
color: #1B1C1D; 
 
}

.input-label {
 
 
  font-family: 'CiscoSansTT', Arial;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  font-weight: 400; 

color: #1B1C1D;


}

input:focus, select:focus, textarea:focus {
 
 border-color: #0076D5 !important;
 outline: 0 none;



}

.vertical-align {
 display: flex;
 align-items: center;
}



.nopadding {
 padding: 0 !important;
 margin: 0 !important;
}


ul, li {
margin: 0;
padding: 0;
} 


footer{
 background-color: #F2F2F2;
  padding: 40px 48px 40px 48px;
 margin: 0 !important;
 
}

.footer-container{
 width: 100%;
 background-color: #F2F2F2;
}

.footer-inner-container{
 max-width: 1600px;
 margin: 0 auto;
}



.footer-links{
  padding: 76px 0px 0px 0px;
 
}

footer a {
  color: #7B7B7B;
  text-decoration: none;
  line-height: 19px;
 font-size: 14px;
 font-weight: 500;
}


.sm-icons {
  flex-direction: row;
 color: aqua;
}

.footer-social a{text-decoration:none;width:20px;height:20px;display:inline-block;
} 

#ff-facebook{background-image:url("https://www.cisco.com/etc/designs/cdc/fw/i/facebook.svg")}
#ff-facebook:hover{background-image:url("https://www.cisco.com/etc/designs/cdc/fw/i/facebook-hover.svg")}
#ff-twitter{background-image:url("https://www.cisco.com/etc/designs/cdc/fw/i/twitter.svg")}
#ff-twitter:hover{background-image:url("https://www.cisco.com/etc/designs/cdc/fw/i/twitter-hover.svg")}
#ff-linkedin{background-image:url("https://www.cisco.com/etc/designs/cdc/fw/i/linkedin.svg")}
#ff-linkedin:hover{background-image:url("https://www.cisco.com/etc/designs/cdc/fw/i/linkedin-hover.svg")}
#ff-youtube{background-image:url("https://www.cisco.com/etc/designs/cdc/fw/i/youtube.svg")}
#ff-youtube:hover{background-image:url("https://www.cisco.com/etc/designs/cdc/fw/i/youtube-hover.svg")}
#ff-instagram{background-image:url("https://www.cisco.com/etc/designs/cdc/fw/i/instagram.svg")}
#ff-instagram:hover{background-image:url("https://www.cisco.com/etc/designs/cdc/fw/i/instagram-hover.svg")}




@media screen and (min-width: 600px) {
 
 
.logo-containerX {
 padding: 0px 0px;
 margin: 0;
}
 
 
 
 .header{
 width:100%;
 background-image: url("https://image.path.cisco.com/lib/fe40157175640478751676/m/2/Handraiser-form_hero.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px !important;
 
}
 
.form-margin-right{
 padding-right: 0px;
 
}

.form-margin-left{
 padding-left: 0px;
 
}


.form-container{
 position: relative;
 z-index: 99;
 width: 402px;
    height: auto;
 background-color: #fff;
 border: 1px solid #C3C4C5;
 margin: -85px auto 97px ;
 border-radius: 8px;
 padding: 48px 48px 48px 48px;
}






}
  
 


@media screen and (min-width: 768px) {
 
.form-margin-right{
 padding-right: 12px;
 
}

.form-margin-left{
 padding-left: 12px;
 
}


.form-container{
 position: relative;
 z-index: 99;
 width: 732px;
    height: auto;
 background-color: #fff;
 border: 1px solid #C3C4C5;
 margin: -85px auto 97px ;
 border-radius: 8px;
 padding: 48px 48px 48px 48px;
} 
 
h1{

font-style: normal;
font-weight: 350;
font-size: 32px;
line-height: 44px;
text-align: center;
letter-spacing: 0.005em;
color: #1B1C1D;
margin-bottom: 32px;
}
h2{
 font-weight: 200;
 font-size: 28px;
 line-height: 40px;
 margin-bottom:0px;
 margin-top: 0px;
}
h3{
 font-size:2rem;
 font-weight:100;
 ine-height:1.2em;
 margin-bottom:15px;
}



p{
font-family: 'CiscoSansTT', Arial;
font-size: 16px;
margin: 0px 0px 32px 0pc;
font-style: normal;
font-weight: 350;
line-height: 22px;
letter-spacing: 0.005em;




} 
 
 
}
 
@media screen and (min-width: 960px) {
 
 
}


@media screen and (min-width: 1200px) {


 

}

@media screen and (min-width: 1600px) {
 
 .intro{
 text-align: left;
}


}




/* CISCO FONT */
 /* CISCO FONT FACE */ 
 
 @font-face {
    font-family: "CiscoSans";
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThin.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThin.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThin.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThin.ttf") format("truetype");
    font-weight: 100;
    font-stretch: normal;
    font-style: normal
  }

  @font-face {
    font-family: "CiscoSans";
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThinOblique.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThinOblique.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThinOblique.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTThinOblique.ttf") format("truetype");
    font-weight: 100;
    font-stretch: normal;
    font-style: italic
  }

  @font-face {
    font-family: "CiscoSans";
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLight.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLight.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLight.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-stretch: normal;
    font-style: normal
  }

  @font-face {
    font-family: "CiscoSans";
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLightOblique.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLightOblique.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLightOblique.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTExtraLightOblique.ttf") format("truetype");
    font-weight: 200;
    font-stretch: normal;
    font-style: italic
  }

  @font-face {
    font-family: "CiscoSans";
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegular.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegular.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegular.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegular.ttf") format("truetype");
    font-weight: 400;
    font-stretch: normal;
    font-style: normal
  }

  @font-face {
    font-family: "CiscoSans";
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegularOblique.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegularOblique.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegularOblique.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTRegularOblique.ttf") format("truetype");
    font-weight: 400;
    font-stretch: normal;
    font-style: italic
  }

  @font-face {
    font-family: "CiscoSans";
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBold.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBold.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBold.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBold.ttf") format("truetype");
    font-weight: 700;
    font-stretch: normal;
    font-style: normal
  }

  @font-face {
    font-family: "CiscoSans";
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBoldOblique.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBoldOblique.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBoldOblique.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTBoldOblique.ttf") format("truetype");
    font-weight: 700;
    font-stretch: normal;
    font-style: italic
  }

  @font-face {
    font-family: "CiscoSans";
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavy.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavy.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavy.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavy.ttf") format("truetype");
    font-weight: 900;
    font-stretch: normal;
    font-style: normal
  }

  @font-face {
    font-family: "CiscoSans";
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavyOblique.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavyOblique.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavyOblique.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTHeavyOblique.ttf") format("truetype");
    font-weight: 900;
    font-stretch: normal;
    font-style: italic
  }