html {
  scroll-behavior: smooth;
 
}


body {
    height: 100%;
 background: #f2f2f2;
 color: #1B1C1D;
 font-family: "CiscoSansTT", Arial, sans-serif;
}



.body-div {

box-shadow: 0 2px 5px 0 rgba(0,0,0,.12);
max-width: 1600px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
background: #ffffff;
overflow: visible;

}

.logo{
margin: 0px auto;
padding: 24px 0px 24px 0px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.12);
background-color: #ffffff;
 
}  

.innercontainer {
width: 100%;
padding: 40px 20px 0px 20px;
margin: 0 auto; 


}

.main {
width:100%; 
margin: 0px auto;
padding: 0px 0px 0px 0px;
display: flex;

}

.section-conainter{
 margin: 40px 0px 40px 0px;
}

.keep{
 margin: 24px 0px 0px 0px;
}

.notice-conainter{
 padding: 40px 0px 40px 0px;
 border-top:solid 1px #DEE2E6;
}

.ty-conainter{
 padding: 30px 0px 40px 0px;
 border-top:solid 1px #DEE2E6;
 margin: 30px 0px 0px 0px;
}

#details1, #details2, #details3, #details4, #details5, #details6, #details7, #details8, #details9, #details10, #details11, #details12, #details13, #details14, #details15, #details16, #details17, #details18, #details19, #details20 {
 display: none;
}


.flex-container {
 flex-direction: column-reverse;
  display: flex;
  align-items: flex-start;
  
}

.flex-item-left {
   flex: 50%;
}

.flex-item-right {
   flex: 50%;
 margin-bottom: 24px;
}


.right-image{
 max-width: 100%;
 
}


.flex-container-form {
 flex-direction: column;
  display: flex;
  align-items: flex-start;
 margin-bottom: 20px;
height: auto;
  
}

.form-col-left {
  flex: 0 0 0px;
 
}

.form-col-right {
  padding-left: 0px; 
  flex: 1;
} 


 


h1 {
 

font-family: "CiscoSansTT", Arial, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 32px;
line-height: 44px;
letter-spacing: 0.005em;
color: #212529;
margin: 0px 0px 24px 0px;


 
}

h2 {

font-family: "CiscoSansTT", Arial, sans-serif;
font-style: normal;
font-weight: 350;
font-size: 24px;
line-height: 33px;
letter-spacing: 0.005em;
color: #212529;
margin-bottom: 24px; 

}
h3 {

font-family: "CiscoSansTT", Arial, sans-serif;
font-style: normal;
font-weight: 350;
font-size: 20px;
line-height: 27px;
letter-spacing: 0.005em;
color: #212529;
margin-bottom: 16px;

}



.body-txt {

font-family: "CiscoSansTT", Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.005em;
color: #212529;
margin: 0px 0px 0px 0px; 
}

.form-txt {

font-family: "CiscoSansTT", Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.005em;
color: #212529;
margin: 10px 0px 0px 0px; 
}

.form-txt2 {

font-family: "CiscoSansTT", Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.005em;
color: #212529;
margin: 20px 0px 0px 0px; 
 padding-top: 90px;
}

.note-txt {

font-family: "CiscoSansTT", Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.005em;
color: #212529;
margin: 16px 0px 0px 0px; 
}

.note-col-left {
 padding-top: 20px;
}  
 

.small-txt {

font-family: "CiscoSansTT", Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.005em;
color: #212529;
padding: 0px 0px 0px 0px; 
}

a {
 color: #0175A2;
text-decoration: none;
}


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


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


.btn-blue {
 width: 133px;
    height: 38px;
 padding: 8px 40px 8px 40px;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 position: relative;
 cursor: default;
 color: #495057;
 font-family: "CiscoSansTT", Arial, sans-serif;
 font-size: 16px;
 line-height: 22px;
 font-style: normal;
 font-weight: 400; 
 letter-spacing: 0.005em;
 display:block;
 border: 1px dotted #495057;
    border-radius: 100px;
 text-decoration:none;;
 
 
}

.btn-blue:hover {
 background: #ffffff;
 color: #495057;
 text-decoration:none;
}

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

.footer {
border-top: 1px solid #cfdbef;
background-color: #ffffff;

 
}

footer{
position: relative;
flex-direction: column;
display: flex;
align-items: left;
padding: 20px;

/* Inside auto layout */
flex: none;
order: 4;
flex-grow: 0;
margin-top: 80px;
 
 
}

.footer-item{
 
font-family: "CiscoSansTT", Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
display: flex;
letter-spacing: 0.005em;

/* Misc/Link */
color: #0175A2;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0; 
 

}

.footer-item a {
color: #0175A2;
text-decoration: none;
margin-bottom: 3px; 
 
}



