@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
strong {font-weight:700;}

/* HEADER FROM BR*/
#brheader, #brheader *, #mainWrap, #mainWrap * {
    box-sizing: content-box;
}
#brheader {
    min-height: 99px;
    background: none repeat scroll 0 0 #2E3A50;
    border-bottom: 5px solid #5585BD;
    min-width: 1000px;
}
#brwrap {
    margin: 0 auto; 
    overflow: visible;
    padding: 0 15px 5px;
    position: relative;
    width: 967px;
}
.logoContainer {
    margin-right: 0;
    float: left;
}
.brlogo {
    padding-top: 30px;
    display: block;
    float: left;
}
#brfooter {
    background: none repeat scroll 0 0 #18243d;
    clear: both;
    min-width: 1000px;
    font-family:Arial, Helvetica, sans-serif;
}
#brfooter div {
    font-size: 12px;
    line-height: 23px;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0 15px;
    text-align: center;
    width: 1000px;
}
#brfooter a:hover {
    text-decoration: underline;
}
#brfooter .ftl, #brfooter div > a:first-child {
    border-left: 0 none;
}
#brfooter div a, #brfooter div a:visited {
    border-left: 1px solid #8AB4E0;
    color: #FFFFFF;
    padding: 0 5px;
    text-decoration: none;
}
.ftline {
    display: inline;
}
#brfooter .ftline a:first-child, #brfooter em + a {
    border-left: 1px solid #8AB4E0;
}
#brfooter div a, #brfooter div a:visited {
    border-left: 1px solid #8AB4E0;
    color: #FFFFFF;
    padding: 0 5px;
    text-decoration: none;
}
#brfooter small {
    font-size: 12px;
}
#brfooter em {
    color: #FFFFFF;
    font-style: normal;
}
#brfooter .disclosure {
    border-top: 1px solid #49657C;
    color: #FFFFFF;
    font-size: 11px;
    line-height: 17px;
    margin: 0 auto;
    max-width: 900px;
    padding: 10px 0 15px;
    text-align: center;
}
#brfooter .truste {
    float: right;
    margin: 3px 0 0 10px;
    padding: 0;
    width: 100px;
}
#brfooter .truste img {
    width: 80px;
}
#brfooter .disclosure a {
    border: 0 none;
}
.bankrate_footer {
    height: 650px;
}

/* END FROM BR */

body {color:#666666; font-family: 'Roboto Light', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility;}

#brwrap h1 {
    color: #FFFFFF;
    float: left;
    font-size: 28px;
    padding: 45px 0 0 10px;
}
.loginArea {
    float: right;
    padding-top: 40px;
    width: 47.75%;
}
.ie7 .loginArea .form-control {clear:none; float:left; margin-right:8px;}
.ie7 .loginArea .form-button {margin-left:0px;}
.loginArea input {
    border: 1px solid #C8C8C8;
    border-radius: 4px;
    color: #4C4C4C;
    float: left;
    font-size: 13px;
    height: 12px;
    margin: 0 8px 0 0;
    max-width: 134px;
    padding: 8px;
}
.loginArea .form-button {
    background-color: #54B674;
    border-bottom: 2px solid #3E8A50;
    border-top: none;
    border-left: none;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: 'Lato';
    font-size: 15px;
    height: 23px;
    margin: 0 0 0 10px;
    padding: 5px 0 0;
    text-align: center;
    width: 102px;
}
.loginArea .helpbtn {
    background-image: url("img/sprite.png");
    float: left;
    height: 40px;
    margin: -8px 0 0 10px;
    width: 25px;
}
.loginArea .forgot {
    clear: left;
    font-family: 'Roboto Light', Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 3px;
    margin: 0 auto;
    width: 142px;
}
.loginArea .forgot > a {
    color: #A6A6A6;
    text-decoration: underline;
}

.loginArea .has-error{
    border-color: #e9322d;
    box-shadow: 0 0 6px #f8b9b7;
}
/* END HEADER */

