* {
  margin: 0;

  padding: 0;
}

html,
body,
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,
legend,
caption,
tfoot,
thead,
th,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

  margin: 0;

  padding: 0;
}

html,
body,
html {
  height: 85%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
.show-desktop {
  display: block;
}

input::-moz-selection {
  background-color: #ddd;
}

input::selection {
  background-color: #ddd;
}

.none,
.hide-desktop,
ul.slimmenu li .sub-collapser > i {
  display: none;
}

.clearfix:after,
#container:after,
.widget-wrapper:after,
.clear {
  clear: both;
}

body {
  -moz-font-smoothing: antialiased;

  -webkit-font-smoothing: antialiased;

  background: #fff;

  color: #222;

  font-family: arial, sans-serif;

  font-size: 14px;

  font-smoothing: antialiased;

  line-height: 1.5em;

  text-rendering: optimizeLegibility;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

table {
  border-collapse: collapse;

  border-spacing: 0;
}

button,
input,
select,
textarea {
  border: none;

  font-size: 100%;

  margin: 0;

  overflow: visible;

  vertical-align: baseline;

  font-family: inherit;
}

button.se-button {
  border-style: none;

  border-width: 0;

  background: none;

  border-color: none;
}

img.se-image {
  /*height: 69.5px;

	top:0;*/

  /*	margin-top: -1.5px;

	margin-left: -2px;*/

  height: 59.5px;

  top: -0.51544444px;

  position: relative;

  left: -2.5px;

  vertical-align: top;
}

textarea {
  overflow: auto;

  vertical-align: text-top;

  height: 100px;

  padding: 3px 5px;
}

a {
  text-decoration: underline;

  color: #ddedfb;
}

a:hover,
a:visited,
a:focus {
  outline: 0;

  color: #ddedfb;

  text-decoration: underline;
}

/* =Headings

-------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: normal;

  line-height: 1em;

  word-wrap: break-word;
}

h1 {
  font-size: 32px;

  margin-bottom: 0.5em;

  margin-top: 0.5em;
}

h2 {
  font-size: 28px;

  margin-bottom: 0.75em;

  margin-top: 0.75em;
}

h3 {
  font-size: 22px;

  margin-bottom: 0.857em;

  margin-top: 0.857em;
}

h4 {
  font-size: 1.5em; /* = 24px */

  margin-bottom: 1em;

  margin-top: 1em;
}

h5 {
  font-size: 1.125em; /* = 18px */

  margin-bottom: 1.125em;

  margin-top: 1.125em;
}

h6 {
  font-size: 1em; /* = 16px */

  margin-bottom: 1.285em;

  margin-top: 1.285em;
}

hr {
  background: #ddd;

  border: none;

  clear: both;

  color: #ddd;

  float: none;

  height: 1px;

  width: 100%;
}

hr.space {
  background: #fff;

  color: #fff;
}

p {
  word-wrap: break-word;

  margin: 10px 0;
}

i,
em,
dfn,
cite {
  font-style: italic;
}

tt,
var,
pre,
kbd,
samp,
code {
  font-family: monospace, serif;

  font-style: normal;
}

b,
strong {
  font-weight: 700;
}

.toolbar {
  padding-top: 0;

  height: 30px;
}

/************************ new css ***/

body {
  margin: 0;
}

ul.topnav {
  display: inline;
  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

  /* background-color: #ffffff; */

  /* opacity: 80%; */
}

header img {
  float: left;
  width: 60px;
  height: 60px;
}

header {
  display: block;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  padding: 15px;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

ul.topnav li a {
  display: inline-block;

  color: #ffffff;

  text-align: center;

  padding: 14px 16px;

  text-decoration: none;

  /* transition: 0.3s; */

  font-size: 18px;

  font-family: Montserrat, sans-serif;

  margin-top: 10px;
}

ul.topnav li a:hover {
  border-radius: 20px;
  background-color: #ffffff;
  color: #000000;
}

ul.topnav li.icon {
  display: none;
}

ul.topnav li.right {
  float: right;
  margin-left: 10px;
  margin-right: 10px;
}

ul.topnav li a.right-login {
  background-color: rgb(31 112 189);
  /* padding: 16px 20px !important; */
  border-radius: 30%;
  float: right;
}

ul.topnav li a.right-login:hover {
  background-color: #f67d34;
  color: #ffffff;
}

ul.topnav li.left {
  float: left;
}

@media screen and (max-width: 680px) {
  div.header-center img {
    position: absolute;
    margin-top: 10px;
    left: 40%;
    width: 60px;
    height: 60px;
  }

  ul.topnav li a.right-login {
    background-color: rgb(31 112 189);
    /* padding: 16px 20px !important; */
    border-radius: 30%;
    float: right;
    position: absolute;
    right: 20%;
    top: 0px;
  }

  ul.topnav li:not(:first-child) {
    display: none;
  }

  ul.topnav li.icon {
    float: right;

    display: inline-block;
  }

  ul.topnav li {
    display: none;
  }
}

@media screen and (max-width: 680px) {
  ul.topnav.responsive {
    position: relative;
  }

  ul.topnav.responsive li.icon {
    position: absolute;

    right: 0;

    top: 0;
  }

  ul.topnav li.icon a {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
  }
  ul.topnav.responsive li a:hover {
    background-color: #ffffff;
    color: #000000;
  }

  ul.topnav.responsive li a {
    margin-top: 0;
    padding: 6px 16px;
  }

  ul.topnav.responsive li.icon a {
    background-color: rgba(0, 0, 0);
    color: #ffffff;
  }

  ul.topnav.responsive li {
    float: none;

    display: inline;
  }

  ul.topnav.responsive li a {
    display: block;

    text-align: left;
  }
}

/*************************************/

.hidden {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

#container {
  clear: both;

  margin: 12% auto 0 auto;

  max-width: 882px;

  padding: 0 20px;

  position: relative;

  margin-bottom: 50px;
}

.video-wrapper {
  text-align: center;
}

#logo {
  display: block;

  float: none;

  margin: 0px auto 15px auto;

  width: 413px;
}

body.has-video #logo {
  margin: 10px auto 15px auto;
}

