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;
}
/* ---------- GENERAL ---------- */
@font-face {
  font-family: 'Alef Hebrew';
  font-style: normal;
  font-weight: 400;
  src: url(../../Bootstrap/Fonts/Alef-Regular.eot);
  src: url(../../Bootstrap/Fonts/Alef-Regular.eot?#iefix) format('embedded-opentype'),
       url(../../Bootstrap/Fonts/Alef-Regular.woff) format('woff'),
       url(../../Bootstrap/Fonts/Alef-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Alef Hebrew';
  font-style: normal;
  font-weight: 700;
  src: url(../../Bootstrap/Fonts/Alef-Bold.eot);
  src: url(../../Bootstrap/Fonts/Alef-Bold.eot?#iefix) format('embedded-opentype'),
       url(../../Bootstrap/Fonts/Alef-Bold.woff) format('woff'),
       url(../../Bootstrap/Fonts/Alef-Bold.ttf) format('truetype');
}

* {
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}

body {
  font-family: "Alef Hebrew", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: url(../images/sso-back.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #000;
  /*font: 100%/1.5em "Varela Round", sans-serif;*/
  margin: 0;
  font-size: 17px;
}

input {
  font-family: "Alef Hebrew", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-image: none;
  border: none;
  /*font: 100%/1.5em "Varela Round", sans-serif;*/
  margin: 0;
  padding: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.message-box {
  display: none !important;
}

div.wrapper {
  left: 40%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

div.wrapper .row {
  display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome */
  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}


header.container-fluid {
    background-color: rgba(245,245,245,0.4);
    border-top: 1px solid #007dad;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    height: 99px;
}

/* ---------- BRAND ---------- */

a.navbar-brand .img-responsive {
    width: auto;
    height: 60px;
}
a.navbar-brand {
    width: inherit;
}
/* ---------- DISCLAIMER ---------- */
#disclaimer {
  background-color: rgba(250,250,250,0.8);
  align-items: stretch;
  padding-right: 0;
  padding-left: 0;
  float: right;
  min-height: 420px;
  margin-top: 5%;
  width: 70%;
}

#disclaimer p,
#disclaimer div,
#disclaimer h2 {
  padding: 20px 40px 10px 40px;
}
#disclaimer h2 {
  /*border-radius: 20px 20px 0 0;*/
  color: #005c81;
  font-size: 40px;
}
#disclaimer .do-not-show {
  padding: 10px 0;
} 
#disclaimer .do-not-show label input {
   display: inline-block;
   vertical-align: top;
} 
#disclaimer .do-not-show input[type="checkbox"] {
   display: inline-block;
   vertical-align: top;
   margin: 2px 0px 0px 15px;
} 
#disclaimer .notice {
  font-weight: 600;
  padding: 0;
}
#disclaimer fieldset {
  padding: 0 40px 37px;
}
#disclaimer fieldset input[type="submit"] {
    float: left;
    font-size: 20px;
    font-weight: 400;
    padding: 12px 50px;
    background-color: #005c81;
    border-bottom: 2px #007dad solid;
    color: #ffffff;
    position: relative;
    bottom: -20px;
}

#disclaimer fieldset input[type="submit"]:hover {
    float: left;
    font-size: 20px;
    font-weight: 400;
    padding: 12px 50px;
    background-color: #ffffff;
    color: #005c81;
    border-bottom: #005c81 solid 2px;
    -moz-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
    -o-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
    -webkit-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
    transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
}

/* openu css toolkit start */
.pull-by-lang {
    float: left;
}
.pull-op-lang {
    float: right;
}
/* openu css toolkit start */
@media only all and (max-width: 325px) and (max-height: 410px) {
    div.wrapper {
        top: -1px !important;
        bottom: 0 !important;
    }
    header.container-fluid {
        display: none !important;
    }
    #mobileBookmark .messages-mobile-title {
        width: 0;
        height: 0;
    }
    footer.navbar {
        display: none !important;
    }
    .message-box {
        display: none !important;
    }

    .form-group {
        margin-bottom: 10px;
    }
    span.arrow:before {
        display: none !important;
    }
    span.arrow:after {
        display: none !important;
    }

}