/* SLIDER */
.slider {
    background-color: #394459;
    border-bottom: 3px solid #5585BD;
    clear: both;
    height: 404px;
    /*overflow:hidden;*/
}
.sliderContentHolder {
    margin: 0 auto;
    padding: 35px 13%;
    position: relative;
    width: 951px;
}
.sliderHeadline {width: 325px; padding: 0 0 25px; text-align: left; font-size: 38px; line-height: 44px; color: #FFFFFF;}
.sliderTease {width: 340px; text-align: left; font-size: 25px; line-height: 30px; color: #FFFFFF;}
.dark {color:#394459;}
.skdslider .carousel-inner {
    height: 407px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.skdslider .carousel-inner > .item > img, .skdslider .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    line-height: 1;
    max-width: 100%;
    min-height: 407px;
    min-width: 1200px;
    position: absolute;
    overflow: hidden;
    width: 100%;
}
.skdslider .carousel-caption {
    bottom: 0;
    box-sizing: content-box;
    left: 10px;
    margin: 0 auto;
    max-width: 967px;
    padding-bottom: 0;
    padding: 35px 15%;
    position: relative;
    right: 0;
    text-shadow:none;
    top: 0;
}
.skdslider .carousel-indicators {
    bottom: -30px;
}
.skdslider .carousel-indicators li {
    background: url("img/slider/slide-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0;
    height: 12px;
    width: 15px;    
}
.skdslider .carousel-indicators .active {
    background: url("img/slider/slide-bg-active.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}   
.skdslider .carousel-control .icon-prev {
    background: url("img/slider/left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 76px;
    margin-top: -17px;
    position: absolute;
    top: 45%;
    width: 45px;
}
.skdslider .carousel-control .icon-next {
    background: url("img/slider/right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 76px;
    margin-top: -17px;
    position: absolute;
    top: 45%;
    width: 45px;
}
/* END SLIDER */

#mainWrap {
    background-color: #FAFAFA;
    clear: both;
    font-size:18px;
    line-height:26px;
    margin: 0 auto;
    overflow: auto;
    padding: 30px 20px;
    width: 927px;
}
#mainWrap ol {
    list-style-type: decimal;
    margin: 15px 0 15px 50px;
}
#mainWrap ol li {
    margin: 15px;
}

/* MAIN PAGE CONTAINERS */
.roundedCopy {
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    color: #333333;
    /*float: left;*/
    font-size: 20px;
    min-height: 420px;
    line-height: 24px;
    margin: 15px auto;
    min-height: 365px;
    padding: 16px 28px;
    position: relative;
    width: 70%;
   /*width: 42%; - originally there were two blocks side by side*/
}
.roundedCopy:nth-of-type(2) {
    float: right;
}
.roundedCopy a, .fieldsContainer a, .messageContainer a {
    color: #154B8A;
    font-size: 17px;
    text-decoration: none;
}
#mainWrap h2, #mainWrap h3  {
    color: #5D6C89;
    font-family: 'Lato';
    font-size: 23px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 14px;
}
#mainWrap h3 {
    font-size: 28px;
}
.roundedCopy ul {
    color: #4C4C4C;
    font-size: 10px;
    list-style: disc outside none;
    margin-top: 28px;
}
.roundedCopy li {
    margin: 11px 0 0px 12px;
}
.roundedCopy li span {
    font-size: 17px;
    line-height: 18px;
}
.messageContainer {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    min-height: 235px;
    margin: 40px auto;
    padding: 30px 30px 15px;
    width: 530px;
}
.messageContainer p {margin:15px 0; line-height:24px;}

/* MAIN CONTAINERS END */

/* STEPS */
.steps {
    counter-reset: numList;
    font-size:16px;
    height:110px;
}
.steps li:after {
    background-color: #5585BD;
    border-radius: 100px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
    box-sizing: border-box; 
    color: #FFFFFF;
    content: counter(numList, decimal);
    counter-increment: numList;
    display: block;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 32px;
    left: 40%;
    line-height: 30px;
    position: relative;
    text-align: center;
    top: 15px;
    width: 32px;
}
.steps li {
    display: inline-block;
    float:left;
    line-height: 16px;
    text-align: center;
    width: 19.5%;
}
.steps li.active:after {
    background-color: #FFFFFF;
    border: 1px solid #5988BF;
    color: #5584BD;
}
.steps li.pending:after,  .steps li.disabled:after{
    background-color: #FFFFFF;
    color: #B2B2B2;
}
.steps li span {
    color: #5685BD;
    font-family: 'Lato',Arial,Helvetica;
    line-height: normal;
}
.steps .active span {
    font-weight: 800;
}
.steps .pending span, .steps .disabled span{
    color: #808080;
}

.steps .disabled, .steps .disabled:active{
    background-color: transparent;
    border-bottom: none;
    cursor: default;
}
.steps a{
    text-decoration:none;
}
.gradientLine {
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(left, #fafafa 0%, #c2c2c2 50%, #fafafa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fafafa), color-stop(50%,#c2c2c2), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #fafafa 0%,#c2c2c2 50%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #fafafa 0%,#c2c2c2 50%,#fafafa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #fafafa 0%,#c2c2c2 50%,#fafafa 100%); /* IE10+ */
    background: linear-gradient(to right, #fafafa 0%,#c2c2c2 50%,#fafafa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa',GradientType=1 ); /* IE6-9 */
    display: block;
    height: 1px;
    margin-bottom: 30px;
    width: 100%;
}

/* FIELDS */
.fieldsContainer {
    margin: 25px 0 27px 60px;
    overflow: auto;
}
.ie7 .fieldsContainer {margin:25px 0 27px 0;}
.fieldsContainer .required {
    background: url("img/sprite.png") no-repeat scroll -52px 11px #FFFFFF;
}
.form-control {
    border: 1px solid #D9D9D9;
    border-radius:0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
    clear: left;
    color: #4C4C4C;
    float: left;
    font-family: 'Roboto Light', Arial, Helvetica, sans-serif;
    font-size: 16px;    
    height: 26px;
    margin: 7px 8px;
    padding: 5px 0 5px 15px;
    width: 83%;
}
.ie7 .form-control {float:none; margin-right:0px;}
.ie8 .form-control+.form-control {
    clear:none;
    margin-right:0px;
}
.form-control-zip {
    clear: none;
    width: 26.75%;
}
.form-control:nth-of-type(2n+2), input.form-control:last-of-type, .message:nth-of-type(2n+2) {
    clear: none;
    margin-right: 0;
}
#mainWrap .form-control::-webkit-input-placeholder {
    font-size: 15px;
}
#mainWrap .form-control:-ms-input-placeholder {
    font-size: 15px;
}
#mainWrap .form-control:-moz-placeholder, #mainWrap .form-control::-moz-placeholder {
    font-size: 15px;
}
.inputWrap {
    float:left;
    width:50%;
}
.fieldsContainer .message {
    clear: both;
    color: #BC4F54;
    float: left;
    font-size: 13px;
    margin: 0 0 0 12px;
}
.fieldsContainer .last {
    margin-right: 0;
}
.fieldsContainer:last-child {
    margin-bottom: 0;
}
.indent {
    margin:20px 20px 0 20px;
}
label.radio {
    clear: left;
    display: block;
    line-height: 46px;
    margin: 25px 0 0;
}
.radio-inline {
    float: left;
    height: 40px;
    margin: -6px 20px 0 0;
}
.selectContainer {
    float: left;
    margin-right: 66px;
    overflow: hidden;
    width: 88.75%;
}
.selectContainerState {
    float: left;
    margin-right: 24px;
    overflow: hidden;
    width: 50.75%;
}
.selectContainerState select.form-control.required {
    background-position: 176px center, -52px 11px;
}
.selectContainerState select.form-control {
    width: 109%;
}
select.form-control {
    background: url("img/BG-pulldown.png") no-repeat scroll 340px center #FFFFFF;
    height: 24px;
    padding: 7px 0 5px 11px;
    width: 105%;
}
select.form-control.required {
    background-image: url("img/BG-pulldown.png"), url("img/sprite.png");
    background-position:340px center, -52px 11px;
    background-repeat:no-repeat;
}
.ie7 select.form-control, .ie8 select.form-control{
    background-image: url("img/sprite.png");
    background-position:-52px 11px;
    background-repeat:no-repeat;
    padding-right:5px; 
    width:100%;
}
.meta {width: 58%;}
textarea.form-control {
    height: 117px;
    width: 91.5%;
}
.questionImage {
    background: url("img/sprite.png") no-repeat scroll -30px 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    margin: 0 0 0 10px;
    width: 20px;
}
p.indent .questionImage {
    float: right;
    margin-right: 60px;
}
.mainButton {
    background-color: #54B674;
    border-bottom: 3px solid #3E8A50;
    border-radius: 4px;
    bottom: -45px;
    color: #FFFFFF;

    cursor: pointer;
    font-family: 'Lato';
    font-size: 18px;
    height: 41px;
    line-height: 40px;
    margin: 20px auto 5px auto;
    text-align: center;
    width: 276px;
}
.mainButton:active {
    background-color: #3E8A50;
}
.backButton {
    margin-left: 0;
    width: 153px;
}
.ie7 .buttonContainer {clear:none;}
.buttonContainer {
    clear:both;
    float: right;
    margin-right: 55px;
    margin-top: 27px;
}
.buttonContainer .mainButton {
    width: 170px;
}
.linksContainer {
    bottom: 15px;
}
.terms {
    background-color: #FFFFFF;
    font-size: 18px;
    height: 325px;
    line-height: 26px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 97%;
}
.terms p {margin:15px 0;}
.termsCheckbox {float:left; margin-top:40px;}
.termsCheckbox input {margin:4px;}
.disabled, .disabled:active {
    background-color: #CCCCCC;
    border-bottom: 3px solid #999999;
    cursor:default;
}

@media screen and (max-width: 1240px) {
    .bankrate_footer {
        height: 1000px;
    } 

}

@media all and (max-width: 640px) {
    #brheader {
        min-width: 320px;
        width: 100%;
    }   
    #brwrap {
        padding: 5px;
        width: 310px;
    }
    .brlogo {
        padding-top: 5px;
    }
    .brlogo > img {
        height: 30px;
        width: 130px;
    }
    #brwrap h1 {
        font-size: 24px;
        padding: 12px 0 0 10px;
    }
    .loginArea {
        clear: left;
        float: left;
        padding: 10px 0;
        width:100%;
    }
    .loginArea input {
        font-size:10px;
        height: auto;
        margin-right: 4px;
        padding: 5px;
        width: 33.5%;
    }
    .loginArea input.has-error {
        color: #FF0000;
    }
    .loginArea .form-button {
        padding-top: 5px;
        width: 45px;
        font-size: 12px;
        height: 18px;
        margin: 0 5px;
    }
    .loginArea .helpbtn {
        height: 24px;
        margin: 0;
        width: 15px;
        background-size: 60px 24px;
    }
    .loginArea .forgot {
        font-size: 9px; 
        width: 73px;
    }
    .sliderContentHolder {
        padding: 5% 15%;
        width: auto;
    }
    .sliderHeadline {
        font-size: 18px;
        line-height: 20px;
        padding:0 0 10px;
        text-shadow: 1px 1px 1px #000000;
        width: 85%;
    }
    .sliderTease {
        font-size: 14px;
        line-height: 18px;
        text-shadow: 1px 1px 1px #000000;
        width: 85%;
    }
    .skdslider .carousel-inner {
        height: 100%;
    }
    .skdslider .carousel-inner > .item > img, .skdslider .carousel-inner > .item > a > img {
        min-height: 200%;
        min-width: 100%;
    }       
    #mainWrap {
        font-size:15px;
        line-height:20px;
        padding: 10px 5px;
        width: auto;
        min-height: inherit;
    }
    .roundedCopy {
        margin: 30px 0 0 0;
        padding: 6px 9px;
        width: auto;
    }
    .roundedCopy:nth-of-type(2) {
        margin-top: 10px;
    }
    .linksContainer {
        bottom: auto;
        padding-top: 20px;
        position: relative;
        width: 100%;
    }
    .mainButton {
        margin: 0 auto;
    }
    .steps {height: 90px;}
    .steps li {width: 20%;}
    .steps li .ng-scope > span {display: block; height: 35px;}
    .steps li:after {font-size: 14px; height: 24px; left: 27%; line-height: 22px; width: 24px;}
    .steps span {font-size:10px;}
    .gradientLine {margin-bottom:15px;}
    .indent {margin: 20px 10px 0 10px;}
    .fieldsContainer {margin: 5px;}
    .form-control {width: 94%;}
    textarea.form-control {width: 91%;}
    .inputWrap {clear: left; width: 97%;}
    label.radio {margin:30px 0 0; line-height:normal;}
    label.radio .radio-inline {margin-top: -5px;}
    .radio-inline {margin-right: 10px; height:33px;}
    .indent {margin: 10px 5px 0 5px;}
    .selectContainer, .selectContainerState {width: 102.5%;}
    select.form-control.required, .selectContainerState select.form-control.required {background-position: 254px center, -52px 11px;}
    select.form-control {background-position: 254px center; padding-left:15px;}
    .buttonContainer {float:none; margin-right:0px;}
    .buttonContainer .mainButton {width: auto;}
    .messageContainer {width: 90%;padding: 15px;}
    .terms {
        font-size: 12px;
        line-height: 14px;
        padding: 10px;
        height: 100px;
        margin: 0px;
        width:92%;
    }
    .terms p {line-height:normal;}
    .terms a, .termsCheckbox {font-size:12px;}
    .termsCheckbox {margin:20px 0;}
    
    /* FOOTER */
    #brfooter {
        min-width: 320px;
        width: auto;
    }
    #brfooter div {
        width: auto;
    }  
    .bankrate_footer {
        height: 1100px;
    } 
}
@media screen and (max-width: 450px) {
    .bankrate_footer {
        height: 1350px;
    } 

}