.left {
  float: left;
}

.right {
  float: right;
}
.center {
  text-align: center;
}

.clearfix:after,
.clearfix:before,
#container:after,
#container:before,
.widget-wrapper:after,
.widget-wrapper:before {
  content: " ";

  display: table;
}

.ie7 .clearfix,
.ie7 #container,
.ie7 .widget-wrapper {
  zoom: 1;
}

.search-form {
  width: 100%;

  margin: auto;
}

.search-form fieldset {
  margin: auto;
}

.header-center {
  /* display: flex;
  align-items: center; */
  vertical-align: middle;
}

.divform {
  position: relative;
  /* top: 50%;
  left: 50%; */
  width: 100%;
  height: 50px;
  background: white;
  box-sizing: border-box;
  border-radius: 25px;
  border: 4px solid white;
  padding: 5px;
  margin: left;
  margin-top: 10px;
  /* margin-top: 15%; */
}

.search-form input[type="text"] {
  /*float: left;*/

  height: 62px;

  width: 100%;

  /*padding:6px;*/

  padding-left: 6px;

  font-size: 20px;
}

.fa {
  box-sizing: border-box;
  padding: 10px;
  width: 42.5px;
  height: 42.5px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  color: #07051a;
  text-align: center;
  font-size: 1.2em;
  transition: all 1s;
}

.newinput {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 42.5px;
  line-height: 30px;
  outline: 0;
  border: 0;
  /* display: none; */
  font-size: 1em;
  border-radius: 20px;
  padding: 0 20px;
}

.search-form button {
  /*float: left;*/
}

.button {
  cursor: pointer;
}

.secondary-button {
  color: #fff;

  line-height: 30px;

  font-size: 14px;

  height: 30px;

  width: 90px;

  text-decoration: none;

  margin: 0px;

  padding: 0px;
}

.secondary-button:hover {
  color: #fff;

  text-decoration: none;
}

.primary-button {
  height: 44px;

  padding: 0px;
}

.primary-button:hover {
  text-decoration: none;
}

.tagline {
  margin: auto;
  height: 25px;
  text-align: center;
}