.page-head-tab-wrap {
    display: inline-block;
}
.page-head-tab {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-head-tab .page-head-item {
    margin: 0 0 0 15px;
    float: right;
    width: auto;
}
.page-head-item.active .page-head-link {
    color: #005c81;
}

.page-head-item .page-head-link {
    display: block;
    text-align: center;
    padding: 0px 10px
    text-decoration: none;
    font-size: 20px;
    color: #333;
    display: inline-block;
    line-height: 48px;
    position: relative;
    transition: color .1s cubic-bezier(.4,0,.2,1);
}
.active .page-head-indicator {
    transform: scaleY(1);
}
.page-head-indicator {
    background: #005c81;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 235ms cubic-bezier(.4,0,.2,1);
}
.page-head-item a {
    text-decoration: none;
}
@media screen and (max-width: 349px), screen and (max-width: 349px) and (orientation: landscape), screen and (max-width: 349px) and (orientation: portrait) {
    header.container-fluid div.pull-left {
        padding: 15px 0 0 15px;
        font-size: 22px;
    }
}
@media screen and (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape), screen and (max-width: 767px) and (orientation: portrait) {

    header.container-fluid div.pull-right h1 {
        padding: 26px 10px 0px 0px;
        font-size: 22px;
        color: #005c81;
        font-size: 22px;
    }

    #disclaimer {
      margin-top: 80px;
      background:blue;
      display:inline;
      background-color: #fff;
      width: 100%;
    }

    body {
      background-image: none;
      color: #000;
      /*font: 100%/1.5em "Varela Round", sans-serif;*/
      margin: 0;
    }
    div.wrapper {
        top: 70px !important;
        border-top: 1px solid #005c81;
    }
    .navbar-brand {
        padding: 10px 10px;
    }
    .messages img {
      width: 40px;
    }
    #disclaimer h2 {
      color: #005c81;
      font-size: 28px;
    }
    #disclaimer p,
    #disclaimer div,
    #disclaimer h2 {
      padding: 20px 40px 10px 40px;
    }
    #disclaimer fieldset input[type="submit"] {
      bottom: -65px;
    }

    header.container-fluid {
        top: 0;
        left: 0;
        right: 0;
        position: fixed;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        border-bottom: 1px solid #005c81;
        background: #FBFBFB;
    }
    header.container-fluid > .col-xs-12 {
        padding-right: 0;
        padding-left: 0;
    }
    div.wrapper {
        top: 80px;
        left: 0;
        right: 0;
        bottom: 50px !important;
        overflow-y: scroll;
        bottom: 0;
        z-index: 0;
        position: fixed;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    header.container-fluid {
      padding-right: 0;
      padding-left: 0;
    }
    footer.navbar{
      background-color: #555555;
    }
    footer.navbar .footer .call-us {
      float: right;
      display: block;
      text-indent: -9999px;
      width: 30px;
      height: 30px;
      margin: -2% 0 0 5%;
      background: url(../images/phone.svg) no-repeat;
      background-size: 30px 30px;
    }

    footer.navbar .footer .email-us {
      float: right;  
      display: block;
      text-indent: -9999px;
      width: 30px;
      height: 30px;
      margin: -2% 15% 0 5%;
      background: url(../images/contact.svg) no-repeat;
      background-size: 30px 30px;
    }

    footer.navbar ul li a {
      margin-right: 0px;
      margin-top: 14px;
      font-size: 20px;
      color: #fff;
      width: 100%;
      float: right;
    }
    footer.navbar .footer .col-xs-6 {
      padding: 0;
    }
    a.navbar-brand .img-responsive {
      max-width: 180px;
      height: 50px;
    }
    a.navbar-brand {
      height: auto;
      width: auto;
    }
    .page-head-item .page-head-link {
        color: #333; 
    }
    .all-buttons-top-second-row {
      border-top: 1px solid #d9d9d9;
      padding: 0px 10px 0px 10px;
      /*min-height: 95px;*/
    }

#mobileBookmark .messages-mobile-title {
    float: right;
    display: block;
    text-indent: -9999px;
    width: 13%;
    height: 40px;
    margin: 1% 0% 1% 0;
    background: url(../images/messages-blue.svg) no-repeat;
    background-size: 36px 24px;
}
#mobileBookmark h2 {
    color: #005c81;
    position: relative;
    display: inline;
    font-size: 17px;
    padding:7px;
    right: 7px;
    top: 7px;
}

    .headline-only-mobile {
        display: block;
        margin: 10px 0px 10px 0px;
        border-bottom: 1px dotted #e4e9f0;
    }
    .headline-only-mobile h2, .headline-only-mobile h3, .headline-only-mobile h4, .headline-only-mobile legend {
        font-family: "Alef Hebrew", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: 0 0 -2px 0;
        color: #005c81;
        padding-bottom: 5px;
        display: inline-block;
        border-bottom: 2px solid #005c81;
    }

    .form-group {
        margin-bottom: 10px;
    }
    span.arrow:before {
        display: none !important;
    }
    span.arrow:after {
        display: none !important;
    }

    .navbar.container-fluid {
       position: absolute;
       right: 0;
       bottom: 0;
       left: 0;
       margin: 0;
    }
    .page-head-tab-wrap {
        padding: 30px 0 0;
    }
    .page-head-item .page-head-link {
        color: #333;
        font-size: 15px;
    }   
    .page-head-tab .page-head-item {
        margin: 0 8px;
    }
}