/* FONTS TO BE HOSTED LATER? */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://web-archive.nli.org.il/National_Library/20161130034600oe_/http://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://web-archive.nli.org.il/National_Library/20161130034600oe_/http://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://web-archive.nli.org.il/National_Library/20161130034600oe_/http://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://web-archive.nli.org.il/National_Library/20161130034600oe_/http://themes.googleusercontent.com/static/fonts/lato/v6/BVtM30trf7q_jfqYeHfjtA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://web-archive.nli.org.il/National_Library/20161130034600oe_/http://themes.googleusercontent.com/static/fonts/lato/v6/2HG_tEPiQ4Z6795cGfdivD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://web-archive.nli.org.il/National_Library/20161130034600oe_/http://themes.googleusercontent.com/static/fonts/lato/v6/oUan5VrEkpzIazlUe5ieaA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://web-archive.nli.org.il/National_Library/20161130034600oe_/http://themes.googleusercontent.com/static/fonts/lato/v6/HkF_qI1x_noxlxhrhMQYED8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(https://web-archive.nli.org.il/National_Library/20161130034600oe_/http://themes.googleusercontent.com/static/fonts/lato/v6/VNUH7ZAcagYBWsAiBBCEYz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Light';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),   
  src: url('https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://themes.googleusercontent.com/font?kit=33_del8_OqHYp5o7lJ03zEbnXQ06sCSpaytluCdpFnY') format('woff');
}
@font-face {
  font-family: 'Roboto Light';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),   
  src: url('https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://themes.googleusercontent.com/font?kit=7m8l7TlFO-S3VkhHuR0atxxTiQ0Fp6CNM96zoT_eAsA') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),   
  src: url('https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://themes.googleusercontent.com/font?kit=1bFto_RrW-wgLetD2HhJU_esZW2xOQ-xsNqO47m55DA') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto'),
  src: url('https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://themes.googleusercontent.com/font?kit=6KFrDeASu9TLyM8WOgo0YRsxEYwM7FgeyaSgU71cLG0') format('woff');
}
@font-face {
  font-family: 'Roboto Medium';
  font-style: normal;
  font-weight: 500;
  
  src: url('https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://themes.googleusercontent.com/font?kit=KWsSs963f8Tf42hZ9v03ukbnXQ06sCSpaytluCdpFnY') format('woff');
}
@font-face {
  font-family: 'Roboto Medium';
  font-style: italic;
  font-weight: 500;
  src: url('https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://themes.googleusercontent.com/font?kit=OLffGBTaF0XFOW1gnuHF0RxTiQ0Fp6CNM96zoT_eAsA') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://themes.googleusercontent.com/font?kit=0aNn9O0RXt3pucxdKtWoA0bnXQ06sCSpaytluCdpFnY') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('https://web-archive.nli.org.il/National_Library/20161130034600oe_/https://themes.googleusercontent.com/font?kit=t6Nd4cfPRhZP44Q5QAjcCxxTiQ0Fp6CNM96zoT_eAsA') format('woff');
}