/**** 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 {
box-sizing: border-box;
width: 250px;
height: 40px;
border: 1px solid #C3C4C5;
border-radius: 2px;
margin:0px 0px 0px 0px;
display:inline-block;
padding: 12px 16px 12px 16px;
background: #FFFFFF;

font-family: 'CiscoSansTT', Arial;
font-style: normal;
font-weight: 350;
font-size: 16px;
line-height: 24px;
color: #212529;
 
 
}

select {
width:250px;
height:40px;
margin:0px 0px 0px 0px;
display:inline-block;
padding: 11px 10px 10px 10px;
box-sizing: border-box;
border: 1px solid #C3C4C5;
border-radius: 2px;
font-family: 'CiscoSansTT', Arial;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #212529; 

/** 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 10px center;
background-size: 10px; 
}


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: #212529; 
 
}

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


}

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

}

input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }


.checkbox-container {
      width: 100%; } 

.checkbox {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  margin-bottom: 0;
 }
  .checkbox .checkbox-input {
    width: 20px;
    height: 20px;
  
}
   .checkbox input {
  width: 20px !important;
  height: 20px !important;
  display: block;
  position: absolute;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: 0; }

 .checkbox input:active ~ .checkbox-input, .checkbox input:checked ~ .checkbox-input {
    background-color: #fff;
    border: 1px solid #DEE2E6; }

 .checkbox input:hover ~ .checkbox-input {
    border: 1px solid #00BCEB; }



 .checkbox-input {
   position: absolute;
 top: 3px;
 min-width: 20px;
    border: 1px solid #DEE2E6;
     border-radius: 2px;
    background-color: transparent;
    margin-right: 8px;

}

  .checkbox-label {
    color: inherit;
    font-size: inherit;
    margin-top: 0px;
 margin-left: 30px;}


   

    .checkbox input:checked ~ .checkbox-input:after {
      opacity: 1; }


     

    .checkbox input:disabled ~ .checkbox-input {
      background-color: #939595; 
      border: 1px solid #939595;
}
 

  
  .checkbox .checkbox-input:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: auto;
      height: auto;
      content: "";
      pointer-events: none;
      opacity: 0;
      transition: all 0.25s ease; }
    .checkbox .checkbox-input:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: auto;
      height: auto;
      content: "";
      pointer-events: none;
      opacity: 0;
      transition: all 0.25s ease;
      border-radius: 0; }
    .checkbox .checkbox-input:after {
      position: absolute;
      display: block;
      left: 6px;
      top: 3px;
      width: 6px;
      height: 10px;
      color: transparent;
      border: #00bceb solid;
      border-width: 0 1px 1px 0;
      transform: rotate(45deg); }



@media screen and (min-width: 600px) {
 
.innercontainer {
padding: 50px 30px 0px 30px;
}
 
.flex-container-question {
 flex-direction: row; 
  display: flex;
  align-items: flex-start;
 
} 
 
.question-col-left {
  flex: 0 0 270px;
 
}

.question-col-right {
  padding-left: 20px; 
  flex: 1;
} 
  

.form-col-right {
  padding-left: 290px; 
  flex: 1;
}   

footer{
position: relative;
flex-direction: row;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;

/* Inside auto layout */
flex: none;
order: 4;
flex-grow: 0;
margin-top: 80px;
 
 
}
 
.footer-item{
 
font-family: "CiscoSansTT", Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
display: flex;
letter-spacing: 0.005em;


/* Misc/Link */
color: #212529;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0; 
 
 
 

} 
 
 
.ty-conainter{
 padding: 60px 0px 40px 0px;
 border-top:solid 1px #DEE2E6;
 margin: 60px 0px 0px 0px;
} 

}
  
 


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


.innercontainer {
padding: 50px 40px 0px 40px;

}
 
.flex-item-right {
   flex: 50%;
 margin-bottom: 40px;
} 
 
.flex-container-question {
 flex-direction: row; 
  display: flex;
  align-items: flex-start;
 
} 
 
.question-col-left {
  flex: 0 0 305px;
 
}

.question-col-right {
  padding-left: 20px; 
  flex: 1;
} 
  

.form-col-right {
  padding-left: 325px; 
  flex: 1;
} 
 
}
 
@media screen and (min-width: 960px) {
 

.innercontainer {
padding: 50px 80px 0px 80px;

}
 
.flex-container {
 flex-direction: row; 
  display: flex;
  align-items: flex-start;
 
 
} 
 
 
.flex-item-left {
  flex: 0 0 280px;
}

.flex-item-right {
  padding-left: 60px; 
  flex: 1;
}
 

.right-image{
 max-width: 460px;
 
}


 
 
footer{
 position: fixed;
  bottom: 0; 
flex-direction: row;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
width: 100%;
max-width: 1600px;
/* Inside auto layout */
flex: none;
order: 4;
flex-grow: 0; 
 
 
}  
 


}


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

 
.flex-item-left {
  flex: 0 0 412px
}

.flex-item-right {
  padding-left: 60px; 
  flex: 1;
}
 

.right-image{
 max-width: 568px;
 
}
 

 
}

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

.innercontainer {
padding: 50px 160px 0px 160px;
} 
 
 

 
.flex-item-left {
  flex: 0 0 602px
}

.flex-item-right {
  padding-left: 60px; 
  flex: 1;
}
 
.right-image{
 max-width: 618px;
 
} 
 
  
.flex-container-form {
 flex-direction: row; 
  display: flex;
  align-items: flex-start;
 
} 
 
 
.form-col-left {
  flex: 0 0 575px;
 
}

.form-col-right {
  padding-left: 40px; 
  flex: 1;
} 
 
.flex-container-question {
 flex-direction: row; 
  display: flex;
  align-items: flex-start;
 
} 
 
 
.question-col-left {
  flex: 0 0 305px;
 
}

.question-col-right {
  padding-left: 20px; 
  flex: 1;
} 
 
.flex-container-note {
 width: 100%
 
} 
  
.note-col-left {
 position: relative;
 float: left;
  width: 195px;
  margin-right: 12px;
 padding-top: 8px;
}

.note-col-right {
 position: relative;
 float: left;
  max-width: 416px;
} 
  
 
 
 
 
}

/* 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/CiscoSansTTLight.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLight.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLight.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLight.ttf") format("truetype");
    font-weight: 300;
    font-stretch: normal;
    font-style: normal
  }

  @font-face {
    font-family: "CiscoSans";
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLightOblique.eot");
    src: url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLightOblique.eot?#iefix") format("embedded-opentype"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLightOblique.woff") format("woff"), url("//www.cisco.com/c/dam/assets/fonts/cisco-sans/CiscoSansTTLightOblique.ttf") format("truetype");
    font-weight: 300;
    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
  }