.form-ui {
  margin: 0 auto;
}

.m-l-20 {
  margin-left: 20px;
}

.content {
  float: left;

  margin: 50px 0;

  width: 100%;
}

.space60 {
  clear: both;

  display: block;

  float: left;

  margin: 60px 0;

  width: 100%;
}

h3.highlight {
  margin-top: 15px;

  color: #fff;

  font-size: 14px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-l-60 {
  margin-left: 60px;
}

.m-l-70 {
  margin-left: 70px;
}

.m-l-80 {
  margin-left: 80px;
}

.m-l-90 {
  margin-left: 90px;
}

.m-l-100 {
  margin-left: 100px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-t-70 {
  margin-top: 70px;
}

.m-t-80 {
  margin-top: 80px;
}

.m-t-90 {
  margin-top: 90px;
}

.m-t-100 {
  margin-top: 100px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-r-50 {
  margin-right: 50px;
}

.m-r-60 {
  margin-right: 60px;
}

.m-r-70 {
  margin-right: 70px;
}

.m-r-80 {
  margin-right: 80px;
}

.m-r-90 {
  margin-right: 90px;
}

.m-r-100 {
  margin-right: 100px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-b-60 {
  margin-bottom: 60px;
}

.m-b-70 {
  margin-bottom: 70px;
}

.m-b-80 {
  margin-bottom: 80px;
}

.m-b-90 {
  margin-bottom: 90px;
}

.m-b-100 {
  margin-bottom: 100px;
}

.ui-widget-content {
  background: #edf7ff;

  width: auto !important;

  overflow: scroll;
}

#results .ui-autocomplete {
  overflow: hidden !important;
}

.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background-color: #a8d6e5;

  color: #000;

  border: 1px solid #a8d6e5;
}

footer {
  /* padding: 1em;

    color: white;

	left:0;

	bottom:0;*/

  /*background-image: url("../images/footer-bkg.png");*/

  /*clear: left;

    text-align: center;

	opacity: 1; 

  

  background-color: rgba(0,0,0,0.6); */

  position: fixed;

  right: 0;

  bottom: 0;

  left: 0;

  padding: 1rem;

  opacity: 1;

  background-color: rgba(0, 0, 0, 0.6);

  text-align: center;
}

@media (max-width: 600px) {
  #container {
    margin: 27% auto 0 auto;
  }

  /* #container .responsive {
    z-index: 1;
    background-color: rgba(0, 0, 0, 0);
  } */
  header img {
    display: none;
  }
  header {
    z-index: 1;
    background-color: rgba(0, 0, 0, 0);
  }
  header.responsive {
    z-index: 1;
    background-color: rgba(0, 0, 0, 1);
  }
  footer {
    padding: 21px;
  }
}

/* Responsive Media */

@media (max-width: 768px) {
  #logo {
    margin: 80px auto 10px auto;

    width: 413px;
  }

  h3.highlight {
    display: block;

    margin-bottom: 20px;

    text-align: center;
  }
}

@media (max-width: 650px) {
  #logo {
    max-width: 100%;

    margin: 30px auto 10px auto;
  }

  #logo img {
    max-width: 100%;
  }

  .search-form button {
    /*float: left;*/

    margin-left: 0;
  }
}

@media (max-width: 414px) {
  #logo {
    max-width: 100%;

    margin: 25px auto 10px auto;
  }

  body.about-to-type .search-form input[type="text"] {
    width: 100%;
  }
}

@media (max-width: 375px) {
  #logo {
    max-width: 100%;

    margin: 20px auto;
  }

  body.about-to-type .search-form input[type="text"] {
    width: 100%;
  }
}

@media (max-width: 360px) {
  #logo {
    max-width: 100%;

    margin: 15px auto;
  }

  body.about-to-type .search-form input[type="text"] {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  body.about-to-type.typing .video-wrapper {
    display: none;
  }

  body.about-to-type .search-form {
    position: fixed;

    bottom: 65px;

    left: 0px;
  }

  body.about-to-type .form-ui {
    width: 99% !important;
  }

  body.about-to-type.on-screen-keyboard .ui-widget-content {
  }
}
